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

/* always visible styles */
.selectbox {
	display:inline-block;
	*display:inline;
	position:relative;
	min-width: 270px;
}
.selectbox .display {
	height:22px;
	padding-left:5px;
	background: #f2f1f1 url(../../images/layout/input.png) repeat-x center bottom;
	border:#9a9a9a solid 1px;
	font-size:12px;
	margin:0;
	line-height:22px;
}

.selectbox .display.active {
	background:#fcfafa;	
}

.selectbox.disabled .display { opacity:0.4; filter:alpha(opacity=40); }
/*
.selectbox.focused .display .text{}
.selectbox .display.active{}
*/

.selectbox .display.fixed_width {
  width:245px;
}

.selectbox .display.day {
  width:64px;
}
.selectbox .display.month {
  width:85px;
}
.selectbox .display.year {
  width:60px;
}
.selectbox .display.year_width {
  width:93px;
}


.selectbox .display.distance-select {
  width:80px;
}



form.close_plans  .selectbox .display.month {
  width:117px;
}

/*
form.close_plans  .selectbox .display.year {
  width:60px;
}
*/
.selectbox.items.select-category  {
	width:371px;	
}




.selectbox .display.completed {
  width:162px;
}

.selectbox .display.category_select {
  width:174px;
}


.selectbox .items.month li.first, .selectbox .items.year li.first {
    color:#ABAAAA;
}


.selectbox .display .arrow_btn {
	display:block;
	width:24px;
	height:24px;
	background:url(../../images/layout/selectbox_button.png) 0px 3px no-repeat;
	float:right;
	margin-top:-23px;
	cursor:pointer;
}

.selectbox .display .arrow_btn .arrow {
    display:none;
}
.selectbox .display.active .arrow_btn {}
.selectbox .display.hover .arrow_btn {}
.selectbox .value {display:none;}

/* dropdown styles */
.selectbox.items {
  	display:block;
	background: #fcfafa url(../../images/layout/input.png) repeat-x center bottom;
	border:#9a9a9a solid 1px;
	margin:0;
	margin-top:1px;
	overflow-x:hidden;
	overflow-y:auto;
	z-index:99999;
	width:196px;
	padding: 2px;
	-moz-box-shadow: 0px 2px 2px #ccc;
    -webkit-box-shadow: 0px 2px 2px #ccc;
    box-shadow: 0px 2px 2px #ccc;
}
.selectbox.items.above{}
.selectbox.items li{ display:block; margin:0; padding:0; }
.selectbox.items li.first>.item{ border-top:none; }

.selectbox.items li>.item {
	cursor:pointer;
	display:block;
	padding:4px 6px;
	text-decoration:none;
	border-top:#999 solid 1px;
}

.selectbox.items li>.item>.text{ display:inline-block; *display:inline; font-size:12px; color:#444; }
.selectbox.items li.selected>.item{ font-weight:bold; }
.selectbox.items li.disabled>.item{}

.selectbox.items li.hover>.item{ background:#677CC8; }

.selectbox.items li.hover>.item>.text { color:#FFFFFF; }

.selectbox.items .value{display:none;}