@charset "windows-1251";
.selectArea, .center_a, .selectArea .left, .scrollbar-up, .scrollbar-down, .scrollbar-handle {
background: url(/img/selects.png) no-repeat; /* (edit) сгруппированная картинка для select */
}
.selectArea {
height:29px !important; /* (edit) высота нестандартного select */
background-position: 0 -58px; /* (edit) середина select */
background-repeat: repeat-x;
position: relative;
}
.selectArea input { /* поле input для селекта, для работостопосбности формы */
color: #06680a !important; /* (edit) цвет шрифта */
font-size: 12px !important; /* (edit) размер шрифта в селекте */
border: none !important;
background: none !important;
position: absolute;
top: 4px; /* (edit) */
left: 1px; /* (edit) */
width: 80% !important; /* чтобы не залезть на стрелку селекта */
height: 100% !important;
font-family: Verdana, Trebuchet MS, Tahoma; /* edit */
padding: 2px 0 0 5px !important; /* (edit) внутренний отступ слева в селекте */
cursor: pointer;
height: auto !important; /* чтобы текст в селектах был выровнен одинаково по вертикали */
}
.center_a { /* правая часть селекта */
background-position: right -29px; /* (edit)  картинка правой части селекта */
cursor: pointer;
height: 100%;
position: absolute;
top: 0;
right: 0px;
width: 100% !important;
}
* html .center_a {
right: -1px;
overflow: hidden;
}
.selectArea .left { /* левая граница селекта */
width:2px; /* (edit) ширина левой части слекта */
background-position: 0 0; /* (edit) каринка левой части селекта */
left: 0;
height: 100%;
float:left;
overflow: hidden;
position: relative;

}
/* выпадающий список значений селекта */
.selectArea .optionsDivInvisible, .selectArea .optionsDivVisible {
border-bottom: 1px solid #339900; /* (edit) цвет нижней границы бордюра */
background: #ffffff !important; /* (edit) цвет выпадающего списка */
top: 29px !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: 5px 0 0 5px !important; /* (edit) внутренние отступы элементов списка */
border-left: 1px solid #339900 !important; /* (edit) цвета бордюров выпадающего списка */
border-right: 1px solid #339900 !important; /* (edit) */
color: #06680a !important; /* (edit) цвет текста выпадающего меню */
font-size: 12px !important; /* (edit) размер шрифта выпадающего меню */
text-indent: 5px; /* (edit) отступ слева для элементов списка  */
display: block;
height: 24px; /* (edit) высоту желательно указываеть во избежание глюков */
cursor: pointer;
margin:0 !important;
float: none !important;
background: none;
}
.selectArea .scrollbar-container span {
margin-left: -5px !important;
}
.selectArea .optionsDivInvisible span:hover {
background: #339900; /* (edit) цвет фона подсветки пункта меню */
color: #ffffff !important; /* (edit) цвет текста подсветки пункта меню */
}
.selectArea .optionsDivInvisible span.over { /* пвтор для ie6,котрый не понимает hover на элементах отличных от ссылок */
background: #339900;  /* (edit) цвет фона подсветки пункта меню */
color: #ffffff !important; /* (edit) цвет текста подсветки пункта меню */
}
.scrollbar-container {
height: 143px; /* высота выпадающего списка для списка с прокруткой  */
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
position: relative !important;
border-left: 1px solid #339900 !important; /* (edit) цвета бордюров выпадающего списка с прокруткой */
border-right: 1px solid #339900 !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: 24px; /* (edit) размеры стрелок в блоке с прокруткой */
height: 24px; /* (edit) */
overflow: hidden;
position: absolute !important;
top: 0;
right: 0;
left: auto;
cursor: pointer;
z-index: 40;
background-position: 0px -111px; /* (edit) картинка для стрелки вверх */
margin: 0 !important;
padding: 0 !important;
}
.scrollbar-down {
top: auto;
bottom: 0;
background-position: 0px -87px; /* (edit) картинка для стрелки вниз */
}
.scrollbar-track {
height: 90px; /* высота полосы прокрутки */
width: 24px; /* (edit) ширина полосы прокрутки */
background: #339900; /* (edit) цвет полосы прокрути */
position: absolute !important;
top: 26px;
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: 24px; /* (edit) размеры ползунка в блоке с прокруткой */
height: 29px; /* (edit) */
overflow: hidden;
margin: 0 !important;
background-position: 0px -135px; /* (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;
}

.custom {
width: 120px;
right: 7px;
}

.red {
background-color: #990000;
color:#ffffff;
padding:0px;
margin:0px;
}