1 /* Player Widget */

     2 

     3 .Ldt-Ctrl {

     4   font-size: 10px;

     5   background:url('img/player_gradient.png') repeat-x transparent ;

     6   height: 25px;

     7   border: 1px solid #b6b8b8;

     8   position: relative;

     9 }

    10 

    11 .Ldt-Ctrl-Left {

    12   float:left;

    13 }

    14 

    15 .Ldt-Ctrl-Right {

    16   float: right;

    17 }

    18 

    19 .Ldt-Ctrl-button {

    20   float: left;

    21   width: 30px; height: 25px;

    22   background: url('img/player-sprites.png');

    23   cursor: pointer;

    24 }

    25 

    26 .Ldt-Ctrl-spacer {

    27     float: left; width: 1px; height: 25px; background: #b6b8b8;

    28 }

    29 

    30 .Ldt-Ctrl-Play {

    31   margin: 0 15px;

    32 }

    33 

    34 .Ldt-Ctrl-Play-PlayState {

    35   background-position: 0 0;

    36 }

    37 

    38 .Ldt-Ctrl-Play-PlayState:hover {

    39   background-position: 0 -25px;

    40 }

    41 

    42 .Ldt-Ctrl-Play-PlayState:active {

    43   background-position: 0 -50px;

    44 }

    45 

    46 .Ldt-Ctrl-Play-PauseState {

    47   background-position: -30px 0;

    48 }

    49 

    50 .Ldt-Ctrl-Play-PauseState:hover {

    51   background-position: -30px -25px;

    52 }

    53 

    54 .Ldt-Ctrl-Play-PauseState:active {

    55   background-position: -30px -50px;

    56 }

    57 

    58 .Ldt-Ctrl-Annotate {

    59   margin: 0 2px;

    60   background-position: -60px 0;

    61 }

    62 

    63 .Ldt-Ctrl-Annotate:hover {

    64   background-position: -60px -25px;

    65 }

    66 

    67 .Ldt-Ctrl-Annotate:active {

    68   background-position: -60px -50px;

    69 }

    70 

    71 .Ldt-Ctrl-SearchBtn {

    72   margin: 0 2px;

    73   background-position: -90px 0;

    74 }

    75 

    76 .Ldt-Ctrl-SearchBtn:hover {

    77   background-position: -90px -25px;

    78 }

    79 

    80 .Ldt-Ctrl-SearchBtn:active {

    81   background-position: -90px -50px;

    82 }

    83 

    84 .Ldt-Ctrl-Search {

    85   display: none;

    86   width: 165px;

    87   height: 25px;

    88   border: 1px;

    89   border-color: #CFCFCF;

    90   float: left;

    91   text-align: center;

    92 }

    93 

    94 .Ldt-Ctrl-Time {

    95   float: left;

    96   margin: 5px;

    97   font-size: 12px;

    98   font-family: Arial, Verdana, sans-serif;

    99 }

   100 

   101 .Ldt-Ctrl-Time-Elapsed {

   102   float: left;

   103   color: #4a4a4a;

   104 }

   105 

   106 .Ldt-Ctrl-Time-Separator {

   107   margin: 0 4px;      

   108   float: left;

   109 }

   110 

   111 .Ldt-Ctrl-Time-Total {

   112   float: left;

   113   color: #b2b2b2; 

   114 }

   115 

   116 .Ldt-Ctrl-Sound {

   117   margin: 0 2px;

   118 }

   119 

   120 .Ldt-Ctrl-Sound-Full {

   121   background-position: -120px 0;

   122 }

   123 

   124 .Ldt-Ctrl-Sound-Full:hover {

   125   background-position: -120px -25px;

   126 }

   127 

   128 .Ldt-Ctrl-Sound-Full:active {

   129   background-position: -120px -50px;

   130 }

   131 

   132 .Ldt-Ctrl-Sound-Mute {

   133   background-position: -150px 0;

   134 }

   135 

   136 .Ldt-Ctrl-Sound-Mute:hover {

   137   background-position: -150px -25px;

   138 }

   139 

   140 .Ldt-Ctrl-Sound-Mute:active {

   141   background-position: -150px -50px;

   142 }

   143 

   144 .Ldt-Ctrl-Sound-Half {

   145   background-position: -180px 0;

   146 }

   147 

   148 .Ldt-Ctrl-Sound-Half:hover {

   149   background-position: -180px -25px;

   150 }

   151 

   152 .Ldt-Ctrl-Sound-Half:active {

   153   background-position: -180px -50px;

   154 }

   155 

   156 .Ldt-Ctrl-Volume-Control {

   157     display: none;

   158   position: absolute;

   159   background:url('img/player_gradient.png') repeat-x transparent ;

   160   height: 25px;

   161   width: 100px; top: 25px; right: -1px; z-index: 100;

   162   padding: 0 2px;

   163   border: 1px solid #b6b8b8;

   164 }

   165 

   166 .Ldt-Ctrl-Volume-Bar { 

   167     height: 5px; margin: 9px 3px 0; background: #cccccc; border: 1px solid #999999; border-radius: 2px;

   168 }

   169 

   170 .Ldt-Ctrl-Volume-Control .ui-slider-handle {

   171     width: 6px; height: 19px; background: #a8a8a8; border: 1px solid #999999; border-radius: 2px; top: -8px; margin-left: -4px;

   172     cursor: pointer;

   173 }

   174 

   175 .Ldt-Ctrl-Volume-Control:hover .ui-slider-handle {

   176      background: #F7268E;

   177 }