/*---- Search form ----*/
#maintenance-form{
	position:relative;
	vertical-align:top;
	width:100%;
}
	#maintenance-form fieldset {border:none; padding:0; float:left; margin-right:30px;}
		#maintenance-form label {display:block; min-height:45px;}
		#maintenance-form label.mileage{min-height:35px;}
		#maintenance-form label > span{
			display:inline-block;
			width:100px;
			color:#8f8f8f;
			padding-top:7px;
		}
		#maintenance-form input{
			padding:9px 10px;
			background:#fff;
			border:1px solid #cdd5d9;
			font:12px Arial, Helvetica, sans-serif;
			color:#8f8f8f;
			margin:0;
			outline:none;
			width:238px;
			border-radius:3px;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
		}

/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {
	display:inline-block;
	background:#fff;
	border:1px solid #cdd5d9;
	color:#8f8f8f;
	margin:0;
	outline:none;
	width:258px !important;
	height:33px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	position:relative;
}

.jqTransformSelectWrapper div span {
	display:block;
	font:12px Arial, Helvetica, sans-serif;
	float: left;
	white-space: nowrap;
	padding:9px 10px;
	width:190px !important;
	overflow: hidden;
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	float:right;
	width: 44px;
	height: 33px;
	background:url(../images/select-marker.gif) center center no-repeat;
}

.jqTransformSelectWrapper ul {
	position: absolute;
	width: 100%;
	top: 33px;
	left: 0px;
	list-style: none;
	background-color: #FFF;
	border: solid 1px #CCC;
	display: none;
	margin: 0px;
	padding: 0px;
	height: 150px;
	overflow: auto;
	overflow-y: auto;
	z-index:10;
}

.jqTransformSelectWrapper ul a {
	display: block;
	padding: 5px;
	text-decoration: none;
	color:#333;
	background-color: #FFF;
	font-size: 12px;
}

.jqTransformSelectWrapper ul a.selected {
	background: #EDEDED;
	color: #333;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
	background:#3582c4;
	color: #fff;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}

@media only screen and (max-width: 995px) {
	#maintenance-form fieldset {float:none; margin-right:0px; margin-bottom:15px;}
	#maintenance-form input{width:367px;}
	.jqTransformSelectWrapper {width:387px !important;}
	.jqTransformSelectWrapper div span {width:320px !important;}
}
@media only screen and (max-width: 767px){
	#maintenance-form input{width:295px;}
	.jqTransformSelectWrapper {width:315px !important;}
	.jqTransformSelectWrapper div span {width:250px !important;}
}
@media only screen and (max-width: 479px){
	#maintenance-form input{width:175px;}
	.jqTransformSelectWrapper {width:195px !important;}
	.jqTransformSelectWrapper div span {width:130px !important;}
}