#dateSlider {
  position: relative;
  margin: 0 5px 0 0;
  padding: 4px 0;
  height: 20px;
}
.dateSlider-bar-left
{
  position: absolute;
  top: 8px; left: 0;
  background: url(/img/barleft.png) no-repeat left top;
  width: 222px; height: 8px;
}
.dateSlider-bar-right
{
  position: absolute;
  top: 8px; right: 0;
  background: url(/img/barright.png) no-repeat left top;
  width: 4px; height: 8px;
}
.dateSlider-bar-selection
{
  position: absolute;
  top: 9px; left: 3px;
  background-color: #FFC000;
  width: 220px; height: 6px;
  opacity: 0.5;
}
.dateSlider-knob {
  width: 7px; height: 16px;
  background: url(/img/slider.png) no-repeat left top;
  cursor: pointer;
  position: absolute;
}
.dateSlider-knob-limit {
  background: url(/img/slider.png) no-repeat left -16px;
}