/*Dojo Video Player --- Combined Player.css and this stylesheet on October 13, 2010. No need to pull in Player.css*/

.PlayerScreen {
background:none repeat scroll 0 0 #ccc;
width:320px;
height:240px;
margin-left:auto;
margin-right:auto;
}

.playerContainer {
background:none repeat scroll 0 0 #ccc;
float:left;
text-align:center;
width:480px;
}

.Controls {
background:none repeat scroll 0 0 #FAFAFA;
border:1px solid #CCCCCC;
height:35px;
text-align:left;
width:100%;
}

.ControlsRight{
vertical-align:top;
}

.StatusContainer{
width:100%;
height:100%;
padding:0;
border-collapse:collapse;
}

.PlayContainer {
height:30px;
margin:2px;
width:30px;
}

.Time, .Duration, .Status {
background:none repeat scroll 0 0 #fafafa;
color:#888888;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:9px;
height:16px;
margin-top:0px;
width:100%;
}

.Time, .Duration {
float:right;
width:45px;
}

.Duration{
padding-right:2px;
text-align:right;
}

.Time {
padding-left:5px;
}

.Status.statusError .statusTitle, .Status.statusError .statusInfo{
color:#FF0000;
}

.Status .statusTitle{
font-weight:bold;
color:#A5B3E9;
}

.Status .statusInfo{
font-weight:normal;
color:#3770D6;
}

.Volume {
background-image:url("/_TEincludes/ver/1696/TEimages/player_sprite.png");
background-position:0 -62px;
background-repeat:no-repeat;
cursor:pointer;
float:right;
height:30px;
margin-right:2px;
margin-top:auto;
width:30px;
}

.Volume:hover{
background-position:-33px -62px;
}

.icon {
background-image:url("/_TEincludes/ver/1696/TEimages/dojoPlayerIcons.png");
background-repeat:no-repeat;
height:22px;
width:22px;
}

.PlayPauseToggle {
background-image:url("/_TEincludes/ver/1696/TEimages/player_sprite.png");
background-position:-1px -1px;
background-repeat:no-repeat;
cursor:pointer;
height:30px;
line-height:30px;
vertical-align:middle;
width:30px;
}

.PlayPauseToggle:hover{
background-position:-63px -1px;
cursor:pointer;
}

.PlayPauseToggle .icon {
background-position:-1px -1px;
left:5px;
position:relative;
top:3px;
}

.PlayPauseToggle.Play .icon{
background-position:-1px -1px;
}
.PlayPauseToggle.Pause .icon{
background-position:-24px -1px;
}

.Progress {
height:30px;
margin-left:7px;
width:180px;
}

.ProgressLoaded, .ProgressPosition, .ProgressHandle {
height:15px;
margin:8px 0;
position:absolute;
}

.ProgressLoaded {
background:url("/_TEincludes/ver/1696/TEimages/progressLoadedBk.png") repeat-x scroll 0 0 transparent;
}

.ProgressPosition {
background:url("/_TEincludes/ver/1696/TEimages/progressPositionBk.png") repeat-x scroll 0 0 transparent;
width:0px;
}

.ProgressHandle {
background-image:url("/_TEincludes/ver/1696/TEimages/sliderHandleSprite.png");
background-position:0 0;
cursor:pointer;
height:15px;
margin-left:0;
margin-top:5px;
width:18px;
}

.ProgressHandle.over {
background-position:0px 0;
}

.VolumeSlider{
position:absolute;
}

.VolumeSliderBack {
background-image:url("/_TEincludes/ver/1696/TEimages/player_sprite.png");
background-position:-1px -95px;
background-repeat:no-repeat;
height:30px;
width:128px;
}

.VolumeSliderHandle {
background-image:url("/_TEincludes/ver/1696/TEimages/player_sprite.png");
background-position:-1px -139px;
background-repeat:no-repeat;
cursor:pointer;
height:15px;
position:absolute;
width:12px;
}

.VolumeSliderHandle.over{
background-position:-15px -138px;
cursor:pointer;
}

.Volume .icon {
background-position:-60px -43px;
height:16px;
left:7px;
position:relative;
top:7px;
width:19px;
}

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