﻿/* CSS Document */
.reviewsQuestion{ margin:20px 0 0 2%; border-bottom:1px solid #AFC7E3; position:relative; zoom:1;}
.reviewsQuestion .b1, .reviewsQuestion .b2{ position:absolute; width:9px; height:44px; top:0;}
.reviewsQuestion .b1 {background:url(/inc/comment/images/bg_left_corner_bule.gif) no-repeat; left:0; _left:-1px;}
.reviewsQuestion .b2 {background:url(/inc/comment/images/bg_right_corner_bule.gif) no-repeat; right:0; _right:-1px;}
.reviewsQuestion .b3, .reviewsQuestion .b4{ position:absolute; width:10px; height:60px; bottom:-1px;}
.reviewsQuestion .b3 {background:url(/inc/comment/images/commentleftbg.gif) no-repeat; left:0;}
.reviewsQuestion .b4 {background:url(/inc/comment/images/commentrightbg.gif) no-repeat; right:0;}
/*.reviewsQuestion .b5 { position:absolute; width:5px; height:5px; left:0; left:-1px; top:0; background:url(/hotel/images/bg/bg-31.gif) no-repeat;}*/

.reviewsQuestion .reviewsTitle{ background:#92B6DA none repeat scroll 0 0; color:#FFF; font-size:15px; font-weight:bold; height:37px;  _overflow:hidden; margin:0; padding-left:9px;}
.reviewsTitle .current, .reviewsTitle .noCurrent{ float:left;}
.reviewsTitle .current{ background:url(/hotel/images/bg/bg-19.gif) no-repeat; width:265px; color:#00589D; line-height:37px;}
.reviewsTitle .noCurrent{ background:url(/hotel/images/bg/bg-20.gif) no-repeat; margin-top:2px; width:265px; line-height:35px;}
.reviewsTitle .rev{ background:url(/hotel/images/icon/ico-pen.gif) no-repeat 25px 4px; padding:10px 0 10px 70px; cursor:pointer;}
.reviewsTitle .qa{ background:url(/hotel/images/icon/ico-qa2.jpg) no-repeat 25px 6px; padding:9px 0 9px 70px; cursor:pointer;}

.reviewsQuestion .mainCon{ background:url(/inc/comment/images/bg_bule.gif) repeat-x; clear:both; overflow:hidden; zoom:1;}
.reviewsQuestion .mainCon .reviews{ margin:50px 0 50px 50px;}
.mainCon .reviews .recom{ font-weight:bold;}
.mainCon .reviews .orange{ background:url(/hotel/images/icon/ico-arrow-05.gif) no-repeat right 3px; padding-right:20px; margin-right:20px; font-size:18px; color:#E77A11;}
.mainCon .reviews .rateNum{ font-weight:normal; font-size:12px;}
.mainCon .reviews .recomNum{ background:url(/hotel/images/icon/ico-recommend.gif) no-repeat; margin-left:80px; padding:8px 0 8px 40px;}

.mainCon .rateBox{ margin-top:30px; font-size:12px;}
.mainCon .rateBox .rateList { float:left; width:45%;}
.mainCon .rateBox .rateList span{ display:block; width:45%; float:left; text-align:right; }
.mainCon .rateBox .rateList .theRate{ width:15px;}
.mainCon .rateBox .rateList .rateBar{ float:left; width:105px; height:10px; margin:4px 8px; position:relative;}
.mainCon .rateBox .rateList .rateBar .rleft			{position:absolute; top:0; left:0; width:5px; height:12px; overflow:hidden;margin-right:-5px;background:url(/inc/img/rankleftbg.gif) no-repeat;}
.mainCon .rateBox .rateList .rateBar .rcenter		{position:absolute; top:0; left:0; width:100%;height:14px; margin-left:5px;background: url(/inc/img/star_small.gif); z-index:11;}
.mainCon .rateBox .rateList .rateBar .rright		{position:absolute; top:0; left:100px; width:5px; height:12px; overflow:hidden; background:url(/inc/img/rankrightbg.gif) no-repeat;}
.mainCon .rateBox .rateList .rateBar .rateBarLine	{position:absolute; top:0; left:0; height:14px; margin-left:5px; background: url(/inc/img/star_small.gif) left center; z-index:12;}


.mainCon .rateBox p{ margin-top:15px;}

.commHead{background:#92b6da; color:#fff; text-align:center; font-size:15px; font-weight:bold; position:relative; padding-top:9px;height:28px;margin:0 9px; _margin:0 8px;}

.commList{padding-top:20px; width:93%;}
.commList .commRecord{clear:both; height:auto; padding:0;}
.commRecord .commRight{float:left; width:97%; margin:0 50px 10px; _margin:0 0 10px 20px; border-top:#7CACDA dashed 1px;}
.commRecord .commTime{height:auto;color:#8FB5DA; margin-top:8px;}
.commRecord .commTime .rmember{color:#3B1E58; background:url(/inc/comment/images/mode7.gif) no-repeat -5px; padding-left:15px;}
.commRecord .commAuthor{color:#3B1E58; background:url(/inc/comment/images/mode7.gif) no-repeat -5px; padding-left:15px;}
.commRecord .commAuthor2{color:#3B1E58;}
.commRecord .commAuthor span{color:#8FB5DA;}
.commRecord .commTime span{color:#3B1E58;}
.commRecord .commAuthor2 span{color:#8FB5DA;}
.commRecord .commReply{float:right; background:url(/inc/comment/images/bg_reply_2.gif) no-repeat; padding-left:25px; font-size:14px;cursor:pointer;color:#3366cc;margin-top:-6px!important;margin-top:-18px;}
.commRecord a{font-weight:normal;}
.commRecord .commText{color:#315C86; margin:10px 0 15px 0;}
.commRecord .hotelStay{ font-size:14px; font-weight:bold; color:#2D7CA9;}
.commRecord .commReplyText{height:auto;background:#f1f8fe; border:#daeaf7 solid 1px; padding:0 10px 10px; position:relative; margin:0 auto 15px auto;}
.commReplyText .commImg{background:url(/inc/comment/images/bg_reply-1.gif) no-repeat; position:absolute; left:-11px;_left:-71px; top:-9px;*top:-11px; width:54px; height:57px;} 
.clscommtcount{color:#49b0f5; font-size:20px;font-weight:normal;margin:0 0 -10px 10px;}

#allcommtsNum{float:right;color:#765527;margin:0 20px 0 0; width:40%;}
.clsmorevoiceright{float:right;width:26px;height:32px;background:url(/inc/comment/images/morevoiceleft.gif) no-repeat;}
.clsmorevoiceleft{float:right;width:9px;height:32px;background:url(/inc/comment/images/morevoiceright.gif) no-repeat;}
.clsmorevoicewords{float:right;height:25px;border-top:1px solid #95B9D9;border-bottom:1px solid #95B9D9;background:#ECF6FD;padding:5px 1px 0 5px;font-size:14px;color:#686868;}
.commentbtmleft{margin-right:-10px;width:10px;height:89px;float:left;background:url(/inc/comment/images/commentleftbg.gif) no-repeat;}
.commentbtmmain{ margin-top:10px; padding-bottom:15px;padding-right:3%;height:32px;}
.commentbtmright{width:12px;height:89px;float:right;margin-left:-13px;background:url(/inc/comment/images/commentrightbg.gif) no-repeat;}

.commRecord .satis{ border:#ABCEEC solid 1px; background:#D2E8F8; width:98%; margin:10px 0 10px 0; font-size:13px;}
.commRecord .satis th{ text-align:left; text-indent:30px; background:url(/hotel/images/bg/bg-24.gif) repeat-x; padding:4px 0;}
.commRecord .satis td{ background:#fff; width:18%; text-align:center; padding:4px 0;}
.commRecord .satis td.row2{ width:10%; background:url(/hotel/images/bg/bg-25.gif) repeat-x; }
.commRecord .satis td.row2 div{ width:26px; height:29px; margin:0 auto; background:url(/hotel/images/icon/ico-recommend.gif) no-repeat;}

.commRecord .satis td.row1{ width:10%; background:url(/hotel/images/bg/bg-25.gif) repeat-x; }
.commRecord .satis td.row1 div{ width:26px; height:29px; margin:0 auto; background:url(/hotel/images/icon/ico-recommend-02.gif) no-repeat;}

/*===================================comment reply====================================*/
#MyDiv{position:absolute;width:588px;height:300px;font-size:12px;background:#fff;border:1px solid #b2c9e1;z-index:10001;text-align:center;display:none;}


/*===================================comment form====================================*/
#commtForm {zoom:1; margin-left:2%;}
#commtForm p{margin:0;}
.addC .title{clear:both;position:relative;padding:25px 0 0 160px; font-size:11px;height:31px;background:url(/inc/comment/images/commentsbg_02.jpg) repeat-x;color:#2a6196;text-align:left}
.addC .title a{text-decoration:none;color:#3366cc;}
.addC .title a:hover{text-decoration:none;color:#ff6600;}
.addC .title2{position:absolute;top:0;left:0;display:block;float:left;padding:25px 0 0 10px;width:143px; height:31px; background:#86acd2 url(/inc/comment/images/commentsbg_03.jpg) no-repeat;color:#fff;font-weight: bold;font-size:13px;text-align:left}

.addC form{border:1px solid #b2c9e1;padding:5px 10px !important;padding:5px 4px 10px 4px;text-align:left;}
.addC form textarea{width:100%;height:130px;}
.addC form input,.contL form select{font-size:11px;}
.addC form p span{color:#f00;}
.addC form p.term{color:#ff3002;font-size:11px;}
.addC form p.term a{font-weight:bold;color:#0e48a9;}

.addC p span.add{padding-right:10px;}
.addC p span.add a{color:#ffffca;}
.addC p span strong{font-size:11px;}
.addC form#commentS2{padding:10px 26px;margin:0 10px;}
.addC form#commentS2 textarea{width:200px;text-align:center;}

.commtsuccess{clear:both;height:80px;width:100%;background:#78A2CC;border:1px solid #92b7db;text-align:center;margin-top:20px}
.commt_success_img{float:left;width:22%;text-align:right;padding-top:15px;padding-right:8px;}
.commt_success_content{float:right;width:75%;text-align:left;padding-top:10px;}
.commt_wait_content{float:right;width:75%;text-align:left;padding-top:30px;*padding-top:10px;}
.commtContent{text-align:justify;clear:both;width:98%;padding-top:3px;}
.commentbody{width:95%;padding:10px 10px 0 10px;}

.commentbody table{ width:99%; border:0; background:#EDEDED; font-size:13px; margin:15px; }
.commentbody td,.commentbody th{width:16%; text-align:center; font-weight:normal;}
.commentbody td.chkRate{background:#fff url(/hotel/images/icon/ico-box-01.gif) no-repeat center center;}
.commentbody td.chkRateSel{background:#fff url(/hotel/images/icon/ico-box-02.gif) no-repeat center center;}
.commentbody td.firstClo{ width:20%; background:#fff; text-align:left; text-indent:15px; padding:4px 0;}
.commentbody th{ background:#FBF2E1;}

.commentbody .recomHotel{ font-weight:bold; margin:30px 0 30px 40px;}
.commentbody .recomHotel .yes, .commentbody .recomHotel .no{ font-weight:normal; margin:0 30px 0 10px; background:url(/hotel/images/icon/ico-recommend.gif) no-repeat; padding:8px 0 8px 35px;}
.commentbody .recomHotel .no{background:url(/hotel/images/icon/ico-recommend-02.gif) no-repeat; }

/*===================================reply form====================================*/
.addRc{width:100%;text-align:left;background:#fff;}
.addRc form{padding:0px 12px 10px 12px;}
.addRc form textarea{width:293px;height:120px;}
.addRc form input,.contL form select{font-size:11px;}
.addRc form p span{color:#f00;}
.addRc form p.term{color:#ff3002;font-size:11px;}
.addRc form p.term a{font-weight:bold;color:#0e48a9;}
.addRc p span.add{padding-right:10px;}
.addRc p span.add a{color:#ffffca;}
.addRc p span strong{font-size:11px;}
.addRc form#commentS2{padding:10px 26px;margin:0 10px;}
.addRc form#commentS2 textarea{width:455px;text-align:center;}
.replytitle{margin-bottom:10px;height:26px;background:url(/inc/comment/images/replybg.gif) repeat-x bottom;color:#fff;}
.replytitleword{text-align:left;width:86%;cursor:move;float:left;padding:4px 0 0 6px;font-weight:bold;}
.rclosebtn{float:left;text-align:left;width:12%;cursor:pointer;padding:6px 0 0 0px;color:#fff;}
.clsReply{text-align:right;padding-top:8px;}
.replyBtn{background:url(/inc/comment/images/ico_reply.gif) no-repeat left top;padding-left:18px;color:#3B6BA3;cursor:pointer;}



.clsratedetailmain{position:absolute;top:35px;left:180px;width:260px;border:1px solid #ccc;display:none;z-index:100;background:#f8f8f8;padding-bottom:5px;}
.clsratedetailico{font-size:1px;height:8px;margin-top:-5px;position:relative;text-align:left;padding-left:8px;}
.clsratedetailtitle{width:100%;font-size:12px;text-align:left;padding:3px 0 3px 4px;color:#7C7B7B;}
.ulrank{width:260px;border-top:1px dotted #ccc;padding:4px 0 4px 0;padding-left:5px;color:#7C7B7B;}
.ulrank li{font-size:11px;height:15px!important;height:13px;list-style-type:none;text-align:left;clear:both;}
.clsrateitemtitle{float:left;width:120px;text-align:left;}
.clsrateitmebg{float:left;background:url(/inc/img/ratedetailbg.gif) repeat-x;width:50px;margin-top:7px;margin-right:4px!important;margin-right:2px;}
.lifive,.lifour,.lithree,.litwo,.lione{background:#10B000;width:50px;float:left;height:8px;font-size:0;}

.getmore		{border:1px solid #CEE5FC;font-size:12px;position:absolute;color:#707070;background:#fff;padding:0px;white-space:nowrap; z-index:1000;margin-left:260px;*margin-left:2px;margin-top:-31px;*margin-top:7px;}
.getmorereply	{border:1px solid #CEE5FC;font-size:12px;position:absolute;color:#707070;background:#fff;padding:0px;white-space:nowrap; z-index:1000;margin-left:238px;*margin-left:-192px;margin-top:-9px;*margin-top:-180px;text-align:left;}
.getmore img{cursor:pointer;}
.item{font-size:12px;color:#707070;background:#fff;cursor:hand;padding:2px 10px 2px 10px;white-space:nowrap;}
.selitem{font-size:12px;color:#707070;background:#FDFFC8;cursor:hand;padding:2px 10px 2px 10px;white-space:nowrap;}

#idCommentsBoxTitle { display:block; margin-bottom:5px; color:#F60;}
.clsvalidateimgs{float:left;height:10px;cursor:pointer;margin-top:7px;margin-left:2px;}
#divvalidateimgs span,#divrvalidateimgs span{display:block;float:left;width:9px;height:10px;background:url(/images/logo/ico/codenums.gif) no-repeat;}

