/*

Uniform Theme: ANCAP Custom Form Selectors
Version: 1.0.0
By: Involved.

---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---


ToC
1. Global Declaration
2. Search Tool selectors
3. Homepage VehicleSearchForm
4. Background positioning 
*/


/* @group Global Declaration 
-----------------------------------------*/

div.selector, 
div.selector span {
	background-image: url(../images/searchTool/formElements_Sprite-seachTool.png);
	background-repeat: no-repeat;
	font-size:12px;
}

.home div.selector,
.home div.selector span {
	background-image: url(../images/searchTool/formElements_Sprite-seachTool-home.png);
}

.selector select:focus, .radio input:focus, .checker input:focus, uploader input:focus {
  outline: 0;
}

.selector,  
.selector *, 
{
	margin: 0;
	padding: 0;
}

/* @end */


/* @group Search Tool selectors
-----------------------------------------*/

div.selector {
	background-position: -483px -150px;
	line-height: 30px;
	height: 30px;
	margin-bottom: 9px;
	width: 210px;
	position: relative;
	padding-left: 10px;
	overflow: hidden;
}

div.selector span {
	background-position: right 0px;
	height: 30px;
	line-height: 30px;
	padding: 0px 25px 0px 2px;
	cursor: pointer;
	color: #333;
	font-weight: bold;
	width: 182px;
	display: block;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
	div.selector span .nonBold { font-weight: normal !important; }
	div.selector.disabled select { cursor: default; }
	div.selector.disabled span { color: #999; }

div.selector select {
	/* change these to adjust positioning of select element */
	position: absolute;
	top: 0px;
	left: 0px;
	width: 214px;
	height: 25px;
	margin-left: 2px;
	border: #fff 1px solid !important;
	background: none;
	opacity: 0;

}

#vehicleSearchWrapper .highlight {
	font-size: 10px;
	border: none;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: auto;
	background: none;
	display: inline;
	overflow: hidden;
	cursor: default;
	float: none;
}


/* @end */


/* @group Homepage VehicleSearchForm
-----------------------------------------*/

.home #vehicleSearchWrapper div.selector {	width: 270px; height: 30px; }
	.home #vehicleSearchWrapper div.selector select { width: 275px; margin-left: 2px; cursor: pointer; background: #fff; }
	.home #vehicleSearchWrapper div.selector span { width: 242px; }

/* @end */


/* @group Background positioning 
-----------------------------------------*/


div.selector:active, 
div.selector.active {
	background-position: -483px -180px;
}

	div.selector:active span, 
	div.selector.active span {
		background-position: right -30px;
	}

div.selector.focus, div.selector.hover, div.selector:hover {
	background-position: -483px -210px;
}

div.selector.focus span, div.selector.hover span, div.selector:hover span {
	background-position: right -60px;
}

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
	background-position: -483px -240px;
}

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
	background-position: right -90px;
}

div.selector.disabled,
div.selector.disabled:active,
div.selector.disabled.active {
	background-position: -483px -270px;
}

div.selector.disabled span,
div.selector.disabled:active span,
div.selector.disabled.active span {
  background-position: right -120px;
}

/* @end */