
/*================================================================================
The use, disclosure, reproduction, modification, transfer, or transmittal
of this work for any purpose in any form or by any means without th
written permission of Akamai Technologies is strictly prohibited.

Confidential, Unpublished Property of Akamai Technologies.
Use and Distribution Limited Solely to Authorized Personnel.

Copyright 2011 Akamai Technologies, Inc.  All Rights Reserved.
================================================================================*/
html, body
{
	padding:	0px;
	margin:		0px;
	border:   	none;
}

.akamai-player
{
    background-image: 	-webkit-gradient(linear, 0 0, 0 100%, from(rgb(33, 33, 33)), to(rgb(9, 9, 9)));  
 	width:              100%;
    height:             100%;
    position:           absolute;
    padding:            0px;
    margin:             0px;
    border:             none;
    overflow: 		    hidden;
    color:				#FFFFFF;
    font-family:		Arial, Helvetica, sans-serif;
    
    -webkit-transition-property: width height;
    -webkit-transition-duration: 0.5s;
    
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
}

/* Portrait */
@media screen and (orientation:portrait) 
{
    .akamai-full-screen
	{
		width:  768px;
	    height: 432px;
	}
}

/* Landscape */
@media screen and (orientation:landscape) 
{
    .akamai-full-screen
	{
		width:	1024px;
	    height: 576px;
	}
}

.akamai-video
{
    width:              100%;
    height:             100%;
    position:           relative;
    top:                0px;
    left:               0px;
    padding:            0px;
    margin:             0px;
    border:             none;
    display:			block;
    
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none;
}

.akamai-hide-video .akamai-video
{
   -webkit-transform: translateX(-2048px);
}

.akamai-ended .akamai-video,
.akamai-error .akamai-video
{
	width: 0px;
	height: 0px;
}

.akamai-hidden
{
	display: none;
}

.akamai-overlays
{
	position:           absolute;
    width:              100%;
    height:             100%;
    top:                0px;
    left:               0px;
    padding:            0px;
    margin:             0px;
    border:             none;
    display:			table;
}
.akamai-ad-overlay
{
    position: absolute;
    width: 100%;
    height: 100%;
}

.akamai-ad-banner
{
	width: 100%;
	height: 30px;
	background-color: rgba(0, 0, 0, 0.75);
	
	border-bottom-width: 1px;
 	border-bottom-color: #666666;
 	border-bottom-style: solid;
 	
 	display: none;
}

.akamai-ad-text
{
	position: absolute;
	right: 7px;
	top: 7px;
	color: #888888;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
}

.akamai-ad-overlay-ad
{
	position: 	absolute;
	bottom: 	15px;
	text-align: center;
	width: 		100%;
	
	display: none;
	
	-webkit-transition-property: bottom;
    -webkit-transition-duration: 0.5s;
}

.akamai-ad-image
{
	width: 450px;
	height: 40px;
}

.akamai-ad-close-button
{
	position: absolute;
	right: 97px;
	top: 2px;
	width: 10px;
	height: 10px;
	color: #FFFFFF;
	background-color: #CA2127;
	margin: 0px;
	padding: 0px;
	border-style: none;
}

.akamai-ad-close-text
{
	margin-top: -2px;
	font-size: 12px;
	font-weight: normal;
}

.akamai-ad-close-button:hover
{
	background-color: #666666;
}

.akamai-ad-close-button:active
{
	color: #000000;
	background-color: #FFFFFF;
}

.akamai-active .akamai-ad-overlay-ad
{
	bottom: 65px;
}

.akamai-ad-overlay-mode .akamai-ad-overlay-ad,
.akamai-ad-mode .akamai-ad-banner
{
    display: block;
}

.akamai-ad-mode .akamai-ad-overlay-ad,
.akamai-ad-mode.akamai-ad-overlay-mode .akamai-ad-overlay-ad
{
	display: none;
}

.akamai-ad-mode .akamai-progress-area,
.akamai-ad-mode .akamai-time-display
{
	display: none;
}

.akamai-recommendations
{
	position:	absolute;
	width:		50%;
	height:		48%;
 	left:     	22.5%;
 	top:		20%;
	display:	none;
	opacity: 	0;
 	padding: 	10px;
 	margin: 	0px;
	
	-webkit-transition-property: opacity;
  	-webkit-transition-duration: 0.5s;
  	-webkit-user-select: none;
}

.akamai-recommendations-mode.akamai-ended .akamai-recommendations
{
	opacity: 	1;
	display:	block;
}

.akamai-recommendations-mode.akamai-ended.akamai-full-screen .akamai-recommendations
{
	height:		55%;
}

.akamai-recommendations-label
{
	position: 		relative;
	top:			0px;
	left:			0px;
	font-size:	 	11px;
	font-weight: 	bold;
	margin-bottom:  3px;
}

.akamai-recommendations-list-area
{
	position: 		absolute;
	width:			100%;
	height:			100%;

	margin: 		0px;
	margin-bottom: 	0px;
 	padding:		0px;
 	overflow-x: 	visible;
 	overflow-y: 	hidden;

	-webkit-user-select: none;
}

.akamai-recommendations-list
{
 	list-style-type: 	none;
 	margin: 			0px;
 	padding:			0px;
}

.akamai-recommendation
{
	height: 			32px;
	vertical-align: 	top;
	margin: 			0px;
 	padding: 			6px;
 	border-radius:		2px;
 	border-width:		1px;
 	border-color:		rgba(128, 128, 128, 0.5);
 	border-style:		solid;
 	background-color: 	#000000;
 	margin-bottom:		2px;
}

.akamai-recommendation-thumbnail
{
	width: 			56px;
	height: 		32px;
	float:			left;
	margin-right: 	10px;
}

.akamai-recommendation-text
{
	font-size:	 	10px;
	font-weight: 	bold;
	position:		absolute;
}

.akamai-recommendations-mode .akamai-branding-overlay
{
	width: 		200px;
	height: 	15px;
	top: 		22%;
	right: 		18%;
	left:		auto;
	margin-top: 2px;
	z-index:	1;
}

.akamai-recommendations-mode.akamai-full-screen .akamai-branding-overlay
{
	right: 		22%;
	margin-top: 0px;
}

.akamai-recommendations-mode .akamai-branding-image
{
	display: none;
}

.akamai-recommendations-mode .akamai-branding-text
{
	
}

.akamai-recommendations-mode.akamai-player
{
    background-image: 	-webkit-gradient(linear, 0 0, 0 100%, from(rgb(103, 103, 103)), to(rgb(40, 40, 40)));  
}

.akamai-branding-overlay
{
    width:              100%;
    height:             100%;
    text-align:			center;
    border:             none;
    position:           absolute;
    top: 				0px;
  	left: 				0px;
	display: 			table;
	margin: 0px;
	padding: 0px;
}

.akamai-branding-container
{
	display: 			table-cell;
	vertical-align: 	middle;
	text-align: 		center;
}

.akamai-branding-image
{
	margin: 0px;
	display: none;
	opacity: 0;
	
	/*-webkit-transition-property: opacity;
  	-webkit-transition-duration: 0.5s;*/
}

.akamai-loading .akamai-branding-image,
.akamai-ended .akamai-branding-image
{
	display: inline;
	opacity: 1;
}

.akamai-loading .akamai-branding-image
{
	margin-top: -70px;
}

.akamai-loading .akamai-loading-overlay
{
	margin-top: 10px;
}

.akamai-branding-text
{
	color:		    #CCCCCC;
	font-weight: 	normal;
  	font-size:    	10px;
 	white-space:  	nowrap;
  	text-overflow: 	ellipsis;
  	line-height:  	10px;
  	display: 		none;
	opacity: 		0;
	
  	/*-webkit-transition-property: opacity;
  	-webkit-transition-duration: 0.5s;*/
}

.akamai-ended .akamai-branding-text
{
	display: block;
	opacity: 1;
}

.akamai-branding-text a
{
	font-weight: 		bold;
	color: 				#FFFFFF;
	text-decoration: 	none;
}

.akamai-controls
{
	background-image: 	-webkit-gradient(linear, 0 0, 0 100%, from(rgba(33, 33, 33, 1)), to(rgba(29, 29, 29, 1)));
	
    width:		100%;
    height:		50px;
    position: 	absolute;
    bottom: 	-50px;
    opacity: 	0;
    padding:	0px;
    margin:		0px;
    color:		#FFFFFF;
    
    border-top-color: #181818; 
    border-top-width: 1px;
    border-top-style: solid;  
    
    -webkit-transition-property: opacity bottom;
    -webkit-transition-duration: 0.5s;
}

.akamai-active .akamai-controls
{
	bottom:  0px;
	opacity: 1;
}
.akamai-end-slate
{
	width:    	100%;
	height:   	100%;
  	
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	
  	padding:  	0px;
  	opacity: 	0;
  	overflow:   hidden;
  	display:	none;
  	text-align: center;
  	
  	-webkit-transition-property: opacity;
  	-webkit-transition-duration: 0.5s;
  	-webkit-user-select: none;
}

.akamai-ended .akamai-end-slate
{
	opacity: 	0;
	display: 	block;
}

.akamai-end-slate-image
{
	width: 100%;
}
.akamai-error-slate
{
	width:    	100%;
	height:   	100%;
  	
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	
  	padding:  	0px;
  	opacity: 	0;
  	overflow:   hidden;
  	display:	none;
  	text-align: center;
  	
  	-webkit-transition-property: opacity;
  	-webkit-transition-duration: 0.5s;
  	-webkit-user-select: none;
}

.akamai-error .akamai-error-slate
{
	opacity: 	1;
	display: 	table;
}

.akamai-error-message
{
	color:		    #FFFFFF;
	font-weight: 	bold;
  	font-size:    	20px;
 	white-space:  	nowrap;
  	text-overflow: 	ellipsis;
  	text-align:   	center;
  	vertical-align: middle;
  	line-height:  	23px;
  	display: 		table-cell;
}
.akamai-full-screen-button
{
    width:              25px;
    height:             21px;
    border:             none;
    position:           absolute;
    top:             	15px;
    right:              15px;
    margin:				0px;
    padding:			0px;
    background-image:	url("amp.svg");
    background-position: -130px 0px;
    background-color: 	rgba(0, 0, 0, 0);
	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none;
}

.akamai-full-screen-button:active
{
    background-position: -155px 0px;
}

.akamai-full-screen .akamai-full-screen-button
{
    background-position: -180px 0px;
}

.akamai-full-screen .akamai-full-screen-button:active
{
    background-position: -205px 0px;
}

.akamai-disable-full-screen .akamai-full-screen-button
{
    opacity: 0.15;
}
.akamai-loading-overlay
{
    width:              32px;
    height:             32px;
    text-align:			center;
    border:             none;
    position:           absolute;
    left:             	50%;
    top:              	50%;
   	margin-top:			-16px;
    margin-left:		-16px;
    opacity: 			0;
    
    background-image:	url("amp.svg");
    background-position: -592px 0px;
    
    -webkit-transition-property: opacity;
  	-webkit-transition-duration: 0.5s;
}

.akamai-loading .akamai-loading-overlay,
.akamai-loading-overlay-open
{
    opacity: 1;
}
.akamai-play-overlay
{
    width:              118px;
    height:             118px;
    border:             none;
    position:           absolute;
    opacity: 			0;
    display:			none;
    right: 				50%;
	bottom: 			50%;
	margin-bottom: 		-59px;
	margin-right: 		-59px;
    background-image:	url("amp.svg");
    background-position: -230px 0px;
    
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none;
    
    -webkit-transition-property: opacity;
  	-webkit-transition-duration: 0.5s;
  	
  	z-index: 110;
}

.akamai-play-overlay:active
{
    background-position: -348px 0px;
}

.akamai-ready .akamai-play-overlay,
.akamai-paused .akamai-play-overlay,
.akamai-play-overlay-open
{
	display: block;
    opacity: 1;
}
.akamai-play-pause-button
{
    border:             none;
    position:           absolute;
    top:				14px;
	left:				26px;
	width:				19px;
	height:				21px;
    background-image:	url("amp.svg");
    background-color: 	rgba(0, 0, 0, 0);
	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none;
    -webkit-transition: none;
}

.akamai-play-pause-button:active
{
    background-position: -19px 0px;
}

.akamai-playing .akamai-play-pause-button
{
    background-position: -38px 0px;
}

.akamai-playing .akamai-play-pause-button:active
{
    background-position: -57px 0px;
}
.akamai-poster-overlay
{
	width:    	100%;
	height:   	100%;
  	
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	margin: 0px;
  	padding: 0px;
  	opacity: 	0;
  	overflow:   hidden;
  	display:	none;
}

.akamai-ready .akamai-poster-overlay
{
	opacity: 1;
	display: table;
}

.akamai-poster-content
{
	text-align:   	center;
  	vertical-align: middle;
  	display: 		table-cell;
  	width:    		100%;
	height:   		100%;
}

.akamai-poster-image
{
  	width: 100%;
}

.akamai-progress-area
{
	width: 		auto;
	height: 	auto;

	padding: 		0px;
	margin-top: 	15px;
	margin-left: 	66px;
	margin-right: 	150px;

	-webkit-user-select: none;
}

.akamai-progress
{
	position:			relative;
	background-image:	-webkit-gradient(linear, 0 0, 0 100%, from(rgb(15, 15, 15)), to(rgb(0, 0, 0)));
	height:				20px;
  	cursor:        		pointer;
  	border-radius:		4px;
 	border-style:		solid;
 	border-width:		1px;
 	border-color:		#000000;
  	-webkit-user-select:   none;
}

.akamai-buffer-value
{
	position: 			absolute;
	background-image:  -webkit-gradient(linear, 0 0, 0 100%, from(rgb(0, 200, 0)), to(rgb(0, 33, 0)));   
	border-radius:		4px;
    height: 			20px;
	max-width:			100%;
	min-width:			0%;
	-webkit-user-select: none;
}

.akamai-progress-value
{
	position: 			absolute;
	background-image: 	-webkit-gradient(linear, 0 0, 0 100%, from(rgb(200, 0, 0)), to(rgb(33, 0, 0))); 
	border-radius:		4px 0px 0px 4px;
	height: 			20px;
	max-width:			100%;
	min-width:			0%;
	-webkit-user-select: none;
}

.akamai-scrubber
{
	background-image:	-webkit-gradient(linear, 0 0, 0 100%, from(rgb(200, 200, 200)), to(rgb(33, 33, 33)));
	border-radius:		5px;
	width:				18px;
	height: 			24px;
	padding: 			0px;
	margin:				-3px 0px 0px 0px;

	cursor:        		pointer;
	position:   		absolute;
	display:			block;
}

.akamai-scrub-time
{
	background-image:	-webkit-gradient(linear, 0 0, 0 100%, from(rgb(33, 33, 33)), to(rgb(0, 0, 0)));
	border-radius:		5px;
  	position:     		absolute;
  	top:          		-30px;
  	left:				-25px;
  	width:				75px;
  	height:       		24px; 
  	font-size:    		14px;
  	font-weight:  		bold;
  	text-align:   		center;
  	line-height:  		17px;
  	padding-top:		5px;
  	margin-top: 		-20px;
  	margin-left: 		-37px;
  	opacity:			0;
  	z-index:			2000;
  	
  	-webkit-transition-property: opacity;
  	-webkit-transition-duration: 0.5s;
  	-webkit-user-select: none;
}

.akamai-scrubbing .akamai-scrub-time
{
	opacity: 1;
}

.akamai-replay-overlay
{
	background-image: 	-webkit-gradient(linear, 0 0, 0 100%, from(rgb(124, 124, 124)), to(rgb(89, 89, 89)));  
 	
 	border-top-width: 1px;
 	border-top-color: #6E6E6E;
 	border-top-style: solid;
 	
 	border-bottom-width: 1px;
 	border-bottom-color: #5A5A5A;
 	border-bottom-style: solid;
 	
	width:    	100%;
	height:   	19px;
  
  	position: 	absolute;
 	left:     	0px;
 	top:		0px;
  	padding:  	0px;
  	opacity: 	0;
  	overflow:   hidden;
  	display:	none;
  	
  	-webkit-transition-property: opacity;
  	-webkit-transition-duration: 0.5s;
  	-webkit-user-select: none;
}

.akamai-ended .akamai-replay-overlay
{
	opacity: 	1;
	display: 	block;
}

.akamai-replay-button
{
	position: 	absolute;
	background: none;
	border: 	none;
	margin: 	0px;
	padding:	0px;
	
  	top: 		2px;
  	right:  	7px;
  	width:		50px;
  	
  	cursor: 	pointer;
}

.akamai-replay-icon
{
	position: 	absolute;
	width: 		10px;
	height:		13px;
	left:		10px;
	
	border: 	none;
	margin: 	0px;
	padding: 	0px;
	
	background-image:		url("amp.svg");
	background-position:	-238px -24px;
}

.akamai-replay-button:active .akamai-replay-icon
{
	background-position:	-238px -37px;
}

.akamai-replay-label
{
	position: 		absolute;
	left:			15px;
	color:			#E1E1E1;
	text-shadow: 	1px 1px 1px #000000;
}

.akamai-replay-button:active .akamai-replay-label
{
	color:		#FFFFFF;
}
.akamai-time-display
{
	position: 		absolute;
	top: 		  	50%;
	margin-top:		-5px;
	right:			65px;
	width:			125px;
  	height:       	9px;
  	color:        	#999999;  
  	font-family:  	Arial, Helvetica, sans-serif;
  	font-size:    	12px;
  	font-weight:  	bold;
  	text-align:   	right;
  	line-height:  	9px;
  
  	-webkit-user-select: none;
}

.akamai-current-time-display
{
	color: 					#CCCCCC;
	text-align:   			right;
	-webkit-user-select: 	none;
	display: 				inline;
}

.akamai-separator-display
{
	display: inline;
}

.akamai-duration-display
{
	display: 				inline;
	text-align:   			right;
	-webkit-user-select: 	none;
}

.akamai-live-display
{
	color: 					#FFFFFF;
	text-align:   			center;
	-webkit-user-select: 	none;
	background-color: 		#FF0000;
	opacity:                0;
	width:					30px;
	top: 		  			50%;
	margin-top:				-5px;
	right:					65px;
  	height:       			12px;
  	font-size:    			10px;
}

.akamai-live-mode .akamai-live-display
{
	opacity:				0;
}

.akamai-live-mode .akamai-current-time-display,
.akamai-live-mode .akamai-separator-display,
.akamai-live-mode .akamai-duration-display
{
	opacity:				0;
}

.akamai-title-bar
{
	background-color: 	rgba(0, 0, 0, 0.5);  
  
 	width:    	100%;
	height:   	50px;
  
  	position: 	absolute;
 	left:     	0px;
  	padding:  	0px;
  	display: 	inline;
  	bottom:     0px;
  	opacity: 	0;
  	overflow:   hidden;
  	
  	-webkit-transition-property: opacity bottom;
  	-webkit-transition-duration: 0.5s;
  	-webkit-user-select: none;
}

.akamai-active .akamai-title-bar
{
	bottom:		50px;	
}

.akamai-title-bar.akamai-hidden
{
	display: none;
}

.akamai-ready .akamai-title-bar,
.akamai-paused .akamai-title-bar
{
	opacity: 	1;
}

.akamai-title-text
{
	color:		    #FFFFFF;
	font-weight: 	bold;
  	font-size:    	12px;
 	white-space:  	nowrap;
  	text-overflow: 	ellipsis;
  	text-align:   	left;
  	margin-top:		8px;
	margin-left:	15px;
}

.akamai-description-text
{
	color:		    #FFFFFF;
	font-weight: 	normal;
  	font-size:    	12px;
 	white-space:  	nowrap;
  	text-overflow: 	ellipsis;
  	text-align:   	left;
  	margin-top:		8px;
	margin-left:	15px;
}

.akamai-slider
{
	width: 				50px;
	height: 			100px;
	background-color: 	rgba(0, 0, 0, 0.7);
	
	position: 	absolute;
	top: 		-100px;
	right: 		34px;
	
	opacity:	0;
	z-index:	102;
	border-radius: 5px;
}

.akamai-volume .akamai-slider
{
	opacity:	1;
}

.akamai-slider-area
{
	position:	absolute;
	left:		23px;
	top:		10px;
	width: 		4px;
	height: 	80px;

	-webkit-user-select: none;
}

.akamai-slider-track
{
	position: absolute;
	background-color: #000000;
	width: 100%;
	height: 100%;
}

.akamai-slider-value
{
	position: 	absolute;
	bottom:		0px;
	
	background-color: rgb(200, 0, 0);
	
	width: 100%;
}

.akamai-slider-handle
{
	position: absolute;
	left: -8px;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background-color: #FFFFFF;
}

.akamai-volume-button
{
    width:              25px;
    height:             21px;
    border:             none;
    position:           absolute;
    top:             	17px;
    right:              46px;
    margin:				0px;
    padding:			0px;
    background-image:	url("amp.svg");
    background-position: -130px 0px;
    background-color: 	rgba(0, 0, 0, 0);
	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none;
}

.akamai-volume-button:active
{
    background-position: -155px 0px;
}
.akamai-waiting-overlay
{
    width:              100%;
    height:             16px;
    position:           absolute;
    left:             	0px;
    bottom:      		0px;
    opacity: 			0;
    margin:				0px;
    padding:			0px;
    border:				none;
   
    /*-webkit-transition-property: opacity bottom;
  	-webkit-transition-duration: 0.25s 0.5s;*/
}

.akamai-waiting-bar
{
    width:              150%;
    height:             16px;
    position:           absolute;
    left:             	0px;
    bottom:      		0px;
    margin:				0px;
    margin-left:		-28px;
    padding:			0px;
    border:				none;
    border-top-style:	solid;
    border-top-width:	1px;
    border-top-color:	rgba(64, 64, 64, 0.5);
    
    background-image:	url("amp.svg");
    background-repeat:	repeat-x;
    background-position: 0px -118px;
    background-color:	rgba(0,0,0,0.5);
}

.akamai-active .akamai-waiting-overlay
{
   	bottom: 23px;
}

.akamai-waiting .akamai-waiting-overlay,
.akamai-waiting-overlay-open
{
    opacity: 1;
}

.akamai-waiting-text
{
	margin-top: 	1px;
	margin-left: 	5px;
	font-size:		10px;
	text-shadow: 	1px 1px 1px #000000;
}
.akamai-ticker
{
	position:	absolute;
	width:		100%;
	height:		18px;
	bottom:		0px;
	right:		6px;
	display:	none;
	opacity: 	0;
	overflow:   hidden;
 	padding: 	0px;
 	margin: 	0px;
 	text-align: center;
 	z-index: 	100;
	
	-webkit-marquee: auto medium infinite scroll normal;
    overflow-x: -webkit-marquee;
	-webkit-transition-property: opacity bottom;
  	-webkit-transition-duration: 0.5s;
  	-webkit-user-select: none;
}

.akamai-ticker-mode .akamai-ticker
{
	opacity: 	1;
	display:	block;
	background-color: #57090b;
}

.akamai-ended .akamai-ticker,
.akamai-ad-mode.akamai-ticker-mode .akamai-ticker
{
	opacity: 	0;
	display:	none;
}

.akamai-active .akamai-ticker
{
	bottom:		50px;	
}

.akamai-ticker-text
{
	font-size: 		14px;
	font-weight: 	bold;
	text-shadow: 	1px 1px 1px #000000;
	width:          2000px;
}
