.ddmx {
    font: 11px tahoma;
}
.ddmx .dht, .ddmx :hover.dht, .ddmx .dht-active, .ddmx :hover.dht-active {
    padding: 3px 10px 3px 10px;
    font: 18pt arial;
    color: #ffcc00;
    font-weight: bold;
    text-decoration: none;
}
.ddmx .dht1, .ddmx :hover.dht1, .ddmx .dht1-active, .ddmx :hover.dht1-active {
    padding: 3px 10px 3px 10px;
    font: 12pt arial;
    color: #ffcc00;
    text-decoration: none;
}
.ddmx .fb, .ddmx :hover.fb, .ddmx .fb-active, .ddmx :hover.fb-active {
    padding: 0px 0px 0px 0px;
    font: 6pt arial;
    color: #ffffff;
    text-decoration: none;
}
.ddmx .lang, .ddmx :hover.lang, .ddmx .lang-active, .ddmx :hover.lang-active {
    padding: 3px 10px 3px 10px;
    font: 8pt arial;
    color: #ffcc00;
    text-decoration: none;
}
.ddmx .quality {
    padding: 3px 10px 3px 10px;
    background: #000090;
    font: 12px arial;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
.ddmx .areadiv, .ddmx :hover.areadiv, .ddmx .areadiv-active, .ddmx :hover.areadiv-active {
    padding: 0px 5px 0px 5px;
    font: 12px arial;
    color: #ffcc00;
    font-weight: bold;
    text-decoration: none;
}
.ddmx .area0, .ddmx :hover.area0, .ddmx .area0-active, .ddmx :hover.area0-active {
    padding: 0px 0px 0px 10px;
    font: 12px arial;
    color: #ffcc00;
    font-weight: bold;
    text-decoration: none;
}
.ddmx .area1, .ddmx :hover.area1, .ddmx .area1-active, .ddmx :hover.area1-active {
    padding: 0px 0px 0px 10px;
    font: 12px arial;
    color: #000090;
    font-weight: bold;
    text-decoration: none;
}
.ddmx .area2, .ddmx :hover.area2, .ddmx .area2-active, .ddmx :hover.area2-active {
    padding: 0px 0px 0px 0px;
    font: 12px arial;
    color: #000090;
    font-weight: bold;
    text-decoration: none;
}
.ddmx .area3, .ddmx :hover.area3, .ddmx .area3-active, .ddmx :hover.area3-active {
    padding: 0px 0px 0px 0px;
    font: 12px arial;
    color: #ffcc00;
    font-weight: bold;
    text-decoration: none;
}
.ddmx .boxtitle, .ddmx .boxtitle-active {
    font: 18px arial;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}
.ddmx :hover.boxtitle, .ddmx :hover.boxtitle-active {
    font: 18px arial;
    color: #ffcc00;
    font-weight: bold;
    text-decoration: none;
}
.ddmx .boxtext, .ddmx .boxtext-active {
    font: 12px arial;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
.ddmx :hover.boxtext, .ddmx :hover.boxtext-active {
    font: 12px arial;
    color: #000090;
    font-weight: bold;
    text-decoration: none;
}
.ddmx .boxlink, .ddmx .boxlink-active {
    padding: 0px 0px 0px 10px;
    font: 12px arial;
    color: #000090;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
}
.ddmx :hover.boxlink, .ddmx :hover.boxlink-active {
    padding: 0px 0px 0px 10px;
    font: 12px arial;
    color: #000090;
    font-weight: bold;
    text-decoration: none;
}
.ddmx .maintitle, .ddmx :hover.maintitle, .ddmx .maintitle-active, .ddmx :hover.maintitle-active {
    padding: 0px 0px 0px 0px;
    font: 24px arial;
    color: #000090;
    font-weight: bold;
    text-decoration: none;
}
.ddmx .mainsub, .ddmx :hover.mainsub, .ddmx .mainsub-active, .ddmx :hover.mainsub-active {
    padding: 0px 0px 0px 0px;
    font: 10px arial;
    color: #000090;
    text-decoration: none;
}
.ddmx .body, .ddmx :hover.body, .ddmx .body-active, .ddmx :hover.body-active {
    padding: 0px 0px 0px 0px;
    font: 14px arial;
    line-height: 25px;
    color: #000000;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
}
.ddmx .bodylink, .ddmx .bodylink-active {
    padding: 0px 0px 0px 0px;
    font: 14px arial;
    line-height: 25px;
    color: #000090;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
}
.ddmx :hover.bodylink, .ddmx :hover.bodylink-active {
    padding: 0px 0px 0px 0px;
    font: 14px arial;
    line-height: 25px;
    color: #ffcc00;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
}
.ddmx .picname, .ddmx :hover.picname, .ddmx .picname-active, .ddmx :hover.picname-active {
    padding: 0px 0px 0px 0px;
    font: 12px arial;
    color: #000090;
    font-weight: bold;
    text-decoration: none;
}
.ddmx .icon, .ddmx :hover.icon, .ddmx .icon-active, .ddmx :hover.icon-active {
    padding: 0px 0px 0px 0px;
    position: absolute;
    border: 0px none;
}
.ddmx .item, .ddmx :hover.item, .ddmx .item-active, .ddmx :hover.item-active {
    padding: 3px 10px 3px 10px;
    background: #000090;
    font: 12px arial;
    color: #000090;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
}
.ddmx .item0, .ddmx .item0-active {
    padding: 3px 10px 3px 10px;
    background: #000090;
    font: 12px arial;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
}
.ddmx :hover.item0, .ddmx :hover.item0-active {
    padding: 3px 10px 3px 10px;
    background: #000090;
    font: 12px arial;
    color: #ffcc00;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
}
.ddmx .item1, .ddmx .item1-active {
    padding: 3px 10px 3px 10px;
    border-bottom: 1px solid #cccccc;
    background: #000090;
    font: 12px arial;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
}
.ddmx :hover.item1, .ddmx :hover.item1-active {
    padding: 3px 10px 3px 10px;
    border-bottom: 1px solid #cccccc;
    background: #000090;
    font: 12px arial;
    color: #ffcc00;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
}
.ddmx .item2, .ddmx :hover.item2, .ddmx .item2-active, .ddmx :hover.item2-active {
    padding: 3px 8px 4px 8px;
    font: 11px tahoma;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .item2 {
    background: #e5e1da;
}
.ddmx :hover.item2, .ddmx .item2-active, .ddmx :hover.item2-active {
    background: #ffffff;
}
.ddmx .arrow, .ddmx :hover.arrow {
    padding: 3px 16px 4px 8px;
}
.ddmx .item2 img,
.ddmx .item2-active img{
    position: absolute;
    top: 4px;
    right: 1px;
    border: 0px none;
}
.ddmx .section {
    border: 1px solid #b8b4ae;
    position: absolute;
    visibility: hidden;
    z-index: -1;
}

.ddmx .bottom, .ddmx :hover.bottom {
    border-bottom: 1px solid #000000;
}

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