body{ background-color:#424242; color:#FFFFFF; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5,form,ul,li,img{margin:0px; padding:0px; list-style:none; border:0px;}
html, body{width:100%; height:100%;}
#contenor{padding:20px; overflow:hidden;}
#leftbox{ margin-right:20px; width:240px; overflow:hidden;}
#logo{margin-bottom:10px;}
.optionbox{overflow:hidden; margin-bottom:10px; background-color:#060606; color:#FFFFFF; border-radius:10px; -webkit-border-radius:10px;}
h2{font-size:14px; font-weight:bold; padding:5px; color:#999999;}
.users{}
.users a{ background-color:#555555; padding:10px 10px 10px 30px; background-repeat:no-repeat; background-position: 5px center; text-decoration:none; display:block; color:#FFFFFF; font-weight:bold; background-image:url(../images/liveuser.png); margin-bottom:1px;}
.users a:hover{background-color:#676767; text-decoration:none;}
.users .offline{background-image:url(../images/offlineuser.png) !important; background-color:#393939 !important; color:#939393 !important;}
.greenbtn{padding:5px; overflow:hidden;}
.greenbtn a{ background-color:#84a012;border-radius:5px; -webkit-border-radius:5px; padding:5px 10px; color:#FFFFFF; font-weight:bold; text-decoration:none;}
.greenbtn a:hover{text-decoration:none;}

#map_wrapper {
    height: 800px;
}

 #map-canvas {
        width: 100%;
        height: 550px;
      }

#maptopbox{background-color:#000000; padding:5px; overflow:hidden;} 

.textf{border:1px #999999 solid; padding:5px; font-size:15px;}