/*
#idMap 
{	
	background-color: transparent;
	border: solid 3px brown;
	position: relative;
	top: 0px;
	left: 0px;
	width: 650px;
	height: 400px;
}
*/

div.minimap
{
	position: absolute;
	overflow: hidden;
	background-color: transparent;
	/*border: solid 3px #CCCCCC;*/
	margin: 2px 2px 2px 2px;
	bottom: 2px;
	right: 2px;
	width: 100px;
	height: 100px;
	z-index: 50;
}

#idMapmmface
{
	/*border: 3px solid Orange;*/
	border: 3px solid #fbf8f1;
}

.minimapframefill
{
	position: absolute;
	overflow: hidden;
	background-color: Gray;	
	top: 0px;
	left: 0px;
	width: 80px;
	height: 40px;
	/*z-index: 35;*/
	z-index: 45;
}

div.minimapframe
{
	position: absolute;
	overflow: hidden;
	background-color: transparent;	
	border: solid 2px Gray;
	top: 0px;
	left: 0px;
	width: 80px;
	height: 40px;
	/*z-index: 37;*/
	z-index: 47;
}

div.minimapsecframe
{
	position: absolute;
	overflow: hidden;
	background-color: transparent;	
	border: solid 2px #0000CC;
	top: 0px;
	left: 0px;
	width: 80px;
	height: 40px;
	/*z-index: 37;*/
	z-index: 48;
	cursor: move;
}

.minimapsecframefill
{
	position: absolute;
	overflow: hidden;
	background-color: #0000CC;	
	border: solid 2px Blue;
	top: 0px;
	left: 0px;
	width: 80px;
	height: 40px;
	/*z-index: 37;*/
	z-index: 47;
}
.map
{
	position:relative;
	overflow: hidden;
	min-height: 340px;
	/*overflow: hidden;*/	
}

.face
{
	/*position: relative;*/
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	z-index: 40;
	background-color:transparent;
	background-image: url('../images/transparent.gif');
	cursor: move;
	border:3px solid #999999;
}

img.toplogo
{
	position: absolute;
	z-index: 38;
	background-color:transparent;
	height: 28px;
	width: 58px;
	right: 0px;
	top: 0px;
	padding: 5px;
}

div.faceborder
{
	position: absolute;
	z-index: 38;
	font-size: 1px;
	background-color: Gray;
}
img.faceborder
{
	position: absolute;
	z-index: 38;
	padding: 2px;
}

.grid
{
	position:absolute;
	background-color:transparent;
	z-index: 30;	
}

div.gridItem
{
	position:absolute;
	background-color:transparent;
	/*border: solid 1px brown;*/
	z-index: 5;
}

img.gridItem
{
	position:relative;
	background-color:transparent;
	border: none;
	width: 100%;
	height: 100%;
}

img.mapPreview
{
	/*z-index: 3;*/
	z-index: 7;
}

#hint
{
	position:absolute;
	border:1px #000000 solid;
	font-family:arial,sans-serif;
	font-size:10px;
	padding-left:1px;
	padding-right:1px;
	top: 0px;
	left: 0px;
	width: 65px;
	background-color:#EFEF00;
}



div.mapPalette
{
	position: absolute;
	left: 15px;
	top: 20px;
	z-index: 45;		
}

div.mapPaletteBg
{
	position: absolute;
	left: 14px;
	top: 13px;
	z-index: 44;
	width: 25px;	
}


div.mapPaletteBgUpper
{
	left: 0px;
	top: 0px;
	width: 25px;
	height: 12px;	
	background-image: url("../images/toolbarbgupper.PNG");
	background-repeat: no-repeat;
}

/* height set by code */
div.mapPaletteBgMain
{
	width: 25px;		
	background-image: url("../images/toolbarbgmain.PNG");
	background-repeat: repeat-y;
}

div.mapPaletteBgBottom
{
	left: 0px;
	bottom: 0px;
	width: 25px;
	height: 11px;	
	background-image: url("../images/toolbarbglower.PNG");
	background-repeat: no-repeat;
}

div.mapPaletteMinimap
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 51;
	/*border: dashed 3px red;*/
}


div.slider
{
	position:relative;
	background-color:transparent;
	background-image: url("../design/ICON_slider_ruler_on.gif");
	margin-left: 3px;
	margin-bottom: 3px;
	cursor: pointer;
}

div.slidertick
{
	background-color: transparent;
	background-image: url("../design/ICON_slidertick_on.gif");	
	height: 3px;
	width: 17px;	
}

div.sliderthumb
{	
	background-color:transparent;
	background-image: url("../design/ICON_sliderthumb_on.gif");	
	height: 4px;
	width: 17px;	
	cursor:pointer;
}

a.UI_map_button
{
	position:relative;	
	background-color:transparent;
	height: 17px;
	width: 17px;
	margin: 3px;
	top: 0px;
	left: 0px;
}

img.UI_map_button
{	
	background-color:transparent;
	padding: 0px;
	border: 0px;
	margin: 0px;
	top: 0px;
	left:0px;
	width: 17px;
	height: 17px;
}

div.anim_main
{
	position: absolute;
	width: 100px;
	height: 100px;
}

div.anim_tl
{
	position: absolute;
	border-top: solid 3px Orange;
	border-left: solid 3px Orange;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 10px;	
}

div.anim_tr
{
	position: absolute;
	border-top: solid 3px Orange;
	border-right: solid 3px Orange;
	top: 0px;
	right: 0px;
	width: 10px;
	height: 10px;
}

div.anim_bl
{
	position: absolute;
	border-bottom: solid 3px Orange;
	border-left: solid 3px Orange;
	bottom: 0px;
	left: 0px;
	width: 10px;
	height: 10px;
}

div.anim_br
{
	position: absolute;
	border-bottom: solid 3px Orange;
	border-right: solid 3px Orange;
	bottom: 0px;
	right: 0px;
	width: 10px;
	height: 10px;
}

div.ratiometerleftborder
{
	position: absolute;
	background-color: transparent;
	border-left: solid 1px Black;
	top: 0px;
	left: 0px;
	width: 2px;
	height: 5px;
}

div.ratiometerrightborder
{
	position: absolute;
	background-color: transparent;
	border-right: solid 1px Black;
	top: 0px;
	right: 0px;
	width: 2px;
	height: 5px;
}

/* A település neve a térkép tetején */
div.settlementcaption
{
	position: relative;
	overflow: hidden;
	background-color: #FFFFF8;			
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	font-variant:small-caps;
	color: Red;
	top: 0px;	
	width: 130px;
	height: 16px;
	z-index: 100;
}

/* ToolTip */
div.tooltip
{
	position: absolute;
	background-color: #FFFFF8;			
	text-align: left;
	font-size: 11px;
	font-family: Arial;
	top: 0px;
	left: 0px;
	color: Black;
	z-index: 35;	
	padding: 1px;
	border: solid 1px Black;
	white-space: nowrap;
	
}

.ratiometer
{
	position: absolute;
	overflow: hidden;
	background-color: #FFFFF8;
	border-top: solid 4px Black;
	margin-left: 20px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 11px;
	bottom: 0px;
	left: 0px;
	width: 100px;
/*	height: 16px;*/
	z-index: 35;
}

div.poiParent
{
	position: absolute;
	background-color: transparent;
}

.distpanel
{
	position: absolute;
	background-color: White;
	border: solid 1px Black;
	font-family:arial,sans-serif;
	font-size:10px;
}

div.foundaddress
{
	position: absolute;
	background-color: White;
	color: Black;
	border: solid 1px Black;
	font-family:arial,sans-serif;
	font-size:11px;
	white-space:nowrap;
	padding: 0px;
	vertical-align:middle;
	min-width: 50px;
	z-index: 10;
}


.imggridprint
{
	visibility: hidden;
}


.marker, .markerGreen, .markerRed {
	position: absolute;
	z-index: 7;
	width: 16px;
	height: 16px;
	/*cursor: default;*/
}

.marker {	background-image: URL('../images/mapctrl/marker.gif'); }
.markerGreen {	background-image: URL('../images/mapctrl/marked_green.gif'); }
.markerRed {	background-image: URL('../images/mapctrl/marked_red.gif'); }

.markerPoiDrag
{
	position: absolute;
	z-index: 2;
	width: 20px;
	height: 20px;
	background-image: url("../images/mapctrl/marker_poi.gif");
}

.markerSign
{
	padding: 0px;
	margin: 0px;
	position: absolute;
	z-index: 7;
	width: 90px;
	height: 90px;
	cursor: pointer;
}

.markerWeather
{
	padding: 0px;
	margin: 0px;
	position: absolute;
	z-index: 7;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

.markerUTV
{
	padding: 0px;
	margin: 0px;
	position: absolute;
	z-index: 7;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

.markerFavouritePlace
{
	padding: 0px;
	margin: 0px;
	position: absolute;
	z-index: 7;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

.markerFindPoi
{
	padding: 0px;
	margin: 0px;
	position: absolute;
	z-index: 7;
/*	width: 11px;
	height: 11px;*/
	cursor: pointer;
}

.markerDailyNews
{
	padding: 0px;
	margin: 0px;
	position: absolute;
	z-index: 7;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

.markerTrafficChange
{
	padding: 0px;
	margin: 0px;
	position: absolute;
	z-index: 7;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

.labelbox {
	position: absolute;
	z-index: 9;
	/*border: solid 1px #006699;*/
	border: solid 1px #CCCCCC;
	/*font-size: 10px;
	font-weight: bold;
	font-family: Verdana, sans-serif;*/
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:normal;	
	
	background-image: URL('../images/mapctrl/palettebackground.png');
	/*background-color: inherit;*/
	background-color: White;
	/*color: #006699;*/
	color: #333333;
	vertical-align: middle;
	padding: 1px;
}

.labelboxUTV {
	position: absolute;
	z-index: 9;
	/*border: solid 1px #006699;*/
	border: solid 1px #CCCCCC;
	/*font-size: 10px;
	font-weight: bold;
	font-family: Verdana, sans-serif;*/
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	font-style:normal;
	font-weight:normal;	
	
	/*background-image: URL('../images/mapctrl/palettebackground.png');*/
	/*background-color: inherit;*/
	/*background-color: White;*/
	/*color: #006699;*/
	color: #333333;
	vertical-align: middle;
	padding: 1px;
}
.labelclose {
	position: absolute;
	right: 1px;
	top: 2px;
	cursor: pointer;
	background-color: #DEDEDE;
}
.label, .labelcaption, .labelcaptionlogged {
	font-size: 10px;
	font-family: Verdana, sans-serif;
	/*color: #006699;*/
	color: #333333;
	white-space: nowrap;
/*	cursor: text;*/
}
.labelcaption, .labelcaptionlogged {
	font-weight: bold;
	/*color: #bd2110;*/
	/*background-color: #c1dae1;*/
	color: White;
	background-color: #F57C10;
	padding: 1px;
}

.labelcaption { padding-right: 50px; }
.labelcaptionlogged { padding-right: 62px;}

.labelboxUTV .labelcaption
{
	padding-right: 0px;
}

.labelbox td.weatherTitle 
{
	background-color: #FFD064;
	padding: 3px;
	/*padding-right: 10px;*/
	white-space: nowrap;
	width: 120px;
	border: solid 1px White;
}

.labelbox td.weatherData 
{
	background-color: #FFF084;
	padding: 3px;
	/*padding-right: 10px;*/
	white-space: nowrap;
	width: 120px;
	border: solid 1px White;
}

table.ptstops td
{
	padding-left: 10px;
	padding-right: 10px;
}

table.ptstops 
{
	margin-left: auto;
	margin-right: auto;	
}