.ddmx {
    font: 11px tahoma;
}
.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
    /*padding: 3px 8px 4px 8px; */
    text-decoration: none;
    display: block;
    position: relative;
    color: #ffc905;
    text-align: center;
    height: 25px;
    padding-top: 10px;
    padding-left: 8px;
    padding-right: 8px;
}
.ddmx .item1 {
    color: #ffffff;
}
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
    color: #ffc905;
}
.ddmx .item2,
.ddmx .arrow,
.ddmx .item2:hover,
.ddmx .arrow:hover {
    background: #ffffff;
    padding: 8px;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    color: #2B79BA;
}
.ddmx .item2,
.ddmx .arrow {
    color: #2B79BA;
    height: 18px;
    border-bottom: 1px solid #CCCCCC;
    padding: 8px;
}
.ddmx .item2:hover,
.ddmx .arrow:hover {
    background: #2B79BA;
    color: #ffc905;
}
.ddmx .section {
    position: absolute;
    visibility: hidden;
    z-index: -1;
    white-space: nowrap;
    border: 1px solid #CCCCCC;
}
.ddmx .left, .ddmx .left:hover { border-left: 1px solid #FFFFFF; }
.ddmx .right, .ddmx .right:hover { }

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