/*********************************************
* dropdown styles
*********************************************/

.selectboxit-container {
	height: 21px;
	font: 12px/19px Arial,sans-serif;
	//margin-bottom:15px;
}
.selectboxit-container .selectboxit.selectboxit-disabled {
	cursor: default;
}

/* select box trigger (button) */

.selectboxit-container .selectboxit-btn,
.selectboxit-btn,
.selectboxit-btn:hover,
.selectboxit-btn:focus,
.selectboxit-btn:active {
	border: 1px solid #b3b3b3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	background-image: none;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.19);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.19);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.19);
	color: #333;
	text-decoration: none;
}

.selectboxit-container span.selectboxit-text {
	padding-top: 3px;
	height: 19px;
	font: 12px/18px Arial,sans-serif;
}

/* active state */
.selectboxit-btn:focus {
	border: 1px solid #9ccb49;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.25);
	-moz-box-shadow: inset 0 0 3px rgba(0,0,0,.25);
	box-shadow: inset 0 0 3px rgba(0,0,0,.25);
}

/* arrow */

.selectboxit-arrow-container {

	margin-left: 5px;
	width: 19px;
	height: 19px;
	border: 0px solid transparent;
	-webkit-border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0; 
	background-clip: padding-box;
	-webkit-background-clip: padding-box; 
	-moz-background-clip: padding;	
}

.ns-select-dark .selectboxit-arrow-container {
    background: transparent url('../images/dropdown-arrow-dk.png') 
    no-repeat scroll 0 0;
    width:25px;
}

.ns-select-light .selectboxit-arrow-container {
    background: transparent url('../images/dropdown-arrow-dk.png') 
    no-repeat scroll 0 0;
    width:25px;
}

.selectboxit-hover .selectboxit-arrow-container {
	background-position: 0px -23px;
}
.selectboxit-hover.selectboxit-disabled .selectboxit-arrow-container {
	background-position: 0px -23px;
}

.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
	display: none;
}


/* options container/list */

.selectboxit-container span, 
.selectboxit-container .selectboxit-options a {
	height: 23px;
	font-size: 12px;
	line-height: 23px;
}
.selectboxit-container .selectboxit-options {
	z-index: 101;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	/* 10 items high: helps to enable item selection from long lists within overlays
	   otherwise, mouse clicks don't register if the select box trigger is scrolled out of view */
	max-height: 190px;
}
.selectboxit-list {
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	background-color: #fff;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.selectboxit-container .selectboxit-options .selectboxit-option-icon-container {
	/* helps get rid of scroll bar when not needed */
	display: none;
}


/* option elements */ 

.selectboxit-option .selectboxit-option-anchor {
	/* add some padding for when scroll bar is visible */
	padding: 0 18px 0 2px;
}

/* option states */

/* default state */
.selectboxit-list > li > a,
.selectboxit-list > .selectboxit-option > a {
	background-color: #fff;
	background-image: none;
	color: #333;
}

/* hover/focus state */
.selectboxit-list > li > a:hover,
.selectboxit-list > .selectboxit-option > a:hover,
.selectboxit-list > .selectboxit-focus > a,
.selectboxit-list > .selectboxit-focus > a:hover,
.selectboxit-list > .selectboxit-focus > a:focus {
	background-color: #e2e2e2;
	background-image: none;
	color: #333;
}

/* selected state */
.selectboxit-list > .selectboxit-selected > a,
.selectboxit-list > .selectboxit-selected > a:hover,
.selectboxit-list > .selectboxit-selected > a:focus {
	background-color: #9bca47;
	background-image: none;
	color: #fff;
}

/* disabled state */
.selectboxit-list > .selectboxit-disabled > a,
.selectboxit-list > .selectboxit-disabled > a:hover,
.selectboxit-list > .selectboxit-disabled > a:focus {
	background-color: transparent;
	background-image: none;
	color: #999;
}

/*********************************************
* end: dropdown styles
*********************************************/