| .playerContainer{ |
| width:480px; |
| background:#76C8C4; |
| text-align:center; |
| } |
| .PlayerScreen{ |
| background:#00FFFF; |
| width:320px; |
| height:240px; |
| margin-left:auto; |
| margin-right:auto; |
| } |
| .Controls{ |
| height:85px; |
| background:#333333; |
| text-align:left; |
| width:100%; |
| } |
| .ControlsRight{ |
| vertical-align:top; |
| } |
| .ControlsBottom{ |
| vertical-align:bottom; |
| } |
| .StatusContainer{ |
| width:100%; |
| height:100%; |
| } |
| .PlayContainer{ |
| width:60px; |
| height:60px; |
| } |
| .Progress{ |
| height:10px; |
| } |
| .Time, .Duration, .Status{ |
| height:16px; |
| margin-top:0px; |
| color:#F5FFC8; |
| width:100%; |
| } |
| .Time{ |
| padding-left:2px; |
| } |
| .Duration{ |
| padding-right:2px; |
| text-align:right; |
| } |
| .StatusContainer{ |
| padding:0; |
| border-collapse:collapse; |
| } |
| .Status{ |
| height:20px; |
| background:#ff0000; |
| table-layout:fixed; |
| } |
| .Status.statusError .statusTitle, .Status.statusError .statusInfo{ |
| color:#FF0000; |
| } |
| .Status .statusTitle{ |
| font-weight:bold; |
| color:#A5B3E9; |
| } |
| .Status .statusInfo{ |
| font-weight:normal; |
| color:#3770D6; |
| } |
| .Time, .Duration, .Status{ |
| font-family:Verdana, Arial, Helvetica, sans-serif; |
| font-size:9px; |
| background:#000000; |
| } |
| .Time, .Duration{ |
| width:60px; |
| } |
| .Volume{ |
| width:30px; |
| height:30px; |
| float:right; |
| margin-right:2px; |
| margin-top:auto; |
| background-image:url(images/player_sprite.png); |
| background-repeat:no-repeat; |
| background-position:-1px -62px; |
| cursor:pointer; |
| } |
| .Volume:hover{ |
| background-position:-33px -62px; |
| } |
| .PlayPauseToggle{ |
| width:60px; |
| height:60px; |
| background-image:url(images/player_sprite.png); |
| background-repeat:no-repeat; |
| background-position:-1px -1px; |
| cursor:pointer; |
| vertical-align:middle; |
| line-height:60px; |
| } |
| .PlayPauseToggle:hover{ |
| background-position:-63px -1px; |
| cursor:pointer; |
| } |
| .icon{ |
| background-image:url(images/dojoPlayerIcons.png); |
| background-repeat:no-repeat; |
| width:22px; |
| height:22px; |
| } |
| .PlayPauseToggle .icon{ |
| position:relative; |
| top:19px; |
| left:19px; |
| background-position:-1px -1px; |
| } |
| .PlayPauseToggle.Play .icon{ |
| background-position:-1px -1px; |
| } |
| .PlayPauseToggle.Pause .icon{ |
| background-position:-24px -1px; |
| } |
| .Progress{ |
| |
| } |
| .Progress, .ProgressLoaded, .ProgressPosition, .ProgressHandle{ |
| height:10px; |
| } |
| .ProgressLoaded, .ProgressPosition, .ProgressHandle{ |
| position:absolute; |
| } |
| .ProgressLoaded{ |
| background:url(images/progressLoadedBk.png) repeat-x; |
| } |
| .ProgressHandle{ |
| background-image:url(images/sliderHandleSprite.png); |
| background-position:0px 0px; |
| width:15px; |
| margin-left:0px; |
| cursor:pointer; |
| } |
| .ProgressHandle.over{ |
| background-position:-15px 0px; |
| } |
| .ProgressPosition{ |
| background:url(images/progressPositionBk.png) repeat-x; |
| width:0px; |
| } |
| .VolumeSlider{ |
| position:absolute; |
| } |
| .VolumeSliderBack{ |
| width:128px; |
| height:30px; |
| background-image:url(images/player_sprite.png); |
| background-repeat:no-repeat; |
| background-position:-1px -95px; |
| } |
| .VolumeSliderHandle{ |
| position:absolute; |
| width:12px; |
| height:14px; |
| background-image:url(images/player_sprite.png); |
| background-repeat:no-repeat; |
| background-position:-1px -140px; |
| cursor:pointer; |
| } |
| .VolumeSliderHandle.over{ |
| background-position:-15px -138px; |
| cursor:pointer; |
| } |
| .Volume .icon{ |
| background-position:-60px -43px; |
| width:18px; |
| height:16px; |
| position:relative; |
| top:7px; |
| left:7px; |
| } |
| .Volume.mute .icon{ |
| background-position:-1px -43px; |
| } |
| .Volume.low .icon{ |
| background-position:-20px -43px; |
| } |
| .Volume.med .icon{ |
| background-position:-40px -43px; |
| } |
| .Volume.high .icon{ |
| background-position:-60px -43px; |
| } |