/*********************************************/
/* dropdown                                  */

div.dropdown
{
   /* clear: both; */
   height: 20px;
   padding: 0 2px 2px 2px;
     
}

div.field div.changed div.dropdown>div.value,
div.dropdown>div.value
{
    clear: both;
    cursor: pointer;
    padding: 0 0 0 0;
    background-image: url(Images/Iconic/gray_dark/arrow_down_8x8.png);
    background-repeat: no-repeat;
    background-position: right;
    background-color: white;
    border: 1px solid #839C9F;
     
}

div.dropdown.readonly>div.value,
div.dropdown.readonly>div.value.over
{
    background-image: url(Images/Iconic/cyan/arrow_down_8x8.png);
    border: 1px solid #839C9F;
    cursor: default;
}


div.dropdown>div.value.over
{
    background-image: url(Images/Iconic/cyan/arrow_down_8x8.png);
}


div.dropdown>div.values 
{
    clear: both;
    position: absolute;
    z-index: 1;
    display: none;
    background-color: White;
    max-height: 300px;
    overflow: auto;
    border: solid;
    border-width: 1px 1px 1px 1px;
    border-color:#A09F9F;
    padding: 2px 2px 2px 2px;
    display: none;
}

div.dropdown>div.values>ul
{
    position: relative;
    list-style: none;
    margin: 0 0 0 0;
    z-index: 1;
}

div.dropdown>div.values>ul>li
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    cursor: pointer;
    white-space: nowrap;
}


div.dropdown>div.values>ul>li.selected,
div.dropdown>div.values>ul>li.over
{
    background-color: #ccc;
}




div.dropdown>div.values>ul>li
{
    line-height: 20px;
}