/* from
http://www.jankoatwarpspeed.com/reinventing-a-drop-down-with-css-and-jquery/
*/

.dropdown {
    display:inline;
    width:auto;
}

.dropdown dl{
    position:relative;
}

.dropdown dd, .dropdown dt, .dropdown ul { 
    margin:0px; 
    padding:0px; 
}

.dropdown_selected{
    background:#C2AF57;
}

.dropdown dd { 
    position:relative; 
    display:inline;

    left:-150px;
    top:30px;
}

.dropdown dt {
    background:#E0DFD8 url(../imgs/arrow.png) no-repeat scroll right center;
    display:inline; 
    padding-right:20px; 
    border:1px solid #d4ca9a; 
    min-width:150px;   
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.dropdown dd ul { 
    background:#E0DFD8 none repeat scroll 0 0; 
    display:none;
    list-style:none; 
    padding:5px 0px; 
    position:absolute; 
    left:0px; 
    top:2px; 
    width:inherit; 
    min-width:170px;
    min-height:250px;
    height:300px;
    overflow-y:scroll;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.dropdown span.value { 
    display:none;
}

.dropdown dd ul li { 
    padding:5px; 
    display:block;
    white-space:nowrap;
}