// (C) Copyright 2011-2013 Hewlett-Packard Development Company, L.P.

/* jQuery UI Slider */
.ui-slider {
  position: relative;
  text-align: left;
  
  &:after {
    position: absolute;
    top: 7px;
    left: 0px;
    content: '';
    height: 2px;
    width: 100%;
    background-color: $primary-divider;
  }
  
  &:hover {
    &:after {
      content: '';
      background-color: $slider-track;
    }
    
    .ui-slider-handle {
      background-position: -356px 3px;
    }
  }
  
  .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 20px;
    height: 20px;
    cursor: default;
    background-image: url($img-file);
    background-position: -356px -17px;
    background-repeat: no-repeat;
    
    &:focus, &:hover {
      outline: none;
      background-position: -356px 3px;
    }
  }
  .ui-slider-range {
    position: absolute;
    z-index: 1;
    display: block;
    border: 0;
    background-position: 0 0;
  }
}

.ui-slider-horizontal {
  height: 16px;
  .ui-slider-handle {
    top: -2px; //-7px;
    margin-left: -10px;
  }
}

.ui-slider-vertical {
  width: 5px;
  height: 100px;
  .ui-slider-handle {
    left: -7px;
    margin-left: 0;
    margin-bottom: -10px;
  }
}