source: Dev/trunk/src/client/dojox/av/widget/resources/Player.css

.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;
}