html { overflow-y:scroll; }

h2 { border-bottom:none; }


/* outer container - holds all content for this page */
.pageContainer { padding:6px 8px; }


/* generic container */
.blueBox { background:#eef4f9; padding:12px; }


/* ------------------------------------------------------------ */
/* Quick Search */

/* outer containers */
.blueBoxHeader { background:#dddddd; border:solid 1px #dddddd; border-bottom:none; } /* dark blue 90b6d1 ... light blue eef4f8 */
.blueBoxBody { background-color:#ededed; padding-top:24px; border:solid 1px #dddddd; }

/* inner containers */
#quickSearch .uniForm .fieldHolder { float:left; margin-left:40px; widths:200px; borders:solid 1px red; text-aligns:center; padding-bottom:4px; backgrounds:#fff; } /* margin-left:52px when we go back to 'Price / Sleeps' */
#fieldHolder3 { width:286px; padding-top:0; } /* width:256 when we go from 'Price Range / Bedrooms' to 'Price / Sleeps' */
#fieldHolder3 .sliderRange { width:120px; margin:5px auto 7px auto; borders:solid 1px red; float:right; }

/* text elements */
#quickSearchHeader h2 { text-aligns:center; margin:0; colors:#fff; }
.hideUntilRolled { float:left; padding:4px 0 0 12px; display:none; float:left; }
.hideUntilRolled2 { /*display:none;*/ } /* maybe use later */
#quickSearch .uniForm .fieldHolder p { /*display:none;*/ padding-bottom:10px; }

/* links and buttons */
.searchBtn { display:block; width:146px; margin-top:2px; height:44px; background:url(/includes/images/searchNowBtn-search.png) no-repeat top; padding:0; }
.searchBtn:hover { background-position:bottom; }
.searchBtn img { } /* the ajax loading image for 'Searching' */
.searching { } /* this called (as the hover state for searchBtn) by the search-form.js file */

/* inputs and tables */
#quickSearch input { border:solid 1px #cccccc; borders:none; margin-top:2px; }
#quickSearch input.text { padding:14px 7px; }
#fieldHolder3 input { width:70px; border:0; color:#666; font-weight:normal; background:none; borders:solid 1px red; float:right; margin-left:11px; } 
table.filters { margin:12px 32px; border:0; }
table.filters td { vertical-align:top; width:140px; }
table.filters ul { margin:5px 0 0 0; }
table.filters li { margin-bottom:5px; }

/* not used right now */
.blueBoxWithBorder { border:solid 1px #90b6d1; border-top:none; }

/* ie 7 hacks */
/* Hides from IE5-mac \*/
*:first-child+html #quickSearchContainer { height:1%; }
/* End hide from IE5-mac */ 
*:first-child+html .blueBoxHeader { padding-bottom:0; }
*:first-child+html #quickSearch .uniForm .fieldHolder { margin-left:40px; }

/* ie 6 hacks */
* html #quickSearchContainer { height:1%; }
* html .blueBoxHeader { padding-bottom:0; }
* html #quickSearch .uniForm .fieldHolder { margin-left:38px; }



/* ------------------------------------------------------------ */
/* We found xx results */


/* new */
#resultsTable td.two { padding-left:10px; width:120px; }

/* outer containers - 'We found xx results' */
#paginate { position:relative; visibility:hidden; padding-top:10px; background-color:#fff; width:936px; z-index:999999; /*margin-bottom:10px;*/ } /* this holds the div that holds 'We found xx results'; this becomes fixed when we scroll */
#paginate .blueBox { background-color:#dddddd; border:solid 1px #dddddd; padding:12px; /* padding:14; ? */ } /* this holds everything from 'We found' to 'Next ->' */
#paginate .blueBox #paginationContainer { /*padding:7px;*/ } /* this is the inner that holds everything from 'We found' to 'Next ->' */
#paginationContainerInner { margin-top:10px; } /* this holds everything from '10 per page' to 'Next ->' */
#paginationContainerInner div { float:left; } /* these hold the options, paginate header, and paginate */
#paginationContainerInner div.pagination { float:right; clear:none; } /* holds the pagination; to kill the default float right and clear for paginations (b/c we're floating left above) */

/* outer containers - hold all properties (the results of the search) */
#resultsHidden { display:none; } /* hidden b/c it's used to cut and paste */
#resultsVisible { background-color:#ededed; } /* holds the results, but not the 'We found', from Ajax */
.optionsHeader { margin-right:0px; padding:7px; border:none; /*background:#cccccc;*/ color:#666666; height:16px; } /* holds 'Page x of x' */
.options { margin-right:11px; } /* holds '10 per page' and 'Sort by name' etc */
#resultsFromAjax { border-left:solid 1px #dddddd; border-right:solid 1px #dddddd; }
#resultsFromAjax .last { border-bottom:none; }
#resultsTable { border-bottom:solid 1px #dddddd; }

/* inner containers - hold individual properties */
.searchResultContainer { padding:7px; border-bottom:solid 1px #dddddd; /*border-top:none;*/ background-color:#ededed; }
.searchBtn, .searchResultContainer:hover, .searchResultContainerGrid:hover { cursor:pointer; }
.searchResultContainerGrid { margin:0 1px; padding:1px 5px; border:solid 1px #ededed; }
.searchResultContainer td.rates { font-size:16px; line-height:1em; }

/* text elements */
.options a { float:left; display:block; width:40px; height:16px; text-align:center; margin:1px; }
#showOptions a { width:20px; }

/* links and buttons */
.options a, .pagination a.active, .pagination a.page { padding:7px; border:none; background:#f5f5f5; }
.options a.active, .pagination a.active { background:#cccccc; color:#666666; text-decoration:none; cursor:auto; }
.options a:hover, .pagination a.page:hover { background:#2575AD; color:white; text-decoration:none; }

a.removeCriteria, span.allLocations { background:#dddddd; margin:1px; padding:4px; }
/*span.allLocations { background-color:#cccccc; }*/
a.removeCriteria:hover { background:red; color:white; text-decoration:none; }

a.addToFav, a.goToFav, a.removeFromFav { display:block; float:left; margin-left:4px; height:16px; width:16px; background:url(/includes/images/addToFav.png) top; }
a.removeFromFav { background:url(/includes/images/removeFromFav.png) top; }
a.addToFav:hover, a.goToFav, a.removeFromFav:hover, a.removeFromFavOn { background-position:bottom; }


/* ------------------------------------------------------------ */
/* box rounding */

/* just bottoms rounded */
#resultsVisible, #resultsFromAjax, #resultsFromAjax .last, #resultsTable /*, #resultsTable tr, #resultsTable td*/ {
	-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;
}

/* all corners rounded */
.blueBox, .options a, .pagination a.active, .pagination a.page, #quickSearch input, a.removeCriteria, span.allLocations, .searchResultContainerGrid, .optionsHeader, #jsddm li a {
	-moz-border-radius:5px; /* for Ffox 2.0+ */
	-webkit-border-radius:5px; /* for Chrome and Safari */
	/* border-radius:5px; /* for future browsers, maybe even current Opera mobile 10 beta*/
}

/* bottoms not rounded */
.blueBoxHeader, #paginate .blueBox, #jsddm li a:hover {
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
}

/* tops not rounded*/
.blueBoxBody {
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
}

/* bottoms only rounded */
#jsddm li ul {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
}

/* nothing rounded */
#jsddm li ul li a {
	-moz-border-radius:0;
	-webkit-border-radius:0;
}

/* ------------------------------------------------------------ */
/* options (like '10 per page') dropdowns */
/* found @ http://javascript-array.com/scripts/jquery_simple_drop_down_menu/ */

#jsddm
{	margin: 0;
	padding: 0}
	
	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial;
		margin: 1px;}

	#jsddm li a
	{	display: block;
		background: #f5f5f5; /* the three f5f5f5s might look better as ffffffs */
		padding: 7px 0px;
		height:16px;
		text-decoration: none;
		/*border-right: 1px solid white;*/
		/*margin:1px 1px 0 1px;*/
		width: 90px;
		color: #2575AD;
		text-align: center;
		white-space: nowrap;}

	#jsddm li a:hover
	{	background: #2575AD;
		color: #ffffff;}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			background: #f5f5f5;
			margin:0 0 1px 0;}
		
		#jsddm li ul li
		{	float: none;
			display: inline;
			margin: 0;}
		
		#jsddm li ul li a
		{	/*width: auto;*/
			width: 90px;
			background: #f5f5f5;
			text-align: center;}
		
		/*#jsddm li ul li a.last
		{	-moz-border-radius-bottomleft: 5px;
			-moz-border-radius-bottomright: 5px;}*/
		
		#jsddm li ul li a:hover
		{	background: #2575AD}
		
		
		/* for the wider one (Sort by) */
		#jsddm li.wider a
		{	width:160px;}
		
		#jsddm li.wider ul li a
		{	width:160px;}