@charset "utf-8";

@media screen
{
	/****************************************************************************************************************************
	 * Classes
	 ****************************************************************************************************************************/
	 
		.pagination { position: relative; margin-top: 0.5em; }
		.gradList { margin-bottom: 0; }
		.button { margin: 2em 0 0 0; }
		.legend { margin: 0; padding: 0; clear: both; }
			.legend li { margin: 0; padding: 0; list-style: none; display: inline; line-height: 13px; }
			.legend abbr { cursor: default; color: #fff; width: 30px; display: block; float: left; text-align: center; font-size: 10px; line-height: 13px; margin: 0 1px 1px 0; border: none; }
			.legend.qualifications abbr { background-color: #0CC; }
			.legend.categories abbr { background-color: #0C6; }
			.legend.disabilityCategories abbr { background-color: #39C; }
			.legend.adiCategories abbr { background-color: #C90; }
			.legend.cpds abbr { background-color: #930; }
		
					
	/****************************************************************************************************************************
	 * Layout
	 ****************************************************************************************************************************/

		#mainHeading { margin-bottom: 22px; }

		#filterForm { padding: 10px 20px 5px 20px; margin: 0 0 2em 0; border: 1px solid #ddd; border-top: none; background: none; }
			#filterForm ol { margin: 0; padding: 0; }
			#filterForm li { margin: 0 0 3px 0; padding: 0; }
			#filterForm label { cursor: pointer; margin: 0 15px 0 0; padding: 0; }
			#filterForm .collapseMe { margin: 0 0 0 1em; }
			#filterForm .button { float: right; margin: 20px 0 5px 5px; }
			#filterForm fieldset { border: none; margin: 0; padding: 0; background: none; }
			#filterForm legend { font-size: 0.9em; margin: 0.2em 0 0.2em 0; padding: 0; }

		#basicOptions { margin-bottom: 1em; }
			#basicOptions li { margin-bottom: 0.5em; }
			#basicOptions label { width: 180px; }
			#basicOptions input, #basicOptions select { width: 80px; }
			#basicOptions .checkbox { width: auto; }
		
		#vehicleCategories p { font-size: 0.9em; float: left; margin: 0 20px 0 0; width: 300px; }
			#vehicleCategories li { width: 80px; }
			#vehicleCategories label { width: 40px; }
		#engineTypes li { width: 80px; }
			#engineTypes label { width: 40px; }
		#categories li { width: 230px; }
			#categories label { width: 180px; }
		#disabledCategories li { width: 180px; }
			#disabledCategories label { width: 140px; }
		#cpds li { width: 290px; }
			#cpds label { width: 255px; }
		#adiCategories li { width: 290px; }
			#adiCategories label { width: 255px; }
		#languages li { width: 130px; }
			#languages label { width: 80px; }
		#qualifications li { width: 290px; }
			#qualifications label { width: 250px; }
			
		#googleMap { position: relative; overflow: hidden; border: 1px solid #ddd; border-top: none; margin-bottom: 1em; width: 673px; height: 350px; }
			#googleMap div span { white-space: normal;}

		#resultsOpener { margin: 0 0 0 0; }
		#searchOpener { margin: 2em 0 0 0; }
		#mapOpener { margin: 0; }

		#pageNos { margin-top: 0.6em; float: left; }
		
		#resultsTable { border: 1px solid #ccc; border-top: none; padding: 5px; }
			#resultsTable td { padding: 5px; font-size: 0.85em; }
			#resultsTable tr.highlight td { background-color: #f5f5f5; }
			#resultsTable p { margin: 0 0 2px 0; padding: 0; }
			
		#ajaxWrapper { position: relative; }
		#resultsWrapper { position: relative; margin-bottom: 1em; }
		#mapLoader { position: absolute; top: 50%; left: 50%; z-index: 9999; width: 128px; height: 15px; margin-left: -50px; }

		#viewMemberAddress { font-size: 1.2em; font-style: normal; margin-bottom: 2em;}
		#viewMemberMapWrapper { position: relative; float: right; width: 420px; height: 280px; margin-bottom: 2em; }
		#viewMemberGoogleMap { position: relative; border: 1px solid #ddd; border-top: none; width: 418px; height: 254px; overflow: hidden; }
			#viewMemberGoogleMap div span { white-space: normal;}

		#whyNotListed { position: absolute; top: 10px; right: 167px; }
		#detailsWrong { position: absolute; top: 10px; right: 0; }
}