/* applied to original <select> to hide */
.has_sb{position:absolute;left:-999999em;text-indent:-999999em;}

/* always visible styles */
.selectbox{display:inline-block;*display:inline;font-family:arial;font-size:1em;position:relative;vertical-align:middle;zoom:1;}

.multi-select .selectbox {
  margin-right: 5px;
}
  .multi-select .selectbox.last {
    margin-right: 0;
  }

.selectbox .display{
	background: #fff;
  border: 1px solid #76bfc2;
	color: #212121;
	cursor: pointer;
	display: block;
  font: normal 13px/17px Verdana, Arial, sans-serif;
	height: 17px;
	overflow: hidden;
	padding: 7px; padding-left: 11px;
	position: relative;
	white-space: nowrap;
  width: 91px;
	
	-moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
	border-radius: 3px;
}

  /* *** Dimensions *** */
  .col3 .selectbox.small .display {
    width: 40px;
  }
  .col3 .selectbox .display.mid {
    width: 72px;
  }
  .col3 .selectbox .display.large {
    width: 174px;
  }

.selectbox.disabled .display{color:#999;}
.selectbox.focused .display .text{ display:inline-block;*display:inline;zoom:1;}
.selectbox .display .arrow_btn{
	background: #489ea2 url(../images/select-apply.png) no-repeat center center;
	display: block;
	height: 23px;
  padding: 0;
  width: 22px;

  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
	
  position:absolute;
  right: 4px;
  text-align:center;
  top: 4px;
}
.selectbox .display .arrow_btn .arrow{
    display:inline-block;*display:inline;
    height:4px;
    vertical-align:middle;
    width:7px;
    zoom:1;
}
.selectbox .display.active .arrow_btn{
}
.selectbox .value{display:none;}

/* dropdown styles */
.selectbox.items{
  background:#fff;
  border:1px solid #828790;
  display:block;
  font-family: Verdana, arial;
  font-size: 12px;
  list-style-type:none;
  margin:0;
  overflow-x:hidden;
  overflow-y:auto;
  padding:0 0 1px 0;
  z-index:99999;
  -moz-box-shadow:0 3px 5px rgba(0,0,0,.5);
  -webkit-box-shadow:0 3px 5px rgba(0,0,0,.5);
}
.selectbox.items.above{}
.selectbox.items li{display:block;margin:0;padding:0;/*white-space:nowrap; maybe necessary if using fixedWidth: false */}
.selectbox.items li.first{margin-top:0;}
.selectbox.items li>.item,
.selectbox.items .optgroup > .label { 
	cursor:pointer;display:block;padding:4px 7px 4px 11px;text-decoration:none;
}
.selectbox.items li>.item>.text{display:inline-block;*display:inline;zoom:1;}
.selectbox.items li.disabled>.item{color:#999;}
.selectbox.items li.hover>.item{background-color:#3399ff;color:#fcfcfc;}
.selectbox.items .value{display:none;}

/* optgroup styles */
.selectbox.items .optgroup .items{
  border:none;
  margin:0;
  padding:0;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
}
.selectbox.items .optgroup > .label {
	font: bold 15px Arial, Tahoma, sans-serif;
}
.selectbox.items .optgroup .items li>.item{padding-left:1em;}

/* for optgroups */
.selectbox.round_sb.items>li>.label{line-height:2.08em;padding:4px 6px;}
.selectbox.round_sb.items>li>.items li>.item{padding:4px 6px 4px 12px;}