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

.horizontal {
    width:              200px;
    height:             27px;
}

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

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

.dynamic-slider-control .handle {
    position:           absolute;   
    font-size:          1px;
    overflow:           hidden;
    -moz-user-select:   none;
    cursor:             default;
}

.dynamic-slider-control.horizontal .handle {
    width:              11px;
    height:             21px;
    background-image:   url("/ht/c/slider/handle.horizontal.png");
}

.dynamic-slider-control.horizontal .handle div {}
.dynamic-slider-control.horizontal .handle.hover {
    background-image:   url("/ht/c/slider/handle.horizontal.hover.png");
}

.dynamic-slider-control.vertical .handle {
    width:              25px;
    height:             13px;
    background-image:   url("/ht/c/slider/handle.vertical.png");
}

.dynamic-slider-control.vertical .handle.hover {
    background-image:   url("/ht/c/slider/handle.vertical.hover.png");
}

.dynamic-slider-control .line {
    position:           absolute;
    font-size:          0.01mm;
    overflow:           hidden;
    border:             1px solid;
    border-color:       ThreeDShadow ThreeDHighlight
                        ThreeDHighlight ThreeDShadow;
    -moz-border-radius: 50%;
    
    behavior:           url("/ht/c/slider/boxsizing.htc"); /* ie path bug */
    box-sizing:         content-box;
    -moz-box-sizing:    content-box;
}
.dynamic-slider-control.vertical .line {
    width:              2px;
}

.dynamic-slider-control.horizontal .line {
    height:             2px;
}

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