/**
* @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
* 
*/

.elSelect {
	position:relative;
	width:inherit;
	border:1px solid #cccccc;
	padding:0;
	z-index:3;
	font-size:1.1em;
	height:2em;
	line-height:1.5em;
	cursor:default;
}
.elSelect .selected {
	background-color:#d9d9d9 !important;
	color:#666666 !important;
}
.elSelect .clear {
	clear:both;
}

.elSelect .selectedOption {
	float:left;
	padding:2px 0 0 10px;
	width:70%;
	color:#666666;
	overflow:hidden;
}
.elSelect .dropDown {
	width: 2em;
	height: 2em;
	float: right;
	border-left:1px solid #cccccc;
	background:url(../images/select_arrow.gif) no-repeat center center;

}

.elSelect .optionsContainer {
	position:absolute;
	left:-1px;
	display:none;
	width:100%;
	background-color:#ffffff;
	margin-top:1px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding-bottom:20px;
	height:200px;
	clip:rect(0 auto 100% 0);
	overflow:auto;
	overflow-y:auto;
	overflow-x:hidden;
}

.elSelect .optionsContainerTop {
	position:absolute;
	width:100%;
	height:2px;
}
.elSelect .optionsContainerTop div {
	width:100%;
	height:2px;
}
.elSelect .optionsContainerTop div div {
	width:100%;
	height:2px;
}
.elSelect .optionsContainerBottom {
	position:absolute;
	width:100%;
}
.elSelect .optionsContainerBottom div {
	width:100%;
	height:1px;
}

.elSelect .optionsContainerBottom div div {
}

.elSelect .option {
	padding:2px 0 2px 10px;
	background-color:#ffffff;
	text-align:left;
	color:#666666;
	cursor:pointer;
}
.elSelect .disabled {
	background-color:#ffffff;
	color:#cccccc;
	cursor:default !important;
}

.elSelect .optgroup {
	font-weight:bold;
	padding:1em 0 2px 10px;
	background-color:#ffffff;
	color:#999999;
	cursor:default !important;
}