.rekapi-scrubber-wrapper {
  border-radius: 21px;
  clear: left;
  float: left;
  padding: 8px 16px 6px;

  /* This overrides the inline default width set by jQuery Dragon. */
  width: auto !important;

  background: -moz-linear-gradient(top, #707070 0%, #0e0e0e 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#707070), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #707070 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #707070 0%,#0e0e0e 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #707070 0%,#0e0e0e 100%); /* IE10+ */
  background: linear-gradient(to bottom, #707070 0%,#0e0e0e 100%); /* W3C */

  -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .21);
  -ms-box-shadow: 0 0 12px rgba(0, 0, 0, .21);
  -o-box-shadow: 0 0 12px rgba(0, 0, 0, .21);
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .21);
  box-shadow: 0 0 12px rgba(0, 0, 0, .21);
}

  .rekapi-scrubber {
    float: left;
  }

    .rekapi-scrubber-button {
      float: left;
      line-height: 23px;
      width: 16px;
    }

    .rekapi-scrubber-timeline {
      background: #ccc;
      border: none;
      float: left;
      height: 21px;
      margin: 0px 10px;

      -moz-box-shadow:     inset 0px 0px 6px rgba(0,0,0,0.6),
                           0px 0px 6px #333;
      -ms-box-shadow:      inset 0px 0px 6px rgba(0,0,0,0.6),
                           0px 0px 6px #333;
      -o-box-shadow:       inset 0px 0px 6px rgba(0,0,0,0.6),
                           0px 0px 6px #333;
      -webkit-box-shadow:  inset 0px 0px 6px rgba(0,0,0,0.6),
                           0px 0px 6px #333;
      box-shadow:          inset 0px 0px 6px rgba(0,0,0,0.6),
                           0px 0px 6px #333;
    }

      .rekapi-scrubber-button .icon {
        color: #ccc;
        font-size: 20px;
        line-height: 22px;
        position: relative;
        text-decoration: none;
        text-shadow: 0px 0px 6px #000, -1px -1px 2px #333;
        top: 2px;
      }

      .rekapi-scrubber-button:active .icon {
        color: #fff;
      }

.dragon-slider-handle {
    height: 21px;
    padding: 0;
    width: 21px;

    -moz-box-shadow:     0px 0px 8px #222;
    -ms-box-shadow:      0px 0px 8px #222;
    -o-box-shadow:       0px 0px 8px #222;
    -webkit-box-shadow:  0px 0px 8px #222;
    box-shadow:          0px 0px 8px #222;

    background: -moz-radial-gradient(center, ellipse cover,  #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); /* FF3.6+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* W3C */
}