/***************************************
fonts
***************************************/

@font-face 
{
	font-family: 'Thesis';
	font-weight: bold;
	font-style: italic;	
	src:  	url('/resources/framework/css/fonts/TheSans_LT_TT7i.eot#') format('eot'),
	  		url('/resources/framework/css/fonts/TheSans_LT_TT7i.woff') format('woff'), 
		 	url('/resources/framework/css/fonts/TheSans_LT_TT7i.svg') format('svg');
}

@font-face {
	font-family: 'projekktor';
	src:url('fonts/projekktor.eot');
	src:url('fonts/projekktor.eot?#iefix') format('embedded-opentype'),
		url('fonts/projekktor.svg') format('svg'),
    	url('fonts/projekktor.woff') format('woff'),
		url('fonts/projekktor.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/***************************************
init!
***************************************/
body, html {
	width: 100%;
	height: 100%;
	min-height: 100%;
}

body {
	background-color: #fdfdfd; 
	margin: 0px; 
	padding: 0px;
	overflow: hidden;
}
			
#noscriptblock {
    width: 100%; 
    height: 100%; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
}

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

/***************************************
general
***************************************/
.projekktor {
    font-family: Sans-Serif;
    padding:0;
    /* display:block; */
    /* position: relative; */
    overflow: hidden;
    text-align: center;
    /* we always use iframed players - 
    needs a script update, though */
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;     

}

.projekktor.fullscreen,
.projekktor.fullviewport {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	margin: 0;
	padding: 0;
	background-color: #000000; 
}

.projekktor :focus {
	outline: none;
}

.pptestcard {
    background: url("noise.gif") center center repeat;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 18px;
    overflow: hidden;
}

.pptestcard p {
    display: none;
    background-color: #3b393e;
    width: 60%;
    margin: auto;
    line-height: 25px;
    position: relative;
    top: 25%;
    padding: 10px;
    border:5px solid #000;
    text-align: center;
}

.ppcustomtestcard p {
    display: block;
    background-color: #3b393e;
    width: 60%;
    margin: auto;
    line-height: 25px;
    position: relative;
    top: 25%;
    padding: 10px;
    border:5px solid #000;
    text-align: center;
}

#player_media_image {
	width: 100%;
	height: 100%;
	display: block;
}

/***************************************
display plugin
***************************************/
.ppdisplay {
    position: relative !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.ppdisplay .inactive,
.ppstart.inactive,
.ppbuffering.inactive {
    display: none;
}

.ppstart {
    font-family: 'projekktor';
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 46px;
    height: 46px;
    width: 46px;
    text-decoration: none;
    text-align: center;
    line-height: 46px;
    cursor: pointer;
    background-color: #213462;
    z-index: 305;    
}

.ppstart:hover {
   
}
.ppstart:active {

}

.ppbuffering {    
    z-index:8000;
    bottom:50%;
    display:block;
    height:60px;
    left:50%;
    margin-bottom:-30px;
    margin-left:-30px;
    padding:0;
    position:absolute;
    width:60px;
    z-index:8000;
    overflow:hidden; 
}

.ppclear {
    clear: both;
}


/***************************************
controlbar plugin
***************************************/
.ppcontrols {
    position: absolute;
    bottom: 0;
    right:0;
    display: block;
    width: 100%;
    height: 54px;
    padding: 0;
    margin:0;
    border-bottom: 1px solid #1d2546;
    background-color: #343B59;
    background-color: rgb(13,38,84);
    background-color: rgba(13,38,84,.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0D265459,endColorstr=#0D265459);      
}


.pphttpVideoLive .ppcontrols,
.pphttpVideoLive .ppcontrolsbg {
    border-top: 1px solid #345887;
    height: 46px;
}

.pphttpVideoLive.ppdvr .ppcontrols,
.pphttpVideoLive.ppdvr .ppcontrolsbg {
    border-top: 1px solid #345887;
    height: 54px;
}

.ppcontrols a {
    font-family: 'projekktor';
    color: #fff;
    font-size: 46px;
    height: 46px;
    width: 46px;
    text-decoration: none;
    text-align: center;
    line-height: 46px;
    cursor: pointer;
    outline: none;
    border: 0;
    
}

.ppcontrols .active {
    display: block;
}

.ppcontrols .inactive {
    display: none;
}

.projekktor.notransitions .ppcontrols.active,
.projekktor.notransitions .ppstatepaused .ppcontrols.inactive {
     bottom: 0;
}

.projekktor.notransitions .ppcontrols.inactive {
    bottom: -47px;
}


.projekktor.notransitions.pphttpVideoLive .ppcontrols.inactive {
    bottom: -47px;
}


.ppcontrols.active,
.ppstatepaused .ppcontrols.inactive {
    bottom: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform:translate3d(0,0,0);
    -webkit-transition: bottom 0.1s linear;
    -moz-transition: bottom 0.1s linear;
    -o-transition: bottom 0.1s linear;
    transition: bottom 0.1s linear;    
}


.ppcontrols.inactive {
    bottom: -47px;
    -webkit-backface-visibility: hidden;
    -webkit-transform:translate3d(0,0,0);
    -webkit-transition: bottom 0.5s linear;
    -moz-transition: bottom 0.5s linear;
    -o-transition: bottom 0.5s linear;
    transition: bottom 0.5s linear;
}

.pphttpVideoLive .ppcontrols.inactive {
    bottom: -47px;
}

.fullscreen.ppcontrols.inactive {
    bottom: -55px;
    -webkit-backface-visibility: hidden;
    -webkit-transform:translate3d(0,0,0);
    -webkit-transition: bottom 0.5s linear;
    -moz-transition: bottom 0.5s linear;
    -o-transition: bottom 0.5s linear;
    transition: bottom 0.5s linear;
}

.ppplayhead,
.ppdvr .ppgolive.on,
.pptool .btn:hover,
ul.ppvolume li.active,
ul.ppsettingslist li.on,
/* .ppcontrols a:focus, */
.ppcontrols a:hover,
.ppstart:focus,
.ppstart:hover {
	background: #A8A99F; /* Old browsers */
	background: -moz-linear-gradient(top,  #faffef 0%, #898881 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faffef), color-stop(100%,#898881)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #faffef 0%,#898881 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #faffef 0%,#898881 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #faffef 0%,#898881 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #faffef 0%,#898881 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faffef', endColorstr='#898881',GradientType=0 ); /* IE6-8 */
    -moz-opacity:1;
    -ms-filter:"alpha(opacity=100)";
    filter:alpha(opacity=100);
    opacity:1;        
}

.ppcontrols a.active {
    display: block;
}

.ppcontrols a.inactive {
    display: none;
}

.ppstateidle .ppcontrolsbg,
.ppstateidle .ppcontrols {
    display: none;
    height: 1px; /* trick */
}


.ppcontrols ul {
    list-style-type: none;
    padding: 0;
    margin:0;
}

.ppcontrols ul.left {
    position: relative;
    bottom: -8px;
    left: 0;
    float: left;
} 

.ppcontrols ul.right { 
    position: relative;
    bottom: -8px;
    right: 0;
    float: right;
}

.pphttpVideoLive .ppcontrols ul.right ,
.pphttpVideoLive .ppcontrols ul.left {
    bottom: 0;
}

.pphttpVideoLive.ppdvr .ppcontrols ul.right ,
.pphttpVideoLive.ppdvr .ppcontrols ul.left {
	bottom: -8px;
}

.ppcontrols ul.right a {
    border-left: 1px solid #474d76;
}

.ppcontrols ul.left a {
    border-right: 1px solid #474d76;
}


.ppcontrols ul.left li {
    float: left;
    position: relative;
}

.ppcontrols ul.right li {
    float: right;
    position: relative;
}


/***************************************
Volume Slider
***************************************/
.ppvolumePanel {
    z-index: 900;
    position: absolute;
    top: -78px;
    right: 0;
    height: 70px;
    width: 46px;  
    list-style: none;
    display: block; 
}

.pphttpVideoLive .ppvolumePanel {
    top: -71px;
}

.pphttpVideoLive.ppdvr .ppvolumePanel {
    top: -78px;
}

/* volume slider - right */
ul.ppvolume {
    background-color: #343B59;
    background-color: rgb(13,38,84);
    background-color: rgba(13,38,84,.9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0D265459,endColorstr=#0D265459);
    zoom:1;    
    position: absolute;
    top: 0;
    right: 0;
    height: 69px;
    width: 46px;  
    list-style: none;
    display: block;
}

.ppvolumebg {
    background-color: #343B59;
    -moz-opacity:.70;
    -ms-filter:"alpha(opacity=70)";
    filter:alpha(opacity=70);
    opacity:.70;   
}


ul.ppvolume li {
    width: 40px; 
    height: 4px;
    display: block;
    background-color: #fff;
    margin: 2px 3px 0 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

ul.ppvolume li.first {
    margin: 5px 3px 0 3px;
}

.ppvslider {
    position: absolute;
    top: 0px;
    right: 0;
    height: 59px;
    width: 46px;  
    display: block;
    cursor: pointer;
    z-index: 900;
}





/***************************************
Static Time Display
***************************************/
.pptimeleft {    
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    overflow: hidden;
    padding: 9px;
}

.pphttpVideoLive .pptimeleft {
    display: none;
}


/***************************************
Scrubber
***************************************/
.ppscrubber,
.pploaded,
.ppplayhead,
.ppscrubberdrag {
    position: absolute; 
    top:0; 
    width:0%; 
    height: 8px; 
    padding: 0;
    margin: 0;
    background-color: #fff;
    border-bottom: 1px solid #375889;          
}

.ppscrubber {
    width: 100%;
}

.ppscrubberdrag {
    cursor: pointer;
    z-index: 302;
    background-color: transparent;    
    top:0;
    left:0;
    width: 100%;
}

.ppscrubbertip {
    padding: 3px;
    position: absolute;
    top: -30px;
    left: 25px;
    font-size: 11px;
    line-height: 15px;
    color: #fff;
    background: #021C4F;
    z-index: 10;
    display: none;
}
.ppscrubbertip:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.ppscrubbertip:after {
	border-color: rgba(2, 28, 79, 0);
	border-top-color: #021C4F;
	border-width: 5px;
	left: 50%;
	margin-left: -5px;
}


.pploaded {
    background-color: #E4DDC8;
}

.ppcuepoint {
    position: absolute;
    height: 5px;
    width: 5px;
    background-color: yellow;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 302;
}

.ppcuepoint:hover {
    background-color: red;
    cursor: pointer;
}

.pphttpVideoLive .ppscrubber {
    display: none;
}

.pphttpVideoLive.ppdvr .ppscrubber {
    display: block;
}





/***************************************
settings menu
***************************************/
.ppsettingsmenu {
    width: 184px;
    height: 130px;
    position: relative;
    top: -138px;
    right: -118px;        
    padding: 0;
    margin: 0 0 -130px -184px;
    text-align: center;
    display: block;
    float: left;
    z-index: 9;
}

.pphttpVideoLive .ppsettingsmenu {
    top: -131px;
}

.pphttpVideoLive.ppdvr .ppsettingsmenu {
    top: -138px;
}

.ppsettingsmenu.column1  {
    width: 90px;
    margin: 0 -90px 0 0;
    left: -35px;       
}

.ppsettingsmenu.column2 {
    width: 184px;
    margin: 0 -184px 0 0;
    left: -129px;       
}

.ppsettingsmenu.column3 {
    width: 280px;
    margin: 0 -380px 0 0;
    left: -225px;      
}


.ppsettingsmenu ul {
    width: 90px;
    font-size: 12px;
    overflow: hidden;
    background-color: #343B59;
    background-color: rgb(13,38,84);
    background-color: rgba(13,38,84,.9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0D265459,endColorstr=#0D265459);
    zoom:1;
    display: inline-block;
    margin: auto;
    padding: 0;    
    color: #fff;
    list-style: none;
    height: 100%;
    margin: 0 0 0 1px; 
}

.ppsettingsmenu ul#tool,
.ppsettingsmenu ul#platform,
.ppsettingsmenu ul#quality {
    float: left;
}



.ppsettingslist li.first {
    font-weight: bold;
    cursor: auto;
}


.ppsettingsmenu ul li {
    border-bottom: 1px solid #345887;
    margin: 0;
    padding: 5px 0 5px 0px;
    width: 100%;
    height: 15px;
    line-height: 15px;
    cursor: pointer;
}


/***************************************
Tool
***************************************/
.pptool {    
    background-color: #343B59;
    background-color: rgb(13,38,84);
    background-color: rgba(13,38,84,.9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0D265459,endColorstr=#0D265459);  
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    padding: 0 15px;
    font-size: 12px;
    text-align: center;
    max-width: 70%;
}

.pptool.inactive,
.pptool .inactive {
    display: none;
}

.pptool.active,
.pptool .active {
    display: block;
}

.pptool p {
    line-height:1.5;    
}

.pptool .btn {
    padding: 5px 15px;
    color: #0F1D46;
    background-color: #faffef;
    text-decoration: none;
}

.pptool p.key {
    color:#eee;
    margin:.5em 0;
    margin: 15px;
}

.pptool em {
    background:#faffef;
    -webkit-border-radius:.3em;
    -moz-border-radius:.3em;
    border-radius:.3em;
    margin:0 .4em;
    padding:.3em .6em;
    color:#51231E
}

.pptool textarea {
    width: 240px;
    height: 100px;
}

/***************************************
Tracks Plugin
***************************************/
.pptracks  {
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    color: #fdfdfd;
    line-height: 25px;
    z-index: 8;
    font-size: 24px;
    background-color: #000000;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000059,endColorstr=#00000059);
    text-align: center;
    -webkit-backface-visibility: hidden;
    -webkit-transform:translate3d(0,0,0);
    -webkit-transition: bottom 0.5s linear;
    -moz-transition: bottom 0.5s linear;
    -o-transition: bottom 0.5s linear;
    transition: bottom 0.5s linear;        
}

.fullscreen .pptracks {
    bottom: 0;
}

.pptracks.shifted,
.ppstatepaused .pptracks {
    bottom: 54px;
    -webkit-backface-visibility: hidden;
    -webkit-transform:translate3d(0,0,0);
    -webkit-transition: bottom 0.1s linear;
    -moz-transition: bottom 0.1s linear;
    -o-transition: bottom 0.1s linear;
    transition: bottom 0.1s linear;       
}

.pptracksbtn.inactive,
.pptracks.inactive {
    display: none;
}

.pptracksbtn.active,
.pptracks.active {
    display: block;
}

.pptracks span {
    position: relative;
}

.pptracksbtn.on {
    -moz-opacity:1;
    -ms-filter:"alpha(opacity=100)";
    filter:alpha(opacity=100);
    opacity:1;    
}

.pptracksbtn.off {
    -moz-opacity:.70;
    -ms-filter:"alpha(opacity=70)";
    filter:alpha(opacity=70);
    opacity:.70;    
}

/***************************************
Mobile Alternatives
***************************************/

.mobile a.ppsettingsbtn.active {
 	display: none;
}

.mobile .ppscrubbertip.active {
    display: none;
}

.mobile .ppscrubberdrag {
    height: 18px;
    top: -10px;
    border-bottom: 1px solid #375889;
}

/***************************************
Size Alternatives
***************************************/
.player-xs a.ppsettingsbtn.active,
.player-s .ppsettingslist#tool {
 	display: none;
 }
 
 .player-s .ppsettingsmenu.column3 {
    width: 184px;
    margin: 0 -184px 0 0;
    left: -129px;       
}

/***************************************
Audio Alternatives
***************************************/
.audio a.ppfsexit,
.audio a.ppfsenter,
.audio a.ppsettingsbtn {
	display: none;
}

.audio.notransitions .ppcontrols.inactive,
.audio .ppcontrols.inactive {
    bottom: 0px;
    display: block;
}

.audio.ppstateidle .ppcontrols.inactive {
    display: none;
}

.audio .ppdisplay {
	background: url("audiobg.jpg") bottom center no-repeat;
}

/***************************************
DVR Mode
***************************************/

.ppdvr .pptimeleft {
display: none;
}

.ppgolive {
display: none;
}


.ppdvr .ppgolive {
	display: block;
	font-weight: bold;
    position: absolute;
	color: #fff;
    top:0;
	right: 0;
    width: 20px;
    height: 8px; 
    padding: 0;
    margin: 0;
    z-index: 303;
	font-size: 8px;
	line-height: 8px;
}

.ppdvr .ppgolive.off {
	background-color: #343B59;
	cursor: pointer;
}

.ppdvr .ppgolive.on {
	cursor: default;
}

.unit_tip {
	display: none;
}


.ppdvr .unit_tip {
	display: inline;
}

/***************************************
DVR Promo
***************************************/
.pppostertitle .active,
.pppostertitle .inactive {
	display: none;
}

.ppdvr .pppostertitle {
	background: #000;
    background: rgb(0, 0, 0) transparent;
    background: rgba(0, 0, 0, 0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fdfdfd;
    padding: 0;
    text-align: left;
}

.ppdvr .pppostertitle .text {
    margin: 5px;
}

.ppdvr .pppostertitle.active {
    top: 0;
}

.ppdvr .pppostertitle.inactive {
    top: -135px;
    -webkit-backface-visibility: hidden;
    -webkit-transform:translate3d(0,0,0);
    -webkit-transition: top 0.9s linear;
    -moz-transition: top 0.9s linear;
    -o-transition: top 0.9s linear;
    transition: top 0.9s linear;
}

/***************************************
GEO block text
***************************************/
#geoblocked {
	display: block;
	background: #000;
    border: 2px solid #fdfdfd;
    width: 92%;
    position: absolute;
    top: 50%;
    left: 4%;
    color: #fdfdfd;
    padding: 0;
    text-align: center;
    padding: 5px;
    font-weight: bold;
}

#geoblocked a {
	color: #fff;
	text-decoration: underline;

	}
}