
#search {background-color: #f8f8f8;padding: 15px 20px;}
#title {position:relative;}
#title a{display:inline-block;color:#ffffff;padding:3px 15px;margin-right:5px;position:relative;}
#title a:hover{cursor: pointer;}
#title a:visited{text-decoration: none;}
#title a:hover{text-decoration: none;}
#title a.select{background-color: #2381d9;}
#title a.nselect{background-color: #049ff1;}
#title a .triangle{left:28px;top:26px;}
#search .form{margin-top:10px;float:left;}
#search .form input{height:32px;width:840px;display:inline-block;margin:0;padding:0;vertical-align:middle;border:1px solid #4c98df;padding-left:10px; box-shadow: 0 0 15px #efefef;line-height:30px;}
#search .form  .submit{background-image: url(../images/search-map-submit.png);display:inline-block;width:100px;height:36px;vertical-align:middle;}
#search .hot{float:left;margin:10px 0 0 10px;width:450px;}
#search .hot a{color:#ff6713;}

/*scroll ad position*/

#search .form{margin-top:10px;float:left;}
#search .form input{height:32px;width:840px;display:inline-block;margin:0;padding:0;vertical-align:middle;border:1px solid #4c98df;padding-left:10px; box-shadow: 0 0 15px #efefef;line-height:30px;}
#search .form  .submit{background-image: url(../images/search-map-submit.png);display:inline-block;width:100px;height:36px;vertical-align:middle;}
#search .hot{float:left;margin:10px 0 0 10px;width:450px;}
#search .hot a{color:#ff6713;}
#map_content {background:url(../images/map_list.png);background-repeat:repeat-y;background-position:top right;height:550px;}
#map{float:left;width:742px;position:relative;}
#map .map-loader{position:absolute;left:320px;top:200px;opacity:0.67;filter:alpha(opacity=67);display:none;}
#map .map-loader-box{position:absolute;left:365px;top:5px;opacity:0.8;filter:alpha(opacity=80);display:none;}
#map .inner{border:1px solid #e0e0e0;border-right:3px solid #e0e0e0;height:550px;}
#list{float:left;width:257px; overflow:hidden}
#list .inner{background-color:#f8f8f8;height:100%;border-top: 3px solid #ff5b00;}
#content {width:253px;overflow: auto;height:480px;}
#list .inner h2{background: url(../images/map_list_title.png) repeat-x;height:37px;text-align: center;display:inline-block;width:100%;line-height:37px;}
#list .inner #content li{width:210px; float:left;padding: 10px;border-bottom: 1px dotted #bababa;}
#list .inner #content li:hover{background-color:#fff;cursor:pointer;}
#list .inner #content li dl{width:180px; float:left}
#list dt{line-height:25px;padding-left:10px;}

#list dt a{font-weight:bold;color:#555;font-size:12px;}
#list dt a:hover{color:#ff8040;text-decoration: none;}
#list dd{padding-left:25px; line-height:25px;background:url(../images/map_icon_job.png) 0 0px no-repeat;}
#list dd a{color:#3198db;}
#list i.marker{display: inline-block;float:left}

i.icon{width:25px;height:25px;display:inline-block;vertical-align: middle;}
i.job{background-image: url(../images/map_icon_job.png);background-repeat: none;}

#count{color:#f00;}
#loading{display:none;text-align: center;}

.vip{color:#f00;font-family:Georgia,arial;font-weight:bold;font-size:1.2em;margin-left:.2em;}

.markerinfo{margin:7px 0;}
.markerinfo a{text-decoration:none;}
.markerinfo dt{border-bottom: 1px solid #ccc;padding-bottom: 5px;margin-bottom:5px;}
.markerinfo dt a{font-weight:bold;color:#555;font-size:14px;}
.markerinfo dd{padding-left:25px;background:url(../images/map_icon_job.png) 0 50% no-repeat;}
.markerinfo dd.more{padding-left:0;background:none;}
.markerinfo dd a{color:#3198db;}
.markerinfo .more{text-align: right;}

.marker{width:23px;height:25px;display:inline-block;vertical-align: middle;background-image: url(../images/map_markers.png);}
.marker1 {background-position:0px 0px;}
.marker2 {background-position:0px -25px;}
.marker3 {background-position:0px -50px;}
.marker4 {background-position:0px -75px;}
.marker5 {background-position:0px -100px;}
.marker6 {background-position:0px -125px;}
.marker7 {background-position:0px -150px;}
.marker8 {background-position:0px -175px;}
.marker9 {background-position:0px -200px;}
.marker10{background-position:0px -225px;}
.marker11{background-position:0px -250px;}
.marker12{background-position:0px -275px;}
.marker13{background-position:0px -300px;}
.marker14{background-position:0px -325px;}
.marker15{background-position:0px -350px;}
.marker16{background-position:0px -375px;}
.marker17{background-position:0px -400px;}
.marker18{background-position:0px -425px;}
.marker19{background-position:0px -450px;}
.marker20{background-position:0px -475px;}
.marker21{background-position:0px -500px;}
.marker22{background-position:0px -525px;}
.marker23{background-position:0px -550px;}
.marker24{background-position:0px -575px;}
.marker25{background-position:0px -600px;}
.marker26{background-position:0px -625px;}
.marker27{background-position:0px -650px;}
.marker28{background-position:0px -675px;}
.marker29{background-position:0px -700px;}
.marker30{background-position:0px -725px;}


.pagination {
            margin-left: 10px;
            margin-top:6px;
}
.pagination a{
    text-decoration: none;
    color:#6c6c6c;
}
.pagination a, .pagination span {
    display: block;
    float: left;
    width:20px;
    height:20px;
    text-align:center;
    margin-right: 2px;
	line-height:20px;
	font-family: Arial;
}
.pagination .current, .pagination .prev, .pagination .prev:hover, .pagination .next, .pagination .next:hover, .pagination .current.prev, .pagination .current.next, .pagination a:hover{background-image: url(../images/map_pagination.png);text-decoration:none;}
.pagination .current { background-position: 20px -40px;color: #fff;}
.pagination .prev{ background-position: 0px 0px; _width:20px;}
.pagination .prev:hover{ background-position: 0px -60px;}
.pagination .next{ background-position: 0px -20px;}
.pagination .next:hover{ background-position: 0px -80px;}
.pagination .current.prev{ background-position: 20px 0px;}
.pagination .current.next{ background-position: 20px -20px;}
.pagination a:hover{ background-position: 0px -40px;}

#guide_background {    
    background-color: #000;  
    filter:alpha(opacity=50);/*IE*/    
    opacity:0.5;
    z-index:10000;  
    position:absolute;
    display:none;
}
#guide_content { position: absolute; width: 1002px; top: 0; margin: 222px auto; z-index: 10000; }
#guide_content .close{
    width:40px;
    height:40px;
    background-image: url(../guide/close.png);
    _background-image: url(../guide/close.gif);
    position:absolute;
}
#guide_content .close:hover{
    cursor: pointer;
}
#guide_content .next{
    width:225px;
    height:55px;
    background-image: url(../guide/next.png);
    _background-image: url(../guide/next.gif);
    position:absolute;
}
#guide_content .next.end{
    background-image: url(../guide/end.png);
    _background-image: url(../guide/end.gif);
}
#guide_content .next:hover{
    cursor: pointer;
}

#guide_content .step1{
    z-index:10001;
    position:absolute;
    width:1050px;
    height:550px;
    display:none;
    background-image: url(../guide/step1.png);
    _background-image: url(../guide/step1.gif);
    left:-40px;
    top:-108px;
}
#guide_content .step2{
    z-index:10002;
    position:absolute;
    width:742px;
    height:650px;
    display:none;
    background-image: url(../guide/step2.png);
    _background-image: url(../guide/step2.gif);
    left:1px;
    top:-49px;
}
#guide_content .step3{
    z-index:10003;
    position:absolute;
    width:742px;
    height:650px;
    display:none;
    background-image: url(../guide/step3.png);
    _background-image: url(../guide/step3.gif);
    left:1px;
    top:-49px;
}
#guide_content .step4{
    z-index:10004;
    position:absolute;
    width:742px;
    height:650px;
    display:none;
    background-image: url(../guide/step4.png);
    _background-image: url(../guide/step4.gif);
    left:1px;
    top:-49px;
}
#guide_content .step5{
    z-index:10004;
    position:absolute;
    width:560px;
    height:260px;
    display:none;
    background-image: url(../guide/step5.png);
    _background-image: url(../guide/step5.gif);
    left:375px;
    top:355px;
}
#startguide{
    position:absolute;
    top:0px;
    right:0px;
    _right:10px;
    cursor:pointer;
}