/* CSS Document */
a {color:#36f;}


#mainFrame div { position:absolute }

#mainFrame #map { width:480px; height:480px; background-color:rgba(255,255,255,0.8); top:105px; left:15px; border-radius:6px; box-shadow:0px 2px 4px #000; }

#mainFrame .btnRefresh {position:absolute; top:72px; left:420px;}
#mainFrame .mapTitle {top:72px; left:20px; font-size:22px; color:#fff; text-shadow:0px 2px 3px #000;}



#mainFrame #controls { width:430px; height:540px; top:60px; right:15px; border-left:1px solid #999; }

#mainFrame #controls .secTitle {left:15px; font-size:18px; color:#fff; text-shadow:0px 2px 3px #000;}
#mainFrame #controls #inputBox { width:410px; height:100px; background-color:rgba(255,255,255,0.6); resize:none; }
#mainFrame #controls #selEnList { width:220px; height:165px; background-color:rgba(255,255,255,0.4); top:40px; left:180px; overflow:scroll; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling: touch; }


#mainFrame #controls #selEnList .listItem {
	position:relative; width:220px; height:40px; background-color:#ccc; color:#000; margin-bottom:1px; font-size:14px; text-shadow:none; cursor:pointer; line-height:40px;
}

#mainFrame #controls #selEnList .listItemSel {
	position:relative; width:220px; height:40px; background-color:#369; margin-bottom:1px; font-size:14px; text-shadow:none; cursor:pointer; line-height:40px;
}