.dd {position: relative; text-align:left; background-color:#ddd; font-family: Arial, Helvetica, sans-serif; float:left; font-weight: bold; font-size: 0.9em;}

.dd .ddTitle {background:#fff; border: 1px solid #aaa; padding: 5px; text-indent:0; cursor:default; overflow:hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #ccc;}
.dd .ddTitle span.arrow {background:url(dd_arrow.gif) no-repeat 0 0; float:right; display:inline-block; width:16px; height:16px; cursor:pointer;}
.dd .ddTitle span.ddTitleText {text-indent:1px; overflow:hidden;}
.dd .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0}
.dd .ddTitle img.selected {padding:0 3px 0 0; vertical-align:top;}

.dd .ddChild {position:absolute; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; border: 1px solid #aaa;  border-top:none; display:none; margin:0; width:auto; overflow:auto; overflow-x:hidden !important; background-color:#ccc;}
.dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:10px}
.dd .ddChild a {display:block; padding:2px 0 2px 3px; text-decoration: none; color:#000; overflow:hidden; white-space:nowrap; cursor:pointer;}
.dd .ddChild a:hover {background-color:#ff5500; color: #fff;}
.dd .ddChild a img {border:0; padding:0 2px 0 0; vertical-align: middle;}
.dd .ddChild a.selected {color: #fff; background-color: #ff5500;}
.hidden {display:none;}

.dd .borderTop{border-top:1px solid #c3c3c3 !important;}
.dd .noBorderTop{border-top:none 0  !important}