/* CSS Document */
.left .hotelSearch{ text-align:center; margin:20px; font-size:14px;}
.left .greenBox{ position:relative; width:206px; margin:10px auto; padding:8px 5px 20px; background:#C5E0CF url(/hotel/images/bg/bg-26.gif) repeat-x;}
.left .greenBox .arrow{ position:absolute; top:10px; right:-15px; width:15px; height:23px; background:url(/hotel/images/icon/ico-arrow-06.gif) no-repeat;}
.left .greenBox ul{ width:204px; height:156px; background:#98D285 url(/hotel/images/bg/bg-27.gif) repeat-x; border:#EEFFEC solid 1px; border-bottom:none; overflow:hidden; font-size:13px; font-weight:bold;}
.left .greenBox li{ width:166px; border:#EEFFEC solid 1px; margin:0 auto; background:url(/hotel/images/icon/ico-arrow-07.gif) no-repeat 15px 15px; padding-left:36px; height:35px; line-height:35px; color:#fff; cursor:pointer;}
.left .greenBox li.current{ background:#EEFFEC url(/images/logo/ico/arrow-r-blue.gif) no-repeat 15px 15px; color:#47833D;}
.left .greenBox li#last{ line-height:14px;padding-top:6px; border-bottom:#EEFFEC solid 3px;}
.left .greenBox li a{ color:#fff; text-decoration:none;}
.left .greenBox li a:hover{ color:#fff; text-decoration:underline;}
.right{ position:relative; float:left; width:73%; padding-left:1%;}

#step {margin:15px 0 0 10px}
.subnav {25px 0 0 10px}

/* Hotel name and other infomation */
.nameInfo{ margin-top:0; padding:10px; background:url(/hotel/images/bg/bg-21.jpg) repeat-x;  zoom:1;}
.nameInfo .name{ min-height:47px; padding:5px 0 0 75px;background:url(/hotel/images/bg/bg-15.jpg) no-repeat 5px 0;}
.nameInfo .name h4{ margin-bottom:3px; font-size:18px; font-weight:bold; color:#3E8730;}
.nameInfo .hotelMap{ position:absolute; bottom:0; right:20px; font-weight:bold;}
/* Hotel name and other infomation */

.detailInfo .img{width:320px; float:left;}
.detailInfo ul{ margin-top:10px; font-size:13px;}
.detailInfo li{ margin-bottom:5px;}
.detailInfo li span{ font-weight:bold; margin-right:8px;}
.detailInfo .photo{ padding-top:5px; text-align:center; font-size:12px;}
.detailInfo .photo a{ padding-left:20px; background:url(/hotel/images/icon/hotelmo-icon05.gif) no-repeat;}

#mapRate{ float:right; width:196px; margin:5px; text-align:center;}
#map{ width:194px; height:136px; border:solid 1px #C3C3C3;}

.topRateBox{position:relative; margin-top:8px; border:#ECCFA5 solid 1px; padding:10px 0;  background:#FBF2E1;  font-weight:bold; font-size:11px; text-align:center;}
.orange{ background:url(/hotel/images/icon/ico-arrow-05.gif) no-repeat right 5px; padding-right:15px; font-size:14px; color:#E77A11;}
.orangenone{ padding-right:20px; margin-right:20px; font-size:18px; color:#E77A11;}
.rateNum{ font-weight:normal; font-size:12px; margin-right:50px;}
.topRateBox .clsratedetailmain{ left:auto; right:0;}
.topRateBox .clsratedetailico{ text-align:right; margin-right:8px;}
.topRateBox a{ font-size:14px;}
.btmLine{ background:url(/images/logo/title/line001.gif) repeat-x left bottom; padding-bottom:5px; margin-left:10px;}
.btmLine .arrowBlue{ float:left; width:40%; margin-top:10px; background:url(/images/logo/ico/arrow_blue.gif) no-repeat 0 2px; font-size:14px; text-indent:20px;}
.btmLine .size{float:right; width:250px; height:36px; line-height:36px; background:url(/hotel/images/bg/bg-28.jpg) no-repeat; text-indent:60px; margin-top:5px;}


.hotelImg{ height:120px; margin-left:10px; border:solid 1px #9CDA8F; background:#F6FBF7;}
.hotelImg .imgLi{/* width:700px;*/ height:90px; overflow:hidden; text-align:center;}
.hotelImg .imgLi img{ margin:10px 10px 0 0; border:solid 1px #1D1E1D; }
.hotelImg .imgBtn .fr{ float:right; margin-right:15px; padding-left:18px; background:url(/hotel/images/icon/hotelmo-icon05.gif) no-repeat left center;}
.hotelImg .imgBtn{ text-align:center;}

.hotelImg .btn{ margin-left:113px; line-height:22px; font-weight:bold; font-size:14px;}
.hotelImg .btn a{ text-decoration:none;}
.hotelImg .prev{ background:url(/images/logo/ico/arrow_blue2.gif) no-repeat left center;padding:0 20px;}
.hotelImg .next{ background:url(/images/logo/ico/arrow_blue.gif) no-repeat right center; padding:0 20px;}
.hotelImg .imgBtn img{ vertical-align:middle;}

/* Room type and check date */
.typeDate{background:url(/hotel/images/bg/bg-22.jpg) repeat-x; padding:10px 0 15px; margin:5px 0 10px 10px; text-align:center;}
.typeDate .btmBorder{ margin:0 10px; padding:0 5px 5px; border-bottom:solid 1px #C0DBD4;text-align:left;}
.typeDate label{ padding:0 10px 20px 0;}
.typeDate select{ width:185px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:2.0; vertical-align:middle;}
.typeDate .text{ border:#93CA53 solid 2px; padding:1px; width:90px; vertical-align:middle;}
.typeDate .img{ vertical-align:middle;}
.typeDate .checkRate{ padding:6px 9px;color:#fff; background:url(/hotel/images/bg/bg-29.jpg) no-repeat; cursor:pointer; text-align:center; font-weight:bold; font-size:12px;}
.typeDate .submit{width:91px; height:25px; margin-top:10px; background:url(/hotel/images/bg/bg-29.jpg) no-repeat;color:white; border:none; font:12px Verdana, Arial, Helvetica, sans-serif; }
.typeDate .formL{ float:left; width:70%;}
.typeDate .formL div{ margin:10px 0;}
.typeDate .formR{ float:left; width:29%; padding-top:15px; background:url(/hotel/images/bg/b3.gif) no-repeat; text-align:center; }


/* Room type and check date */

.greenBtmLine{ margin-left:10px; *margin-left:5px; border-bottom:#78B821 solid 2px; padding-bottom:5px; *overflow:hidden; _zoom:1;}
.greenBtmLine table{ background:#F2F2F2; border:#DEE1E0 solid 1px; width:100%; font-size:13px; margin-bottom:10px;}
.greenBtmLine td{ width:30%; background:#fff; text-align:center; padding:5px 0;} 
.greenBtmLine td.rowSpan{ width:40%; color:#000; text-align:left; padding-left:6%;}
.greenBtmLine .greenTxt{ color:#4E7D3E;}
.greenBtmLine th{ background:url(/hotel/images/bg/bg-30.gif) repeat-x; color:#000; text-align:left; padding:6px 30px; font-size:14px;}


.infomation{ margin-left:10px; padding-left:10px;}
.infomation h5{ width:80%; background:url(/images/logo/ico/arrow-r-blue.gif) no-repeat 0 7px; text-indent:15px; font-size:14px; font-weight:bold; margin:15px 0 5px 0;}

.infomation dl{ width:100%; background:#E2EEFC; margin-bottom:10px;}
.infomation dt,.infomation dd{ float:left;}
.infomation dt{ width:17%; text-align:center; color:#5789AC; font-weight:bold; padding:10px 0;}
.infomation dd{ background:#EDF6FF; padding:5px 0 5px 3%; width:80%;}
.infomation dd li{ display:block; float:left; width:48%; background:url(/images/logo/ico/ico_dot.gif) no-repeat 0 8px; padding-left:10px; margin:3px 0;}



.searchbutton, .searchbuttonh {color:white; border:none; width:99px; height:40px; padding-top:17px; background:url(/hotel/images/bg/bg-71.png) no-repeat; font:18px Arial, Helvetica, sans-serif; cursor:pointer;}
.searchbuttonh {background-position:0 -57px;}

.searchbutton1, .searchbuttonh1  { width:99px; height:47px;  margin:0 auto; padding-top:10px; background:url(/hotel/images/bg/bg-71.png) no-repeat; cursor:pointer; color:white; border:none; font:18px Arial, Helvetica, sans-serif;}
.searchbuttonh1 { background-position:0 -57px;}

#idnearhotels {padding:2px; border:1px solid #ccc;margin:10px 6px auto 5px;}
#idnearhotels h4{background:#F8B945 url(/china-flights/images/ico/bg_index03.jpg) repeat-x; line-height:35px; height:35px; font-size:16px; font-weight:bold; color:#fff; text-align:center;}
#idnearhotels dl{text-align:left;}
#idnearhotels dt{background:url(/hotel/images/icon/hotelmo-icon04.gif) 5px 14px no-repeat; line-height:150%; padding:5px 5px 5px 15px; font-size:12px; display:block; cursor:pointer; }
#idnearhotels dt span{color:red;}


/*------------------------*/
.cydiv {position:absolute;  border:1px solid #7AB0D3; border-bottom-width:3px; border-right-width:3px; background:#EBF7FF; padding:5px 10px; display:none;}
.cyjiao {position:absolute; width:12px; height:11px; left:400px; top:-11px;}
.cyclose {position:absolute; width:60px; height:11px; right:10px; color:red; top:5px; font-weight:normal;}
.cytxt {padding-top:10px; font-weight:normal; line-height:150%; font-size:12px;}