fieldset.dd {
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */
    display: block;
    float: right;
/*    width: calc(100% - 8px);*/
    width:124px;
    border-radius:5px;
    color: #000;
    background-color: #d49f1f;
    position: relative;
    margin-right: 1px;
    z-index: 1;
}
fieldset.dd.error > legend, fieldset.dd.error > div {
    background-color:#FFCCCC;
}
fieldset.dd > legend {
    width: calc(100% - 5px);
    font-size: 0.875em;
    font-weight: normal;
    background-image:url(../../images/down-arrow-black.png);
    background-repeat:no-repeat;
    background-position:right center;
    background-size:16px 6px;
    margin-bottom: 0;
    padding: 0 0 0 4px;
    cursor: pointer;

    background-color: #d49f1f;
    height: 14px;

    border: 1px outset #FFF;
    border-radius: 5px;

    line-height: 1.19;
    text-align: left;
    text-transform: lowercase;
    text-shadow: none;
}
fieldset.dd > legend:hover, fieldset.dd > legend.open {
    background-image:url(../../images/up-arrow-black.png);
    margin-bottom: 0;
    color:#FFF;
    background-color:#8C6412;
}
fieldset.dd > legend.open {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-bottom: 2px;
}
fieldset.dd > legend:hover {
    background-image:url(../../images/down-arrow-white.png);
}
fieldset.dd > legend.open:hover {
    background-image:url(../../images/up-arrow-white.png);
}
fieldset.dd > div {
    display:none;
    border: 1px outset #FFF;
    border-radius: 5px;
    width: calc(100% - 5px);
    padding: 4px 2px 2px 2px;
    border-top: none;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
fieldset.dd > div.open {
    display:block;
}
fieldset.dd > div > label {
    display: block;
    float: left;
    font-size: 0.875em;
    font-weight: normal;
    width: 100%;
    color: #000;
    text-align: left;
    text-shadow: none;
    cursor: pointer;
}
fieldset.dd.w50 > div > label {
    width: 50%;
}
fieldset.dd.w33 > div > label {
    width: 33%;
}
fieldset.dd.w25 > div > label {
    width: 25%;
}
fieldset.dd.w20 > div > label {
    width: 20%;
}
fieldset.dd.w16 > div > label {
    width: 16.6666%;
}
fieldset.dd.w10 > div > label {
    width: 10%;
}
fieldset.dd > div > label:hover {
/*    background-color: #e8e8e8;*/
    color: #FFF;
}
fieldset.dd > div > label > input[type="checkbox"] {
    background-image: url(../../images/checkbox-green-black-box.png);
    margin-right: 1px;
    cursor:pointer;
}

fieldset.dd > div:after {
    content:'';
    display: table;
    clear: both;
}
fieldset.dd > div > input[type="range"] {
    -webkit-appearance: slider-horizontal;
    width: 75%;
    margin: auto;
    display: block;
    cursor: pointer;
}