@CHARSET "UTF-8";

.jquery-selectbox {
	position: relative;
	/*height: 16px;*/
	border: 1px solid #CCCCCC;
	width: 100px;
	z-index: 0;
	float: left;
	display: inline;
	margin: 0;
	font-size: 14px;
	/*font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	color: #A0A0A0;
	padding: 0;
	/*background-image: url("../img/bg-TextField.gif");*/
	background:white;
}
.jquery-selectbox.selecthover {
	border-color: #CCCCCC;
	background-color:white;
	/*background-image: url("../img/bg-TextFieldFocused.gif");*/
	z-index: 700;
}	

.jquery-selectbox-list.jquery-custom-selectboxes-replaced-list {
	height: auto;
	padding-bottom: 3px;
}

.jquery-selectbox .jquery-selectbox-currentItem {	
	padding: 0px 0px 0px 3px;
	text-indent: 6px;
	/*line-height: 19px; enable this line if you want to show border at bottom of selected item*/
	line-height: 21px;
	white-space: nowrap;
	display: block;
	overflow: hidden;	
	color: #A0A0A0;
	word-spacing: 1px;
	height: 100%;
    display: flex;
    align-items: center;
}

.jquery-selectbox .jquery-selectbox-list {
	display: none;
	position: absolute;
	top: 20px;
	/*padding: 2px 0px 0;*/
	text-indent: 6px;
	right: -1px;
	background: white;
	width: 100px;
	height: 120px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1000;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.jquery-selectbox .jquery-selectbox-moreButton {	
	float: left;/* was right I changed it in tau project */
	background: url("/sites/all/themes/tau/images/TAU_General_DD_Arrow.png") no-repeat 0 0 transparent;
	cursor: pointer;
	padding:0;
	width: 8px;
	height: 5px;
	position: absolute;
	top: 0;
    left: 6px;
    bottom: 0;
    margin: auto;
}

.jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover {
	/*background: url("../img/lay-selectMoreButtonHover.gif");*/
}

.jquery-selectbox.jquery-custom-selectboxes-replaced {padding-left:4px;}
.jquery-selectbox .jquery-selectbox-item.listelementhover {	
	background-color: #AAAAAA;	
	width: 100%;
	color: #eee;
}
.jquery-selectbox .jquery-selectbox-item:hover {cursor:pointer; background-color: #AAAAAA; color: #FFFFFF;}

.jquery-selectbox .jquery-selectbox-item {
	color: #A0A0A0;
	display: block;
	cursor: default;
	word-spacing: 1px;
	text-indent: 0;
	padding: 0 6px;
	margin: 5px 0 0 0;
}
.page-tau-index .jquery-selectbox .jquery-selectbox-item{
	color: black;
}
/** ERROR classes **/
form .error .jquery-selectbox {
	color: #d00;
	border-color: #d00;
	background-image: url("../img/bg-TextFieldError.gif");
}
.jquery-selectbox a {color:black;}
.jquery-selectbox a:hover {text-decoration:none;}