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

/*
#################################################
#   high-contrast fonts for selected countries  #
#################################################
.highContrastFont .elSelect:hover, .highContrastFont .elSelect:active, .highContrastFont .elSelect:focus { color: #fff; }
.highContrastFont .elSelect .selected { color:#fff !important; }
.highContrastFont .elSelect .selectedOption { color: #fff; }
.highContrastFont .elSelect .current { color: #fff; }
.highContrastFont .elSelect .option { color: #fff; }
.highContrastFont .elSelect .disabled { color: #ccc; }
*/

/*
#################################################
#             normal classes for all            #
#################################################
*/
.elSelect {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid /*#5A5A5A;*/ #CCCCCC;
    color: /*#000000*/ #767676;
    display: inline-block;
    font-size: 16px;
    height: 32px;    
    vertical-align: middle;
    width: 396px;   
    margin-left:-3px;         
    margin-right: -3px;
}

.errorSelect
{
    color:#FF0000 !important;
    border:2px solid #FF0000 !important;    
}

.elSelect:hover, .elSelect:focus, .elSelect:active, .activeElSelect
{
    border: 2px solid #5A5A5A;      
}

.errorSelect:hover, .errorSelect:focus, .errorSelect:active
{
    border: 2px solid #FF0000 !important;      
}

.option.selected {
	background: #007CBA;
    color: #FFFFFF !important;
}

.errorSelect .option.selected
{
    background: #FF0000 !important;
}

.elSelect .clear {
	clear:both;
	z-index: 1010;
}

.elSelect .selectedOption {
	float:left;	
	width:348px;
	font-weight:normal;
	font-size:16px;
	overflow:hidden;
	color: #007DBA;
	line-height:32px;
}
.errorSelect .selectedOption
{
    color: #FF0000 !important;    
}

/*	color:#999;*/
/*
.elSelect .current {
	background-color:#47494a !important;
	color: #f2f2f2;
}
*/
.elSelect .dropDown {	
    height: 32px;
    width: 38px;    
}

.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 
{
    border-color: -moz-use-text-color #5A5A5A #5A5A5A;
    border-style: none solid solid;
    border-width: medium 2px 2px;	
	display:none;
	margin-top: 2px;
	margin-left: 0px;
	margin-right: 0px;	
	width: 406px;	
	max-height: 158px;
	z-index: 6000;
	overflow-y: scroll;	
	overflow-x: hidden;
	background-color: #FFFFFF;
	position:relative;	
}
.errorSelect .optionsContainer 
{
    border-color: -moz-use-text-color #FF0000 #FF0000 !important;
}

.elSelect .option {
	border-bottom: 1px solid #CCCCCC;
    color: #000000;
    display: block;
    padding: 10px 10px;
    text-decoration: none;
    vertical-align: middle;
    font-size:16px;
}
.elSelect .option.lastItem {
    border-bottom: 0 none !important;
}
.elSelect .disabled {
	background-color:#C0CCCF;
	border-left:solid 1px #749490;
	border-right:solid 1px #749490;
	color:#90A4AA;
}
.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;
}