/**
 * Dragdealer JS v0.9.5
 * http://code.ovidiu.ch/dragdealer-js
 *
 * Copyright (c) 2010, Ovidiu Chereches
 * MIT License
 * http://legal.ovidiu.ch/licenses/MIT
 */
/* Defaults */
.dragdealer {
  position: relative;
  height: 14px;
  margin: 8px 0;
  text-align: left;
  background: #eee;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #aaa), color-stop(0.15, #eee), color-stop(0.85, #eee), color-stop(1, #fff));
  background: -webkit-linear-gradient(top, #aaa 0%, #eee 15%, #eee 85%, #fff 100%);
  background: -moz-linear-gradient(top, #aaa 0%, #eee 15%, #eee 85%, #fff 100%);
  background: -o-linear-gradient(top, #aaa 0%, #eee 15%, #eee 85%, #fff 100%);
  background: -ms-linear-gradient(top, #aaa 0%, #eee 15%, #eee 85%, #fff 100%);
  background: linear-gradient(top, #aaa 0%, #eee 15%, #eee 85%, #fff 100%);
  border: thin solid #bbb;
  border-radius: 3px;
}
.dragdealer .handle {
  position: absolute;
  cursor: pointer;
  border-radius: 3px;
  width: 100px;
  height: 24px;
  margin-top: -9px;
  padding-top: 5px;
  text-align: center;
  font-weight: bold;
  border: thin solid #bbb;
  color: #444;
  background: #ccc;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.1, #ccc), color-stop(0.9, #ccc), color-stop(1, #aaa));
  background: -webkit-linear-gradient(top, #fff 0%, #ccc 10%, #ccc 90%, #aaa 100%);
  background: -moz-linear-gradient(top, #fff 0%, #ccc 10%, #ccc 90%, #aaa 100%);
  background: -o-linear-gradient(top, #fff 0%, #ccc 10%, #ccc 90%, #aaa 100%);
  background: -ms-linear-gradient(top, #fff 0%, #ccc 10%, #ccc 90%, #aaa 100%);
  background: linear-gradient(top, #fff 0%, #ccc 10%, #ccc 90%, #aaa 100%);
}
/* Frame/time slider */
#frame-slider.dragdealer {
  background: #822;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #600), color-stop(0.15, #822), color-stop(0.85, #822), color-stop(1, #a22));
  background: -webkit-linear-gradient(top, #600 0%, #822 15%, #822 85%, #a22 100%);
  background: -moz-linear-gradient(top, #600 0%, #822 15%, #822 85%, #a22 100%);
  background: -o-linear-gradient(top, #600 0%, #822 15%, #822 85%, #a22 100%);
  background: -ms-linear-gradient(top, #600 0%, #822 15%, #822 85%, #a22 100%);
  background: linear-gradient(top, #600 0%, #822 15%, #822 85%, #a22 100%);
  margin-top: 14px;
}
#frame-slider.dragdealer .handle {
  height: 37px;
  width: 80px;
  margin-top: -14px;
}
#frame-slider.dragdealer .handle.error-bar {
  border: thin solid #a00;
  color: #ddd;
  background: #a00;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f88), color-stop(0.1, #a00), color-stop(0.9, #a00), color-stop(1, #600));
  background: -webkit-linear-gradient(top, #f88 0%, #a00 10%, #a00 90%, #600 100%);
  background: -moz-linear-gradient(top, #f88 0%, #a00 10%, #a00 90%, #600 100%);
  background: -o-linear-gradient(top, #f88 0%, #a00 10%, #a00 90%, #600 100%);
  background: -ms-linear-gradient(top, #f88 0%, #a00 10%, #a00 90%, #600 100%);
  background: linear-gradient(top, #f88 0%, #a00 10%, #a00 90%, #600 100%);
}
#frame-slider.dragdealer .progress {
  height: 100%;
  background: #eee;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #aaa), color-stop(0.15, #eee), color-stop(0.85, #eee), color-stop(1, #fff));
  background: -webkit-linear-gradient(top, #aaa 0%, #eee 15%, #eee 85%, #fff 100%);
  background: -moz-linear-gradient(top, #aaa 0%, #eee 15%, #eee 85%, #fff 100%);
  background: -o-linear-gradient(top, #aaa 0%, #eee 15%, #eee 85%, #fff 100%);
  background: -ms-linear-gradient(top, #aaa 0%, #eee 15%, #eee 85%, #fff 100%);
  background: linear-gradient(top, #aaa 0%, #eee 15%, #eee 85%, #fff 100%);
  border: thin solid #bbb;
  margin: -1px;
  width: 0;
  vertical-align: middle;
  text-align: right;
  font-weight: bold;
  font-size: 12px;
  border-radius: 3px;
}
/* Transparency slider */
#transparency-slider.dragdealer {
  border: thin solid #bbb;
}
#transparency-slider.dragdealer .handle {
  width: 45px;
}