.ui-knob-shadow {
     -moz-box-shadow: 0px 4px 10px rgba(0,0,0,.5);
  -webkit-box-shadow: 0px 4px 10px rgba(0,0,0,.5);
          box-shadow: 0px 4px 10px rgba(0,0,0,.5);
}

.ui-knob {
  position: relative;
  display:  inline-block;
  overflow: visible;
  width:  64px;
  height: 64px;
  padding: 0px;

  border:1px solid #ddd;
  border-radius:50px;

  /* center the div */
  top:50%;
  left:50%;

  border-width: 0;
  background: #eee;
  font-weight: bold;
  text-shadow: 0 1px 1px #f6f6f6;
  color: #444;
  background-image: -moz-linear-gradient(top, #fdfdfd, #dddddd);
  background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #fdfdfd), color-stop(1, #dddddd));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#dddddd')";
}

.ui-knob-indicator {
  position: absolute;
  display: block;
  z-index: 10;
  margin: 0;
  padding: 0;
  border-radius:3px;
  /* Due to a display bug with anti-aliasing */
  -webkit-backface-visibility: hidden;

  border: 1px solid #808080;
  background: #fdfdfd;
  font-weight: bold;
  color: #111111;
  text-shadow: 0 1px 1px  #ffffff;
  background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #eeeeee), color-stop(1, #dddddd));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#dddddd')";
}

.rotate-knob.ui-knob {
  background: #333;
  background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #333), color-stop(1, #222));
  background-image: -moz-linear-gradient(top, #333, #222);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333', EndColorStr='#222')";
}

.position-rotate-knob.ui-knob {
  background: #333;
  background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #333), color-stop(1, #222));
  background-image: -moz-linear-gradient(top, #333, #222);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333', EndColorStr='#222')";
}

.position-css-knob .ui-knob-indicator, .spin-knob .ui-knob-indicator, .vertical-slide-knob .ui-knob-indicator, .horizontal-slide-knob .ui-knob-indicator {
  width: 10px;
  height: 10px;
  border-radius: 8px;
}

.rotate-css-knob .ui-knob-indicator {
  width: 62px;
  height: 10px;
}

.position-rotate-css-knob .ui-knob-indicator {
  width: 10px;
  height: 6px;
}