﻿
/* SEARCH TAB BODY */
.clsProductSearchBody_container{ width: 100%; clear: both; }
.clsTabWrapper { height: 272px; background: url(images/bg-tabSearch.jpg) repeat-x bottom #69c; width: 245px; margin-left: 1px; }
.clsProductSearchTabBody { clear:left; width:100%; min-height:50px; color: #fff; }

.clsProductSearchTabBody .searchTitle { height: 20px; font-weight: bold; }
.clsProductSearchTabBody .searchContentMain { border-top: 1px solid #69c; border-bottom: 1px solid #69c; }
.clsProductSearchTabBody .cssSearchDivMain { height: 152px; padding: 10px 5px; }
.clsProductSearchTabBody .cssSearchDivMain ul { list-style: none; padding: 5px 0; }
.clsProductSearchTabBody .cssSearchDivMain ul li { height: 30px; line-height: 30px; display: block; font-weight: bold; cursor: pointer; }
.clsProductSearchTabBody .cssSearchDivMain ul li a { height: 30px; line-height: 30px; padding-left: 10px; display: block; text-decoration: none; color: #fff; }
.clsProductSearchTabBody .cssSearchDivMain ul li span { height: 30px; line-height: 30px; display: block; }
.clsProductSearchTabBody .cssSearchDivMain ul li a:hover { color: #fc0; background: url(images/bg-tabSearch-over.jpg) no-repeat right #036; }
.clsProductSearchTabBody .cssSearchFooterMain { height: 100px; background: url(images/bg-TabSearch-footer.jpg) bottom no-repeat #369; width: 100%; }

.clsProductSearchTabBody .searchContent { border-top: 1px solid #69c; }
.clsProductSearchTabBody .cssSearchDiv { height: 212px; padding: 10px 5px; }
.clsProductSearchTabBody .cssSearchFooter { height: 30px; line-height: 30px; background-color: #369; text-align: right; width: 100%; margin:10px 0 0 0; }
.clsProductSearchTabBody .cssSearchFooter .left { float: left; padding-left: 10px; }
.clsProductSearchTabBody .cssSearchFooter .right { float:right; text-align:right; padding-right:20px; }
.clsProductSearchTabBody a.menuLink { cursor: pointer; font-weight: bold; text-decoration: none; color: #fff; }
.clsProductSearchTabBody a.menuLink:hover { color: #fc0; }

.clsProductSearchTabBody .divSearch { height: 24px; line-height: 24px; margin-top: 3px; background: url(images/icon-search.gif) no-repeat; }
.clsProductSearchTabBody a.searchLink { cursor: pointer; font-weight: bold; text-decoration: none; color: #fff; }
.clsProductSearchTabBody a.searchLink:hover { color: #fc0; }
.clsProductSearchTabBody a.searchLink span { padding-left: 25px; }

.clsProductSearchTabBody .cssAutoComplete { list-style: none; z-index: 500; height: 140px; width: 500px; overflow: auto; overflow-x: hidden; margin: 0px; cursor:pointer; }
.clsProductSearchTabBody .cssAutoCompleteItem { list-style: none; background-color: #99ccff; color: #000; padding: 1px; }
.clsProductSearchTabBody .cssAutoCompleteHighlight { background-color: #ffffcc; color: #000; padding: 1px; }
.clsProductSearchTabBody .cssSearchTable .searchtd3 { width: 100%; }     
.clsProductSearchTabBody .cssSearchFooter .button { color: #ffffcc; background: url(images/bg-button.gif) #cc6600; border: 1px solid #ff9900; font-weight: bold; }
.clsProductSearchTabBody .cssSearchTable select, .cssSearchTable input { font-size:11px; }
.clsProductSearchTabBody .cssSearchTable  div.autocomplete { position:absolute; width:250px; background-color:white; border:0px solid #888; margin:0; padding:0; }
.clsProductSearchTabBody .cssSearchTable  div.autocomplete ul { list-style-type:none; margin:0; padding:0; }
.clsProductSearchTabBody .cssSearchTable  div.autocomplete ul li.selected { background-color: #ffb; }
.clsProductSearchTabBody .cssSearchTable  div.autocomplete ul li { list-style-type:none; display:block; margin:0; padding:2px; cursor:pointer; color:#336699; }

.clsProductSearchTabBody .cssSearchDiv .lblOrigin { color:#fff;font-weight:bold; }

/********** Flight + Hotel **********/
.clsProductSearchTabBody .searchContent .tblFlightFields { width:100%; }
	.clsProductSearchTabBody .searchContent .tblFlightFields input { font-size:11px; }
.clsProductSearchTabBody .searchContent .tblHotelFields { width:100%; }
	.clsProductSearchTabBody .searchContent .tblHotelFields select {  font-size:11px; }

/********** Flight **********/
.clsProductSearchTabBody .searchContent .tblStartEndPointAndDateFields { width:100%; }
	.clsProductSearchTabBody .searchContent .tblStartEndPointAndDateFields input { font-size:11px; }
.clsProductSearchTabBody .searchContent .tblPaxFields { width:100%; }
	.clsProductSearchTabBody .searchContent .tblPaxFields select {  font-size:11px; }

/********** Hotel **********/
.clsProductSearchTabBody .searchContent .cssSearchTable { width:100%; }
.clsProductSearchTabBody .searchContent .cssSearchTable2 { width:100%; }
	.clsProductSearchTabBody .searchContent .cssSearchTable2 select { font-size:11px; }