/* Drop down styles*/
div.selectbox-wrapper {
  position:absolute;
  width:400px;
  background-color:white;
  border:1px solid #ccc;
  margin:0px;
  margin-top:-10px;
  padding:0px;
  z-index:1;
  text-align:left;
  max-height:250px;
  overflow:auto;
}


/*Drop down list styles*/
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
/* Selected item in dropdown list
div.selectbox-wrapper ul li.selected { 
  background-color: #EAF2FB;
}*/

/* Hover state for dropdown list */
div.selectbox-wrapper ul li.current { 
  background-color: #b9b8b6;
}

/* Drop down list items style*/
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:1px;
  cursor:pointer;
}

/* Look and feel of select box */
.selectbox 
{
  margin: 0px 5px 10px 0px;
  padding-left:2px;
  font-family:Arial  ;
  width : 222px; /*Resize Width */
  display : block;
  text-align:left; 
  background-image:url("../image/haendlerbereich/bg_select.jpg");
  background-repeat: no-repeat;
  background-position:right;
  cursor: pointer;
  border:1px solid #b9b8b6;
  color:#333;
}

.jquery-selectbox{
	position: relative;
	height: 20px;
	width: 100px;
	float: left;
	display: inline;
	margin: 4px 4px 4px 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	padding: 0;
	background-image: url("../image/haendlerbereich/bg_select.jpg");
	  background-repeat: no-repeat;
  background-position:right;
}
.jquery-selectbox.selecthover {
	border-color: #fff;
	background-color: #fff;
	z-index: 700;
	background-image: url("../image/haendlerbereich/bg_select.jpg");
}	
.jquery-selectbox .jquery-selectbox-currentItem {
	padding: 3px 0px 0px 3px;
	white-space: nowrap;
	display: inline;
	overflow: hidden;
}

.jquery-selectbox .jquery-selectbox-list {
        border:1px solid #CCCCCC;
	display: none;
	position: absolute;
	top: 19px;
	padding: 2px;
	left: 0px;
	background: #fff;
	width: 100px;
	height: 120px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 40;
	
}
.jquery-selectbox .jquery-selectbox-moreButton {
	/*
	position: absolute;
	top: 0px;
	right: 0px;
	*/
	float: right;

	width: 16px;
	height: 16px;
	cursor: pointer;
}
.jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover {

}

.jquery-selectbox .jquery-selectbox-item.listelementhover {
	background: #f2efec;
	color: #333;
}
.jquery-selectbox .jquery-selectbox-item {
	display: block;
	cursor: pointer;
}

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