@CHARSET "UTF-8";
.sbHolder {
/*
	padding: 4px 9px;
	border: 0;
	height: 26px;
	background: #fff;
	margin: 5px 0;
	width: 427px;
	outline: none;
	color: #000;
*/

	position: relative;
	font-size: 18px;
	line-height: 27px;
	height: 27px;
	color: #b8b8b8;
	line-height: 31px;
	border: 1px solid #8c8c8c;
	border-radius: 3px;
	padding: 4px 11px 0;
	outline: none;
	width: 100%;	
}
.sbHolder a {
	color: #000;
}
.sbHolder:focus {
	margin: -1px -13px 6px;
	border: 2px solid #d86c4a;
	color: #000;
}
.sbHolder:focus .sbSelector{
	opacity: 1;
}
.sbHolder .sbSelector {
	opacity: 0.3;
}

.sbSelector{
	display: block;
	height: 34px;
	left: 0;
	line-height: 34px;
	outline: none;
	overflow: hidden;
	position: absolute;
	padding: 0 9px;
	top: 0;
	width: 100%;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
	outline: none;
	text-decoration: none;
}
.sbToggle{
	background: url(../img/select-icons.png) 10px 40% no-repeat;
	display: block;
	height: 34px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 36px;
}
/*
.sbToggle:hover{
	background: url(../img/select-icons.png) 0 -167px no-repeat;
}
.sbToggleOpen{
	background: url(../img/select-icons.png) 0 -16px no-repeat;
}
.sbToggleOpen:hover{
	background: url(../img/select-icons.png) 0 -66px no-repeat;
}
.sbHolderDisabled{
	background-color: #3C3C3C;
	border: solid 1px #515151;
}
.sbHolderDisabled .sbHolder{
	
}
.sbHolderDisabled .sbToggle{
	
}
*/
.sbOptions{
	font-size: 14px;
	background-color: #fff;
	border-top: solid 1px #b8b8b8;
	list-style: none;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	width: 130%;
	z-index: 1;
	overflow-y: auto;
	max-height: 400px !important;
	box-shadow: 0 0 10px rgba(0,0,0,.4);
	border-radius: 4px;
}
#html .sbOptions li.sact a {
	color: #fff;
	background: #d86c4a;
}
.sbOptions li:first-child a {
	border: 0;
}
.sbOptions a {
	border-top: solid 1px #b8b8b8;
	display: block;
	outline: none;
	padding: 2px 5px 0;
}
.sbOptions a:link, .sbOptions a:visited{
	text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
	color: #fff;
	background: #bbb;
}
.sbOptions li.last a{
	border-bottom: none;
}
/*
.sbOptions .sbDisabled{
	border-bottom: dotted 1px #515151;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
*/
.sbOptions .sbGroup{
	border-bottom: dotted 1px #515151;
	color: #EBB52D;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
	padding-left: 17px;
}

/*filter*/
.filter-select{
	padding: 0 9px;
	border: 0;
	height: 22px;
	background: #222;
	font-size: 12px;
    font-family: 'Als Ekibastuz';	
	color: #fff;
	border: 1px solid #fff;
	margin: 5px 0;
	width: 210px;
	outline: none;
	position: relative;
}
.filter-select:focus .sbSelector{
	
}
.filter-select .sbSelector{
	display: block;
	height: 22px;
	line-height: 22px;
	left: 0;
	width: 174px;
	outline: none;
	overflow: hidden;
	position: absolute;
	padding: 0 9px;
	top: 0;
}
.filter-select .sbSelector:link,.filter-select .sbSelector:visited,.filter-select .sbSelector:hover{
	outline: none;
	text-decoration: none;
}
.filter-select .sbToggle{
	background: url(../img/slect-1-arw.png) 0 0 no-repeat;
	display: block;
	width: 27px;
	height: 24px;
	outline: none;
	position: absolute;
	right: -1px;
	top: -1px;
}
.filter-select .sbOptions {
	margin: 0;
	padding: 0;
	background-color: #fff;
	border-top: solid 1px #000;
	list-style: none;
	left: -1px;
	margin-top: 1px;
	position: absolute;
	width: 220px;
	z-index: 1;
	overflow-y: auto;
	box-shadow: 10px 10px 10px rgba(0,0,0,.4);
	color: #000;
}
#html .filter-select .sbOptions li.sact a {
	color: #fff;
	background: #555;
}
.filter-select .sbOptions li:first-child a {
	border: 0;
}
.filter-select .sbOptions a {
	border-top: solid 1px #333;
	display: block;
	outline: none;
	padding: 2px 9px;
}
.filter-select .sbOptions a:link, .filter-select .sbOptions a:visited{
	text-decoration: none;
}
.filter-select .sbOptions a:hover,
.filter-select.sbOptions a:focus,
.filter-select .sbOptions a.sbFocus{
	color: #fff;
	background: #333;
}
.filter-select .sbOptions li.last a{
	border-bottom: none;
}
.filter-select .sbOptions .sbGroup{
	border-bottom: dotted 1px #515151;
	color: #EBB52D;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
.filter-select .sbOptions .sbSub{
	padding-left: 17px;
}