.dmx {
    font: 11px tahoma;
}
.dmx .item1,
.dmx .item1:hover,
.dmx .item1-active,
.dmx .item1-active:hover {    
    height:3.1em; 
    line-height:3.1em; 
    padding:0 30px 0 30px; 
    text-decoration:none; 
    font-weight:bold; 
    font-family:"trebuchet ms",arial,sans-serif;
    font-size:13px;
    display: block;
    white-space: nowrap;
    color: rgb(100,100,100);
    position: relative;
    border-right:solid 1px rgb(61,127,143);
}

.dmx .item1:hover,
.dmx .item1-active,
.dmx .item1-active:hover {
    background: #bcdeef;
}


.dmx .item2,
.dmx .item2:hover,
.dmx .item2-active,
.dmx .item2-active:hover {
	white-space: normal;
    font-family:"trebuchet ms",arial,sans-serif;
    font-size:13px;
	display: block;
	width:10.0em; 
	height:auto; 
    line-height:1.3em; 
	padding:4px 16px 4px 16px;
    border-bottom: solid 1px rgb(61,127,143); 
 	
 	font-weight: normal;
	color:rgb(50,50,50);
    background-color: #daf6f9; 
    text-decoration:none;
    position: relative;
    z-index: 500;

}
.dmx .item2 {
    background: #daf6f9;
}
.dmx .item2:hover,
.dmx .item2-active,
.dmx .item2-active:hover {
    background: #bcdeef;
}


.dmx .arrow { background:  #daf6f9 url(./images/arrow_trsp.gif) top right no-repeat;}
.dmx .arrow:hover { background:  #bcdeef url(./images/arrow_trsp.gif) top right no-repeat;}
.dmx .item2 img,
.dmx .item2-active img{
    border: 0;
}
.dmx .section {
    border: 1px solid rgb(61,127,143);
    border-bottom:0;
    margin-left:-1px; 
    background: #bcdeef;
    position: absolute;
    visibility: hidden;
    z-index: -1;
}

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