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

.ddmx { word-spacing:1px; position:relative; }
.ddmx .se { display:block; border: 1px solid #bbbbbb; position: absolute; left:0px;top:0px; visibility: hidden; z-index: -1; }
.ddmx td.r1 { color:#bbbbbb; vertical-align:middle; text-align:center; width:10px; }

.ddmx .i1 , .ddmx .i1:hover, .ddmx .i1-active, .ddmx .i1-active:hover
{ 
font-size:12px;
line-height:12px; 
padding: 3px 5px 3px 5px; 
text-decoration: none;   
display: block; 
white-space: nowrap; 
position: relative; 
vertical-align:middle; 

}
.ddmx .i1 { color: #777777;  }
.ddmx .i1:hover { background-color: #fafafa; color: #777777; }
.ddmx .i1-active { color: #777777; background: #fafafa; }
.ddmx .i1-active:hover { color: #777777; background: #fafafa;  }

.ddmx .i2, .ddmx .i2:hover,  .ddmx .i2-active, .ddmx .i2-active:hover
{ 
line-height:12px; font-size:12px;
padding: 3px 16px 4px 10px; 
text-decoration: none;  
display: block;  
white-space: nowrap; 
position: relative;  
z-index: 500; 
margin:auto; 
vertical-align:middle; 
}
.ddmx .i2 { background: #f2f2f2; color:#777777;  }
.ddmx .i2:hover { background: #bbbbbb; color:#ffffff; }
.ddmx .i2-active {  background: #bbbbbb; color:#ffffff; }
.ddmx .i2-active:hover { background: #bbbbbb; color:#ffffff; }

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

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