.dynamic-slider-control {
        position:                        relative;
        BACKGROUND-COLOR: rgb(255,255,255);
        -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("handle.horizontal.png");
}

.dynamic-slider-control.horizontal .handle div {}
.dynamic-slider-control.horizontal .handle.hover {
        background-image:        url("handle.horizontal.hover.png");
}

.dynamic-slider-control.vertical .handle {
        width:                                25px;
        height:                                13px;
        background-image:        url("handle.vertical.png");
}

.dynamic-slider-control.vertical .handle.hover {
        background-image:        url("handle.vertical.hover.png");
        position : absolute;
}

.dynamic-slider-control .line {
        BORDER-RIGHT: white 1px solid; BORDER-TOP: rgb(208,206,191) 1px solid; FONT-SIZE: 0.01mm; OVERFLOW: hidden; BORDER-LEFT: rgb(208,206,191) 1px solid; BORDER-BOTTOM: white 1px solid; POSITION: absolute; BACKGROUND-COLOR: rgb(244,243,238);
}
.dynamic-slider-control.vertical .line {
        width:                                2px;
}

.dynamic-slider-control.horizontal .line {
        height:                                2px;
}

.dynamic-slider-control .line div {
        BORDER-RIGHT: rgb(208,206,191) 1px solid; BORDER-TOP: rgb(236,235,230) 1px solid; BORDER-LEFT: rgb(236,235,230) 1px solid; WIDTH: 2px; BORDER-BOTTOM: rgb(208,206,191) 1px solid; HEIGHT: 2px
}
