.dynamic-slider-control {
  position:     relative;
  -moz-user-focus:  normal;
  -moz-user-select: none;
  cursor:       default;
  clear: both;
  padding-top: 20px;
}

.horizontal {
  margin: 10px 10px 0 20px;
  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:       pointer;
}

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

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

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

.dynamic-slider-control.vertical .handle.hover {}

.dynamic-slider-control .line {
  position:     absolute;
  font-size:      0.01mm;
  overflow:     hidden;
  background:     #A89A76;

  behavior:     url("css/boxsizing.htc"); /* ie path bug */
  box-sizing:     content-box;
  -moz-box-sizing:  content-box;
}
.dynamic-slider-control.vertical .line {
  width:        3px;
}

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

.dynamic-slider-control .line div {
  width:    1px;
  height:   1px;

  border:       0px solid #1C1912;
}