@import url(http://fonts.googleapis.com/css?family=Lato:700);

html, body, #map-canvas {
	margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
}

#btn_msg {
	position: absolute; 
	left: 10%;
	top: 20%;
	background: #BBCCED;
   	margin: 15px 0 0 15px;
  	width: 70%;
  	height: 30%;
	font: bold 18px arial, helvetica, sans-serif;
}  

#btn_reload_pt {
	position: absolute;
	left: 15%;
	top:15px;
}

#btn_cur_loc
{
	position: absolute;
	left: 3px;
	bottom:30px;
	font-size: 75%; 
	padding: 3px 7px;
	filter:alpha(opacity=60);
}

#android_btn_cur_loc
{
	position: absolute;
	left: 3px;
	bottom:30px;
	font-size: 75%; 
	padding: 3px 7px;
	filter:alpha(opacity=60);
	visibility:hidden;
}

#bound_text
{
	position: absolute;
	 
	left: 100px;
	top:80px;
}

#lbl_site_url
{
	position: absolute;
	background-color: #ffffff;
	filter:alpha(opacity=60);
	opacity:0.6;
	-moz-opacity:0.6;
	right: 1px;
	bottom: 18px;
	font-size: 70%; 
	padding: 3px 2px 2px 3px;
}

#dropdownNav{position: absolute;left: 15%;top:5px;vertical-align: top;white-space: nowrap;max-height:100%; overflow-y:auto; margin:0;padding:0;cursor:pointer;}
#dropdownNav a, 
#dropdownNav a:hover, 
#dropdownNav ul{font:11px arial;}
#dropdownNav ul{width:120px;background:#ffffff;list-style-type: none; border: 1px solid #777777;margin:0; padding:0;}
#dropdownNav li ul{border:none;}
#dropdownNav ul li ul li{margin:5px;padding:2px;}
#dropdownNav .caption{font-weight:bold; font-size:120%;margin:0; padding:0;border-bottom:1px solid #777777;color: #333333; background-image:url('down_arrow.gif');background-color:#f0f0f0; background-position:95% center;background-repeat: no-repeat;padding:3px 4px 2px 5px;}
#dropdownNav .show ul{display:block;}
#dropdownNav .hide ul{display:none;}
#dropdownNav .show div.caption{background-image:url('down_arrow.gif');}

#webDropdownNav{position: absolute;right: 100px;top:5px;vertical-align: top;white-space: nowrap;max-height:100%; margin:0;padding:0;cursor:pointer;}
#webDropdownNav a, 
#webDropdownNav a:hover, 
#webDropdownNav ul{font:12px arial;}
#webDropdownNav ul{width:220px;background:#ffffff;list-style-type: none; border: 1px solid #777777;margin:0; padding:0;}
#webDropdownNav li ul{border:none;}
#webDropdownNav ul li ul li{margin:5px;padding:2px;}
#webDropdownNav .caption{height: 12px ;font-size:100%;margin:0; padding:0;border-bottom:1px solid #FFFFFF;color: #333333; background-image:url('down_arrow.gif');background-color:#f0f0f0; background-position:95% center;background-repeat: no-repeat;padding:3px 4px 2px 5px;}
#webDropdownNav .show ul{display:block; max-height: 500px; max-height: 70vh; overflow-y: auto;}
#webDropdownNav .hide ul{display:none;}
#webDropdownNav .show div.caption{background-image:url('down_arrow.gif');}


@import url(http://fonts.googleapis.com/css?family=Arimo:700);


/* For u_map */
.guidebox {
	position: 		fixed;
	z-index: 		9999;
	background-color: rgba(251,238,123,0.9);
	border: 		1px solid #e5ca5d;
	box-shadow: 	0px 3px 3px rgba(0,0,0,0.15);
	font-family: 	"Arimo", sans-serif;
	padding:		0.5em 1em;
	font-size:		9pt;
}
.guidebox h1, h2, h3, h4, h5 {
	margin:			0 0 0.5em 0;
	padding: 		0;
}
.guidebox ol {
	padding:		0;
	margin: 		0;
}
.guidebox li {
	padding:		0 0 0.2em 0em;
	margin: 		0 0 0 1.5em;
}

.howtoadd {
	top:			3em;
	right:			1em;
	width:			12em;
	height:			auto;
}