@charset "utf-8";

/*

	styles for select

*/

.cusel,

.cuselFrameRight,

.jScrollPaneDrag,

.jScrollArrowUp,

.jScrollArrowDown {

	/*background: url(/images/city.gif);  */

}

#city1 .cusel { /* общий вид селекта включая стрелку справа */

	height: 17px;

	background-position: left top;

	display: inline-block;

	position: relative;

	cursor: pointer;

	font-size: 12px;

	z-index: 1;

}



#exsel .cusel { /* общий вид селекта включая стрелку справа */

	height: 24px;

	background-position: left top;

	display: inline-block;

	position: relative;

	cursor: pointer;

	font-size: 12px;

	z-index: 1;

}

#bankcity .cusel { /* общий вид селекта включая стрелку справа */

	height: 27px;

	background-position: left top;

	display: inline-block;

	position: relative;

	cursor: pointer;

	font-size: 15px;

	z-index: 1;

}

.cuselFrameRight { /* левая чсть селект. обыно скругление и левая граница */

	position: absolute;

	z-index: 2;

	top: 0;

	right: 0;

	height: 100%;

	width: 42px;

	background-position: right top;

}



#city1 .cuselText { /* контейнер для отображенного текста селект */

	height: 17px;

	padding: 0 12px 0 0; /* подбираем отступы и высоту для видимого текста в селекте */

	cursor: pointer;

	overflow: hidden;

	position: relative;

	z-index: 1;

	font: 14px Arial, Helvetica, sans-serif; /* шрифты */

	position: absolute;

	top: 0;

	left: 0;

	color:#025192;

	font-weight:bold;

	background:url(/images/city.gif) right bottom no-repeat;

	white-space:nowrap;

}



#exsel .cuselText { /* контейнер для отображенного текста селект */

	height: 20px;

	padding: 4px 0 0 7px; /* подбираем отступы и высоту для видимого текста в селекте */

	cursor: pointer;

	overflow: hidden;

	position: relative;

	z-index: 1;

	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; /* шрифты */

	position: absolute;

	top: 0;

	left: 0;

	width:150px;

	color:#004896;

}



#bankcity .cuselText { /* контейнер для отображенного текста селект */

	height: 22px;

	padding: 3px 0 0 7px; /* подбираем отступы и высоту для видимого текста в селекте */

	cursor: pointer;

	overflow: hidden;

	position: relative;

	z-index: 1;

	font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif; /* шрифты */

	position: absolute;

	top: 0;

	left: 0;

	color:#525252;

}



* html .cuselText { /* высота блока для текста для ие6 */

	height: 22px;

}

.cusel span { /* оформление оптиона */

	display: block;

	cursor: pointer;

	white-space: nowrap;

	padding: 2px 15px 2px 7px; /* паддинг справа - это отступ текста от ползунка */

	zoom: 1;

}

.cusel span:hover,

.cusel .cuselOptHover { /* реакция оптиона на наведение */

	background: #dfdfdf;

	color: #000000;

}

.cusel .cuselActive { /* оформление активного оптиона в списке */

	background: #cbdde8;

	color: #000000;

	cursor: default;

}



/*

	styles for focus and hover

*/

.cusel:hover,

.cusel:hover .cuselFrameRight,

.cusel:focus,

.cusel:focus .cuselFrameRight,

.cuselFocus,

.cuselFocus .cuselFrameRight {

	/*background-image: url(/images/city.gif);*/

}



.cuselOpen {

	z-index: 999;

}



/*

	styles for disabled select

*/

.classDisCusel,

.classDisCusel .cuselFrameRight {

	/*background-image: url(/images/city.gif) !important;*/

	cursor: default;

	color: #ccc;

}

.classDisCusel .cuselText {

	cursor: default;

}





/*

	styles for scrollbar

*/

.cusel .cusel-scroll-wrap { /* контейнер для блока с прокруткой */

	display: block;

	visibility: hidden;

	position: absolute;

	left: 0;

	top: 100%;

	background: #fff; /* фон выпадающего списка */

	min-width: 100%;

	width: 135px;

}

#city1 .cusel .cusel-scroll-wrap { /* контейнер для блока с прокруткой */

	display: block;

	visibility: hidden;

	position: absolute;

	left: 0;

	top: 100%;

	background: #fff; /* фон выпадающего списка */

	min-width: 100%;

	width:auto;

}



#city1 .cusel .jScrollPaneContainer {

	position: relative;

	overflow: hidden;

	z-index: 5;

	border: 0px solid #015193; /* границы выпадающего спиcка */

	border-top:0;

	width:100px;

}

#exsel .cusel .jScrollPaneContainer {

	position: relative;

	overflow: hidden;

	z-index: 5;

	width:140px;

	border: 1px solid #8d8d8d; /* границы выпадающего спиcка */

	border-top:0;

}

#bankcity .cusel .jScrollPaneContainer {

	position: relative;

	overflow: hidden;

	z-index: 5;

	border: 1px solid #e5e4e5; /* границы выпадающего спиcка */

	border-top:0;

}

.cusel .jScrollPaneTrack { /* трек для ползунка прокрутки */

	height: 100%;

	width: 7px !important;

	background: #ccc;

	position: absolute;

	top: 0;

	right: 4px;

}

.cusel .jScrollPaneDrag { /* ползунок */

	position: absolute;

	background-position: -40px -26px;

	cursor: pointer;

	width: 15px !important;

	height: 27px !important;

	right: -4px;
	
	background:url(/images/ardr.png);

	

}



.cusel .jScrollPaneDragTop {

	position: absolute;

	top: 0;

	left: 0;

	overflow: hidden;

}

.cusel .jScrollPaneDragBottom {

	position: absolute;

	bottom: 0;

	left: 0;

	overflow: hidden;

}

.cusel .jScrollArrowUp { /* стрелка вверх */

	position: absolute;

	top: 0;

	right: 2px;

	width: 26px;

	height: 12px;

	cursor: pointer;

	background-position: -2px -26px;

	overflow: hidden;
	
	background:url(/images/arup.png);

}

.cusel .jScrollArrowDown { /* стрелка вниз */

	width: 25px;

	height: 12px;

	position: absolute;

	top: auto;

	bottom: 0;

	right: 3px;

	cursor: pointer;

	background-position: -21px -26px;

	overflow: hidden;
	
	background:url(/images/ardw.png);

}