/*

Uniform Theme: Uniform Default
Version: 1.5.7
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html

*/

/* Global Declaration */

div.selector, 
div.selector span {
	background-image: url('./bg-ddn-search.png');
	background-repeat: no-repeat;
	-webkit-font-smoothing: antialiased;
}

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

/* Select */
div.selector {
	background-position: right 0;
	line-height: 20px;
	height: 20px;
}

div.selector span {
	background-position: right 0;
	height: 20px;
	line-height: 20px;
}

div.selector select {
	/* change these to adjust positioning of select element */
	top: 1px;
	left: 0;
}

div.selector:active, 
div.selector.active {
	background-position: right 0;
}

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

div.selector.focus, div.selector.hover, div.selector:hover {
  	background-position: right 0;
}

div.selector.focus span {
  	background-position: right 0;
}

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

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

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

div.selector.disabled {
  	background-position: right 0;
}

div.selector.disabled span {
  	background-position: right 0;
}


/* PRESENTATION */
/* Select */
input.search-box, input.search-button, .selector {
	float: left;
	margin-left: 5px;
}
div.selector {
	margin-bottom: 0px;
	width: 85px;
	font-size: 12px;
}

div.selector select {
	width: 85px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
}

div.selector select option {
	background-color: #fafafa;
	color: #969697;
	highlight: #C6C4BD;
	padding: 5px 0 5px 3px;
	border-bottom: 1px solid #f0eeee;
}

div.selector span {
	padding: 0px 18px 0px 4px;
	cursor: pointer;
}

div.selector span {
	color: #969697;
	width: 63px;
	text-shadow: 0 1px 0 #fff;
}

div.selector.disabled span {
	color: #bbb;
}

div.selector select option:hover {
	background-color:#F60;
}


/*
CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/
.selector select:focus {
 	 outline: 0;
}

/* Select */
div.selector {
	position: relative;
	overflow: hidden;
	text-align: left;
}

div.selector span {
	display: block;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

div.selector select {
	position: absolute;
	opacity: 0;
	filter: alpha(opacity:0);
	height: 20px;
	border: none;
	background: none;
}