/**
* @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:9px;
}

.elSelect {
	width:145px;
	height:21px;
	background:url(select_bg.gif) no-repeat 0% 0%;
	cursor:pointer;
}

.elSelect .selected {
	background-color:#fff !important;
	color:#CC3399 !important;
}
.elSelect .clear {
	clear:both;
}
.elSelect .selectedOption {
	float:left;
	
	padding:5px 0 0 4px;
	
	
	width:115px;
	font-family:tahoma;
	font-weight:bold;
	font-size:9px;
	color:#496772;
	overflow:hidden;
}
.elSelect .dropDown {
	width: 22px;
	height: 21px;
	float: right;
	background:url(select_arrow.gif) no-repeat 0% 0%;
}
.elSelect .optionsContainerTop {
	position:absolute;
	background:url(top_center.gif) repeat-x 0% 0%;
	width:100%;
	height:5px;
}
.elSelect .optionsContainerTop div {
	background:url(top_left.gif) no-repeat 0% 0%;
	width:100%;
	height:5px;
}
.elSelect .optionsContainerTop div div {
	background:url(top_right.gif) no-repeat 100% 0%;
	width:100%;
	height:5px;
}
.elSelect .optionsContainerBottom {
	position:absolute;
	margin:-5px 0 0 0;
	background:url(bottom_center.gif) repeat-x 0% 0%;
	width:100%;
	height:5px;
}
.elSelect .optionsContainerBottom div {
	background:url(bottom_left.gif) no-repeat 0% 0%;
	width:100%;
	height:5px;
}
.elSelect .optionsContainerBottom div div {
	background:url(bottom_right.gif) no-repeat 100% 0%;
	width:100%;
	height:5px;
}
.elSelect .optionsContainer {
	position:absolute;
	display:none;
}
.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:9px;
	color:#496772;
}
.elSelect .disabled {
	background-color:#C0CCCF;
	border-left:solid 1px #749490;
	border-right:solid 1px #749490;
	color:#90A4AA;
}

.elSelect2 {
	width:360px;
	height:21px;
	background:url(select_bg2.gif) no-repeat 0% 0%;
	cursor:pointer;
}

.elSelect2 .selected {
	background-color:#fff !important;
	color:#CC3399 !important;
}
.elSelect2 .clear {
	clear:both;
}
.elSelect2 .selectedOption {
	float:left;
	
	padding:5px 0 0 4px;
	
	width:332px;
	font-weight:bold;
	font-size:9px;
	color:#496772;
	overflow:hidden;
}
.elSelect2 .dropDown {
	width: 24px;
	height: 21px;
	float: right;
	background:url(select_arrow.gif) no-repeat 0% 0%;
}
.elSelect2 .optionsContainerTop {
	position:absolute;
	background:url(top_center.gif) repeat-x 0% 0%;
	width:100%;
	height:5px;
}
.elSelect2 .optionsContainerTop div {
	background:url(top_left.gif) no-repeat 0% 0%;
	width:100%;
	height:5px;
}
.elSelect2 .optionsContainerTop div div {
	background:url(top_right.gif) no-repeat 100% 0%;
	width:100%;
	height:5px;
}
.elSelect2 .optionsContainerBottom {
	position:absolute;
	margin:-5px 0 0 0;
	background:url(bottom_center.gif) repeat-x 0% 0%;
	width:100%;
	height:5px;
}
.elSelect2 .optionsContainerBottom div {
	background:url(bottom_left.gif) no-repeat 0% 0%;
	width:100%;
	height:5px;
}
.elSelect2 .optionsContainerBottom div div {
	background:url(bottom_right.gif) no-repeat 100% 0%;
	width:100%;
	height:5px;
}
.elSelect2 .optionsContainer {
	position:absolute;
	display:none;
}
.elSelect2 .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:9px;
	color:#496772;
}
.elSelect2 .disabled {
	background-color:#C0CCCF;
	border-left:solid 1px #749490;
	border-right:solid 1px #749490;
	color:#90A4AA;
}