.dynamic-slider-control {
    position: relative;
    background-color: Transparent;
    -moz-user-focus: normal;
    -moz-user-select: none;
    cursor: default;
}

.horizontal {
    width: 100%;
    height: 24px;
    margin-top: 10px;
}

.vertical {
    width: 29px;
    height: 200px;
}

.dynamic-slider-control input {
    display: none;
}

.dynamic-slider-control .handle {
    position: absolute;
    -moz-user-select: none;
    cursor: default;
}

    /* inner border */
    .dynamic-slider-control .handle div {
        font-size: 1px;
        box-sizing: content-box;
        -moz-box-sizing: content-box;
    }

.dynamic-slider-control.horizontal .handle div {
    width: 4px;
    height: 20px;
    background-color: #d4af37;
    border: solid 1px #d4af37;
    border-radius: 3px;
}

.dynamic-slider-control.horizontal .handle.hover {
}

.dynamic-slider-control.vertical .handle div {
    width: 18px;
    height: 8px;
}

.dynamic-slider-control.vertical .handle.hover {
}

.dynamic-slider-control .line {
    box-sizing: border-box;
    -moz-box-sizing: content-box;
    position: absolute;
    font-size: 0.01mm;
    overflow: hidden;
    border: 1px solid #d4af37;
    left: 0px;
    width: 100%;
}

.dynamic-slider-control.vertical .line {
    width: 1px;
}

.dynamic-slider-control.horizontal .line {
}

.dynamic-slider-control .line div {
    display: none;
}