﻿/*-----------------public----------------------*/
@charset "utf-8";
@import "hotel_main.css";

.left {background:none;}

.fltBox {border:1px solid #D7F0C9; border-radius:6px; margin:20px 10px 0; padding-bottom:15px; background:#F8FCF5; zoom:1;}
.fltBox .schTit{ position:relative;  height:46px; line-height:46px; margin-top:-6px; background:#EEFBE6 url(http://data.travelchinaguide.com/hotel/images/bg/j002.jpg) no-repeat;  font-size:16px; text-align:center; color:#FFF;}
.fltBox .downArr{ margin:10px 0 5px 10px; padding-left:15px; background:url(http://data.travelchinaguide.com/hotel/images/arrow/p001.png) no-repeat 0 6px; color:#427B2E;}
.fltBox .txt{ width:145px; border:2px solid #93CA53; margin-left:10px; padding:2px; }
.fltBox li{ padding:3px 5px; font-size:11px;}
.fltBox li span{color:#427B2E; font-size:10px; float:right; line-height:20px;}
.fltBox img{cursor:pointer; margin-left:5px;}

#filtArea li {display:none;}
#extAreaFilter{ margin-right:5px;}

.mapBox{ border:1px solid #DCDCDC; border-radius:6px; margin:20px 10px 0; padding:20px 0; background:#F8F8F8; text-align:center; }


/* City Guide Menu */
.left .cityGuideMenu{width:216px; margin:0 auto; background:url("http://data.travelchinaguide.com/hotel/images/bg/bg-41.jpg") no-repeat left bottom; border-top:#B8D2DF solid 1px; color:#666; padding-bottom:15px; position:relative;}
.left .cityGuideMenu .leftBorder, .left .cityGuideMenu .rightBorder{position:absolute; top:0; width:1px; height:155px; background:url("http://data.travelchinaguide.com/hotel/images/bg/bg-39.gif");}
.left .cityGuideMenu .leftBorder{left:0;}
.left .cityGuideMenu .rightBorder{right:0;}
.left .cityGuideMenu .h3{color:#fff; margin:2px 3px; background:transparent url("http://data.travelchinaguide.com/images/background/menu/bg-tourindex-03.jpg") repeat-x;font-size:14px; padding:10px 0; font-weight:normal; text-align:center;}
.left .cityGuideMenu .h3 a{color:#fff;}

.left .cityGuideMenu .leftNav{width:200px; margin:5px auto;}
.left .cityGuideMenu .leftNav li{line-height:25px; display:block; color:#ff6600;}
.left .cityGuideMenu .leftNav li a{text-decoration:none; color:#36c;}

.left .cityGuideMenu .citynavFolder{background:url("http://data.travelchinaguide.com/images/background/icon/closed.gif") 10px 8px no-repeat; border-bottom:1px solid #e2e2e1; text-indent:33px;}
.left .cityGuideMenu .citynavFolder a{display:block;}
.left .cityGuideMenu .citynavFolder a:hover, .left .cityGuideMenu .citynavFolder .current{background:#5DCAF0 url("http://data.travelchinaguide.com/hotel/images/bg/bg-40.jpg") no-repeat;color:#fff; font-weight:bold;}
/* End City Guide Menu */


/* --------------------------Hotel list------------------------- */
#searchTitle{ font-size:18px; font-weight:normal;}
#step {margin-left:0;}
/*
#idOrderType {position:absolute; margin-top:0; top:0; left:0; background: #E9FEFE; font-size:12px; font-weight:bold; }
#idOrderType th{padding:8px 10px; background:#F90 url(http://data.travelchinaguide.com/hotel/images/bg/order-type-title-bg.jpg) repeat-x; color:#36c;}
#idOrderType td{padding:8px 10px; background:none; color:#36c; cursor:pointer; border-right:1px solid #FDB;}
#idOrderType td.cur{color:#fff;}
#idOrderType td.down{background:#690 url("http://data.travelchinaguide.com/images/background/arrow/arrow-white-down-s.gif") no-repeat right center; padding-right:20px;}
#idOrderType td.over{color:#fff; background:#F90 url("http://data.travelchinaguide.com/images/background/arrow/arrow-white-down-s.gif") no-repeat right center; padding-right:20px;}

.pageNav, .pageNavBottom {background:url("http://data.travelchinaguide.com/images/background/line/line001.gif") repeat-x scroll 0 0 #F5F5F5;font-size:12px;margin-right:10px;padding:10px 5px;position:relative;height:15px;}
.pageNav {background-position:left bottom;margin-bottom:5px; margin-top:20px;}
.pageNavBottom {background-position:left 3px;margin-bottom:20px;margin-top:5px;}
.pageNav span, .pageNavBottom span {position:absolute;right:10px;}
*/
#idOrderType {position:absolute; margin-top:0; top:-6px; left:10px; font-size:12px; }
#idOrderType .tab{ display:inline-block; height:28px; height:27px\9; line-height:27px; border-top:4px solid #FFF; margin-left:5px; padding:0 15px; font-weight:normal;}
#idOrderType .sel{ border-width:4px 1px 0; border-color:#009AD9; border-style:solid; background:#FFF;}
#idOrderType .up, #idOrderType .down{ padding:1px 3px; background:url(http://data.travelchinaguide.com/hotel/images/arrow/p004.png) no-repeat; font-size:10px; color:#B3B3B3; cursor:pointer;}
#idOrderType .upCur{ background-position:0 -40px; color:#619F1E;}
#idOrderType .down{ background-position:0 -80px;}
#idOrderType .downCur{ background-position:0 -120px; color:#619F1E;}

.pageNav, .pageNavBottom { position:relative; margin-right:10px; padding:5px 15px; background-color:#F1F1F1; font-size:12px;text-align:right; zoom:1;}
.pageNav { border-bottom:1px solid #009AD9; margin-bottom:5px; margin-top:20px;}
.pageNavBottom { margin:10px 0 20px; background:#F1F1F1 url(http://data.travelchinaguide.com/images/background/line/line001.gif) repeat-x;}


.hotelList {line-height:140%; margin-right:10px; position:relative;}
.hotelList .noresults {background:url("http://data.travelchinaguide.com/hotel/images/icon/hotelmo-icon-wrong.gif") no-repeat 50% 50%; margin:50px auto; width:500px; font-size:16px; font-weight:bold; color:red; line-height:150%; padding:30px 20px 30px 50px; border:10px solid #6C0;}

.hotelList .listBox{background:url("http://data.travelchinaguide.com/hotel/images/bg/bg-13.jpg") repeat-x;border:1px solid #DDE2E6;margin-top:5px;overflow:hidden;position:relative;}
.listBox .listLeft {background:url("http://data.travelchinaguide.com/hotel/images/bg/bg-12.jpg") no-repeat scroll right top transparent;float:left;padding:15px 0;width:520px;}
.listBox .listLeft .picks {background:url("http://data.travelchinaguide.com/hotel/images/bg/bg-11.gif") no-repeat;height:54px;left:0;position:absolute;top:0;width:62px;}
.listBox .listLeft .fl {position:relative; float:left; -display:inline; width:80px; margin:20px 20px 0 25px; text-align:center; font-size:12px;}
.listBox .listLeft .fl img {float:left;display:block; margin:0 auto;}
.listBox .listLeft .fl .album{ position:absolute; right:-10px; top:-10px; width:30px; height:25px; background:url(http://data.travelchinaguide.com/hotel/images/icon/p001.png) no-repeat; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://data.travelchinaguide.com/hotel/images/icon/p001.png); -background:none; cursor:pointer; }
.listBox .listLeft .fl .viewMap{ display:block; color:#36C; text-decoration:underline; cursor:pointer;}


.listBox .listLeft dl {float:left;width:74%;}
.listBox .listLeft dt {font-weight:normal;}
.listBox .listLeft dt img {float:none;margin:0;}
.listBox .listLeft dd {font-size:12px;}
.listBox .listLeft dd .addr{ margin:5px 0;}
.listBox .listLeft dd .addr span{ margin-right:3px; color:#448C03;}

.listBox .listLeft .star2, .listBox .listLeft .star3, .listBox .listLeft .star4, .listBox .listLeft .star5{ margin-left:5px; background:url(http://data.travelchinaguide.com/images/tcg/newsletter/bgp04.png) no-repeat 0 3px;}
.listBox .listLeft .star2{ padding-left:21px;}
.listBox .listLeft .star3{ padding-left:33px;}
.listBox .listLeft .star4{ padding-left:45px;}
.listBox .listLeft .star5{ padding-left:57px;}
.listBox .listLeft .starHalf5, .listBox .listLeft .starHalf4{ margin-left:5px; padding-left:57px; background:url(http://data.travelchinaguide.com/images/tcg/newsletter/bgp05.png) no-repeat right 3px;}
.listBox .listLeft .starHalf4{padding-left:45px;}

.listBox .listRight {float:right;line-height:30px;text-align:center;width:210px;}
.listBox .listRight .price {font-size:16px;font-weight:normal;margin-top:1px;padding-top:25px;text-align:center;}
.listBox .listRight .price .redStrong {color: #AA0006; margin: 0 5px;}
.listBox .listRight .price .confirm {font-size:14px;font-weight:normal;width:175px;margin:10px auto;text-align:center;}
.listBox .listRight .price .confirm img {height:20px;margin-left:10px;width:124px;}
/*
.listBox .listRight .price .book{display:block; width:122px; height:25px; line-height:24px; margin:0 auto; background:url(http://data.travelchinaguide.com/hotel/images/button/p001.png) no-repeat 0 -37px; text-decoration:none; font-size:14px; color:#FFF; cursor:pointer;}
*/
.listBox .listRight .price .show{display:block; width:110px; height:25px; line-height:24px; margin:0 auto; background:url("http://data.travelchinaguide.com/images/background/arrow/ico-arrow-01.gif") no-repeat 5px 6px; padding-left:20px; cursor:pointer; font-size:14px;}
.listBox .listRight .price .hide{display:block; width:150px; height:25px; line-height:24px; margin:0 auto; background:url("http://data.travelchinaguide.com/images/background/arrow/ico-arrow-02.gif") no-repeat 5px 6px; padding-left:20px; cursor:pointer; font-size:14px;} 

.listBox .roomrate .innerTable{width:100%; background:#EBF8E6;}
.listBox .roomrate .innerTable td, .listBox .roomrate .innerTable th{width:14.2%; background:none;}
.listBox .roomrate .innerTable td{border-top:#ABD78F solid 1px;}
.listBox .roomrate .innerTable td.current{background:#fff;}
.listBox .roomrate .innerTable th{background:#88BD63; font-size:12px; line-height:12px;border: 1px solid #DADADA;}
.listBox .roomrate .innerTable th.weekend{color: #930;}
.listBox .roomrate .innerTable .dining{background:url("http://data.travelchinaguide.com/images/background/icon/ico-dining.gif") no-repeat; padding:3px 0 0 28px;}

.listBox .roomrate  .hideCon {display:none; width:99%; margin:0 auto; padding:15px 0; background:url(http://data.travelchinaguide.com/hotel/images/bg/bg-75.png) repeat-x left bottom; }
.listBox .roomrate  .hideCon select {width:45px; margin-right:20px; border:1px solid #ccc; font-size:14px; padding:2px 0 2px 4px;}
.listBox .roomrate  .hideCon .booking,.listBox .roomrate .hideCon .bookingHover{
	width:95px; height:22px; line-height:20px; margin-bottom:3px; padding:0 0 1px 15px; border:none;
	background:url(http://data.travelchinaguide.com/hotel/images/button/p003.png) no-repeat;
	cursor:pointer;text-align:left; font-size:15px; font-weight:bold; color:#fff;
}



.listBox .rate {background:none repeat scroll 0 0 #EEF7FE;clear:both;font-size:12px;}
.listBox .rate table {background:#F2F2F2;border:none;margin:0 auto;width:99.9%;}
.listBox .rate td {background:#EEF7FE;font-size:12px;padding:5px 0;text-align:center;width:25%}
.listBox .rate .grey {color:#8C8F96;}
.listBox .rate .redStrong {color:#AA0006;margin:0 5px;}


.listBox .roomrate {clear:both;display:block;}
.listBox .roomrate table {background:none repeat scroll 0 0 #F2F2F2;border:0 none;margin:0 auto;width:99.9%;}
.listBox .roomrate td, .listBox .roomrate th {background:none repeat scroll 0 0 #FFFFFF;padding:5px 0;text-align:center;width:25%;}
.listBox .roomrate td {font-size:12px;}
.listBox .roomrate td.colspan {padding:0;}
.listBox .roomrate th {background:url("http://data.travelchinaguide.com/hotel/images/bg/bg-14.jpg") repeat-x scroll 0 0 #7AA8D4;color:#FFFFFF;line-height:24px;}
.listBox .roomrate a.showRate {background:url("http://data.travelchinaguide.com/images/background/arrow/ico-arrow-04.gif") no-repeat scroll 0 4px transparent;cursor:pointer;padding-left:20px;}
.listBox .roomrate a.hideRate {background:url("http://data.travelchinaguide.com/images/background/arrow/ico-arrow-03.gif") no-repeat scroll 0 2px transparent;cursor:pointer;padding-left:20px;}
.listBox .roomrate td .choose, .listBox .roomrate td .choose_over {background:url("http://data.travelchinaguide.com/images/background/button/bg_search_05.gif") no-repeat scroll 0 0 transparent;cursor:pointer;font-size:11px;height:20px;line-height:20px;margin:0 auto;padding-left:5px;text-align:left;width:102px;}
.listBox .roomrate td .choose_over {background:url("http://data.travelchinaguide.com/images/background/button/bg_search_05.gif") no-repeat scroll 0 -20px transparent;}
.listBox .roomrate .innertable {background:none repeat scroll 0 0 #EBF8E6;width:100%;}
.listBox .roomrate .innertable td, .listBox .roomrate .innertable th {background:none repeat scroll 0 0 transparent;width:14.2%;}
.listBox .roomrate .innertable td {border-top:1px solid #ABD78F;}
.listBox .roomrate .innertable td.current {background:none repeat scroll 0 0 #FFFFFF;}
.listBox .roomrate .innertable th {background:none repeat scroll 0 0 #88BD63;font-size:12px;line-height:12px;}
.listBox .roomrate .innertable th.weekend {color:#993300;}
.listBox .roomrate .innertable .dining {background:url("http://data.travelchinaguide.com/images/background/icon/ico-dining.gif") no-repeat scroll 0 0 transparent;padding:3px 0 0 28px;}



.popBox2 {display:none; border:3px solid #BFCAD3; padding:20px; background:#FFF; position:relative; text-align:left;}
.popBox2 .close{ position:absolute; right:-15px; top:-15px; width:38px; height:38px; background:url(http://data.travelchinaguide.com/hotel/images/icon/close.png) no-repeat; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://data.travelchinaguide.com/hotel/images/icon/close.png); -background:none; cursor:pointer; }
.popBox2 .popTitle{font-size:18px; margin-bottom:10px;}
.popBox2 .detail{ width:600px; padding:20px 20px 0; background:url(http://data.travelchinaguide.com/hotel/images/bg/bg-21.jpg) repeat-x; }
.popBox2 .detail li{ margin-bottom:8px; padding-left:10px; background:url(http://data.travelchinaguide.com/hotel/images/icon/hotelmo-icon04.gif) no-repeat 0 5px; font-size:12px;}


#album{ width:780px;}
#album .fl{ float:left; width:578px; height:428px; border:1px solid #CCE7FA;}
#album .fr{ float:right; width:185px; margin-left:10px; height:430px;}
#album .tabTit{ position:relative; overflow:hidden; zoom:1;}
#album .tabTit span{ float:left; border:1px solid #CCE7FA; margin-right:10px; padding:5px 10px; background:#FFF; cursor:pointer; display:none;}
#album .tabTit .current{ border-bottom-color:#fff; background:#F2FCFE;}
#album .tabConL{ padding:10px; height:410px; background:url(http://data.travelchinaguide.com/hotel/images/bg/bg-show-04.gif) repeat-x; text-align:center; overflow:hidden; }
#album .tabConR{ display:none; height:400px; overflow:auto; margin-top:-1px; border:1px solid #CCE7FA; overflow-y:auto; display:none;}
#album .clspicbox{width:160px; border:5px solid #FFF; border-right:none;}

#album .clspic {height:70px; width:80px; padding:5px 0; text-align:center;float:left;}
#album .clspic img {height:70px; width:70px;border:1px solid #000;cursor:pointer;}

#album .clspicbox .current {background:red;} 
#album #viewPhoto {text-align:center;vertical-align:middle; display:table-cell; width:560px;}
#album #viewPhoto img{cursor:pointer;}

#hotelDetail .detail {height:260px; overflow-y:auto; border:1px solid #EFEEEA; padding:20px 20px 0; background:#EEEDE9 url(http://data.travelchinaguide.com/hotel/images/bg/p009.png) repeat-x fixed; line-height:1.4;}
#hotelDetail .detail li{ margin-bottom:8px; padding-left:10px; background:url(http://data.travelchinaguide.com/hotel/images/icon/p003.png) no-repeat 0 7px; font-size:12px;}
#hotelDetail .detail li span {font-weight:bold;}

#popMap .text2{ width:182px; border:2px solid #93CA53; padding:2px; }
#mapSelect {display:block; width:122px; height:25px; line-height:24px; text-align:center; margin:0 auto; background:url(http://data.travelchinaguide.com/hotel/images/button/p001.png) no-repeat 0 -37px; text-decoration:none; font-size:14px; color:#FFF; cursor:pointer;}
#mapSelect:hover{color:#FF0;}

#hotelDateBox { width:350px; line-height:2.0; border-radius:0; border:1px solid #77B760; margin:0; padding:0; background:#F8FCF5;}
#hotelDateBox .close{ position:absolute; right:-10px; top:-10px; width:25px; height:25px; background:url(http://data.travelchinaguide.com/hotel/images/icon/close-s.png) no-repeat; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://data.travelchinaguide.com/hotel/images/icon/close-s.png); -background:none; cursor:pointer; zoom:1; z-index:2;}

#hotelDateBox table{width:300px; margin:0;}
#hotelDateBox td{padding:2px 5px;}


#hotelDateBox .schTit{ height:46px; line-height:46px; margin-top:0; margin-bottom:20px; background:#79BA63 url(http://data.travelchinaguide.com/hotel/images/bg/p013.png) repeat-x; text-align:center; color:#FFF; font-size:16px; font-weight:bold; }
#hotelDateBox dt{ float:left; width:115px; margin-right:5px; text-align:right;}
#hotelDateBox dd{ float:left; width:230px;}
#hotelDateBox .tac{ padding:5px 0 20px; text-align:center;}
#btnOK{ border:none; width:92px; height:25px; line-height:25px; padding-bottom:0\9; background:url(http://data.travelchinaguide.com/hotel/images/bg/bg-29.jpg) no-repeat; color:#FFF; cursor:pointer; }



/* ======================================================= */
.hotelRadio{ line-height:1.5; font-size:18px;}
.hotelRadio label{ display:block;}
.hotelRadio .noChk{ color:#A1A1A1;}
.date{ margin:10px 20px; color:#448C03;}
.date .change{ position:relative; display:inline; margin-left:40px; z-index:2;}
#changeShow{ color:#36C; text-decoration:underline; cursor:pointer; }

.date .text2{ width:182px; border:2px solid #93CA53; margin-right:10px; padding:2px; vertical-align:middle;}
.date .submit{width:71px; height:22px; margin:0 auto; border:none; padding-bottom:6px; *padding-bottom:3px; background:url(http://data.travelchinaguide.com/hotel/images/button/p005.png) no-repeat; color:#FFF; cursor:pointer;}
