.ddmx {
    font: 10pt arial;
}


	/* Item 1 */


.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
    color: #ffffff;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
}

.ddmx .item2 {
    color: #ffffff;
    position: relative;
    font: 12pt arial, bold; 
    background: #3586C0;

}
.ddmx .item2:hover{
    font: bold 9pt arial;
    color: #ffffff;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    text-align: left;
    z-index: 500;
    width: 200px;
    padding: 3px 5px 0px;
    height: 25px;
    border: 1px #FFFFFF solid; border-top: 0px

}
.ddmx .item2-active,
.ddmx .item2-active:hover {
    background: #7AA2C7;
    color: #ffffff
}

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




	/* Item 2 */


.ddmx .item2 { 
    font: bold 10pt arial;
    color: #000000;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    text-align: right;
    z-index: 500;
    width: 200px;
    padding: 0px 0px;
    height: 20px;
    border: 1px #9D9671 solid; border-top: 0px
 } 


	/* Section for DIV */


.ddmx .section {
    border: 0px solid #436F8C;
    position: absolute;
    visibility: hidden;
    z-index: -1;
    font-size: 12pt;
}



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


.ddmx .item2 { 
    font: bold 9pt arial;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    text-align: left;
    z-index: 500;
    width: 200px;
    padding: 3px 5px 0px;
    height: 25px;
    border: 1px #FFFFFF solid; border-top: 0px
 } 
.ddmx .item2-active { 
    font: bold 9pt arial;
    color: #ffffff;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    text-align: left;
    z-index: 500;
    width: 200px;
    padding: 0px 0px;
    height: 20px;
    border: 1px #FFFFFF solid; border-top: 0px
 } 
.ddmx .item2-active:hover  { 
    font: bold 9pt arial;
    color: #ffffff;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    text-align: right;
    z-index: 500;
    width: 200px;
    padding: 0px 0px;
    height: 20px;
    border: 1px #FFFFFF solid; border-top: 0px
 } 
 
.ddmx td {  padding-bottom: 0px; padding-left: 0px;}
 
 * html .ddmx td { position: relative; } /* ie 5.0 fix */

.ddmx .item2:hover { 
    background: #5A1C78;
    color: #FFFFFF}