@charset "utf-8";
html{overflow:auto}
body{height:100%;margin:0;}
.container {width:100%;height:100%;}
.top {height:49px;background:#FFF url(../images/top_back.gif) repeat-x;}
.top .centermenu {position:absolute;left:320px;top:30px;font-size:12px;text-shadow:#FFF 1px 1px 1px;font-weight:bold;color:#666}
.top .menu {float:right;width:250px;text-align:right;}
.top .logo {float:left;width:180px}
#servicearea {cursor:pointer}
.topmenu1 {margin:2px 4px 0 0;color:#DFDFDF}
.topmenu1 a:link {color:#46AEFF;text-decoration:none}
.topmenu1 a:active {color:#46AEFF;text-decoration:none}
.topmenu1 a:visited {color:#46A0FF;text-decoration:none}
.topmenu1 a:hover {color:#FF0000;text-decoration:none}
.topmenu2 {color:#CCC;text-align:right;text-shadow:1px 1px 1px #FFF;margin:16px 5px 0 0;font-weight:bold}
.topmenu2 a:link {color:#909090;text-decoration:none}
.topmenu2 a:active {color:#909090;text-decoration:none}
.topmenu2 a:visited {color:#909090;text-decoration:none}
.topmenu2 a:hover {color:#333;text-decoration:none}
.bottom {position:absolute;height:22px;background:url(../images/bottom_back.gif) repeat-x;bottom:0;width:100%;color:#666}
.bottom .right {float:right;width:350px;margin:4px 5px 0 0;text-align:right;text-shadow:#FFF 1px 1px 1px}
.bottom .right a:link {color:#666;text-decoration:none}
.bottom .right a:active {color:#666;text-decoration:none}
.bottom .right a:visited {color:#666;text-decoration:none}
.bottom .right a:hover {color:#0F0F0F;text-decoration:none}
.bottom .infobtn {float:left;padding:4px;cursor:pointer}
.bottom .infobtn.opened {color:#CCC}
.content {position:absolute;width:100%;top:49px;bottom:22px;background-color:#FFF}
.main {position:relative;height:100%;margin:0 0 0 320px;overflow:hidden;background-color:#FFF;}
#mapContainer {position:absolute;width:100%;height:100%;overflow:hidden;top:0;left:0;user-select:none;-moz-user-select:none;-webkit-user-select:none;-khtml-user-select:none}
#streetContainer {position:absolute;overflow:hidden;background-color:#FFF;width:100%;user-select:none;-moz-user-select:none;-webkit-user-select:none;-khtml-user-select:none}
#horzSplitter {position:absolute;height:4px;background-color:#CCC;bottom:0;width:100%;font-size:2px;left:0;cursor:s-resize;user-select:none;-moz-user-select:none;-webkit-user-select:none;-khtml-user-select:none;}
#streetButtons {position:absolute;top:0;right:0;padding:4px 2px 0 0}
#streetFrame {position:absolute;top:0;bottom:4px;width:100%}
#mainLoading {z-index:999;position:absolute;left:400px;top:300px;width:65px;height:53px;background-color:#333;color:#CCC;-moz-border-radius:8px;-webkit-border-radius:8px;text-align:center;padding:12px 0 0 0}
#panelshadow {position:absolute;width:6px;top:0;bottom:0;left:0;background:url(../images/panel_shadow.png) repeat-y;z-index:301}
#streetContainer .streetHelp{position:absolute;top:22px;right:0;font-size:14px;line-height:150%;padding:10px;color:#CCC;background-color:#000;-moz-opacity:0.90;opacity:0.90;filter:Alpha(opacity=90);z-index:405}

#mainBanner {position:absolute;height:49px;bottom:0;background-color:#FFF;width:100%;border-top:1px solid #CCC}
.showpanel {position:absolute;cursor:pointer;z-index:302}
#tipbar {position:absolute;width:100%;height:45px;;line-height:45px;padding:0 0 0 10px;background-color:#000;opacity:0.90;-moz-opacity:0.90;filter:Alpha(opacity=90);color:#FFF;font-size:16px;cursor:pointer}

#panel {position:absolute;width:319px;background-color:#FFF;height:100%;left:0;top:0;z-index:311;border-right:1px solid #CFCFCF}
#panel .menu {background-color:#F6F6F6;height:21px;border-bottom:1px solid #EAEAEA}
#panel .menu ul {margin:0;padding:0}
#panel .menu li {float:left;padding:4px 4px;list-style:none;cursor:pointer;color:#999}
#panel .menu li.on {font-weight:bold;color:#000}
#panel .menu li.hot {color:#333}
#panel .hidepanel {float:right;width:18px;cursor:pointer}
#panel .panelinfo {position:absolute;bottom:0;height:220px;border-top:1px solid #CCC;width:100%;background-color:#FFF;opacity:0.90;-moz-opacity:0.90;filter:Alpha(opacity=90);}
#panel .panelinfo .close {position:absolute;top:0;right:0;padding:3px;cursor:pointer}
#panel .panelc {position:absolute;width:100%;overflow:auto;top:22px;bottom:0;}
#panel .ploading {position:absolute;height:32px;width:32px;background-color:#FFF;opacity:0.85;-moz-opacity:0.85;filter:Alpha(opacity=85);-moz-border-radius:5px;-webkit-border-radius:5px;z-index:401}
.searchbox {height:99px;background-color:#F7F7F7;border-top:1px solid #FFF;border-bottom:1px solid #F0F0F0}
.searchbox .target {padding:4px;margin-top:5px}
.searchbox .target a{padding:2px 8px;border:1px solid #F7F7F7;-moz-border-radius:12px;-webkit-border-radius:12px;}
.searchbox .target a.on {border:1px solid #E0E0E0;background-color:#FFF;font-weight:bold}
.searchbox .option {padding:4px}
.searchbox .option input[type="text"] {font-size:13px;border:1px solid #CFCFCF;width:180px;padding:2px;color:#333}
.searchbox .option .caption {width:40px;color:#AAA;text-align:right;padding-right:4px}
.searchbox .option td {padding:2px 0}
.searchtitle {background-color:#FFF;cursor:pointer;border-bottom:1px solid #EFEFEF}
.searchtitle .close {position:absolute;top:0;right:0;padding:8px 5px 0 0}
.searchtitle .title {padding:4px;font-size:18px;margin:0 20px 0 0}
.searchtitle .result {padding:4px;}
.searchresult {position:absolute;overflow:auto;top:100px;bottom:0;width:100%}
.searchresult .header {padding:6px 4px;color:#666}
.searchresult .header .count {color:#FF6633;font-weight:bold}
.searchresult .list {margin:0;padding:0}
.searchresult .list li {list-style:none;padding:5px 4px;background-color:#FFF;}
.searchresult .list li.hot {background-color:#F7F7F7}
.searchresult .list li .info {padding-left:32px;min-height:38px}
.searchresult .list li .title {font-size:11px;}
.searchresult .list li .title .caption {font-size:13px;color:#3366FF;cursor:pointer}
.searchresult .list li .title .more {font-size:11px;color:#AAA;cursor:pointer}
.searchresult .list li .detail {color:#666}
.searchresult .list li .tel {color:#333}
.searchresult .searchtags {padding-bottom:20px}
.searchresult .searchtags ul.group {margin:0;padding:0;clear:both;margin:15px 10px}
.searchresult .searchtags ul.group li{display:inline;float:left;padding:2px 2px;color:#999;cursor:pointer;border:0px solid #EFEFEF;background-color:#FFF;margin:0 2px 2px 0}
.searchresult .searchtags ul.group li.over{background-color:#666;color:#FFF}
.searchresult .searchtags ul.group li.title{display:block;font-weight:bold;color:#333;width:100%;background-color:#FFF;border:none;font-size:13px}

#panel2 .bitem {padding:4px 6px 4px 4px;cursor:pointer;}
#panel2 .bitem.hot {padding:4px 6px 4px 4px;background-color:#EFEFEF;cursor:pointer}
#panel2 .bitem .name {padding-left:12px;color:#333;font-size:12px;font-family:Helvetica, sans-serif;}
#panel2 .bitem .address {padding-left:12px;color:#999}
#panel2 .mbtitle {padding:5px 4px;font-size:13px;color:#666}
#panel2 .mbtitle .count {color:#FF6600;font-weight:bold}
#panel2 .nobusiness {margin:30px 20px;padding:12px;border:3px solid #EFEFEF;-moz-border-radius:8px;-webkit-border-radius:8px;}

.paging {padding:15px;text-align:center;background-color:#FFF}
.paging table {margin:0 auto}
.page {padding:4px;cursor:pointer;font-size:13px;color:#3366FF;}
.currpage {padding:4px;font-weight:bold;font-size:13px;color:#FF6633}

#p_url {position:absolute;right:0;top:0;border:1px solid #999;background-color:#FFF;width:400px;z-index:9000}
#pu_urltext {border:1px solid #CCC;background-color:#EFEFEF;width:330px;color:#333}

#p_area {position:absolute;left:320px;top:49px;z-index:999;background-color:#FAFAFA;padding:4px;border:1px solid #CCC;filter:Alpha(opacity=95);opacity:0.95;-moz-opacity:0.95}
#p_area .area {padding:2px 4px;cursor:pointer;color:#666}
#p_area .area .sub {font-weight:bold;color:#333}
#p_area .area .sub.hot {font-weight:bold;color:#FFF}
#p_area .area.hot {color:#FFF;background-color:#333}

/*tooltip*/
* {margin:0; padding:0}
#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px cursor:pointer}

#tt {position:absolute; display:block; background:url(/images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(/images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(/images/tt_bottom.gif) top right no-repeat; overflow:hidden}

.markerLabel {font-weight:bold;color:#69708E;font-size:9px;font-family:Tahoma,Verdana,Arial;background-color:#FFFFCC;white-space:nowrap;padding:2px;-moz-border-radius:3px;-webkit-border-radius:3x;opacity:0.80;-moz-opacity:0.80;filter:Alpha(opacity=80);cursor:pointer}
.markerLabelWhite {font-weight:bold;color:#333;font-size:9px;font-family:Tahoma,Verdana,Arial;background-color:#FFFFCC;white-space:nowrap;padding:2px;-moz-border-radius:3px;-webkit-border-radius:3x;opacity:0.75;-moz-opacity:0.75;filter:Alpha(opacity=75);cursor:pointer}


#editmenu {font-family:Arial,Verdana,Tahoma;font-size:11px}

/* EDITOR */
#pmstreet {z-index:99995;position:absolute;padding:5px 0;left:0;top:0;background-color:#FFF;border:1px solid #CCC;font-size:11px;font-family:Arial, Helvetica, sans-serif;line-height:140%;-moz-border-radius:4px;-webkit-border-radius:4px}
#pmstreet ul {padding:0;margin:0}
#pmstreet li {padding:2px 15px;cursor:pointer; list-style:none;}
#pmstreet li.hot {background-color:#AAA;color:#FFF}
#pmstreet .pmdivider {height:4px;margin-top:4px;border-top:1px solid #DDDDDD;}
#pmstreet .pmtitle {background-color:#DDDDDD;padding-left:15px;color:#666666}

#saToolTip {z-index:99994;position:absolute;padding:2px;background-color:#333333;color:#FFFFFF;border:1px solid #000000;filter:Alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;}

#dotmenu {position:absolute;z-index:99994;padding:5px 0;-moz-border-radius:4px;-webkit-border-radius:4px;border:1px solid #CCC;background-color:#FFF}
#dotmenu .item {border-top:1px solid #FFF;padding:2px 15px;cursor:pointer}
#dotmenu .item.hot {background-color:#AAA;border-top:1px solid #999;color:#FFF}
#dotmenu .divider {margin-top:4px;border-top:1px solid #CCC;height:4px;}

#toolbar {background-color:#FFFFCC;color:#666666;height:25px;width:100%;border-bottom:1px solid #CCC;position:absolute}
.leftbuttons {float:left;padding:5px 5px}
#toolbuttons {float:right;width:250px;text-align:right;padding:5px 0 5px 0;}
#toolbuttons .button{
	-webkit-border-radius:3px;
	-moz-border-radius:3px;	
	background:#3399DD url(../images/btn_bg.png) repeat-x scroll 0 0;
	border:1px solid #999;
	color:#333;
	font-size:11px;
	font-weight:bold;
	margin:0 5px 0 0;
	padding:2px 10px 2px;
	text-shadow:0 1px 0 #FFF;
	cursor:pointer;
	display:inline;
}