/*
back: rgb(230,230,230)
dark: rgb(90,97,90)
mediumrgb(189,190,189)
*/

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

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

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

.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: 19px;
background-image: url("handle.horizontal.png");
}

.dynamic-slider-control.vertical .handle {
width: 15px;
height: 31px;
background-image: url("handle.vertical.png");
}

.dynamic-slider-control.horizontal:hover .handle {
cursor: e-resize;
}

.dynamic-slider-control .line {
position: absolute;
font-size: 0.01mm;
overflow: hidden;
border: 1px solid rgb(90,97,90);
background: rgb(189,190,189);
}

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

.dynamic-slider-control.horizontal .line {
width: 100px;
height: 3px;
}

.dynamic-slider-control .line div {
width: 1px;
height: 1px;
border: 1px solid;
border-color: rgb(230,230,230) rgb(189,190,189) rgb(189,190,189) rgb(230,230,230);
}