/**
* @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
* 
*/

div#mySelect {
	width: 206px;
	top: 10px;
}

.elSelect {
	width:206px;
	height:20px;
	background:url(selects/select_bg.gif) no-repeat 0% 0%;
}
.elSelect .selected {
	background-color:#fff !important;
	color:#0195CC !important;
}
.elSelect .clear {
	clear:both;
}
.elSelect .selectedOption {
	float:left;
	padding:3px 0 0 6px;
	width:177px;
	height: 14px;
	font-weight:bold;
	font-size:12px;
	color:#333;
	overflow:hidden;
}
.elSelect .dropDown {
	width: 23px;
	height: 20px;
	float: right;
	background:url(selects/select_arrow.gif) no-repeat 0% 0%;
}
.elSelect .optionsContainerTop {
	position:absolute;
	background:url(selects/top_center.gif) repeat-x 0% 0%;
	width:100%;
	display: none;
	height:5px;
}
.elSelect .optionsContainerTop div {
	background:url(selects/top_left.gif) no-repeat 0% 0%;
	width:100%;
	height:5px;
}
.elSelect .optionsContainerTop div div {
	background:url(selects/top_right.gif) no-repeat 100% 0%;
	width:100%;
	height:5px;
}
.elSelect .optionsContainerBottom {
	position:absolute;
	margin:-5px 0 0 0;
	background:url(selects/bottom_center.gif) repeat-x 0% 0%;
	width:100%;
	height:5px;
	display: none;
}
.elSelect .optionsContainerBottom div {
	background:url(selects/bottom_left.gif) no-repeat 0% 0%;
	width:100%;
	height:5px;
}
.elSelect .optionsContainerBottom div div {
	background:url(selects/bottom_right.gif) no-repeat 100% 0%;
	width:100%;
	height:5px;
}
.elSelect .optionsContainer {
	position:absolute;
	display:none;
	border-bottom:solid 1px #749490;
	width: 195px !important;
	overflow: auto;
	margin-left: 6px;
}
.elSelect .option {
	padding:4px 0 5px 5px;
	background-color:#ECF1F2;
	border-left:solid 1px #749490;
	border-right:solid 1px #749490;
	text-align:left;
	font-weight:bold;
	font-size:11px;
	color:#333;
}
.elSelect .disabled {
	background-color:#C0CCCF;
	border-left:solid 1px #749490;
	border-right:solid 1px #749490;
	color:#90A4AA;
}


/* Icons */
.icon_0048ff {
	background:url(selects/farbe_0048ff.gif) no-repeat 4px 50%;
	padding-left:20px !important;
}

.icon_04b700 {
	background:url(selects/farbe_04b700.gif) no-repeat 4px 50%;
	padding-left:20px !important;
}

.icon_21274e {
	background:url(selects/farbe_21274e.gif) no-repeat 4px 50%;
	padding-left:20px !important;
}

.icon_4a7333 {
	background:url(selects/farbe_4a7333.gif) no-repeat 4px 50%;
	padding-left:20px !important;
}

.icon_4f142f {
	background:url(selects/farbe_4f142f.gif) no-repeat 4px 50%;
	padding-left:20px !important;
}

.icon_bbcdfe {
	background:url(selects/farbe_bbcdfe.gif) no-repeat 4px 50%;
	padding-left:20px !important;
}

.icon_c6d6f9 {
	background:url(selects/farbe_c6d6f9.gif) no-repeat 4px 50%;
	padding-left:20px !important;
}

.icon_cae897 {
	background:url(selects/farbe_cae897.gif) no-repeat 4px 50%;
	padding-left:20px !important;
}

.icon_dbdbdb {
	background:url(selects/farbe_dbdbdb.gif) no-repeat 4px 50%;
	padding-left:20px !important;
}

.icon_eb0202 {
	background:url(selects/farbe_eb0202.gif) no-repeat 4px 50%;
	padding-left:20px !important;
}

.icon_f0efce {
	background:url(selects/farbe_f0efce.gif) no-repeat 4px 50%;
	padding-left:20px !important;
}

.icon_f4d9f8 {
	background:url(selects/farbe_f4d9f8.gif) no-repeat 4px 50%;
	padding-left:20px !important;
}

.icon_faf3e2 {
	background:url(selects/farbe_faf3e2.gif) no-repeat 4px 50%;
	padding-left:20px !important;
}

.icon_ffe6ff {
	background:url(selects/farbe_ffe6ff.gif) no-repeat 4px 50%;
	padding-left:20px !important;
}

.icon_fff4a8 {
	background:url(selects/farbe_fff4a8.gif) no-repeat 4px 50%;
	padding-left:20px !important;
}

.icon_fff7ae {
	background:url(selects/farbe_fff7ae.gif) no-repeat 4px 50%;
	padding-left:20px !important;
}

.icon_fffc00 {
	background:url(selects/farbe_fffc00.gif) no-repeat 4px 50%;
	padding-left:20px !important;
}

.icon_ffffff {
	background:url(selects/farbe_ffffff.gif) no-repeat 4px 50%;
	padding-left:20px !important;
}

.icon_000000 {
	background:url(selects/farbe_000000.gif) no-repeat 4px 50%;
	padding-left:20px !important;
}





span {
display:block;
margin:-20px 0 0 250px;
font-size:10px;
}
