@charset "gb2312";
/* style for Sale */
/* .detailMain */
.detailMain { width:728px; height:400px; border:1px solid #bababa; }
.detailMain .detailMainLeft { float:left; width:147px; padding-left:38px; padding-bottom:22px; background:url(../images/dotVerBg.gif) repeat-y right top }
.detailMainLeft span.brokerPhoto { display:block; width:100px; height:120px; padding:1px; border:1px solid #bababa; margin-top:25px; }
.detailMainLeft ul.brokerFile { float:left; margin-top:15px; margin-bottom:15px; }
ul.brokerFile li { margin-top:15px; }
.detailMainLeft span.link { float:left; width:100px; height:19px; padding-top:6px; text-align:center; border:1px solid #ccc; background:#f2f2f2; margin-top:10px; }
/* .detailMainRight */
.detailMain .detailMainRight { float:left; width:483px; padding-left:60px; }
.detailMainRight p.title { margin-top:25px; }
.detailMainRight p.subTitle { margin-top:12px; }
.detailMainRight table.data { width:420px; margin-top:20px; }
table.data tr td { height:23px; padding-left:6px; padding-bottom:5px; vertical-align:bottom; background:url(../images/dotBg.gif) repeat-x left bottom; }

/* .contactBox */
.detailMainRight ul.contactBox { float:left; margin-top:20px; }
ul.contactBox li { float:left; }
li.contact p.phoneNumber { width:244px; height:32px; color:#333; font-size:14px; font-weight:bold; padding-left:46px; padding-top:10px; background:url(../images/houseContactBg.gif) no-repeat; }
li.contact p.contactNote { padding-left:40px; padding-top:1px; }
li.serial { padding-top:6px; margin-left:10px; line-height:140%; }

/* .postTime */
.detailMainRight .postTime { float:right; margin-right:10px; margin-top:10px; }

/* switchContBox */
.switchContBox { width:100%; margin-top:10px; }
.switchContBox .switchContBoxTitle ul { float:left; }
.switchContBox .switchContBoxTitle li { float:left; height:25px; overflow:hidden; margin-right:5px; }
.switchContBox .switchContBoxTitle li a { float:left; font-size:14px; color:#000; font-weight:bold; line-height:28px; _line-height:30px; padding-left:30px; background:url(../images/titleBarBgSquare.gif) left -25px; }
.switchContBox .switchContBoxTitle li a span { float:left; height:25px; padding-right:30px; cursor:pointer; background:url(../images/titleBarBgSquare.gif)  right -25px; }
.switchContBox .switchContBoxTitle li.linkOn a { color:#fff; text-decoration:none; background-position:top left; cursor:text; }
.switchContBox .switchContBoxTitle li.linkOn a span { background-position:top right; cursor:text; }

/* houseFileBox */
.houseFileBox { width:688px; padding:20px; border:1px solid #bababa; }
.houseDescription { line-height:260%; }
.houseFileBox div.housePhoto { width:100%; margin-top:20px; }
div.housePhoto p.title { height:20px; color:#333; font-size:14px; font-weight:bold; padding-left:10px; padding-bottom:2px; background:url(../images/dotBg.gif) repeat-x left bottom; }
div.housePhoto p.photo { width:331px; height:252px; padding-left:9px; padding-top:8px; background:url(../images/housePhotoBg.png) no-repeat; margin:10px auto 0; }
div.housePhoto p.photoTip { width:200px; text-align:center; margin:0 auto; }

/* communityMainRec */
.communityMainRecBox { float:left; *float:none; width:728px; border:1px solid #bababa; margin-top:10px; }
.communityMainRecBox .communityMainRecTitleBox { width:100%; height:27px; background:url(../images/barDotBg.gif) repeat-x; }
.communityMainRecTitleBox .communityMainRecTitle { float:left; margin-top:6px; margin-left:8px; }
.communityMainRecTitleBox .communityMainRecMore { float:right; margin-top:6px; margin-right:8px; }
.communityMainRecBox table.communityFile { width:90%; margin-top:10px; margin-left:10px;  }
table.communityFile tr td { padding:5px; }
table.communityFile tr td.title { text-align:right; background:#e9e9e9; }
.communityMainRecBox table.communityPhoto { width:100%; margin-top:10px; }
table.communityPhoto td { text-align:center; }
table.communityPhoto td span { display:block; width:210px; height:158px; padding:5px; border:1px solid #bababa; }
.communityMainRecBox .communityMoreLink { margin:5px auto 10px 20px; }

/* communityMap */
.communityMap { margin:10px; }

/* houseBottomTip */
.houseBottomTip { float:left; margin:20px; display:inline; }

/* require */
#requireMain { float:left; overflow:hidden;width:635px; }
.requireTitle { width:100%; font-size:16px; color:#333; font-weight:bold; padding:6px 10px; background:url(../images/dotBg.gif) repeat-x left bottom; margin-top:10px; }
.loginTip { margin-top:6px; }
.stepTip { margin-top:25px; }
.stepTip ul li { float:left; margin-right:15px; }
.stepTip ul li span { float:left; }
.stepTip ul li span.stepNum { display:block; width:12px; height:16px; color:#fff; padding-left:7px; padding-top:3px; background:url(../images/stepIcon.gif) no-repeat 0 -7px; margin-right:3px; }
.stepTip ul li.linkOn span.stepNum { background-position:0 -34px; }
.stepTip ul li span.stepName { padding-top:5px;}
.stepTip ul li.linkOn span.stepName { color:#f90; }

.requireForm { margin-top:10px; }
.requireForm table { width:100%; }
.requireForm table tr td { padding-bottom:6px; }
#requireMain input.inp { padding:2px; border:1px solid #bababa; }
#requireMain textarea { width:400px; height:100px; font-size:12px; padding:2px; border:1px solid #bababa; }
#requireMain input.btn { background:url(../images/memberLeftNavItemBgk.gif) repeat-x; border:1px solid #b4c91a; color:#660; font-size:14px; font-weight:bold; padding:3px 10px; *padding:3px 0 0; margin-right:10px; cursor:pointer; }

/* filter */
.expertFilter {  width:622px; padding:5px; margin-top:15px; border:1px solid #bababa; }
.expertFilter ul { clear:both; float:left; width:100%; margin-bottom:5px; }
.expertFilter ul li { float:left; height:11px; text-align:center; padding:3px; margin-right:8px; display:inline; }
.expertFilter ul li.filterTarget { color:#f60; font-weight:bold; margin-right:0px; }
.expertFilter ul li.linkOn { background:#f60;}
.expertFilter ul li.linkOn a { color:#fff; text-decoration:none; }

/* expertListBox */
.expertListBox { width:635px; }
.expertListBox ul { width:635px; margin-top:10px; }
.expertListBox ul li { float:left; width:203px; margin-left:5px; border:1px solid #bababa; display:inline; }
.expertListBox ul li.mouseOver { border:1px solid #999; background:#f1f1f1; }
.btnBox { margin-top:20px; }

/* requireDone */
.sysConfirm { width:633px; margin-top:30px; border:1px solid #fbc393; background:#ffd;}
.sysConfirm .confirmTxt { width:100%; background:url(../images/sysConfirm.png) no-repeat; padding:15px 0 20px 65px; margin:20px; color:#333; font-size:16px; font-weight:bold; }
.sysConfirm .confirmTxt p { margin-top:10px; font-size:12px; font-weight:normal; color:#999; }

/* requireList */
.requireDataListBox { clear:both;width:635px; margin-top:10px; }
.requireDataListBox table.tHead { width:100%; height:26px; border:1px solid #fc6; background:#ffd; }
.requireDataListBox table.tHead td { color:#000; padding-top:3px; text-align:center; }
.requireDataListBox table.tHead td.tdAlignLeft { text-align:left; }
.requireDataListBox table.tBody { width:100%; }
.requireDataListBox table.tBody tr { background:url(../images/dotBg.gif) repeat-x left bottom; }
.requireDataListBox table.tBody td { color:#666; padding-top:15px; padding-bottom:10px; text-align:center; }
.requireDataListBox table.tBody td.tdAlignLeft { text-align:left; }
.requireDataListBox table.tBody tr.mouseOver { background:#f3f3f3; }


.requireListCtrl { overflow:hidden;margin-top:10px; }
.requireListCtrl .search { float:left; }
.search select { float:left; margin-right:5px; border:1px solid #bababa; }
.search input { float:left; border:1px solid #bababa; }
.search input.text { width:250px; height:17px; color:#999; padding-left:5px; padding-top:2px; }
.search input.button { width:40px; height:21px; padding-top:1px; margin-left:-1px; }

/* requireDetail */
.requireTitle span.title { float:left; }
.requireTitle span.replyNum { float:right; font-size:12px; color:#666; font-weight:normal; margin-right:20px; }
.requireDetail { width:633px; border:1px solid #fc6; background:#ffd; margin-top:10px; }
.requireDetail table tr td { line-height:150%; }
.detailReply { width:633px; border:1px solid #c3c3c3; margin-top:6px; }
.detailReply table tr td { line-height:150%; }
.replyForm { width:633px; border:1px solid #c3c3c3; margin-top:10px; }
.replyForm input.inp { width:200px; height:16px; border:1px solid #bababa; padding:2px; }
.replyForm textarea { width:400px; height:100px; border:1px solid #bababa; }
.replyForm input.btn { background:url(../images/memberLeftNavItemBgk.gif) repeat-x; border:1px solid #b4c91a; color:#660; font-size:14px; font-weight:bold; padding:3px 10px; *padding:3px 0 0; margin-right:10px; cursor:pointer; }

/* requireRightBox */
#requireRightBox { overflow:hidden;float:left; display:inline;width:300px;margin-left:15px;}
#requireRightBox .recRight { width:100%; margin-top:20px; }
#requireRightBox .recRight .recListBox { width:198px; padding-left:100px; background:url(../images/visualize.jpg) no-repeat left bottom;}
#requireRightBox .recRight .recTitleBox { background:url(../images/requireRightTitleBg.gif) no-repeat; }
#requireRightBox .newsRecList li.title { color:#f90; font-size:14px; padding:0!important; }
#requireRightBox .newsRecList li { height:16px; padding-left:25px; padding-top:4px; }
#requireRightBox .newsRecList .step1 { background:url(../images/stepIcon2.gif) no-repeat left -5px; }
#requireRightBox .newsRecList .step2 { background:url(../images/stepIcon2.gif) no-repeat left -30px; }
#requireRightBox .newsRecList .step3 { background:url(../images/stepIcon2.gif) no-repeat left -55px; }
#requireRightBox .newsRecList .step4 { background:url(../images/stepIcon2.gif) no-repeat left -80px; }

/* houseListNav */
.houseListNavBox { position:relative; width:100%; height:25px; border-bottom:1px solid #fc6; overflow:visible; margin-bottom:12px;}
.houseListNav { position:absolute; top:1px; left:0; }
.houseListNav li { float:left; height:25px; overflow:hidden; margin-left:5px; display:inline; }
.houseListNav li a { font-size:12px; color:#333; font-weight:bold; line-height:26px; _line-height:28px; float:left; padding-left:12px; background:url(../images/newHouseListNavBg.gif) left -25px; }
.houseListNav li a span { height:25px; float:left; padding-right:12px; cursor:pointer; background:url(../images/newHouseListNavBg.gif) right -25px; }
.houseListNav li a:hover, .houseListNav li.linkOn a { color:#f90; text-decoration:none; background-position:top left; }
.houseListNav li a:hover span, .houseListNav li.linkOn a span { background-position:top right; }
.houseListNav li.linkOn a { font-weight:bold; }