/* applied to original <select> to hide */
.has_sb{
	position: absolute;
	left: -999999em;
	text-indent:-999999em;
}
.selectbox div.opt {
	background: none;
}
/* always visible styles */
.selectbox {
	display: inline;
	display: inline-block;
	margin: 0px;
	position: relative;
	vertical-align: middle;
	zoom: 1;
}
.selectbox .display {
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15);
	color: #000;
	cursor: default;
	display: block;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	outline: none;
	padding: 0 24px 0 3px;
	position: relative;
	text-decoration: none;
	overflow: hidden;
	white-space: nowrap;
}
.selectbox.disabled .display {
	color: #999;
}
.selectbox.focused .display .text {
	background-color: #ece9e2;
	color: #980100;
	display: inline;
	display: inline-block;
	zoom: 1;
}
.selectbox .display.active{
	border-color: #7b7d83;
}
.selectbox .display .arrow_btn {
	background: #dbdbdb url('bg-arrow-select.png') repeat-x left center;
	display: block;
	padding: 1px;
	position: absolute;
	text-align: center;
	top: 0;
	right: 0;
	width: 18px;
	height: 18px;
}
.selectbox .display .arrow_btn .arrow{
	background: transparent url('arrow-select.png') no-repeat center center;
	display: inline;
	display: inline-block;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 14px;
	height: 14px;
	zoom: 1;
}
.selectbox .display.active .arrow_btn{
		box-shadow: 0 1px 1px #9eb0ba;
}
.selectbox .display.hover .arrow_btn {
	background-image:url('bg-arrow-select-hover.png');
	border-radius: 2px;
}
.selectbox .value{display:none;}

/* dropdown styles */
.selectbox.items{
	background:#fff;
	border:1px solid #828790;
	display:block;
	list-style-type:none;
	margin:0;
	overflow-x:hidden;
	overflow-y:auto;
	padding:0 0 1px 0;
	z-index:99999;
	box-shadow:0 3px 5px rgba(0,0,0,.5);
	white-space: nowrap;
}
.selectbox.items.above{}
.selectbox.items div.opt {display:block;margin:0;padding:0;white-space:nowrap;/* maybe necessary if using fixedWidth: false */}
.selectbox.items div.opt.first{margin-top:0;}
.selectbox.items div.opt > .item{
	color: #000;
	cursor: default;
	display: block;
	padding: 4px 6px;
	text-decoration: none;
	padding-right: 20px;
}
.selectbox.items div.opt>.item>.text{display:inline-block;*display:inline;zoom:1;}
.selectbox.items div.opt.selected>.item{border-bottom:1px dotted #999;border-top:1px dotted #999; background-color: #ece9e2;}
.selectbox.items div.opt.disabled>.item{color:#999;}
.selectbox.items div.opt.hover>.item{background-color:#ece9e2;color:#980100;}
.selectbox.items .value{display:none;}

/* optgroup styles */
.selectbox.items .optgroup .items{
	border:none;
	margin:0;
	padding:0;
	box-shadow:none;
}
.selectbox.items .optgroup>.label{cursor:default;font-weight:bold;line-height:1em;}
.selectbox.items .optgroup .items div.opt>.item{padding-left:1em;}

/* easy rounding styles */
.selectbox .round_sb.display{
	padding:2px 26px 2px 5px;
	border-radius:5px;
}
.selectbox .round_sb.display .arrow_btn{
	right:2px;
	top:2px;
	border-radius:3px;
}
.selectbox.round_sb.items{
	border-radius:5px;
}
.selectbox.round_sb.items>div.opt>a{padding:4px 6px;}
.selectbox.round_sb.items>div.opt.first>.item{
	border-radius: 5px 5px 0 0;
}
.selectbox.round_sb.items>div.opt.last>.item{
}
/* for optgroups */
.selectbox.round_sb.items>div.opt>.label{line-height:2.08em;padding:4px 6px;}
.selectbox.round_sb.items>div.opt>.items div.opt>.item{padding:4px 6px 4px 12px;}

/* fixed width example styles */
.selectbox .display.fixed_width{
	width:120px;
	padding:0 24px 0 3px;
}

.selectbox.fixed_width.items{
	width:100px; /* width of display text plus the padding (60 + 27) = 87 */
}

.selectbox .display.fixed_width2{
	width:60px;
	padding:0 24px 0 3px;
}

.selectbox.fixed_width2.items{
	width:300px; /* width of display text plus the padding (60 + 27) = 87 */
}