                                 

@define applabel: gradient( linear, 0% 96%, 96% 100%, from( #f2f2f2ff ), color-stop( 0.90, #f2f2f2ff ), to( #97989800 ) );
@define box_shadow_on_color: #52c7ebcc;
@define slideshow_bg: gradient( linear, 0% 0%, 0% 100%, from( #000000aa ), to( #00000055 ) );
@define ui_common_control_bright: #3890b5;

@keyframes 'main-button-glow-movement-no-fill'
{
	0%
	{
		box-shadow: box_shadow_on_color -4.5px -4.5px 18px 9px;
	}

	8%
	{
		box-shadow: box_shadow_on_color -4.5px -4.5px 18px 9px;
	}

	48%
	{
		box-shadow: box_shadow_on_color -1.5px -1.5px 6px 3px;
	}

	52%
	{
		box-shadow: box_shadow_on_color -1.5px -1.5px 6px 3px;
	}

	100%
	{
		box-shadow: box_shadow_on_color -4.5px -4.5px 18px 9px;
	}
}

@keyframes 'quick-blur'
{
	0%
	{
		blur: none;
	}

	50%
	{
		blur: fastgaussian( 4, 4, 2 );
	}

	100%
	{
		blur: none;
	}
}


                                                                                                                    
@keyframes 'intro-fade-in'
{
	0%
	{
		opacity: 0.0;
	}

	100%
	{
		opacity: 1.0;
	}
}

@keyframes 'movie-button-focus'
{
	from
	{
		background-color: gradient( linear, -0% 0%, 0% 100%, from( #f0f0f0 ), to( #c2c2c2 ) ); 
	}

	50%
	{
		background-color: gradient( linear, -0% 0%, 0% 100%, from( #f0f0f0 ), to( #c2c2c2 ) ); 
	}

	to
	{
		background-color: gradient( linear, -0% 0%, 0% 100%, from( #f0f0f0 ), to( #c2c2c2 ) ); 
	}
}

@keyframes 'control-outer-glow'
{
	0%
	{
		box-shadow: box_shadow_on_color -2.0px -2.0px 8px 4px;
	}

	8%
	{
		box-shadow: box_shadow_on_color -2.0px -2.0px 8px 4px;
	}

	48%
	{
		box-shadow: box_shadow_on_color -1.0px -1.0px 4px 2px;
	}

	52%
	{
		box-shadow: box_shadow_on_color -1.0px -1.0px 4px 2px;
	}

	100%
	{
		box-shadow: box_shadow_on_color -2.0px -2.0px 8px 4px;
	}
}


Movie
{
}

MoviePanel
{
	width: 100%;
	height: 100%;
	background-color: black;
}

#PlayIndicator
{
	width: 40%;
	height: 40%;
	align: center center;

	opacity: 0.0;

	transition-property: opacity;
	transition-duration: 0.75s;
	transition-timing-function: ease-in-out;
}


.MoviePaused #PlayIndicator
{

	background-image: url( "file://{images}/transport_controls/icon_play_large.png" );
	background-position: center;
	background-repeat: no-repeat;

	opacity: 1.0;
}

@keyframes 'throbber-appear-delay'
{
	from
	{
		opacity: 0.0;
	}

	50%
	{
		opacity: 0.0;
	}

	to
	{
		opacity: 1.0;
	}
}

                 
 
	             
	                     
 

                                
                                 
 
	             

	                                        
	                         
	                                       
 

                    
 
	              
	            
	                  
   

.MovieBuffering #PlayIndicator
{
	opacity: 0.0;
}

#ErrorMessage
{
	width: 80%;
	font-size: 32px;
	color: white;
	align: center center;
	text-align: center;

	opacity: 0.0;

	transition-property: opacity;
	transition-duration: 0.75s;
	transition-timing-function: ease-in-out;
}

.MovieError #ErrorMessage
{
	opacity: 1.0;
}

.MovieError #PlayIndicator
{
	opacity: 0.0;
}

  
                
  
#PlaybackTitleAndControls
{
	width: 100%;
	flow-children: down;
	vertical-align: bottom;

	transform: translatey( 327px );

	transition-property: transform;
	transition-duration: 0.5s;
	transition-timing-function: ease-in-out;
}

.ShowTitle #PlaybackTitleAndControls
{
	transform: translatey( 0px );
}

.TitleImmediatelyVisible #PlaybackTitleAndControls
{
	transform: translatey( 0px );
	transition-property: transform !immediate;
	transition-duration: 0.0s;
}

.PlaybackTitleGlow
{
	width: 100%;
	height: 77px;
	vertical-align: top;
                                          
	background-color: none;
}

.PlaybackTitleBackground
{
	width: 100%;
	height: 250px;
	vertical-align: bottom;
	background-color: slideshow_bg;
	flow-children: down;
}

#PlaybackTitle
{
	font-size: 58px;
	color: applabel;
	font-weight: light;
	width: 100%;
	height: 80px;
	margin: 20px 104px 10px 104px;
}


  
                    
  
#PlaybackControls
{
	align: center top;
	flow-children: down;
}

.PlaybackControl
{
	opacity: 0.0;

	transition-property: opacity;
	transition-duration: 0.4s;
	transition-timing-function: ease-in-out;
}

.PlaybackControl.Visible
{
	opacity: 1.0;
}

#Timeline
{
	width: 547px;
	height: 20px;

	border: 2px solid black;
	padding: 2px;
	margin: 0px 6px 0px 6px;
	background-color: black;
	border-radius: 4px;
}

.ProgressBarWrapper
{
	width: 100%;
	height: 100%;
}

#PlaybackProgress
{
	width: 100%;
	height: 100%;

	transform-origin: 0% 0% parent-relative;
	background-color: ui_common_control_bright;
}

#ControlBarRow
{
	                                             
	margin-top: 3px;
	padding: 6px;
	flow-children: right;
	align: center top;
}

#ControlBar
{
  	             
}

.ControlBarBackground
{
	width: 300px;
	height: 50px;
	background-color: black;
	border-radius: 6px;
}

.ControlBarButtons
{
	flow-children: right;
}

.ControlBarButton
{
	width: 60px;
	height: 50px;
	border: 2px solid #00000000;

	transition-property: pre-transform-scale2d;
	transition-duration: 0.1s;
	transition-timing-function: linear;
}

.ControlBarButton:focus
{
	background-color: gradient( linear, -0% 0%, 0% 100%, from( #f0f0f0 ), to( #c2c2c2 ) );
	pre-transform-scale2d: 1.0;
	box-shadow: box_shadow_on_color -4.5px -4.5px 16px 9px;
	border-color: #fdfefef0;

	animation-name: movie-button-focus, main-button-glow-movement-no-fill;
	animation-duration: 1.7s;
	animation-delay: 0.4s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: normal;
}

.ControlBarButton Image,
#VolumeControl .VolumeImage
{
	width: 37px;
	height: 37px;
	align: center center;
	pre-transform-scale2d: 0.8;
}

.ControlBarButton:focus Image,
#VolumeControl:focus .VolumeImage
{
	wash-color: #000000ff;
}

#VolumeControl .VolumeImage
{
	background-image: url( "file://{images}/transport_controls/icon_volume_04.png" );
}

#VolumeControl.AudioVolumeMuted .VolumeImage
{
	background-image: url( "file://{images}/transport_controls/icon_volume_01.png" );
}

#VolumeControl.AudioVolumeUnder33 .VolumeImage
{
	background-image: url( "file://{images}/transport_controls/icon_volume_02.png" );
}

#VolumeControl.AudioVolumeUnder66 .VolumeImage
{
	background-image: url( "file://{images}/transport_controls/icon_volume_03.png" );
}

#PlayPause .TickBox
{
	width: 37px;
	height: 37px;
	pre-transform-scale2d: 0.8;
	align: center center;
	border-color: none;
	box-shadow: none;
	margin: 0px;
	background-color: none;
	background-image: url( "file://{images}/transport_controls/icon_pause.png" );
}

#PlayPause:selected .TickBox
{
	background-image: url( "file://{images}/transport_controls/icon_play.png" );
}

#PlayPause:descendantfocus .TickBox
{
	wash-color: #000000ff;
	background-color: none;
}

#JumpBack
{
	border-radius: 6px 0px 0px 6px;
}

#VolumeControl
{
	border-radius: 0px 6px 6px 0px;
}

#PlaybackSpeed
{
	align: center center;
	font-size: 26px;
	margin-bottom: 4px;
	color: gradient( linear, 0% 0%, 0% 100%, from( #ffffffff ), to( #999999ff ) );
}

#VideoQualityCurrent
{
	align: center center;
	font-size: 18px;
	margin-bottom: 4px;
	color: gradient( linear, 0% 0%, 0% 100%, from( #ffffffff ), to( #999999ff ) );
}

#VideoQualityBtn:focus #VideoQualityCurrent
{
	color: black;
}

#FullscreenControl
{
	visibility: collapse;
}


  
                    
  
VolumeSliderPopup
{
	width: 100%;
	height: 100%;
}

VolumeSliderPopup .PopupWrapper
{
	width: 60px;
	height: 150px;

	background-color: gradient( linear, -0% 0%, 0% 100%, from( #f0f0f0 ), to( #c2c2c2 ) );
	box-shadow: box_shadow_on_color -4.5px -4.5px 16px 9px;
	border: 2px solid #fdfefef0;
	border-radius: 4px;

	transform: translatey( -10px );
}

VolumeSliderPopup Slider
{
	align: center center;
}

  
                    
  
VideoQualityPopup
{
	width: 100%;
	height: 100%;
	transform: translatex( -10px );
}

VideoQualityPopup .PopupWrapper
{
	min-width: 80px;
	flow-children: down;
	padding: 0px 6px;

	background-color: gradient( linear, -0% 0%, 0% 100%, from( #f0f0f0 ), to( #c2c2c2 ) );
	box-shadow: box_shadow_on_color -4.5px -4.5px 16px 9px;
	border: 2px solid #fdfefef0;
	border-radius: 4px;

	transform: translatey( -10px );
}

VideoQualityPopup #CenterColumn
{
	horizontal-align: center;
	flow-children: down;
}


  
                              
  
VideoQualityPopup Label
{
	font-size: 24px;
	font-weight: bold;
	color: #2a3d4b;
}

VideoQualityPopup Button:focus Label
{
	color: #5490ac;
}

VideoQualityPopup Button:hover Label
{
	color: #78cdf5;
}


VideoQualityPopup Button
{
	horizontal-align: right;
	margin: 2px 0px 2px 0px;
}

  
        
  
MovieDebug
{
	width: 100%;
	height: 100%;
}

MovieDebug Label
{
	font-size: 24px;
	color: white;
}

.debug-background
{
	padding: 10px;
	background-color: #000000a0;
	flow-children: right;
}

.DebugColumn
{
	flow-children: down;
	margin-right: 10px;
}


  
            
  
  
                                       
 
	                               
	                                    
	                     	
 

                                     
 
	             
	                          
 

                          
                           
                            
 
	                     
 

                                
 
	                               
 

                              
 
	                   
 

                                  
 
	                    
	                               
 

                                  
 
	                     
 

                                        
 
	              
	                       
	                    
 

                                                    
 
	                               
 

                              
 
	                     
 

                         
 
	                     
 

                                 
 
	                 
	                 
 

                              
 
	                            
	                
	             	
 

                                                      
 
	                
 

                                                                 
 
	             
 

                                         
 
	                               
	             
 

                                
 
	             
 

                                              
 
	             
 

                             
 
	                     
 
  