.dynamic-slider-control {
    position: relative;
}

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

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

.dynamic-slider-control .handle {
    position: absolute;
    font-size: 1px;
    overflow: hidden;
}

.dynamic-slider-control.horizontal .handle {
    width: 20px;
    height: 65px;
    font-size: 12px;
    text-align: center;
    /* 31px */
    background-image: url("handle.horizontal.png");
    background-repeat: no-repeat;
    background-position: center center;
}

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

.dynamic-slider-control .line {
    position: absolute;
    font-size: 0.01mm;
    overflow: hidden;
    box-sizing: content-box;
}

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

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