.selectbox { vertical-align: middle; cursor: pointer; }
.selectbox .select { height: 30px; padding: 0 20px 0 10px; font: 14px/30px Arial, Tahoma, sans-serif; color: #174BAC; text-shadow: 1px 1px white; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 3px; background: #fff; }
.selectbox .select:hover { background-position: 0 -10px; }

.selectbox .select:active { background: #f5f5f5; box-shadow: inset 0 1px 3px rgba(0,0,0,0.15); }
.selectbox.focused .select { border: 1px solid #5794BF; }
.selectbox .select .text { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.filters-w100 .select { width: 100px; }
.filters-w200 .select { width: 200px; }
.filters-w250 .select { width: 250px; }
.filters-w300 .select { width: 300px; }
.selectbox .trigger {
	position: absolute;
	top: 0;
	right: 0;
	width: 34px;
	height: 100%;
}
.selectbox .trigger .arrow {
	position: absolute;
	top: 14px;
	right: 8px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #000;
	width: 0;
	height: 0;
	overflow: hidden;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.selectbox:hover .arrow {
	opacity: 1;
	filter: alpha(opacity=100);
}
.selectbox .dropdown {
	top: 33px;
	width: 240px;
	margin: 0;
	padding: 4px 0;
	background: #FFF;
	border: 1px solid #C6CBD0;
	border-radius: 4px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.2);
	font: 14px/18px Arial, Tahoma, sans-serif;
}

.selectbox ul{
    list-style-type: none;
    margin: 0 0.5em 0.5em 0;
    padding-left: 0.5em;
}

.selectbox li {
	padding: 5px 10px 6px;
	color: #231F20;
}
.selectbox li.selected {
	background: #A3ABB1;
	color: #FFF;
}
.selectbox li:hover {
	background: #08C;
	color: #FFF;
}
.selectbox li.disabled {
	color: #AAA;
}
.selectbox li.disabled:hover {
	background: none;
}