/*
Theme Name: MACCACO
Theme URI: http://www.projekktor.com/downloads
Description: this theme is a screenr clone
Version: 2.2
Author: Michel Maillard
Author URI: http://www.porkhead.org
*/


/***************************************
general
***************************************/
.projekktor {background-color: #e6e8e9; display: block; font-family: 'Lucida Grande', 'Trebuchet MS', Arial, Sans-Serif; font-size: 12px; font-weight: bold; overflow: hidden; padding: 0; position: relative; text-transform: uppercase; /*width: 400px;*/}
.pptestcard {background: url('noise.gif') center center repeat; color: #FFF; font-size: 18px; height: 100%; overflow: hidden;width: 100%; }
.pptestcard p {background-color: #3B393E; border: 5px solid #000; line-height: 25px; margin: auto; padding: 10px; position: relative; text-align: center;top: 25%; width: 60%; }/***************************************
display plugin
***************************************/
.ppdisplay {background-color: #e6e8e9; height: 100%; left: 0; margin: 0; padding: 0;position: relative !important; top: 0; width: 100%; }
.type5 .ppdisplay, .type5 .projekktor {background-color: #000;}
.ppdisplay .inactive, .ppstart.inactive, .ppbuffering.inactive {display: none;}
.ppstart:hover {background: url('start.png') no-repeat left bottom transparent;}
.ppstart:active {background: url('start.png') no-repeat left -169px transparent;}
.ppbuffering {background: url('buffering.gif') no-repeat center center #000; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;bottom: 50%; display: block; height: 84px; left: 50%; margin-bottom: -38px; margin-left: -45px; padding: 0; position: absolute; width: 84px; z-index: 9010; }
/***************************************
controlbar plugin
***************************************/


/* PLAY / PAUSE - left */
/*.pppause:active {background: url('maccaco.png') no-repeat left -106px transparent;}
.projekktor.audio .ppfsenter, .projekktor.audio .ppfsexit {display: none;}
.ppfsenter, .ppfsexit {background: url('maccaco.png') no-repeat right top transparent; border-left: 1px solid #413E3E;cursor: pointer; height: 30px; width: 30px; }
.ppfsenter:hover {background: url('maccaco.png') no-repeat right -35px transparent;}
.ppfsenter:active {background: url('maccaco.png') no-repeat right -36px transparent;}
.ppfsexit {background: url('maccaco.png') no-repeat right -70px transparent;}
.ppfsexit:hover {background: url('maccaco.png') no-repeat right -105px transparent;}
.ppfsexit:active {background: url('maccaco.png') no-repeat right -106px transparent;}
.ppvmax {background: url('maccaco.png') no-repeat -842px top transparent;border-left: none; border-right: 1px solid #000; height: 30px; width: 30px; }
.ppvmax:hover {background: url('maccaco.png') no-repeat -842px -35px transparent;}
.ppvmax:active {background: url('maccaco.png') no-repeat -842px -36px transparent;}
.ppmute {background: url('maccaco.png') no-repeat -750px top transparent;border-left: 1px solid #413E3E; height: 30px; width: 29px; }
.ppmute:hover {background: url('maccaco.png') no-repeat -750px -35px transparent;}
.ppmute:active {background: url('maccaco.png') no-repeat -750px -36px transparent;}
.ppvslider {background: url('maccaco.png') no-repeat -781px -13px transparent;height: 16px; margin: 13px 5px; width: 60px; }
.ppvmarker {background: url('maccaco.png') no-repeat -634px -13px transparent;height: 6px; left: 0; position: relative; right: 0; width: 100%; }
.ppvknob {background: url('maccaco.png') no-repeat -699px -5px transparent; cursor: pointer; height: 20px; left: 0; padding: 0;position: relative; top: -13px; width: 6px; z-index: 201; }/* time / time left */
.pptimeleft {border-left: 1px solid #413E3E; border-right: 1px solid #000; color: #FFF; height: 30px; line-height: 30px; overflow: hidden;text-align: center; width: 130px; }/* special for single

*//* lo / hi quality toggle */
.pploquality, .pphiquality {background: url('maccaco.png') no-repeat -60px -72px transparent; border-left: 1px solid #413E3E; border-right: 1px solid #000;cursor: pointer; height: 30px; width: 30px; }
.pphiquality:hover {background: url('maccaco.png') no-repeat -32px -106px transparent;}
.pploquality {background: url('maccaco.png') no-repeat -32px -72px transparent;}
.pploquality:hover {background: url('maccaco.png') no-repeat -32px -106px transparent;}
.pphiquality:active, .pploquality:active {background: url('maccaco.png') no-repeat -32px -105px transparent;}/* previous / next item */
.ppnext, .ppprev {background: url('maccaco.png') no-repeat -59px top transparent; border-left: 1px solid #413E3E; border-right: 1px solid #000;cursor: pointer; display: block; height: 30px; width: 30px; }
.ppnext {border-right: none;}
.ppnext:hover {background: url('maccaco.png') no-repeat -59px -35px transparent;}
.ppnext:active {background: url('maccaco.png') no-repeat -59px -36px transparent;}
.ppprev {background: url('maccaco.png') no-repeat -32px top transparent;}
.ppprev:hover {background: url('maccaco.png') no-repeat -32px -35px transparent;}
.ppprev:active {background: url('maccaco.png') no-repeat -32px -36px transparent;}
.pploop, .pploop .on, .pploop .off {border-left: 1px solid #413E3E; border-right: 1px solid #000;color: #FFF; cursor: pointer; display: block; height: 30px; line-height: 30px; width: 30px; }

.pploop.off {color: #CCC;}

/* Scrubber, Playhead and fluff */
.audio .ppscrubber {background: url('maccaco-load-static.png') repeat-x left top transparent;}
.ppcuepoint {background-color: yellow; height: 5px; left: 0; padding: 0; position: absolute; top: 0; width: 5px; z-index: 302;}
.ppcuepoint:hover {background-color: red; cursor: pointer;}
.ppscrubbertip {background: #2E2D2D; color: #FDFDFD; display: none;font-size: 11px; left: 25px; line-height: 15px; padding: 3px; position: absolute; top: -30px; z-index: 10; }
.ppscrubbertip:after {border: solid transparent; content: ' '; height: 0; pointer-events: none;position: absolute; top: 100%; width: 0; }
.ppscrubbertip:after {border-color: rgba(2, 28, 79, 0); border-top-color: #333; border-width: 5px; left: 50%; margin-left: -5px;}

.ppfsenter {vertical-align: top;}




/****************************
/* Subtitles plugin specific */
/***************************/
.pptracksbtn.active, .pptracks.active {display: inline-block;}
.pptracks {position: absolute; bottom: 2%; left: 2%; width: 100%; height: auto; overflow: hidden; z-index: 1000; background: rgb(0,0,0); background: transparent\9; background: rgba(0,0,0,.6);bottom: 0; color: #FDFDFD; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); height: auto; left: 0; overflow: hidden; padding: 5px 0; position: absolute; text-align: center; width: 100%; z-index: 1000;zom: 1; }
.pptracks span {position: relative;}
.pptracksbtn:after {color:inherit; content:'UT'; width: 30px; height: 30px; display: inline-block;font-size: 25px;}
.pptracksbtn {cursor: pointer; height: 30px; width: 30px; vertical-align: top; margin-top:-4px; margin-right: 15px;}
.pptracksbtn.off {color: #dfdfdf;}
.pptracksbtn.on {color: #0778a5;}
.pptracks.shifted {bottom: 38px;}
.pptracksbtn.inactive, .pptracks.inactive {display: none;}

/*outgo*/
.ppcontrols .active.shifted {color:#fff; font-size: 16px; border:0; display: block; text-align: center; width: 100%; position: absolute; bottom: 0px;}
/*.projekktor:hover .ppcontrols .active.shifted {bottom: 100px;}*/
.ppcontrols .active.shifted span {background-color:rgba(0,0,0,0.8); padding:3px; display: inline-block; margin: -28px 0 0 0;  text-shadow:-1px -1px rgba(0,0,0,0.8), 0 1px rgba(0,0,0,0.8), 1px 0 rgba(0,0,0,0.8), -1px 0 rgba(0,0,0,0.8); filter: progid:DXImageTransform.Microsoft.Chroma(Color=#cccccc) progid:DXImageTransform.Microsoft.Shadow(color='#CC0000', Direction=225, Strength=8)}