/*
styles for select
*/
.cuselFrameRight,
.jScrollArrowUp,
.jScrollArrowDown {
/*	background: url(../img/select_bg.png) no-repeat; */
background: url(../img/arrow.png) no-repeat;
}

.cusel::selection {
background: none !important;
background-color: #fff;
border: none;
}
.wid100 {
width: 309px !important;
}

.wid100 label{
padding-top: 4px !important;
width: 206px !important;
}

.disablewid{
background: url(../img/arrow.png) no-repeat 0 -40px #ffffff !important;
height: 40px;
}
.cusel { /* общий вид селекта включая стрелку справа */
height: 40px;
background-position: left top;
display: inline-block;
position: relative;
cursor: pointer;
font-size: 14px;
border: none;
background-color: #ffffff;
border-radius: 4px;
border-width: 1px;
border-style: solid;
border-color: #ccc #e7e6e6 #e7e6e6 #ccc;
}
.cuselFrameRight { /* левая часть селект. обычно скругление и левая граница */
position: absolute;
z-index: 2;
top: 0;
right: 0;
height: 100%;
width: 42px;
background-position: right top;
}

.cuselText { /* контейнер для отображенного текста селект */
height: 37px;
padding: 0 0 0 7px; /* подбираем отступы и высоту для видимого текста в селекте */
cursor: pointer;
overflow: hidden;
position: relative;
z-index: 1;
position: absolute;
top: 0;
left: 0;
}


.cusel-scroll-pane > span { /* оформление оптиона */
display: block;
cursor: pointer;
white-space: nowrap;
line-height: 25px;
padding: 2px 15px 2px 5px; /* паддинг справа - это отступ текста от ползунка */
zoom: 1;
}
.cusel-scroll-pane > span label{
	font-weight: 500;
}
.cusel-scroll-pane > span:hover,
.cusel-scroll-pane .cuselOptHover { /* реакция оптиона на наведение */
background: #f6c248;
color: #fff;
}
.cusel-scroll-wrap .cuselActive { /* оформление активного оптиона в списке */
background: #004c80;
color: #fff;
cursor: default;
}

/*
styles for focus and hover
*/
.cusel:hover,
.cusel:hover .cuselFrameRight,
.cusel:focus,
.cusel:focus .cuselFrameRight {
border-color: #ccc;
}


/*
styles for disabled select
*/
.cusel.classDisCusel,
.cusel.classDisCusel .cuselFrameRight {
/*	background-image: url(../img/select_bg.png);*/
background: url(../img/arrow.png) no-repeat;
filter: alpha(opacity=65);
opacity: .65;
cursor: default;
}
.classDisCusel .cuselText {
cursor: default;
}

/* Dropdown box for elements */
#cuselBox {
position: fixed;
z-index: 100001;
}

/*
styles for scrollbar
*/
.cusel-scroll-wrap { /* контейнер для блока с прокруткой */
visibility: hidden;
min-width: 100%;
width: auto;
}
.cusel-scroll-pane {
background: #fff; /* фон выпадающего списка */
}
.cusel-scroll-wrap .jScrollPaneContainer {
position: relative;
overflow: hidden;
z-index: 5;
border: 1px solid #999; /* границы выпадающего спиcка */
}

.cusel-scroll-wrap .jScrollPaneContainer  > div > span > label{
    font-size: 15px;
    line-height: 14px;
    font-weight: 500;
	cursor: pointer;
}
.cusel-scroll-wrap .jScrollPaneTrack { /* трек для ползунка прокрутки */
height: 100%;
width: 7px !important;
background: #ccc;
position: absolute;
top: 0;
right: 4px;
}
.cusel-scroll-wrap .jScrollPaneDrag { /* ползунок */
position: absolute;
background: #fff;
border: 1px solid #ccc;
border-radius: 4px;
cursor: pointer;
width: 13px !important;
height: 25px !important;
right: -4px;
}

.cusel-scroll-wrap .jScrollPaneDragTop {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.cusel-scroll-wrap .jScrollPaneDragBottom {
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
.cusel-scroll-wrap .jScrollArrowUp { /* стрелка вверх */
position: absolute;
top: 0;
right: 2px;
width: 26px;
height: 12px;
cursor: pointer;
background-position: -2px -26px;
overflow: hidden;
}
.cusel-scroll-wrap .jScrollArrowDown { /* стрелка вниз */
width: 25px;
height: 12px;
position: absolute;
top: auto;
bottom: 0;
right: 3px;
cursor: pointer;
background-position: -21px -26px;
overflow: hidden;
}