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

#order_by_fields{
float:left;
overflow:hidden;

}
.elSelect {
	width:155px;
	height:24px;
	background:url(sort_by_option_box_img.jpg) no-repeat 0% 0%;
}
.elSelect .selected {
	background-color:#EC88A0 !important;
	color:#595959 !important;
}
.elSelect .clear {
	clear:both;
}
.elSelect .selectedOption {
	color:#595959;
float:left;
font-size:12px;
font-weight:bold;
overflow:hidden;
padding:5px 0 0 0;
text-indent:10px;
width:123px;
}
.elSelect .dropDown {
	width: 25px;
	height: 24px;
	float: right;
	background:url(arrow_of_dropdown.jpg) no-repeat 0% 0%;
}
.elSelect .optionsContainerTop {
	position:absolute;
	/* background:url(top_center.gif) repeat-x 0% 0%;*/
	width:100%;
	height:5px;
border-top:solid 1px #595959;
}
.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;
border-bottom:solid 1px #595959;
}
.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 {
	background-color:#E5E5E5;
border-left:1px solid #595959;
border-right:1px solid #595959;
color:#595959;
font-size:12px;
font-weight:bold;
padding:4px 0 5px 5px;

text-indent:4px
}
.elSelect .disabled {
	background-color:#C0CCCF;
	border-left:solid 1px #595959;
	border-right:solid 1px #595959;
	color:#595959;
}
.icon_1 {
	background:url(icon_1.gif) no-repeat 4px 50%;
	padding-left:20px !important;
}
.icon_2 {
	background:url(icon_2.gif) no-repeat 4px 50%;
	padding-left:20px !important;
}