@charset "UTF-8";
/* CSS Document */
.mytooltp {
   position:relative; 
   top:0px;
   left:45%;
   width:100%; 
  
   margin:0px;
   /*background: url('../../icons/bl_tooltip.png');
   background-repeat:no-repeat;*/
   color: #ffffff;
   z-index: 500; 
   display: block; 
   overflow:visible; 
    border-radius: 5px;
    background: #3097d1;
    padding:7px;
	 
}

.myspecpopup {
   position:relative; 
   top:0px;
   left:0px;
   width:100%; 
   margin:0px;
   text-align:center;
   /*height:80px;  background: url('../../icons/bl_tooltip.png');
   background-repeat:no-repeat; color: #000000;*/
   z-index: 500; 
   display: block; 
   overflow:visible; 
    border-radius: 5px;
    background:#ffc107;
    padding:7px;
	 
}

#main {	
/*position: absolute;
top:65px;
right:19px; */
position: absolute;
top:5%;
right:3%;
width:270px; 
padding: 10px;
height: auto;
margin: 0px;
/*background: transparent url('../../styleimages/grey80.png');
border: 1px solid #888;
box-shadow: 0 0 10px #aaa; */
color: #000;
z-index: 500; 
display: block; 
overflow:visible;
}

#mainp {	
/*position: absolute;
top:65px;
right:19px; */
position: absolute;
top:5%;
right:30%;
width:270px; 
padding: 10px;
height: auto;
margin: 0px;
/*background: transparent url('../../styleimages/grey80.png');
border: 1px solid #888; */
box-shadow: 0 0 10px #aaa;
color: #000;
z-index: 500; 
display: block; 
overflow:visible;
}


#mainLarge {	
/*position: absolute;
top:65px;
right:19px; */
position: absolute;
top:5%;
right:3%;
width:600px; 
padding: 10px;
height: auto;
margin: 0px;
/*background: transparent url('../../styleimages/grey80.png'); */
background: rgba(255, 255, 255, 0.65);
border: 1px solid #888;
box-shadow: 0 0 10px #aaa;
color: #000;
z-index: 500; 
display: block; 
overflow:visible;
}

#legend {	
/*position: absolute;
top:65px;
right:19px; */
position: absolute;
top:71%;
right:90%;
width:270px; 
padding: 10px;
height: auto;
margin: 0px;
/*background: transparent url('../../styleimages/grey80.png');
border: 1px solid #888;
box-shadow: 0 0 10px #aaa; */
color: #000;
z-index: 500; 
display: block; 
overflow:visible;
}

#map_header {
position: absolute;
top: 0;
left: 0;
z-index: 15;
width: 100%;
height: 50px;
background: transparent url('../../styleimages/white80.png');
margin: 0;
padding: 0;
overflow: hidden;
box-shadow: 0 0 20px #222, inset 0 -5px 30px #ccc;
}


#mapcontrolbox ul {
list-style: none;
margin: 0;
padding: 0px; 
}

#mapcontrolbox a {
color: #000;
text-decoration:none;
}

#mapcontrolbox a:hover {
background: none;
text-decoration:none;
}

#mapcontrolbox ul li {
padding-top: 0px;
padding-bottom: 0px;
padding-left:3px;
padding-right:3px;
/*border: 1px solid #555; box-shadow: inset 0 -5px 20px #888; */
width: 100%;
float: left;
text-align:left;
/*margin: 5px 0 0 0;*/
margin-top:1px;
margin-bottom:-5px;
/*border-radius: 4px;*/
}

#mapcontrolbox ul li:hover {
box-shadow: inset 0 0 1px #467d9c;
border-color: #222;
cursor: default;
}

#mapcontrolbox a:hover { 
	color: #000;
	text-decoration:none;
	}

#mapcontrolbox ul li:active, #mapcontrolbox ul li:focus {
/*border-color: #555;
box-shadow: inset 0 5px 30px #fff;*/
border-color: #e0f4ff;
box-shadow: inset 0 0 1px #e0f4ff;
/*padding-top:2px;*/
}
	
#mapcontrolbox ul li.selected {
border-color: #444;
box-shadow: inset 0 0px 1px #fff;
}

#mapcontrolbox input { 
	cursor: pointer;
	}
	
#selector1 {
	border-color: #990000  
}

.control { 
	margin-top: -5px;
	text-transform: uppercase;
	font-size: 0.8em;
	box-shadow: inset 0 0 1px #ccc;
	}