.ddm1 {
    font: 13px arial;
}
.ddm1 .item1,
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    padding: 3px 8px 4px 8px;
    border: 0px #C0C0C0;
    border-style: solid none;
    text-decoration: underline;
    display: block;
    position: relative;
}

.ddm1 .item1:visited {
    color: #000000;
	text-decoration: none;
}

.ddm1 .item1 {
    background: #D5ECFD;
    color: #000000;
	text-decoration: none;
}
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    background: #D5ECFD;
    color: #585858;
	text-decoration: underline;
}

.ddm1 .item2,
.ddm1 .item2:hover {
    padding: 3px 8px 4px 8px;
    text-decoration: underline;
    display: block;
    cursor: default;
    white-space: nowrap;
}

.ddm1 .item2:visited {
    color: #000000;
	text-decoration: none;
}

.ddm1 .item2 {
    background: #D5ECFD;
    color: #000000;
	text-decoration: none;
}
.ddm1 .item2:hover {
    background: #D5ECFD;
    color: #585858;
	text-decoration: underline;
}

.ddm1 .section {
    border-top:1px;
    border-left:1px;
    border-right:3px;
    border-bottom:3px;
    border: #0000CC;
    border-style: solid;
    position: absolute;
    visibility: hidden;
    z-index: -1;
}
.ddm1 .left, .ddm1 .left:hover { border-style: solid none solid solid; }
.ddm1 .right, .ddm1 .right:hover { border-style: solid solid solid none; }

* html .ddm1 .section { overflow: auto; } /* ie fix */
@media all and (min-width: 0px) { .ddm1 .section { overflow: auto; } } /* opera fix */