/**
* @file elSelect.js
* @downloaded from http://www.cult-f.net/2007/12/14/elselect/
* @author Sergey Korzhov aka elPas0
* @site  http://www.cult-f.net
* @date December 14, 2007
* 
*/
body
{
	font-family: Tahoma;
	font-size: 11px;
	background: #fff;
}
.elSelect
{
	width: 206px;
	height: 20px;
	background: url(../i/SelectBox/select_bg.gif) no-repeat 0% 0%;
}
.elSelect .selected
{
	background-color: #fff !important;
	color: #CC3399 !important;
}
.elSelect .clear
{
	clear: both;
}
.elSelect .selectedOption
{
	float: left;
	padding: 2px 0 0 6px;
	width: auto;
	font-weight: bold;
	font-size: 12px;
	color: #496772;
	overflow: hidden;
}
.elSelect .dropDown
{
	width: 23px;
	height: 20px;
	float: right;
	background: url(../i/SelectBox/select_arrow.gif) no-repeat 0% 0%;
}
.elSelect .optionsContainerTop
{
	position: absolute;
	background: url(../i/SelectBox/top_center.gif) repeat-x 0% 0%;
	width: 100%;
	height: 5px;
}
.elSelect .optionsContainerTop div
{
	background: url(../i/SelectBox/top_left.gif) no-repeat 0% 0%;
	width: 100%;
	height: 5px;
}
.elSelect .optionsContainerTop div div
{
	background: url(../i/SelectBox/top_right.gif) no-repeat 100% 0%;
	width: 100%;
	height: 5px;
}
.elSelect .optionsContainerBottom
{
	position: absolute;
	margin: -5px 0 0 0;
	background: url(../i/SelectBox/bottom_center.gif) repeat-x 0% 0%;
	width: 100%;
	height: 5px;
}
.elSelect .optionsContainerBottom div
{
	background: url(../i/SelectBox/bottom_left.gif) no-repeat 0% 0%;
	width: 100%;
	height: 5px;
}
.elSelect .optionsContainerBottom div div
{
	background: url(../i/SelectBox/bottom_right.gif) no-repeat 100% 0%;
	width: 100%;
	height: 5px;
}
.elSelect .optionsContainer
{
	border-style: none solid solid solid;
	border-width: 1px;
	border-color: #808080;
	position: absolute;
	display: none;
	overflow-x: hidden;
	max-height: 250px;
	z-index: 5;
}
.elSelect .option
{
	padding: 4px 0 5px 5px;
	background-color: #ECF1F2;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	color: #496772;
}
.elSelect .disabled
{
	background-color: #C0CCCF;
	border-left: solid 1px #749490;
	border-right: solid 1px #749490;
	color: #90A4AA;
}
.icon_1
{
	background: url(../i/SelectBox/icon_1.gif) no-repeat 4px 50%;
	padding-left: 20px !important;
}
.icon_2
{
	background: url(../i/SelectBox/icon_2.gif) no-repeat 4px 50%;
	padding-left: 20px !important;
}