/* put the left rounded edge on the track */

.disabled {
    color: #999999;
}

.track-left {
  display: inline;
  float: left;
  margin: 0;
  width: 5px;
  height: 9px;
  background: transparent url(/ui/images/slider-images-track-left.png) no-repeat top left;
}

.track {
  height: 20px;
  margin: 0;
  overflow: hidden;
  background: transparent url(/ui/images/slider-images-track.png) repeat-x top left;
}

.track-thumb {
  width: 19px;
  height: 20px;
  float: left;
  margin-left: -5px;    /* for track-left */
  cursor: move;
  background: transparent url(/ui/images/slider-images-handle.png) no-repeat top left;
}

.disabled .track-thumb {
    cursor: default;
    background: transparent url(/ui/images/slider-images-handle-gray.png) repeat-x top left;
}

.track-right {
  display: inline;
  float: right;
  margin: 0;
  width: 5px;
  height: 9px;
  z-index: 1;
  background: transparent url(/ui/images/slider-images-track-right.png) no-repeat top left;
}

.spinner-up {
    margin: 0px 0px 3px 0px;
    width: 7px;
    height: 4px;
    z-index: 1;
    cursor: pointer;
    background: transparent url(/ui/images/slider-images-spinner-up.gif) no-repeat top left;
}

.disabled .spinner-up {
    cursor: default;
}

.spinner-down {
    margin: 0px 0px 1px 0px;
    width: 7px;
    height: 4px;
    z-index: 1;
    cursor: pointer;
    background: transparent url(/ui/images/slider-images-spinner-down.gif) no-repeat top left;
}

.disabled .spinner-down {
    cursor: default;
}

.spinner-controls {
    margin: 2px 0px 0px 2px;
    width: 7px;
    height: 9px;
    float: right;
}