.ddmx
{
    font-family: verdana, arial;
    font-size: 11px;
}

.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover
{
    padding: 5px 10px 5px 10px;
    background: #2F74AB;
    border: 1px solid;
    border-color: #629DC5 #0C5280 #0C5280 #629DC5;
    color: #FFFFFF;
    font-weight: bold;
    text-align:center;
    text-decoration: none;
    /*cursor: pointer;*/
    display: block;
    white-space: nowrap;
    position: relative;
}

.ddmx .item1:hover
{
    background: #F4B516;
    border-color: #F4B516 #F4B516 #F4B516 #F4B516;
    color: #2F74AB;
}

.ddmx .item1-active,
.ddmx .item1-active:hover
{
    background: #F4B516;
    border-color: #F4B516 #F4B516 #F4B516 #F4B516;
    color: #2F74AB;
}

.ddmx .section
{
    /*padding: 0px 0px 0px 0px;*/
    background: #FFFFFF;
    border: 1px solid;
    border-color: #F4B516 #F4B516 #F4B516 #F4B516;
    position: absolute;
    visibility: hidden;
    z-index: -1;
}

.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover
{
    padding: 5px 30px 5px 5px;
    background: #FFFFFF;
    /*width: 50px;
    height: 30px;*/
    border: 1px solid;
    border-color: #FFFFFF #CCCCCC #CCCCCC #FFFFFF;
    color: #000000;
    text-decoration: none;
    /*cursor: pointer;*/
    white-space: nowrap;
    display: block;
    position: relative;
    z-index: 500;
}

.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover
{
    background: #F2F2F2;
    color: #FF9900;
}

.ddmx .item2 img,
.ddmx .item2-active img
{
    position: absolute;
    top: 8px;
    right: 8px;
    border: 0;
}

* html .ddmx td { position: relative; } /* ie 5.0 fix */