/*------------------ selectER -----------------*/

.selectER{
    /*background: url("../images/select/button_blue_sprite.png") no-repeat top left;*/
    font-size:13px;
    width:200px;
    height:38px;
    background: url(../images/button_sprite.png);
    display: block;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 13px;
    font-style: italic;
    height: 38px;
    line-height: 38px;
    text-align: left;
    width: 168px;
    cursor:pointer;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -o-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-position: 0 -160px;
    border: 1px solid #313537;
    color: #F5F5F5;
    text-shadow: 0 -1px 0 #000000;
    -webkit-box-shadow: 0 0 3px #CCCCCC, inset 0 1px 1px 0 #626567;
    -moz-box-shadow: 0 0 3px #CCCCCC, inset 0 1px 1px 0 #626567;
    -o-box-shadow: 0 0 3px #CCCCCC, inset 0 1px 1px 0 #626567;
    box-shadow: 0 0 3px #CCCCCC, inset 0 1px 1px 0 #626567;
    
}

.selectER:hover{
    -webkit-box-shadow: 0 0 0px #CCCCCC, inset 0 7px 10px 0 #313537;
    -moz-box-shadow: 0 0 0px #CCCCCC, inset 0 7px 10px 0 #313537;
    -o-box-shadow: 0 0 0px #CCCCCC, inset 0 7px 10px 0 #313537;
    box-shadow: 0 0 0px #CCCCCC, inset 0 7px 10px 0 #313537;
}

.selectER:hover span.passiveSelectArrow{
   /*background-position: -10px 0;*/
}

.selectER .passiveSelect,.selectER .activeSelect{
    height:38px;
    line-height:38px;
    display:block;
    padding-left:10px;
    overflow:hidden;
    color:#f2f7f7;
    width: 125px;
    float:left;
    font-size: 15px;
    text-shadow: 0 -1px 0 #000;
}



.selectER .passiveSelectArrow{

    background:url("../images/select/select_arrow.png") no-repeat top left;
    
    display:block;
    width:12px;
    height:11px;
    position:absolute;
    right:10px; 
    top:15px;
    


}

.selectER ul{
    padding:5px 0 10px 0;
    margin:0;
    background:#3B3F41;
    list-style:none;
    max-height:200px;
    overflow-x: hidden;
    overflow-y: auto;
    cursor:pointer;
    width:100%;
    max-height: 200px;
    top:50px;
    -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;
    -moz-box-shadow: 0 1px 3px #aaa;
    box-shadow: 0 1px 3px #aaa;
}

.selectER li{
    
    display:block;
    float:none !important;
    margin:0;
    padding:3px 0 3px 12px;

}

.selectER li span{

    font-family: 'FrutigerBold', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
    line-height: 18px; 
    font-size:12px;
    color:#9FA3A5;
    font-style: normal;
    
}

.selectER .first{
    padding-top:10px;
    background:url("../images/select/darkFirst.jpg") no-repeat top left;
}

.selectER .last{
    padding-bottom:10px;
    background:url("../images/select/darkLast.jpg") no-repeat bottom left;
}

.selectER li:hover{
    color:#00C7D6;
}

.selectER .selected{
    color:#FFF;
}