﻿.crystal-dropdown
{
   background: url("images/dropdown.png") repeat-x scroll left center transparent;
    border: 1px solid #CCCCCC;
    overflow: hidden;
    width: 125px;

}
    .crystal-dropdown span
    {
        margin-top: 1px;
    }

.crystal-dropdown span.button
{
    background: url("images/dropdown-arrow.png") no-repeat scroll center center transparent;
    border-left: 1px solid #c0bebe;
    cursor: default;
    display: block;
    float: right;
    padding-top: 10px;
    text-align: center;
    width: 19%;
}

.crystal-dropdown span.text
{
     float: left;
    overflow: hidden;
    padding: 6px 4px;
    width: 70%;
}

.crystal-dropdown-list
{
    min-width: 125px;
    z-index: 220;
    position: absolute;
    background-color: #F6F6F6;
    border: 1px #cccccc solid;
    list-style: none;
    margin: 28px 0 0 -1px;
}

.crystal-dropdown-list li
{
    padding: 10px;
    list-style: none;
}

.crystal-dropdown-list li:hover, .crystal-dropdown-list li.selected
{
    background-color: #d1d1d1;
    cursor: default;
}