@charset "windows-1251";
.selectArea, .center_a, .selectArea .left, .scrollbar-up, .scrollbar-down, .scrollbar-handle {
background: url(selects.png) no-repeat; /* (edit) сгруппированная картинка для select */
}
.selectArea {
margin-top:5px;
height:22px !important; /* (edit) высота нестандартного select */
background-position: 0 -44px; _background-position: 0 -43px; /* (edit) середина select */
background-repeat: repeat-x;
position: relative; _position: none;
}
.selectArea input { /* поле input для селекта, для работостопосбности формы */
color: #6c8f47 !important; /* (edit) цвет шрифта */
font:normal 12px Tahoma,Verdana, Geneva, Arial !important; /* (edit) размер шрифта в селекте */
border: none !important;
background: none !important;
position: absolute;
top: 3px; /* (edit) */
left: 1px; /* (edit) */
width: 50% ; /* чтобы не залезть на стрелку селекта */
height: 100% !important;
padding: 0 0 0 7px !important; /* (edit) внутренний отступ слева в селекте */
cursor: pointer;
height: auto !important; /* чтобы текст в селектах был выровнен одинаково по вертикали */
}

.center_a { /* правая часть селекта */
background-position: 100% -22px; _background-position: 100% -21px; /* (edit)  картинка правой части селекта */
cursor: pointer;
height: 22px;
position: absolute;
top: 0;
right: 0;
width: 100% !important;
}
* html .center_a {
right: -1px;
overflow: hidden;
}
.selectArea .left { /* левая граница селекта */
width:3px; /* (edit) ширина левой части слекта */
background-position: 0 0; /* (edit) каринка левой части селекта */
left: 0;
height: 100%;
float:left;
overflow: hidden;
position: relative;

}
/* выпадающий список значений селекта */
.selectArea .optionsDivInvisible, .selectArea .optionsDivVisible {
border-bottom: 1px solid #bdbcbd; /* (edit) цвет нижней границы бордюра */
background: #fff !important; /* (edit) цвет выпадающего списка */
top: 22px !important; /* позиция появления выпадающего списка. должны быть равна высоте селекта или высота слекта-1 (или 2) */
position:absolute !important;
margin: 0 !important;
z-index:200;
text-align: left;
left: 0 !important;
width: 100% !important;
overflow: hidden;
}
.optionsDivVisible {display:block;}
.selectArea .optionsDivInvisible span {
padding: 2px 0 !important; /* (edit) внутренние отступы элементов списка */
border-left: 1px solid #bdbcbd !important; /* (edit) цвета бордюров выпадающего списка */
border-right: 1px solid #bdbcbd !important; /* (edit) */
color: #6c8f47 !important; /* (edit) цвет текста выпадающего меню */
font:normal 12px Tahoma, Verdana, Geneva, Arial !important; /* (edit) размер шрифта выпадающего меню */
text-indent: 10px; /* (edit) отступ слева для элементов списка  */
display: block;
height: 15px; /* (edit) высоту желательно указываеть во избежание глюков */
cursor: pointer;
margin:0 !important;
float: none !important;
background: none;
}
.selectArea .scrollbar-container span {
margin-left: -5px !important;
}
.selectArea .optionsDivInvisible span:hover {
background: #f0f0ef; /* (edit) цвет фона подсветки пункта меню */
color: #6c8f47 !important; /* (edit) цвет текста подсветки пункта меню */
}
.selectArea .optionsDivInvisible span.over { /* пвтор для ie6,котрый не понимает hover на элементах отличных от ссылок */
background: #f0f0ef;  /* (edit) цвет фона подсветки пункта меню */
color: #6c8f47 !important; /* (edit) цвет текста подсветки пункта меню */
}
.scrollbar-container {
height: 120px; /* высота выпадающего списка для списка с прокруткой  */
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
position: relative !important;
border-left: 1px solid #bdbcbd !important; /* (edit) цвета бордюров выпадающего списка с прокруткой */
border-right: 1px solid #bdbcbd !important; /* (edit) */
display: block !important;
float: none !important;
clear: none !important;
width: auto !important;
}
* html .scrollbar-container {
width: 100% !important;
}
.scrollbar-up, .scrollbar-down {
width: 26px; /* (edit) размеры стрелок в блоке с прокруткой */
height: 22px; /* (edit) */
overflow: hidden;
position: absolute !important;
top: 0;
right: 0;
left: auto;
cursor: pointer;
z-index: 40;
background-position: 0px -88px; _background-position: 0px -87px; /* (edit) картинка для стрелки вверх */
margin: 0 !important;
padding: 0 !important;
}
.scrollbar-down {
top: auto;
bottom: 0;
background-position: 0px -67px; _background-position: 0px -66px; /* (edit) картинка для стрелки вниз */
}
.scrollbar-track {
height: 76px; /* высота полосы прокрутки */
width: 26px; /* (edit) ширина полосы прокрутки */
background: #f4f6f8; /* (edit) цвет полосы прокрути */
position: absolute !important;
top: 22px;
right: 0;
z-index: 30;
margin: 0 !important;
padding: 0 !important;
}
* html .scrollbar-track, * html .scrollbar-up, * html .scrollbar-down {
right: 0px;
}
.scrollbar-handle {
cursor: pointer;
position: absolute !important;
right: 0;
top: 0;
width: 26px; /* (edit) размеры ползунка в блоке с прокруткой */
height: 20px; /* (edit) */
overflow: hidden;
margin: 0 !important;
background-position: -0px -110px; _background-position: -0px -109px; /* (edit) картинка для ползунка */
display: block;
}
.container2 {
height: 103px;
width: 100% !important;
clear: none !important;
position: static !important;
margin: 0 !important;
padding: 0 !important;
}
.scroller-container {
top: 0;
left: 0;
z-index: 20;
position: absolute !important;
width: 1000px !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
}
.selectArea .optionsDivInvisible .scroller-container span {
border: none !important;
}