v\:* {behavior:url(#default#VML);}
html,body{
width:100%;
height:100%
}
body{
margin:0;
padding:0;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
}
#map-canvas{
margin:0;
padding:0;
background-color:#666666;
/*margin-left:160px;*/
height:100%;
}
/*infwindow*/
.rbox{
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
padding:5px;
line-height:1.6em;
}
.rbox b{
font-size:1.5em;
color:#CC0000;
}
.rbox img{
border:none;
}
.rbox a:hover{
color:#FF6600;
}
h1{
color:#FFFFFF;
font-size:1.5em;
}
#keycontainer{
position:absolute;
bottom:0;
width:100%;
pointer-events:none;/*allowclicks underdiv*/
}
#key{
pointer-events:visible;
background-color:#000000;
z-index:4;
text-align:center;
width:500px;
padding:5px;
margin:0 auto;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#helpmenu{
position:absolute;
left:200px;
top:50px;	
width:400;
color:#FFFFFF;
font-size:14px;
line-height:1.5em;
background-color:black;
padding:15px;
border:2px white solid;
}
#helpmenu a{
color:#FF6600;
}
.v12{
font-size:14px;
}
#top10{
position:absolute;
/*overflow-y:scroll;*/
top:0;right:0;
z-index:2;
background-color:#CC3366;
color:#FFFFFF;
padding:8px;
/*
-webkit-box-shadow: -4px 6px 7px rgba(50, 50, 50, 0.4);
-moz-box-shadow: -4px 6px 7px rgba(50, 50, 50, 0.4);
box-shadow: -4px 6px 7px rgba(50, 50, 50, 0.4);

-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;*/
}
#top10 b{
color:#FFFFFF;
}
#top10 ul{
margin:0;
padding:0;
list-style:none;
}
#top10 ul li{
margin-top:8px;
}
#top10 a{
color:#FFFFFF;
text-decoration:none;
}
#top10 a:hover{
background-color:#FF0033;
text-decoration:underline;
}
#leftcol{
display:block;
text-align:center;
position:absolute;
left:0;
top:0;
width:160px;
padding:0;
margin:0;
}
.addthis_sharing_toolbox{
margin-bottom:10px;
}
#test{
font-size:0.8em;
position:absolute;
z-index:2;
bottom:30px;
left:160px;
color:#FFFFFF;
background-color:#000000;
padding:5px;
line-height:1.3em;
}


@media screen and (max-device-width:480px){
#map-canvas{
height:80%;
}
#top10{
display:block;
position:relative;
height:auto;
background-color:#CC3366;
color:#FFFFFF;
padding:5px;
box-shadow:none;
border-radius:0px;
}
#top10 ul li{
display:block;
box-sizing:border-box;
}
#top10 a{
display:block;
width:100%;
padding:0.6em;
color:#FFFFFF;
font-size:1.2em;
}
#keycontainer{
display:block;
position:relative;
width:100%;
pointer-events:none;
}
#key{
pointer-events:visible;
background-color:#000000;
z-index:4;
text-align:center;
width:100%;
padding:5px;
margin:0 auto;
border-radius:0px;
}
#test, #leftcol{
display:none;
}
h1{
color:#FFFFFF;
display:block;
}

}