.detail_search_outter { margin: 20px 0 0 0; }
.detail_search_outter h1{ font: bold 12px Arial, Helvetica, sans-serif; color:#000; clear:both; }
.detail_search_outter .detail_search  { padding:5px 3px 5px 10px; margin-bottom:20px; border:6px solid #f6e7a1; background-color:#fdfcc5; float:left;}

.detail_search_outter .detail_search .inner { width:640px; }
.detail_search_outter .detail_search .inner td { padding: 0 10px 0 0;}
.detail_search_outter .detail_search .date {float:left; width:118px;   }
.detail_search_outter .detail_search .date label { display:block; font: normal 12px Arial, Helvetica, sans-serif; color:#000; }
.detail_search_outter .detail_search .date input {  margin:0; width:100px;  background: #fff url(/images/ico_calender.gif)  no-repeat 100% 2px; }
.detail_search_outter .detail_search .dateout {float:left; width:118px;  }
.detail_search_outter .detail_search .dateout label { display:block;  font: normal 12px Arial, Helvetica, sans-serif; color:#000;}
.detail_search_outter .detail_search .dateout input { width:100px;  background: #fff url(/images/ico_calender.gif)  no-repeat 100% 2px;   }

.detail_search_outter .detail_search .night {float:left; width:60px;}
.detail_search_outter .detail_search .night label { display:block; font: normal 12px Arial, Helvetica, sans-serif; color:#000;  }
.detail_search_outter .detail_search .night input { margin:0; padding:0; width:80px;}

.detail_search_outter .detail_search .room {float:left; width:60px; }
.detail_search_outter .detail_search .room  label { display:block;  font: normal 12px Arial, Helvetica, sans-serif; color:#000; }
.detail_search_outter .detail_search .room  input { margin:0; padding:0; }
			
.detail_search_outter .detail_search .adult { float:left; width:50px; }
.detail_search_outter .detail_search .adult  label { display:block;  font: normal 12px Arial, Helvetica, sans-serif; color:#000;}
.detail_search_outter .detail_search .adult  input { margin:0; padding:0; width:40px; }

.detail_search_outter .detail_search .child { float:left; width:80px; }
.detail_search_outter .detail_search .child  label { display:block;  font: normal 12px Arial, Helvetica, sans-serif; color:#000; }
.detail_search_outter .detail_search .child  input {width:40px; }
.detail_search_outter .detail_search .detailbutton { margin:10px 10px 0 5px; float:left; vertical-align:middle; }
.detail_search_outter .detail_search .detailbutton input.submit_button{ background-color:#ff1919; color:#fff; font: bold 15px Arial, Helvetica, sans-serif; border:1px solid #fff; cursor:pointer;  padding:1px 2px; }

/*the highlighted text that match user input*/
.detail_search_outter .detail_search .sch_highlight{font-weight:bold;}

/*the text when user click on result and it switch away the text field*/
.detail_search_outter .detail_search .search_inputstatic{font-size: 16px; font-weight:bold; border-bottom: 1px dashed #000;}

/*the result list*/
.detail_search_outter .detail_search .result_list{
	position: absolute;
	background-color: #eee;
	color: #000;
	border: 0px solid #000;
	display:none;
	padding: 4px;
	width:250px;
}
.detail_search_outter .detail_search .result_list_onload {display:none;}
.detail_search_outter .detail_search .result_list_noresult {display:none;}

/*the single result block*/
.detail_search_outter .detail_search .sch_result_item{
	background-color:#fafafa;
	width:100%;
	height:auto;
	padding: 2px;
	display:block;
}

.detail_search_outter .detail_search .sch_result_item_dim{
	background-color:#f1f1f1;
	width:100%;
	height:auto;
	padding: 2px;
	display:block;
}


/*the result list*/
.detail_search_outter .detail_search .sch_result_list{}

/*the result list when mouse hover or selected*/
.detail_search_outter .detail_search .sch_result_list_hover{cursor:pointer;background:#000;color:#fff;}

/*the extra field, (show all/show less) */
.detail_search_outter .detail_search .result_output_extra{
	font-size: 11px;
	display:block;
	width:100%;
	cursor:pointer;
	color:#44e;
	padding: 2px;
}

			/*DATE PICKER CLASS START*/
			table.jCalendar {
				border: 1px solid #000;
				border-collapse: separate;
				border-spacing: 1px;
			}
			table.jCalendar th {
				text-align:center;
				background: #898989;
				color: #fff;
				font-size:10px;
				font-weight: bold;
				padding: 0px 0px 0px 0px;
			}

			table.jCalendar td {
				/*background: #e9e9e9;*/
				color: #000;
				font-size:10px;
				padding: 3px 5px;
				text-align: center;
			}
			table.jCalendar td.other-month {
				/*background: #ddd;*/
				color: #aaa;
			}
			table.jCalendar td.today {
				background: #666;
				color: #fff;
			}
			table.jCalendar td.selected {
				background: #024282;
                font-weight:normal;
				color: #fff;
			}
			table.jCalendar td.selected.dp-hover {
				background: #f33;
				color: #fff;
			}
			table.jCalendar td.dp-hover,
			table.jCalendar tr.activeWeekHover td {
				background: #fff;
				color: #000;
			}
			table.jCalendar tr.selectedWeek td {
				background: #f66;
				color: #fff;
			}
			table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
				/*background: #e9e9e9;*/
				color: #868686;
			}
			table.jCalendar td.unselectable,
			table.jCalendar td.unselectable:hover,
			table.jCalendar td.unselectable.dp-hover {
				background: #bbb;
				color: #888;
			}

			/* For the popup */

			/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
			table.jCalendar td.weekend {
				background-color:#FFE5E5;
			}

			div.dp-popup {
				position: relative;
				/*background: #ccc;*/
				background-color:#fff;
				color:#024282;
				font-weight:bold;
				/*ff2b2b red*/
				font-size: 11px;
				font-family: arial, sans-serif;
				padding: 2px;
				width: 161px;
				line-height: 1.2em;
			}
			div#dp-popup {
				border:2px solid #444;
				/*border:1px solid #dadada; */
				position: absolute;
				z-index: 199;
			}
			div.dp-popup h2 {
				font-size: 12px;
				text-align: center;
				margin: 2px 0;
				padding: 0;
				display: block;
			}
			a#dp-close {
				font-size: 11px;
				padding: 4px 0;
				text-align: center;
				display: block;
			}
			a#dp-close:hover {
				text-decoration: underline;
			}
			div.dp-popup a {
				font-weight:normal;
				color: #000;
				text-decoration: none;
				padding: 3px 2px 0;
			}
			div.dp-popup div.dp-nav-prev {
				position: absolute;
				top: -2px;
				left: 4px;
				width: 100px;
			}
			div.dp-popup div.dp-nav-prev a {
				float: left;
				margin: 1px 0 0 -20px;
				text-align:center;
				position:relative;
			}

			.dp-close-button-pos{
				padding-top:6px;
				border:0px;
				width:10px;
				float:right;
				margin-left:3px;
			}

			/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
			div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
				color:#024282;
				cursor: pointer;
			}
			div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
				cursor: default;
			}
			div.dp-popup div.dp-nav-next {
				position: absolute;
				top: -1px;
				right: 4px;
				width: 100px;
			}
			div.dp-popup div.dp-nav-next a {
				font-size:14px;
				margin: 0 0 0 0px;
				float: right;
				top:2px;
			}
			div.dp-popup a.disabled {
				cursor: default;
				color: #aaa;
			}
			div.dp-popup td {
				cursor: pointer;
			}
			div.dp-popup td.disabled {
				cursor: default;
			}

			/* located in demo.css and creates a little calendar icon
			 * instead of a text link for "Choose date"
			 */
			a.dp-choose-date {
				float: left;
				width: 16px;
				height: 16px;
				padding: 0;
				margin: 3px -10px 0;
				display: block;
				text-indent: -2000px;
				overflow: hidden;
				background: url(/images/ico_calendar.gif) no-repeat; 
			}
			a.dp-choose-date.dp-disabled {
				background-position: 0 -20px;
				cursor: default;
			}

			/* makes the input field shorter once the date picker code
			 * has run (to allow space for the calendar icon
			 
			input.dp-applied {
				width: 70px;
				float: left;
			}
			*/
			#multimonth {
				border: 2px solid #000;
				overflow: auto;
				float: left;
			}
			.dp-applied {
				float: left;
			}
			table.jCalendar {
				border: none;
			}
			.dp-popup-inline {
				height: 160px;
			}

			.dp-nav-prev-month{
				z-index:10;
				font-size: 14px;
				margin: -6px 0 0 0;
			}
			.dp-nav-next-month{
				z-index:10;
				font-size: 15px;
				margin: -2px 0 0 0;
			}


			.dp-close-button{
				margin: 0 0 0 -8px;
				width: 6px;
				height: 8px;
				background: url(/images/ico_x.gif) no-repeat; 
			}