.selectBoxStyled { padding:0 7px 0 7px; } /* Adjust padding to make adjustment on width, the script gets the width of the ACTUAL SELECTBOX and put inline style */


/* ADJUST FONT SIZE and FONT FAMILY ONLY ---------------------------------------------------------------------------------------*/ 

.selectBox-dropdown, 
.selectBox-dropdown-menu,
.selectBox-inline,
.selectBox-options .selectBox-optgroup { font-family:Arial, Helvetica, sans-serif; font-size:12px; }


/* BASE ------------------------------------------------------------------------------------------------------------------------*/ 
.selectBox-dropdown {
	margin:0; 
	padding:0;
	position: relative;
 	border:1px solid #ccc; border-top-color:#c0c0c0; border-bottom-color:#d9d9d9;
	text-align:left;
	color: #000;
	outline: none;
	vertical-align:top;
	background: #f5f5f5;
	display: inline-block;
	cursor: default;
	height:28px;
}

.selectBox-dropdown:focus,
.selectBox-dropdown:focus .selectBox-arrow { background-color:#f5f5f5; }

/* TRIGGERS WHEN SELECTBOX IS CLICKED -----------------------------------------------------------------------------------------*/ 
.selectBox-dropdown.selectBox-menuShowing {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border:1px solid #aaa;
	box-shadow:1px 1px 2px #e1e1e1;
}

.selectBox-dropdown .selectBox-label { /* SelectBox Text */
	color:#4d4d4d;
	padding:0 7px;
	display:inline-block;
	line-height:28px;
	white-space:nowrap;
}

.selectBox-dropdown .selectBox-arrow {
	position:absolute;
	top:0;
	right:0;
	width:25px;
	height: 100%;
	background:url(../images/lib/selectbox_arrow.png) 50% center no-repeat;
}


/* DROPDOWN ------------------------------------------------------------------------------------------------------------------*/ 
.selectBox-dropdown-menu {
	position:absolute;
	z-index:5000;
	max-height:200px;
	border: solid 1px #bbb; /* should be the same border width as .selectBox-dropdown */
	background: #FFF;
	overflow:auto;
	border-top:none;
	box-shadow:1px 1px 2px #e1e1e1;
}

 
/* NO NEED TO CHANGE ANYTHING ---------------------------------------------------------------------------------------------*/ 
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A 		{ margin:0; padding:0; list-style:none; display:block; cursor:default; }

.selectBox-options:hover,
.selectBox-options LI:hover,
.selectBox-options LI A:hover,
.selectBox-inline:hover,
.selectBox-dropdown 		{ text-decoration:none; }


/* DROPDOWN ITEMS ------------------------------------------------------------------------------------------------------------------*/ 
.selectBox-options LI A 					{ padding:5px 7px; color:#4d4d4d; white-space:nowrap; overflow:hidden; }

/* DROPDOWN ITEMS HOVER ------------------------------------------------------------------------------------------------------------------*/ 
.selectBox-options LI.selectBox-hover A 	{ background-color: #EEE; }


/* DROPDOWN ITEMS SELECTED ------------------------------------------------------------------------------------------------------------------*/ 
.selectBox-options LI.selectBox-selected A  { background-color: #C8DEF4; }


/* DROPDOWN ITEMS DISABLED ------------------------------------------------------------------------------------------------------------------*/ 
.selectBox-options LI.selectBox-disabled A  { color: #999; background-color: transparent; }


/**************************************************************************************************************** 
	SELECTBOX LIST
****************************************************************************************************************/

.selectBox-inline {
	margin:0;
	padding:0; 
	height:auto;
	outline:none;
	background:#FFF;
	display: inline-block;
	border-radius: 0px;
	overflow: auto;
	border-radius:2px;
}

.selectBox-inline:focus {
	border-color: #aaa;
	 box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}


/**************************************************************************************************************** 
	SELECTBOX GROUP
****************************************************************************************************************/

.selectBox-options .selectBox-optgroup {
	padding:8px 7px;
	height:auto;
	background:#EEE;
	font-weight:bold;
	white-space:nowrap;
}

.selectBox-optgroup LI A { }


.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
	opacity:.5;
	filter: alpha(opacity=50);
	border-color: #666;
}

.selectBox-inline.selectBox-disabled { }

.selectBox-inline.selectBox-disabled .selectBox-options A { background-color: transparent !important; }