@CHARSET "UTF-8";

/* DISPLAY INLINE DROPDOWN FIX PUT 
1) MARGIN TOP ON SB HOLDER
2) STYLE HIDDEN SELECT AS THE REPLACER (HEIGHT / FONT-SIZE / PADDINGS / DISPLAY: BLOCK !IMPORTANT / Visibility: hidden 
3) ???
4) PROFIT
*/

[id*="sbHolder"].sbHolder:before,
[id*="sbHolder"].sbHolder:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

[id*="sbHolder"].sbHolder:after {
    clear: both;
}

[id*="sbHolder"].sbHolder{
	margin-top: -34px; 
	background-color: rgb(255,255,255); 
	border: solid 2px rgb(228,229,230); 
	font-family: "Lato", Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	height: 34px;
	position: relative;
	min-width: 60px;
	border-radius: 4px; 	
	text-align: left;
}
[id*="sbHolder"].sbHolder:hover {
	border-color: rgb(102, 175, 233);
}
[id*="sbHolder"].sbHolder:hover ul.sbOptions { border-color: rgb(102,175,233); }
[id*="sbHolder"].sbHolder:focus .sbSelector{
	
}
.select-box select { font-size: 13px; display: block !important; visibility: hidden; height: 34px; padding-left: 10px; padding-right: 22px; }
.select-box select option { padding: 10px; }

[id*="sbHolder"].sbHolder .sbSelector{
	display: block;
	height: 30px;
	left: 0;
	line-height: 30px;
	outline: none;
	overflow: hidden;
	position: relative;
	padding-left: 10px;
	top: 0;
	color: rgb(152, 157, 166);
}
[id*="sbHolder"].sbHolder .sbSelector, .sbSelector, .sbSelector{
	
	outline: none;
	text-decoration: none;
}
[id*="sbHolder"].sbHolder .sbToggle{
	background: url(./../images/icons/icon-select-box.png) 0px 0px no-repeat;
	display: block;
	height: 30px;
	outline: none;
	position: relative;
	right: 0;
	top: 0;
	width: 22px;
	float: right; 
}
[id*="sbHolder"].sbHolder .sbToggle:hover{
	/* background: url(./../images/icons/select-icons.png) 0 -167px no-repeat; */
}
[id*="sbHolder"].sbHolder .sbToggleOpen{
	background: url(./../images/icons/icon-select-box.png) -22px 0px no-repeat;
}
[id*="sbHolder"].sbHolder .sbToggleOpen:hover{
	/* background: url(./../images/icons/select-icons.png) 0 -66px no-repeat; */
}
[id*="sbHolder"].sbHolder .sbHolderDisabled{
	background-color: #3C3C3C;
	border: solid 1px #515151;
}
[id*="sbHolder"].sbHolder .sbHolderDisabled .sbHolder{
	
}
[id*="sbHolder"].sbHolder .sbHolderDisabled .sbToggle{
	
}
[id*="sbHolder"].sbHolder .sbOptions{
	background-color: rgb(255,255,255); 
	border: solid 2px rgb(222,225,227);
	list-style: none;
	left: -2px;
	right: -2px; 
	margin: 0;
	padding: 0;
	position: absolute;
	top: 32px;
	z-index: 100;
	overflow-y: auto;
	border-radius: 0px 0px 4px 4px;
}
[id*="sbHolder"].sbHolder .sbOptions li{
	padding: 0 0px;
}
[id*="sbHolder"].sbHolder .sbOptions li:first-child a { border-top: 0px none; } 
[id*="sbHolder"].sbHolder .sbOptions a{
	border-top: 1px solid rgb(237,237,237); 
	display: block;
	outline: none;
	padding: 7px 22px 7px 10px;
}
[id*="sbHolder"].sbHolder .sbOptions a{
	color: rgb(152, 157, 166); 
	text-decoration: none;
}
[id*="sbHolder"].sbHolder .sbOptions a:hover,
[id*="sbHolder"].sbHolder .sbOptions a:focus,
[id*="sbHolder"].sbHolder .sbOptions a.sbFocus{
	background-color: rgb(38,173,228);
	color: rgb(255,255,255); }
[id*="sbHolder"].sbHolder .sbOptions li.last a{
	border-bottom: none;
}
[id*="sbHolder"].sbHolder .sbOptions .sbDisabled{
	border-bottom: dotted 1px #515151;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
[id*="sbHolder"].sbHolder .sbOptions .sbGroup{
	border-bottom: dotted 1px #515151;
	color: #EBB52D;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
[id*="sbHolder"].sbHolder .sbOptions .sbSub{
	padding-left: 17px;
}