*{ margin: 0; padding: 0; font-size: 13px; font-family: arial, helvetica, verdana, sans-serif;}
html, body { height: 100%; background-color: #fff}
.shadow { -moz-box-shadow: 5px 5px 5px #ccc;  -webkit-box-shadow: 5px 5px 5px #ccc; box-shadow: 5px 5px 5px #ccc; }
#pageContainer {position: absolute; top:0px; left: 0px; width: 100%; height:100%; background-color: #fff;}
#mapContainer {width: 1100px; height:560px; position: relative; margin: 0 auto;}
#base_legend {width: 1080px; position: relative; margin: 15px auto 0 auto;}
#map {width: 900px; height: 560px; margin-left: auto; margin-right: auto; border: 2px solid #00533E;}
#logo {position: absolute; top: 0px; left: 0px; z-index:10; background-color: #fff;
	border-bottom: 5px solid #E2E2D4; border-right: 5px solid #E2E2D4;}
#topMenu { width: 89px;  height: 40px; position: absolute; top:0px; right: 50px; background-color: #E2E2D4; z-index: 1; }
#topMenu ul { width: 72px; height:26px; margin: 6px 9px;}
#topMenu ul li { position: relative; background-color: #668D3C; border-right: solid 1px #E2E2D4; height: 26px; width: 35px;
  float: left; list-style: none; }
#topMenu ul li:hover { background-color: #C2D1B1;}
#topMenu ul li a{ height: 26px; width: 35px; text-decoration: none; display:block; text-align:center; }

#popups > div.popup {z-index: 15; display:none; position: absolute; top:  65px; right: 15px; background-color: #E2E2D4;
	padding: 10px; width: 275px; border: 1px solid #CACACA;}
#popups > div.popup span.popup-hide-btn { position: absolute; text-align: center; top: 3px; right: 3px; color: #000; font-size: 20px;
	font-weight: bold; line-height: 20px; width: 20px; opacity: 0.4; }
#popups > div.popup span.popup-hide-btn:hover { opacity: 0.6; cursor: pointer;}
#popups > div.popup > h3 { margin-top: 0px; margin-bottom: 10px; }


#map-key { max-width: 260px; position:absolute; right: 0px; bottom: 20px; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8); z-index: 9999;}
#map-key h2 { margin: 0; padding: 5px 10px; color: #fff; background-color: #B6B6B6; cursor: pointer; font-size: 20px; }
#map-key h2 a { float: right; width: 22px; height: 22px; background-color: #969696; background-image: url(../images/down.png); margin-top: 1px;
		border-radius: 11px; padding-left: 1px; }
#map-key ul { margin: 3px 10px 0px; padding: 0px; }
#map-key ul li { list-style: none;  clear: both; }
#map-key ul li .indicator{ float:left; width: 22px; height: 22px; margin-top: 6px; background: rgb(255, 255, 255);}
#map-key ul li .indicator img{ margin: 3px;}
#map-key ul li .indicator img.color{ width: 22px; height: 22px; margin: 0px;}
#map-key ul li .name{ float:left; color: #000; margin: 10px 5px 10px 10px; max-width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

#map-key.map-key-minimized { width: 130px; }
#map-key.map-key-minimized ul { display: none; }
#map-key.map-key-minimized  h2 a { background-image: url(../images/up.png); }
.data {
    padding: 6px 8px;
    font: 14px/16px Arial, Helvetica, sans-serif;
    background: white;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 1px 4px rgba(0,0,0,0.5);
    border-radius: 5px;
}

.legend {
    line-height: 18px;
    color: #555;
}

.links {
	line-height: 18px;
    background-color: #00533E;
}