.ddmx {font: 11px Arial;}

A:link, A:visited, A:active { text-decoration: none; color: #000000; }
A:hover { text-decoration: none; color: #000000; }

.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {text-align: center; padding: 3px 10px 3px 10px; color: #000000; background-color: #EEEEEE; border: 1px solid #E0E0E0; font: 12px arial; font-weight: bold; text-decoration: none; display: block; white-space: nowrap; position: relative;}

.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {padding: 3px 8px 4px 8px; color: #000000; background-color: #FFFFFF; font: 11px tahoma; font-weight: bold; text-decoration: none; display: block; white-space: nowrap; position: relative; z-index: 500;}

.ddmx .item2 {background-color: #FFFFFF; color: #000000;}
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {background-color: #E0E0E0; color: #000000;}

.ddmx .arrow,
.ddmx .arrow:hover {padding: 3px 16px 4px 8px;}

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

.ddmx .section {border: 1px solid #B8B4AE; position: absolute; visibility: hidden; z-index: -1;}

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