.dd {
    display:inline-block !important;
    text-align:left;
    background-color:#fff;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}
.dd .ddTitle {
    background:#f2f2f2;
    border:1px solid #c3c3c3;
    padding:3px;
    text-indent:0;
    cursor:default;
    overflow:hidden;
    height:16px;
}
.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.textTitle {text-indent:1px; overflow:hidden; line-height:16px;
  vertical-align: middle;
}
.dd .ddTitle span.textTitle 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;
    border:1px solid #c3c3c3;
    border-top:none;
    display:none;
    margin:0;
    width:auto;
    overflow:auto;
    overflow-x:hidden !important;
    background-color:#ffffff;
}
.dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:10px}
.dd .ddChild a {
    display:block;
    padding:3px 0 3px 3px;
    text-decoration:none;
    color:#000;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
}
.dd .ddChild a:hover {
    background:#D3D5D6;
}
.dd .ddChild a img {
    border:0;
    padding:0 2px 0 0;
    vertical-align:middle;
}
.dd .ddChild a.selected {
    background:#AF1E23;

}
.hidden {display:none;}