/* -------------
 * Selects
 * ------------- */
 select {display:none;}
.SelectWrapper {
	width: 45px;
	position:relative;
	height: 18px;
	border: 0;  -webkit-box-shadow: 0 0 0 1px #bbb inset, 0 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 1px #bbb inset, 0 0 0 3px rgba(0, 0, 0, 0.1);
	-moz-border-radius: 5px;
	-0-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float:none;
	background:#fff;
}


.SelectWrapper div span {
    cursor: pointer;
    font-size: 11px;
    height: 10px;
    left: 2px;
    line-height: 1em;
    overflow: hidden;
    padding: 4px 5px;
    position: absolute;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
	color:#999;
}

.SelectWrapper  a.SelectOpen {
	display: block;
	position: absolute;
	right: 0px;
	width: 20px;
	height: 18px;
	background: url(../images/select.png) no-repeat -1px -21px #e6e6e6;
	-webkit-box-shadow: 0 0 0 1px #BBBBBB inset; box-shadow: 0 0 0 1px #BBBBBB inset;	
	-moz-border-radius: 0 4px 4px 0;
	-0-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}

.SelectWrapper  a.SelectOpen:hover, .SelectWrapper  a.SelectOpen:active, .SelectWrapper  a.SelectOpen:focus {
	background: url(../images/select.png) no-repeat -1px -1px #f6f6f6;
}

.SelectWrapper ul li:first-child a {border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;}
.SelectWrapper ul li:last-child a {border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;}

.SelectWrapper ul {
	position: absolute;
	width: 45px;
	list-style: none;
	background-color: #fff;
	border: 0; -webkit-box-shadow: 0 0 0 1px #BBBBBB inset, 0 0 0 4px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 1px #BBBBBB inset, 0 0 0 4px rgba(0, 0, 0, 0.1);
	display: none;
	margin: 0px !important;
	padding: 0px;
	height: 150px;
	overflow: auto;
	overflow-y: auto;
	z-index:10;
	-moz-border-radius: 5px;
	-0-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.SelectWrapper ul li {background:none !important; padding-left:0 !important;margin:0 !important;text-align:left;}

.SelectWrapper ul a {
	display: block;
	padding: 2px 5px 2px 7px;
	text-decoration: none;
	color:#666;
	font-size: 12px;
	transition:none;
	-moz-transition:none;
	-webkit-transition:none;
	-o-transition:none;	
}

.SelectWrapper ul a.selected {
	background: #333;
	color: #fff;
	/*-moz-border-radius: 2px;
	-0-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;		*/
}

.SelectWrapper ul a:hover, .SelectWrapper ul a.selected:hover {
	background: #aaa;
	color: #111;
	/*-moz-border-radius: 2px;
	-0-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;	*/
}

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