/* CSS Document */

body{margin:0;}

.mapWithRate{cursor:pointer;}

a:link { text-decoration:none;}    
#hot_city_box{
	font: "Courier New", Courier, monospace;
	background-color: #FFF;
	width: 550px;
	padding: 15px;
	border: 1px solid #F00;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	/*word-wrap:break-word; */
	list-style-type: none;
	font-size: 18px;
	word-spacing: 1em;
	z-index: 9999;
	position: absolute;
}
#hot_city_box a:hover{
	color:#F00;	
}

.hot_place{
	padding-top:0px;
	padding-bottom:6px;
}

.letters{
	background-color:#FCF;
	border:1px solid #FCF;
	padding:5px;
}


/*For autocomplete */
.ui-autocomplete { overflow-y: scroll; }
  * html .ui-autocomplete { /* IE max- */height: expression( this.scrollHeight > 400 ? "400px" : "auto" ); }
  .ui-autocomplete { max-height: 400px; }

/* end front page*/
#city_box{
	 font:"Courier New", Courier, monospace;
	 background-color:#FFF; 
	 width:550px; 
	 padding:15px;
	 border: 1px solid #F00;
	 -moz-hyphens:auto;
	 -ms-hyphens:auto;
	 -webkit-hyphens:auto;
	 hyphens:auto;
	 /*word-wrap:break-word; */
	 list-style-type: none;
	 font-size:18px;	
	 word-spacing: 1em;
	 z-index:100;	 
}
#city_box a:hover{
	color:#F00;	
}
/*hotel*/

#tabs {
	width: 99%;	
}

.tabs {
	line-height: 22px;
	font-size: 16px;
	list-style: none;
	overflow: hidden;
	max-width: 98%;
}

.tabs p{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.photo_thumbnails {
	width: 155px;
	height: 155px;
}

.enlarge{
	list-style-type: none; /*remove the bullet point*/
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

#photo li {
	display: inline-block;
	*display: inline;
	margin: 5px;
}

.shorten {
	margin: 0px;
	padding: 0px;
}

.moreLess {
	text-align: center;
	vertical-align: bottom;
	letter-spacing: 5px;
	font-weight:bold;
	color: #FD008E;
}

.photos {
	overflow: hidden;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
}
.thumbnails td{
	width: 145px;
	vertical-align: top;
	line-height: 18px;
}

.rooms table {
	border-collapse:collapse;
	border-spacing:0;
}
.rooms td {
	padding: 5px;
}

.price_row {
	font-weight: bold;
	color: #333;
}

.instant_color {
	background-color: #F00;	
	border-color: #F00;
}

.request_color {
	background-color: #09f;
	border-color: #09f;
}

.instant_border_color {
	border-color: #F00;
}

.request_border_color {
	border-color: #09f;
}

.instant_txt_color {
	color: #F00;
}

.request_txt_color {
	color: #06f;
}

.near_hotel_box {
	border-bottom-style: dashed;
	border-bottom-color: #84AFFF;
	border-bottom-width: 1px;
	padding-bottom: 10px;
	padding-top: 5px;
}

.near_hotel_box span {
	line-height: normal;
}

.near_hotel_box img{
	height: 120px;
}

/* hotel */
.details{
	/*position:absolute;*/
	display:inline-block;
	font: "Courier New", Courier, monospace;
	/*background-color:#FFF;*/
	width: 400px;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	/*word-wrap:break-word; */
	list-style-type: none;
	font-size: 16px;
	word-spacing: 1em;
	z-index: 100;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	margin-top: 0px;
	/*margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;*/
}

.details tr {
	margin: 0px;
	padding: 0px;	
}

.room_state {
	border: 1px solid #000;
	font-weight: bold;
}

.get_room {
	background-color: #BFB;
}

.no_room {
	background-color: #CCC;
}

.room_date{
	background-color: #FFC;
}

/* js paging */
.holder {
    margin: 15px 0;
  }

  .holder a {
    font-size: 12px;
    cursor: pointer;
    margin: 0 5px;
    color: #333;
  }

  .holder a:hover {
    background-color: #222;
    color: #fff;
  }

  .holder a.jp-previous { margin-right: 15px; }
  .holder a.jp-next { margin-left: 15px; }

  .holder a.jp-current, a.jp-current:hover {
    color: #FF4242;
    font-weight: bold;
  }

  .holder a.jp-disabled, a.jp-disabled:hover {
    color: #bbb;
  }

  .holder a.jp-current, a.jp-current:hover,
  .holder a.jp-disabled, a.jp-disabled:hover {
    cursor: default;
    background: none;
  }

  .holder span { margin: 0 5px; }


/*paging */  
  
.paginate_button{
	text-decoration: none;
	cursor: pointer;
	color: #666645;
	font-size: 14px;
	height: 18px;
	margin-left: 0px;
	/*border: 1px solid black;*/
	padding: 0 2px 0 2px;
	margin-right: 0px;
	text-shadow:#666;
	/*font-size:16px;*/
	font-weight:900;
}
.paginate_active{
	text-decoration:none;
	background-color:#F00;/*#666645;*/
	color:white;
	font-size:16px;
	margin-left:3px;
	/*border:1px solid black;*/
	padding: 0 5px 0 5px;
	text-shadow:#666;
	font-weight:800;
}

#pricelist li
{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}

.inoutdate{
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
	background-color: #B9D1FF;
	width: 99%;
	margin-top: 3px;
	margin-bottom: 3px;
}

/*for autocomplete*/
.ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
	text-align:right;
	
  }
  
/* highlight results */
.ui-autocomplete span.hl_results {
    background-color: #ffff66;
}
 
/* loading - the AJAX indicator */

 
/* scroll results */
.ui-autocomplete {
    max-height: 250px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding for vertical scrollbar */
    padding-right: 5px;
}
 
.ui-autocomplete li {
    font-size: 16px;
}
 
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
    height: 250px;
}

.price_detail{
	position: relative;
	font-size: 19px;/*1.5em;*/
  	font-family: Arial, Helvetica, sans-serif !important;
	color:#D30 !important;
}

.details_allot{
	position: absolute;
	background-color:#FFF;
	z-index:999;
	font-size: 1.5em;
  	font-family: Arial, Helvetica, sans-serif;
}

/*for search tag cloud*/
#tagcloud {
    background:#CFE3FF;
    color:#0066FF;
    padding: 6px;
    border: 1px solid #559DFF;
    /*text-align:center;*/
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 2px;
}
 
#tagcloud a:link, #tagcloud a:visited {
    text-decoration:none;
    color: #333;
}
 
#tagcloud a:hover {
    text-decoration: underline;
}
 
#tagcloud span {
    padding: 4px;
}
 
#tagcloud .smallest {
    font-size: x-small;
}
 
#tagcloud .small {
    font-size: small;
}
 
#tagcloud .medium {
    font-size:medium;
}
 
#tagcloud .large {
    font-size:large;
}
/***********/