@CHARSET "UTF-8";

.jquery-selectbox {
	position: relative;
	height: 30px;	
	width: 124px !important;
	z-index: 0;
	float: left;
	display: inline;
	padding: 4px 4px 4px 7px;
	color: #444;	
	background: url("../images/search_category.png") no-repeat;
        text-align: left !important;
}
.jquery-selectbox.selecthover {
	
/*	background-image: url("../images/bg-TextFieldFocused.gif");*/
	z-index: 700;
}	
.jquery-selectbox .jquery-selectbox-currentItem {	
    color: #666666;
    display: block;
    overflow: hidden;
    padding-top: 3px;
    text-align: left !important;
    white-space: nowrap;
    width: 160px;
}

.jquery-selectbox .jquery-selectbox-list {
	display: none;
	position: absolute;
	top: 27px;
	padding: 2px;
	left: -43px;	
	width: 160px !important;
	height: 400px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1000;
        background-color: #EEE;        
	border: 1px solid #CCC;
        -moz-border-radius: 5px 5px 5px 5px;
        margin-left: 1px;
        text-align: left !important;
}
.jquery-selectbox .jquery-selectbox-moreButton {
    background: url("../images/select.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: right;
    height: 16px;
    position: absolute;
    right: 18px;
    top: 6px;
    width: 16px;
    margin: 3px 0px;
}
.jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover {
	background: url("../images/select.png") no-repeat;
        margin: 3px 0px;
}

.jquery-selectbox .jquery-selectbox-item.listelementhover {
	background: #CCC;
	color: #FFF;
}
.jquery-selectbox .jquery-selectbox-item {
	display: block;
	cursor: default;
        padding: 2px 0px;
}

/** ERROR classes **/
form .error .jquery-selectbox {
	color: #d00;
	border-color: #d00;
	background-image: url("../images/bg-TextFieldError.gif");
}