/* AjaxMaps */

.map_image {
    position: relative;
    display: block;
    margin-left: 0px;
    margin-bottom: 10px;
    float: right; 

    /*
    width: 673px;
    height: 360px;
    border: 1px solid rgb(179,179,179);
    float: right;
	z-index:150;
	*/
}


.map_image_backgroundtiles, .map_image_surface {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: default;
    /*border: 1px solid black;*/
}

.map_image_backgroundtiles {
    background-color: gray;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    z-index:100;
}

.map_image_surface {
	overflow: hidden;
    background-color: transparent;
    background-image: url("../../images/vartti/map/spacer.png");
    background-repeat: no-repeat;
    background-position: center center;
	z-index:140;
}
    
   
.map_image_backgroundtiles {
}

 div.map_image_tile {
    background-color: #000000;
    border: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    left: 0px;
	width: 256px;
	height: 256px;
}


div.map_image_tilecontainer {
    background-color: #000000;
    border: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    left: 0px;
}


.map_image_dynamic,
.map_image_street,
.map_image_background {
    border: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
	height: 100%;
}    

.map_image_street{
}

.map_image_dynamic{

}

.map_image_meter{
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: auto;
    height:auto;
    z-index: 139;
}		

/* Markers */

.map_marker_green_x, .map_marker_red_x {
    position: absolute;
    top: 0px;
    left: 0px;		
    width: 38px;
    height: 46px;
	padding-top:12px;
	text-align:center;
	font-weight:bold;
	color:rgb(255,255,255);
	background:transparent url("../../images/vartti/map/marker_normal.gif") bottom left no-repeat !important;
   /* background:none; /* for old IE */
/*    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/vartti-themes/images/vartti/map/marker_normal.png', sizingMethod='crop');*/
}

.map_marker_red_x {
   /* background:none; /* for old IE */
	background:transparent url("../../images/vartti/map/marker_normal.png") bottom left no-repeat !important;
    -background:transparent url("../../images/vartti/map/marker_normal.gif") bottom left no-repeat !important;
/*    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/vartti-themes/images/vartti/map/marker_active.png', sizingMethod='crop'); */
}

/* Map Menu */

div.map_menu{
   margin: 0;
   padding: 1px;
   position: absolute;
   border: 2px outset grey;
   z-index:200;
   background-color: #ffffff;
   visibility: hidden;
}

div.map_menu a{
	display: block;
	text-decoration: none;
    padding: 2px;
}


div.map_menu a:hover{
	background-color: #ccccee;
}


/* Map Scalebar */
 div.map_scalebar {
   width: 26px;
   height: 135px;
   position: absolute;
   bottom: 10px;/*120px;*/
   right: 7px;
   cursor: default;
   z-index:202;

 }

 div.map_scalebar_background {
 
   background:transparent url("../../images/vartti/map/bg_map_slider.png") top left no-repeat !important;
  /* background:none;*/
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/vartti/map/bg_map_slider.png', sizingMethod='crop');
   width: 26px;
   height: 135px;
   position: absolute;
   bottom: 10px;/*120px;*/
   right: 7px;
   cursor: default;
   z-index:200;
}
 
 /* hight of scalebar images: needed to be set, 
   so that javascript gets the hight bevor image is loaded */
 img.map_scalebar_bar { height: 73px; }
 img.map_scalebar_plus { height: 25px; }
 img.map_scalebar_minus { height: 25px; position:absolute; bottom:0px; left:0px; } 
 div.map_scalebar img {
   margin: 0px;
   padding: 0px;
   border: none;
 }
 
 
 div.map_scalebar_slider {
   background:transparent url("../../images/vartti/map/hs_slider.png") top left no-repeat !important;
  /* background:none; */
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/vartti-themes/images/vartti/map/hs_slider.gif', sizingMethod='crop');
   width: 15px;
   height: 8px;
   position: absolute;
   left: 5px; /* left +5*/
   z-index:210;
 }


/* PAN Control */

div.map_pan {
   background:transparent url("../../images/vartti/map/control.png") top left no-repeat !important;
  /* background:none; /* for old IE */
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/vartti/map/control2.png', sizingMethod='crop'); 
   width: 30px;
   height: 30px;
   position: absolute;
   bottom: 150px;
   right: 6px;
   cursor: default;
   z-index:202;
   background-color:blue;
 }

 div.map_pan_background { }
 
/* --------------------------------------------------------- MAP BUBBLE STYLES */

.mapBubble { width:213px; position:absolute; bottom: 45px; right:-70px; z-index:99999; text-align:left; cursor:default; }
.bubbleShadow {
	background:transparent url('../../images/vartti/map/bbl_shadow.png') bottom right no-repeat !important;
	/*background:none; /* for old IE */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/vartti/map/bbl_shadow.png', sizingMethod='image');
}
 
.bubbleWrapper { width:190px; }

.bubbleHeader {
	height:12px;
	width:190px;
	background:transparent url('../../images/vartti/map/bbl_top.png') top left no-repeat !important;
	/*background:none; /* for old IE */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/vartti/map/bbl_top.png', sizingMethod='image');
}
 
.bubbleContent { color:rgb(60,60,60); font-weight:normal; background:rgb(255,255,255); padding:0px 8px 0px 8px; border-left:1px solid rgb(180,180,180); border-right:1px solid rgb(180,180,180); font-size:86%; }
.bubbleContent h5 { font-size:110%; padding-bottom:0.5em; margin:0px; }
.bubbleContent h6 { font-weight:normal; color:rgb(1,120,2); margin:0px; }

.bubbleFooter {
	height:12px;
	width:190px;
	background:transparent url('../../images/vartti/map/bbl_bottom.png') bottom left no-repeat !important;
/*	background:none; /* for old IE */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/vartti/map/bbl_bottom.png', sizingMethod='image');
}

.bubbleNib {
	width:26px;
	height:26px;
	margin-top:-1px;
	margin-left:100px;
	background:transparent url('../../images/vartti/map/bbl_nib.png') top left no-repeat !important;
	/*background:none; /* for old IE */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/vartti/map/bbl_nib.png', sizingMethod='crop');
}