/*
#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;
	/*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;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/*border: solid 1px brown;*/
	z-index: 5;
}

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

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: 7px;
	top: 20px;
	z-index: 45;
	width: 55px;
	/*border: dashed 3px red;*/
}
div.mapPaletteMinimap
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 51;
	/*border: dashed 3px red;*/
}

div.slider_container
{
	background-image: url("../images/acc/ICON_slidershadow_on.png");
	background-repeat: repeat-y;
	width: 40px;	
	padding: 3px 0px;
}

div.slider
{
	position:relative;
	background-color:transparent;
	/*margin-left: 3px;
	margin-bottom: 3px;
	margin-top: 3px;*/
	cursor: pointer;
}

div.slidertick
{
	background-color: transparent;
	background-image: url("../images/acc/ICON_slidertick_on.png");	
	height: 11px;
	width: 30px;	
}

div.sliderthumb
{	
	background-color:transparent;
	background-image: url("../images/acc/ICON_sliderthumb_on.gif");	
	height: 10px;
	width: 22px;	
	cursor:pointer;
}

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

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

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, .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: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;
}

.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;
}

.mapPalette td.naviTopLeft
{
	width: 20px;
	height: 18px;
	background-image: url('../images/acc/ICON_navi_top_left.png');
}

.mapPalette td.naviTopCenter
{
	width: 13px;
	height: 18px;
	background-image: url('../images/acc/ICON_navi_top_center.png');
}

.mapPalette td.naviTopCenterAlt
{
	width: 13px;
	height: 18px;
	background-image: url('../images/acc/ICON_navi_top_center_alt.png');
}

.mapPalette td.naviTopRight
{
	width: 20px;
	height: 18px;
	background-image: url('../images/acc/ICON_navi_top_right.png');
}

.mapPalette td.naviMiddleLeft
{
	width: 20px;
	height: 14px;
	background-image: url('../images/acc/ICON_navi_middle_left.png');
}

.mapPalette td.naviMiddleLeftAlt
{
	width: 20px;
	height: 14px;
	background-image: url('../images/acc/ICON_navi_middle_left_alt.png');
}

.mapPalette td.naviMiddleCenter
{
	width: 13px;
	height: 14px;
	background-image: url('../images/acc/ICON_navi_middle_center.png');
}

.mapPalette td.naviMiddleRight
{
	width: 20px;
	height: 14px;
	background-image: url('../images/acc/ICON_navi_middle_right.png');
}

.mapPalette td.naviMiddleRightAlt
{
	width: 20px;
	height: 14px;
	background-image: url('../images/acc/ICON_navi_middle_right_alt.png');
}

.mapPalette td.naviBottomLeft
{
	width: 20px;
	height: 19px;
	background-image: url('../images/acc/ICON_navi_bottom_left.png');
}

.mapPalette td.naviBottomCenter
{
	width: 13px;
	height: 19px;
	background-image: url('../images/acc/ICON_navi_bottom_center.png');
}

.mapPalette td.naviBottomCenterAlt
{
	width: 13px;
	height: 19px;
	background-image: url('../images/acc/ICON_navi_bottom_center_alt.png');
}

.mapPalette td.naviBottomRight
{
	width: 20px;
	height: 19px;
	background-image: url('../images/acc/ICON_navi_bottom_right.png');
}