/* Player Widget */

.Ldt-Ctrl {
  font-size: 10px;
  font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
  background:url('img/player_gradient.png') repeat-x transparent ;
  height: 25px;
  border: 1px solid #b6b8b8;
  position: relative;
}

.Ldt-Ctrl-Left {
  float:left;
}

.Ldt-Ctrl-Right {
  float: right;
}

.Ldt-Ctrl-button {
  float: left;
  width: 30px; height: 25px;
  background: url('img/player-sprites.png');
  cursor: pointer;
}

.Ldt-Ctrl-spacer {
    float: left; width: 1px; height: 25px; background: #b6b8b8;
}

.Ldt-Ctrl-Play {
  margin: 0 15px;
}

.Ldt-Ctrl-Play-PlayState {
  background-position: 0 0;
}

.Ldt-Ctrl-Play-PlayState:hover {
  background-position: 0 -25px;
}

.Ldt-Ctrl-Play-PlayState:active {
  background-position: 0 -50px;
}

.Ldt-Ctrl-Play-PauseState {
  background-position: -30px 0;
}

.Ldt-Ctrl-Play-PauseState:hover {
  background-position: -30px -25px;
}

.Ldt-Ctrl-Play-PauseState:active {
  background-position: -30px -50px;
}

.Ldt-Ctrl-Annotate {
  margin: 0 2px;
  background-position: -60px 0;
}

.Ldt-Ctrl-Annotate:hover {
  background-position: -60px -25px;
}

.Ldt-Ctrl-Annotate:active {
  background-position: -60px -50px;
}

.Ldt-Ctrl-SearchBtn {
  margin: 0 2px;
  background-position: -90px 0;
}

.Ldt-Ctrl-SearchBtn:hover {
  background-position: -90px -25px;
}

.Ldt-Ctrl-SearchBtn:active {
  background-position: -90px -50px;
}

.Ldt-Ctrl-Search {
  display: none;
  width: 165px;
  height: 25px;
  border: 1px;
  border-color: #CFCFCF;
  float: left;
  text-align: center;
}

.Ldt-Ctrl-Time {
  float: left;
  margin: 5px;
  font-size: 12px;
  font-family: Arial, Verdana, sans-serif;
}

.Ldt-Ctrl-Time-Elapsed {
  float: left;
  color: #4a4a4a;
}

.Ldt-Ctrl-Time-Separator {
  margin: 0 4px;      
  float: left;
}

.Ldt-Ctrl-Time-Total {
  float: left;
  color: #b2b2b2; 
}

.Ldt-Ctrl-Sound {
  margin: 0 2px;
}

.Ldt-Ctrl-Sound-Full {
  background-position: -120px 0;
}

.Ldt-Ctrl-Sound-Full:hover {
  background-position: -120px -25px;
}

.Ldt-Ctrl-Sound-Full:active {
  background-position: -120px -50px;
}

.Ldt-Ctrl-Sound-Mute {
  background-position: -150px 0;
}

.Ldt-Ctrl-Sound-Mute:hover {
  background-position: -150px -25px;
}

.Ldt-Ctrl-Sound-Mute:active {
  background-position: -150px -50px;
}

.Ldt-Ctrl-Sound-Half {
  background-position: -180px 0;
}

.Ldt-Ctrl-Sound-Half:hover {
  background-position: -180px -25px;
}

.Ldt-Ctrl-Sound-Half:active {
  background-position: -180px -50px;
}

.Ldt-Ctrl-Volume-Control {
    display: none;
  position: absolute;
  background:url('img/player_gradient.png') repeat-x transparent ;
  height: 25px;
  width: 100px; top: 25px; right: -1px; z-index: 100;
  padding: 0 2px;
  border: 1px solid #b6b8b8;
}

.Ldt-Ctrl-Volume-Bar { 
    height: 5px; margin: 9px 3px 0; background: #cccccc; border: 1px solid #999999; border-radius: 2px;
}

.Ldt-Ctrl-Volume-Control .ui-slider-handle {
    width: 6px; height: 19px; background: #a8a8a8; border: 1px solid #999999; border-radius: 2px; top: -8px; margin-left: -4px;
    cursor: pointer;
}

.Ldt-Ctrl-Volume-Control:hover .ui-slider-handle {
     background: #F7268E;
}