@charset "utf-8";
/* CSS Document */

#container{margin:0 auto; width:915px; position:relative;}
#header{width:100%; height:150px; position:relative;}
#green-line{width:100%; height:10px; background-color:#00913a;}
#header h1{position:absolute; top:30px; left:-15px; background:url(../images/sprite-search.png); width:232px; height:106px;}
#header h1 span{width:1px; height:1px; overflow:hidden; display:block;}
#header ul{position:absolute; top:15px; right:0;}
#header ul li{float:left; margin-left:10px; color:#666;}
#header ul li a{color:#666; text-decoration:none;}
#header ul li a:hover{color:#900;}

#search{background:url(../images/hs-repeat.jpg); width:100%; height:49px; position:relative;}
#search p{color:#FF0; font-size:18px; position:absolute; top:16px; left:105px;}
#search input.search-field{width:394px; height:20px; position:absolute; top:13px; left:375px; color:#666; font-size:14px; font-weight:bold;}
#search input.search-button{background:url(../images/sprite-search.png) -232px 0; width:74px; height:26px; border:none; position:absolute; top:14px; left:780px; cursor:pointer;}
#search input.search-button:hover{background:url(../images/sprite-search.png) -232px -26px;}

#em-space{width:915px; height:2px; background-color:#FFF;}

#wrap-ms{width:922px; height:423px; position:relative;}
#map-tools{ background:url(../images/bg.png); width:910px; height:24px; position:absolute;top:0;left:0; padding-top:2px; padding-left:5px;}
#ms-1{float:left; width:915px; height:412px; background:#99B3CC;}
#map-content{margin-top:26px;}
#Balloon_Img{margin-left:3px; padding-top:-10px;}

#toggle-ground{background:url(../images/hs-repeat.jpg) 0 -49px; width:100%; height:19px; position:relative; text-align:center;}
.collaps-btn{background:url(../images/sprite-search.png) -232px -73px; width:33px; height:17px; border:0; margin-top:2px; cursor:pointer;}
.expand-btn{background:url(../images/sprite-search.png) -265px -73px; width:33px; height:17px; border:0; margin-top:2px; cursor:pointer;}

#text-result{width:100%; padding:20px 0 5px 0; position:relative;}
#text-result h2{color:#060; font-size:18px;}
#text-result span{border-bottom:2px solid #060; display:block; margin-top:5px}

#filt-date{width:100%; height:145px; position:relative;}
#filter{position:absolute; top:0; left:0; background:url(../images/hs-repeat.jpg) 0 -68px; width:735px; height:123px; border: 1px solid #CCC; padding:10px;}
#filter p{color:#666; font-size:11px;}
#filter p span{font-size:14px; font-weight:bold; color:#333;}
#filter p.subtitle{color:#060; font-size:12px; font-weight:bold; line-height:15px; margin-top:2px;}
#filter ol{margin-right:40px;}
#price-filter{float:left;}
#price-filter li.clear{clear:both;}
#price-filter li ul li{float:left; line-height:16px;}
#price-filter li ul li.text{padding-top:1px; color:#444;}
#star-filter{float:left;}
#star-filter li.clear{clear:both;}
#star-filter li ul li{float:left; line-height:16px; margin-right:5px;}
.facilities-filter{float:left; margin-right:40px}
.facilities-filter li.clear{clear:both;}
.facilities-filter li ul li{float:left; line-height:16px;}
.facilities-filter li ul li.text{padding-top:1px; color:#444;}
#date{position:absolute; top:0; right:0; background:url(../images/hs-repeat.jpg) 0 -211px; width:135px; height:128px; border: 1px solid #CCC; padding:7.5px;}
#title{color:#444; font-size:14px; font-weight:bold; margin-bottom:0;}
#check-in-text, #check-out-text, #nights-text{color:#030; font-size:11px; padding:0;}
#check-in-text{margin-top:-7px;}
#date-in{background-color:#FFF; width:126px; height:16px; border:1px solid #ccc;  cursor:pointer; padding:2px; margin-bottom:5px;}
#date-in input.date-in{color:#666; font-size:10.5px; padding:0; padding-top:2px; margin:0; border:none; width:100px;}
#date-out{background-color:#FFF; width:126px; height:16px; border:1px solid #ccc;  cursor:pointer; padding:2px; margin-bottom:5px;}
#date-out input.date-out{color:#666; font-size:10.5px; padding:0; padding-top:2px; margin:0; border:none; width:100px;}

#hotel-list{width:100%; position:relative; margin-top:5px; border-top:1px solid #CCC;}


#footer{width:100%; position:relative; margin:auto; text-align:center; margin-top:10px;}
#footer-line{background:url(../images/hs-repeat.jpg) 0 -766px repeat-x; width:100%; height:25px;}
#footer-link{margin-top:-10px;}
#footer-link a{color:#666;}
#footer-link span{margin:0 15px; color:#666;}

.relative{position:relative;}
.date-submit{background:url(../images/sprite-search.png) -232px -52px; width:40px; height:21px; border:0; position:absolute; right:0; bottom:-2px; cursor:pointer;}
.date-submit:hover{background:url(../images/sprite-search.png) -271px -52px;}
.filter-submit{background:url(../images/sprite-search.png) -306px 0; width:62px; height:21px; border:0; position:absolute; top:107px; right:-5px; cursor:pointer;}
.filter-submit:hover{background:url(../images/sprite-search.png) -306px -21px;}
.green{background:url(../images/hs-repeat.jpg) 0 -354px; width:913px; height:162px; border:1px solid #CCC; border-top:none; position:relative}
.green h3 a{position:absolute; top:15px; left:40px; color:#060; font-size:12px; font-weight:bold; text-decoration:none;}
.green address a.address{position:absolute; top:70px; left:10px; font-size:10px; color:#060; width:110px; text-align:left; text-decoration:none}
.green p{position:absolute; top:50px; left:140px; width:425px; text-align:justify; color:#444; line-height:15px;}
.green a.continue{position:absolute; bottom:10px; left:140px; color:#06F; font-weight:bold;}
.green span.text{position:absolute; top:60px; right:215px; color:#666; font-size:14px; font-weight:bold;}
.green span.price{position:absolute; top:85px; right:215px; color:#333; font-size:18px; font-weight:bold;}
.green span.price strong{color:#f00; font-size:24px;}
.green span.price em{font-weight:lighter; color:#999}
.green img{position:absolute; top:10px; right:10px;}
.green span.instan em{background:url(../images/sprite-search.png) -312px -42px; width:21px; height:23px; position:absolute; top:-7px; right:120px;}
.green span.instan{position:absolute; top:28px; right:185px; color:#6C0; font-size:12px; font-weight:bold;}
.green input.map{background:url(../images/sprite-search.png) -333px -42px; width:43px; height:21px; position:absolute; left:10px; bottom:7px; border:none; cursor:pointer;}
.green input.map:hover{background:url(../images/sprite-search.png) -333px -63px;}
.green input.more-info{background:url(../images/sprite-search.png) -368px 0; width:85px; height:26px; position:absolute; bottom:7px; right:210px; border:none; cursor:pointer;}
.green input.more-info:hover{background:url(../images/sprite-search.png) -376px -26px;}
.green ul{position:absolute; top:0; left:0;}
.green ul li{float:left;}
.green ul li.left{background:url(../images/hs-repeat.jpg) 0 -722px; width:560px; height:44px;}
.green ul li.right{background:url(../images/sprite-search.png) -486px -44px; width:9px; height:44px;}
.grey{background:url(../images/hs-repeat.jpg) 0 -516px; width:913px; height:162px; border:1px solid #CCC; border-top:none; position:relative}
.grey h3 a{position:absolute; top:15px; left:40px; color:#060; font-size:12px; font-weight:bold; text-decoration:none;}
.grey address a.address{position:absolute; top:70px; left:10px; font-size:10px; color:#060; width:110px; text-align:left; text-decoration:none}
.grey p{position:absolute; top:50px; left:140px; width:425px; text-align:justify; color:#444; line-height:15px;}
.grey a.continue{position:absolute; bottom:10px; left:140px; color:#06F; font-weight:bold;}
.grey span.text{position:absolute; top:60px; right:215px; color:#666; font-size:14px; font-weight:bold;}
.grey span.price{position:absolute; top:85px; right:215px; color:#333; font-size:18px; font-weight:bold;}
.grey span.price strong{color:#f00; font-size:24px;}
.grey span.price em{font-weight:lighter; color:#999}
.grey img{position:absolute; top:10px; right:10px;}
.grey span.instan em{background:url(../images/sprite-search.png) -312px -42px; width:21px; height:23px; position:absolute; top:-7px; right:120px;}
.grey span.instan{position:absolute; top:28px; right:185px; color:#6C0; font-size:12px; font-weight:bold;}
.grey input.map{background:url(../images/sprite-search.png) -333px -42px; width:43px; height:21px; position:absolute; left:10px; bottom:7px; border:none; cursor:pointer;}
.grey input.map:hover{background:url(../images/sprite-search.png) -333px -63px;}
.grey input.more-info{background:url(../images/sprite-search.png) -368px 0; width:85px; height:26px; position:absolute; bottom:7px; right:210px; border:none; cursor:pointer;}
.grey input.more-info:hover{background:url(../images/sprite-search.png) -376px -26px;}
.grey ul{position:absolute; top:0; left:0;}
.grey ul li{float:left;}
.grey ul li.left{background:url(../images/hs-repeat.jpg) 0 -678px; width:560px; height:44px;}
.grey ul li.right{background:url(../images/sprite-search.png) -486px 0; width:9px; height:44px;}
.ballon-a{background:url(../images/sprite-search.png) -376px -52px; width:25px; height:25px; position:absolute; top:9px; left:10px;}
.ballon-b{background:url(../images/sprite-search.png) -401px -52px; width:25px; height:25px; position:absolute; top:9px; left:10px;}
.ballon-c{background:url(../images/sprite-search.png) -426px -52px; width:25px; height:25px; position:absolute; top:9px; left:10px;}
.ballon-d{background:url(../images/sprite-search.png) -451px -52px; width:25px; height:25px; position:absolute; top:9px; left:10px;}
.ballon-e{background:url(../images/sprite-search.png) -376px -77px; width:25px; height:25px; position:absolute; top:9px; left:10px;}
.ballon-f{background:url(../images/sprite-search.png) -401px -77px; width:25px; height:25px; position:absolute; top:9px; left:10px;}
.ballon-g{background:url(../images/sprite-search.png) -426px -77px; width:25px; height:25px; position:absolute; top:9px; left:10px;}
.ballon-h{background:url(../images/sprite-search.png) -451px -77px; width:25px; height:25px; position:absolute; top:9px; left:10px;}
.ballon-i{background:url(../images/sprite-search.png) -453px 0; width:25px; height:25px; position:absolute; top:9px; left:10px;}
.ballon-j{background:url(../images/sprite-search.png) -461px -25px; width:25px; height:25px; position:absolute; top:9px; left:10px;}
.star-one{background:url(../images/sprite-search.png) -232px -90px; width:15px; height:10px; display:block; margin:5px 0 0 0;}
.star-two{background:url(../images/sprite-search.png) -232px -90px; width:30px; height:10px; display:block; margin:5px 0 0 0;}
.star-tree{background:url(../images/sprite-search.png) -232px -90px; width:45px; height:10px; display:block; margin:5px 0 0 0;}
.star-four{background:url(../images/sprite-search.png) -232px -90px; width:60px; height:10px; display:block; margin:5px 0 0 0;}
.star-five{background:url(../images/sprite-search.png) -232px -90px; width:75px; height:10px; display:block; margin:5px 0 0 0;}
.star-half{background:url(../images/sprite-search.png) -307px -90px; width:15px; height:10px; display:block; margin:5px 0 0 0;}
.star-rate{position:absolute; top:50px; left:10px; }
ul.star{width:100px;}
ul.star li{float:left;}

img.ui-datepicker-trigger{margin:2px; vertical-align:middle;}
.embed + img.ui-datepicker-trigger{left:-26px; position:relative; top:-2px;}
#ui-datepicker-div{padding:5px 5px 0 5px !important;}
element.style{position:relative !important;}
#check-in, #check-out{width:200px; display:block; height:28px; position:relative;}
#checkin, #checkout{background-color:#FFF; width:126px; height:16px; border:1px solid #ccc; cursor:pointer; padding:2px; color:#666;}

div.pagination {
	padding: 15px 0 10px 0;
	margin: 0;
	text-align:right
}
div.pagination a {
	padding:2px 5px;
	margin-left: 5px;
	border: 1px solid #006633;
	text-decoration: none; /* no underline */
	color: #006633;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;
	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #006633;
	font-weight: bold;
	background-color: #006633;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}

.hideMap{display:none;visibility:hidden;}
.showMap{display:block;visibility:visible;}
.result_texpand{position:absolute; top:81px;}