@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: 37px;
	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;
}