/* STLYE SHEET FOR ANCAP - Search Tool
http://www.ancap.com.au

Created by INVOLVED. - involved.com.au (17 May 2010)
jordan@involved.com.au 


ToC
1. Search Tool
2. Star Ratings
3. Form Selector
4. Vehicle Type
5. Make / Model
6. Search Tool Footer
7. Search Results - Table
8. Font Overwrites 
9. Datagrid1 (Mark's Overwrites)
*/
	
/* @group Search Tool 
-----------------------------------------*/	

#searchToolWrapper {
	width: 970px;
	background: url(../images/searchTool/searchTool_bg.gif) no-repeat left top;
	position: relative;
	margin-top: 30px;
	z-index: 100;
}

	#searchToolWrapper #searchToolHeader {
		background: url(../images/searchTool/searchTool_header.gif) no-repeat left top;
		height: 60px;
		cursor: pointer;
	}

	#searchToolWrapper #searchToolInner {
		height: 220px;
		padding: 15px 0px 0px 10px;
		display: inline-block;
	}
	
		form#searchToolForm #searchToolWrapper .titleImage { float: left; clear: right; padding-left: 20px; }
	
		form#searchToolForm { float: left; display: inline-block; margin: 0px; padding: 0px; }
	
		form#searchToolForm #searchToolWrapper #starRating,
		form#searchToolForm #searchToolWrapper #vehicleType,
		form#searchToolForm #searchToolWrapper #makeModel {
			height: 210px;
			display: inline-block;
			padding: 0px;
			margin: 0px;
			float: left;
		}
			form#searchToolForm #searchToolWrapper #starRating  { width: 220px; }
			form#searchToolForm #searchToolWrapper #vehicleType { padding: 0px 0px; }
			form#searchToolForm #searchToolWrapper #makeModel   { padding: 0px 0px; }

/* @end */
		

/* @group Star Ratings 
-----------------------------------------*/				

form#searchToolForm #searchToolWrapper #starRating { }
	form#searchToolForm #searchToolWrapper #starRating .titleImage { padding-left: 21px; }

	form#searchToolForm #searchToolWrapper #starRating ul {
		display: inline-block;
		list-style-type: none; 
		margin: 15px 0px 0px 15px;
		width: 190px;
	}	
	
		form#searchToolForm #searchToolWrapper #starRating ul li {
			display: inline-block;
			float: left;
		}

			form#searchToolForm #searchToolWrapper #starRating ul li input { 
				display: inline-block; 
				float: left;
				width: 190px;
				height: 35px; 
				text-indent: -3000px;
				background: url(../images/searchTool/searchTool_Sprite-starRating.gif) no-repeat left top;
				border: none;
				font-size: 0px;
				line-height: 0px;
				padding: 0px;
				cursor: pointer;
			}
		
			form#searchToolForm #searchToolWrapper #starRating ul li.sr_1star input	{ top: 0px; background-position: left 0; }
			form#searchToolForm #searchToolWrapper #starRating ul li.sr_2star input	{ top: -4px; background-position: left -35px; }
			form#searchToolForm #searchToolWrapper #starRating ul li.sr_3star input	{ top: -8px; background-position: left -70px; }
			form#searchToolForm #searchToolWrapper #starRating ul li.sr_4star input	{ top: -12px; background-position: left -105px; }
			form#searchToolForm #searchToolWrapper #starRating ul li.sr_5star input	{ top: -16px; background-position: left -140px; }
			
			form#searchToolForm #searchToolWrapper #starRating ul li.sr_1star input:hover	{ background-position: right 0; }
			form#searchToolForm #searchToolWrapper #starRating ul li.sr_2star input:hover	{ background-position: right -35px; }
			form#searchToolForm #searchToolWrapper #starRating ul li.sr_3star input:hover	{ background-position: right -70px; }
			form#searchToolForm #searchToolWrapper #starRating ul li.sr_4star input:hover	{ background-position: right -105px; }
			form#searchToolForm #searchToolWrapper #starRating ul li.sr_5star input:hover	{ background-position: right -140px; }

/* @end */


/* @group Vehicle Type 
-----------------------------------------*/			

form#searchToolForm #searchToolWrapper #vehicleType { }
	
	form#searchToolForm #searchToolWrapper #vehicleType ul {
		display: inline-block;
		list-style-type: none; 
		width: 450px;
		height: 175px;
		border-left: #333 1px solid;
		border-right: #333 1px solid;
		padding: 0px 10px;
		margin-top: 15px;
		float: left;
		clear: left;
	}	
	
		form#searchToolForm #searchToolWrapper #vehicleType ul li {
			display: inline-block;
			float: left;
		}
	
			form#searchToolForm #searchToolWrapper #vehicleType ul li input { 
				display: inline-block; 
				float: left;
				width: 140px;
				height: 40px; 
				margin: 9px 5px;
				text-indent: -3000px;
				background: url(../images/searchTool/searchTool_Sprite-vehicleType.gif) no-repeat right top;
				border: none;
				font-size: 0px;
				line-height: 0px;
				padding: 0px;
				cursor: pointer;
			}
				
			form#searchToolForm #searchToolWrapper #vehicleType ul li.vt_smallCar input		{ background-position: left 0; }
			form#searchToolForm #searchToolWrapper #vehicleType ul li.vt_sportsCar input	{ background-position: left -40px; }
			form#searchToolForm #searchToolWrapper #vehicleType ul li.vt_medium4wd input	{ background-position: left -80px; }
			form#searchToolForm #searchToolWrapper #vehicleType ul li.vt_mediumCar input	{ background-position: left -120px; }
			form#searchToolForm #searchToolWrapper #vehicleType ul li.vt_peopleMover input	{ background-position: left -160px; }
			form#searchToolForm #searchToolWrapper #vehicleType ul li.vt_large4wd input		{ background-position: left -200px; }
			form#searchToolForm #searchToolWrapper #vehicleType ul li.vt_largeCar input		{ background-position: left -240px; }
			form#searchToolForm #searchToolWrapper #vehicleType ul li.vt_compact4wd input	{ background-position: left -280px; }
			form#searchToolForm #searchToolWrapper #vehicleType ul li.vt_utilityVan input	{ background-position: left -320px; }

			form#searchToolForm #searchToolWrapper #vehicleType ul li.vt_smallCar input:hover		{ background-position: right 0; }
			form#searchToolForm #searchToolWrapper #vehicleType ul li.vt_sportsCar input:hover		{ background-position: right -40px; }
			form#searchToolForm #searchToolWrapper #vehicleType ul li.vt_medium4wd input:hover		{ background-position: right -80px; }
			form#searchToolForm #searchToolWrapper #vehicleType ul li.vt_mediumCar input:hover		{ background-position: right -120px; }
			form#searchToolForm #searchToolWrapper #vehicleType ul li.vt_peopleMover input:hover	{ background-position: right -160px; }
			form#searchToolForm #searchToolWrapper #vehicleType ul li.vt_large4wd input:hover:hover	{ background-position: right -200px; }
			form#searchToolForm #searchToolWrapper #vehicleType ul li.vt_largeCar input:hover		{ background-position: right -240px; }
			form#searchToolForm #searchToolWrapper #vehicleType ul li.vt_compact4wd input:hover		{ background-position: right -280px; }
			form#searchToolForm #searchToolWrapper #vehicleType ul li.vt_utilityVan input:hover		{ background-position: right -320px; }

/* @end */
		

/* @group Make / Model 
-----------------------------------------*/			

form#searchToolForm #searchToolWrapper #makeModel {
	display: inline-block; 
	float: left;
	overflow: hidden;

}
	form#searchToolForm #searchToolWrapper #searchToolInner #vehicleSearchWrapper {
		width: 218px; 
		padding: 25px 15px 0px 15px;
		display: inline-block;
		float: left;
		clear: left;
		overflow: hidden;
	}
	
	form#searchToolForm #searchToolWrapper #searchToolInner #vehicleSearchWrapper select {
		width: 215px;
		float: left;
		display: inline-block;
		margin-bottom: 14px;
		cursor: pointer;
	}
		
		form#searchToolForm #vehicleSearchWrapper input#VehicleSearch {
			width: 85px;
			height: 26px;
			float: right;
			display: inline-block;
			background: url(../images/searchTool/searchTool_searchBtn.png) no-repeat left top;
			border: none;
			text-indent: -3000px;
			cursor: pointer;
			margin: 9px 10px 5px 0px;
			line-height: 0px;
			font-size: 0px;
			/*position: relative;*/
		}

/* @end */
		

/* @group Search Tool Footer
-----------------------------------------*/

#searchToolWrapper #searchToolFooter {
	background: #fff url(../images/searchTool/searchTool_Sprite-footer.gif) no-repeat left top;
	height: 50px;
	cursor: pointer;
}

	#searchToolWrapper #searchToolFooter.active { background-position: left bottom; }

#searchToolPadding { height: 50px; }

/* @end */



/* @group Homepage - Vehicle Search  */
/* ===================================== */	
		
.home #vehicleSearchTool {
	width: 280px;
	height: 230px;
	position: absolute;
	top: 180px;
	left: 680px;
	z-index: 10;
}
	.home #vehicleSearchTool #searchToolForm { padding-top: 25px; }
	.home #vehicleSearchTool form select { border: #999 1px solid; width: 275px; height: 25px; margin-bottom: 10px; }
	.home  #vehicleSearchTool form input { margin-right: 3px; }

/* @end */
		
		
		
/* @group Search Results - Table */
/* ===================================== */	

#container #loadingAjax {
	position: absolute;
	text-align: center;
	/*margin-top: 100px;*/
	padding: 100px 0px;
	width: 960px;
	z-index: -100;
}
	
#searchResultsContainer {
	min-height: 200px;
	height: auto !important;
	height: 200px;
	padding: 0px 5px 0px 15px;
}

	#searchResults {
		width: 940px;
		margin-top: 20px;
	}
	
		#searchResults .searchDescription {
			float: left;
			padding-left: 15px;
			width: 925px;
		}
		
		#searchResults .searchDescription h1 { font-family: "ANCAP-regular", sans-serif; font-weight: normal; display: inline; }
		#searchResults .searchDescription span { font-family: "ANCAP-bold", sans-serif; font-size: 12px; font-weight: normal; display: inline; padding-left: 5px; }
	
		/* Results Table */	
		#searchResults #resultsTable { width: 940px; margin: 20px 0px 10px 0px; clear: left; display: inline-block; }
			#searchResults #resultsTable tr { background: url(../images/searchTool/resultsDivider.gif) repeat-x 0 bottom !important; }
			
			
			/* Results Table - Header Row */	
				#searchResults #resultsTable td.tableHeader a { text-decoration: underline;	}	 
					#searchResults #resultsTable tr.tableHeader.sortable td a:hover { 
						color: #666;
						padding-right: 15px;
						background: url(../images/searchTool/searchResults-filterIcons.gif) no-repeat right 0px; 
					}
			
					#searchResults #resultsTable tr.tableHeader.sortable td.ascending a,
					#searchResults #resultsTable tr.tableHeader.sortable td.descending a { 
						color: #333;
						text-decoration: none;
						font-weight: bold;
						padding-right: 15px;
						background: url(../images/searchTool/searchResults-filterIcons.gif) no-repeat;  
					}
					
					#searchResults #resultsTable tr.tableHeader.sortable td.ascending a { background-position: right -150px; }
					#searchResults #resultsTable tr.tableHeader.sortable td.ascending a:hover { background-position: right -100px; }
					
					#searchResults #resultsTable tr.tableHeader.sortable td.descending a { background-position: right -50px; }
					#searchResults #resultsTable tr.tableHeader.sortable td.descending a:hover { background-position: right -0px; }

				#searchResults #resultsTable tr.tableHeader td { font-size: 10px; color: #999999; padding-bottom: 5px; }
				#searchResults #resultsTable tr.tableHeader td a { font-size: 10px; color: #333; display: inline-block; text-decoration: none; }
				#searchResults #resultsTable tr.tableHeader.sortable td a { color: #999; }
				#searchResults #resultsTable tr.tableHeader.sortable td a:hover { color: #666; }			
				#searchResults #resultsTable tr.tableHeader td.makeModel { font-weight: normal !important; }
			
				/* Results - Vehicle Row */
				#searchResults #resultsTable tr.vehicleRow:hover,
				#searchResults #resultsTable .rowHover { background: #fff3cf url(../images/searchTool/resultsDivider.gif) repeat-x 0 bottom !important; cursor: pointer; } 
					#searchResults .fadeItem { background: #fff; } 
					#searchResults #resultsTable tr.rowHover td img.fadeItem { background: #fff0c8; }					
					#searchResults #resultsTable tr.vehicleRow td.vehicleType,
					#searchResults #resultsTable tr.vehicleRow td.starRating { line-height: 0px; padding: 0px; margin: 0px; zoom: 1; }		
					#searchResults #resultsTable tr.vehicleRow td.vehicleType img { filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6;}
					#searchResults #resultsTable tr.vehicleRow td.vehicleType:hover img,
					#searchResults #resultsTable tr.vehicleRow td.vehicleType.strongOpac img { filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0; }

					#searchResults #resultsTable tr.vehicleRow td,
					#searchResults #resultsTable tr.vehicleRow td a { color: #333; text-decoration: none; }
			
					#searchResults #resultsTable td { 
						vertical-align: middle; 
						padding: 10px 0px 10px 0px; 
						line-height: 30px; 
						overflow: hidden; 
						white-space: nowrap; 
					} 

						#searchResults #resultsTable td.makeModel	  { width: 250px; padding-left: 15px; font-weight: bold; }
						#searchResults #resultsTable td.variant		  { width: 145px; }
						#searchResults #resultsTable td.vehicleYear	  { width: 80px; }
						#searchResults #resultsTable td.airbags 	  { width: 160px; display: block; margin-right: 10px; }
						#searchResults #resultsTable td.vehicleType	  { width: 90px; }
						#searchResults #resultsTable td.overallScore  { width: 90px; }
						#searchResults #resultsTable td.starRating	  { width: 110px; }
						#searchResults #resultsTable td.datePublished { width: 60px; padding-right: 15px; }	

/* @end */	


/* @group Search Results - Pagination 
-----------------------------------------*/

#searchResults .pagination { float: right; font-size: 12px; padding: 15px 0px 0px 10px; color: #999; }
	#searchResults .pagination a { padding: 0px 5px !important;  }
		#searchResults .pagniation a:hover { color: #333; font-weight: bold; }
	#searchResults .pagination .prev_page { padding-right: 5px; color: #666; }
	#searchResults .pagination .next_page { padding-left: 5px; color: #666; }
	#searchResults .pagination .start { font-weight: normal; color: #999; cursor: default; text-decoration: none; }
	
/* @end */		

/* @group Font Overwrites 
-----------------------------------------*/
#searchToolWrapper h3 { font-family: "ANCAP-regular", sans-serif; font-size: 18px; font-weight: normal; }


/* @end */