.dynamic-slider-control {
position : relative;
background-color : rgb(204, 204, 204);
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;
cursor : default;
}
.dynamic-slider-control.horizontal .handle {
width : 15px;
height : 16px;
background-image : url("handle.horizontal.png");
}
.dynamic-slider-control.vertical .handle {
width : 16px;
height : 15px;
background-image : url("handle.vertical.png");
}
.dynamic-slider-control .line {
position : absolute;
font-size : 0.01mm;
overflow : hidden;
border : 1px solid;
border-color : rgb(102, 102, 102) white white rgb(102, 102, 102);
}
.dynamic-slider-control.vertical .line {
width : 4px;
}
.dynamic-slider-control.horizontal .line {
height : 4px;
}
.dynamic-slider-control .line div {
width : 2px;
height : 2px;
border : 1px solid;
border-color : rgb(152, 153, 153) rgb(102, 102, 102) rgb(102, 102, 102) rgb(152, 153, 153);
}
.progressbar {
border-style : solid;
border-color : black;
border-width : 1px;
}