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

.horizontal {
  width: 100px;
  height: 20px;
}

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

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

.dynamic-slider-control .handle {
  position: absolute;
  -moz-user-select: none;
  cursor: default;
  background: url("images/slider.gif") no-repeat top center;
  width: 10px;
  border: 0px;

}

/* inner border */
.dynamic-slider-control .handle div {
  font-size: 1px;
  border: 0px;
  border-color: ThreeDLightShadow ThreeDShadow ThreeDShadow ThreeDLightShadow;	
  behavior: url("css/boxsizing.htc");	/* ie path bug */
  box-sizing: content-box;
  -moz-box-sizing: content-box;
}

/*	inner sets size
.dynamic-slider-control.horizontal .handle {
  width: 12px;
  height: 22px;
}
*/

.dynamic-slider-control.horizontal .handle div {
  width: 8px;
  height: 18px;
}

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

/* inner sets size
.dynamic-slider-control.vertical .handle {
  width: 22px;
  height: 12px;
}
*/

.dynamic-slider-control.vertical .handle div {
  width: 18px;
  height: 8px;
}

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

.dynamic-slider-control .line {
  behavior: url("css/boxsizing.htc"); /* ie path bug */
  box-sizing: content-box;
  -moz-box-sizing: content-box;
	
  position: absolute;
  font-size: 0.01mm;
  overflow: hidden;
  border: 1px solid;
  border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow;
  background: ThreeDDarkShadow;
}

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

.dynamic-slider-control.horizontal .line {
  width: 1px;
}

.dynamic-slider-control .line div {
  display: none;
}
