.peFlareLightbox { z-index: 2000; position: fixed; overflow: hidden; top: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-transform: translateZ(0px); -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -o-transition: opacity .5s; -ms-transition: opacity .5s; opacity: 0; filter: Alpha(Opacity=0); overflow: hidden; left: 0; display: none; zoom: 1 }
.peFlareLightbox img { max-width: none!important }
.peFlareLightbox div, .peFlareLightbox span, .peFlareLightbox img { outline: 0; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-box-shadow: 0; -webkit-box-shadow: 0; box-shadow: 0 }
.peFlareLightbox.peFlareLightboxActive { opacity: 1 }
.peFlareLightbox .peFlareLightboxHidden { position: absolute; opacity: 0; visibility: hidden; filter: Alpha(Opacity=0); z-index: 1 }
.peFlareLightbox .peFlareLightboxOverlay { position: absolute; opacity: .8; background-color: black; filter: Alpha(Opacity=100); width: 100%; height: 100%; z-index: 2 }
.peFlareLightbox .peFlareLightboxContent { position: absolute; width: 100%; height: 100%; z-index: 3 }
.peFlareLightbox .peFlareLightboxVideo { -webkit-transform: translateZ(0px); -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -o-transition: opacity .5s; -ms-transition: opacity .5s; position: absolute; background-color: black; width: 100%; height: 100%; z-index: 6; opacity: 0; visibility: hidden }
.peFlareLightbox .peFlareLightboxVideo video { display: block }
.peFlareLightbox .peFlareLightboxVideo.peFlareLightboxActive { opacity: 1; visibility: visible }
.peFlareLightbox .peFlareLightboxVideo>div, .peFlareLightbox .peFlareLightboxVideo>iframe { width: 100% }
.peFlareLightbox .peFlareLightboxThumbs { -webkit-transform: translateZ(0px); position: absolute; width: 100%; height: 86px; margin-top: 0; top: 100%; z-index: 5; -webkit-transition: margin-top .5s; -moz-transition: margin-top .5s; -o-transition: margin-top .5s; -ms-transition: margin-top .5s }
.peFlareLightbox .peFlareLightboxThumbs.peFlareLightboxActive { margin-top: -84px }
.peFlareLightbox .peFlareLightboxThumbs>span { overflow: hidden; display: block; width: 100%; height: 50px; margin-top: -50px }
.peFlareLightbox.msie .peFlareLightboxThumbs>span { background-color: black; opacity: 0; filter: Alpha(Opacity=0) }
.peFlareLightbox .peFlareLightboxThumbs>div { overflow: hidden; background-color: black; background-color: rgba(0,0,0,0.5) }
.peFlareLightbox .peFlareLightboxThumbs>div>div { overflow: hidden; margin: auto }
.peFlareLightbox.mobile .peFlareLightboxThumbs>div>div { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s }
.peFlareLightbox.mobile .peFlareLightboxThumbs>div>div.touchMove { -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; -ms-transition: all 0s }
.peFlareLightbox .peFlareLightboxThumbs>div>div>span { width: 90px; height: 60px; display: block; overflow: hidden; float: left; margin: 10px 0 10px 10px; cursor: pointer }
.peFlareLightbox .peFlareLightboxThumbs>div>span { width: 90px; height: 60px; display: block; overflow: hidden; float: left; margin: 10px 0 10px 10px; cursor: pointer }
.peFlareLightbox .peFlareLightboxThumbs>div>span.loaded { background-image: none }
.peFlareLightbox .peFlareLightboxContent>div { -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; -webkit-transform: translateZ(0px); position: absolute; overflow: hidden; display: block; width: 100%; height: 100%; opacity: 0 }
.peFlareLightbox .peFlareLightboxContent>div.touchMove { -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; -ms-transition: all 0s }
.peFlareLightbox .peFlareLightboxControls { -webkit-transform: translateZ(0px); z-index: 1000; left: 50%; top:5%; position: absolute }
.peFlareLightbox .peFlareLightboxControls>div { position: relative; left: -50% }
.peFlareLightbox .peFlareLightboxControls a { display: block; float: right; margin: 5px 5px 5px 0; z-index: 1000 }
.peFlareLightbox .peFlareLightboxSpinner { -webkit-transform: translateZ(0px); z-index: 1010; width: 100%; height: 100%; position: absolute; filter: Alpha(Opacity=100) }
.peFlareLightbox .peFlareLightboxSpinner span { display: block; width: 24px; height: 24px; position: absolute; top: 50%; margin-top: -12px; left: 50%; margin-left: -12px; border-radius: 4px; filter: Alpha(Opacity=100) }
.peFlareLightbox a.peFlareLightboxVideoIcon { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-transform: translateZ(0px); -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -o-transition: opacity .5s; -ms-transition: opacity .5s; position: absolute; z-index: 10; cursor: pointer; display: block; height: 84px; width: 84px; top: 50%; left: 50%; display: block; visibility: hidden; opacity: 0 }
.peFlareLightbox a.peFlareLightboxVideoIcon.peFlareLightboxActive { opacity: 1; visibility: visible }
.peFlareLightbox a.peFlareLightboxVideoIcon span { -webkit-tap-highlight-color: rgba(0,0,0,0); position: relative; display: block; width: 84px; height: 84px; margin-top: -42px; margin-left: -42px }
.peFlareLightbox .peFlareLightboxContent .peFlareLightboxRenderImage img { -webkit-transition: all 1s }
.peFlareLightbox .peFlareLightboxContent>div.peFlareLightboxRenderGallery { -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; -ms-transition: all 0s; background-color: black; filter: Alpha(Opacity=100); opacity: 1 }
.peFlareLightbox .peFlareLightboxContent>div.peFlareLightboxRenderGallery img { display: block; position: absolute; -webkit-transform-origin: 0 0 }
.peFlareLightbox .peFlareLightboxContent>div.peFlareLightboxRenderGallery img.pePrevBW { z-index: 1 }
.peFlareLightbox .peFlareLightboxContent>div.peFlareLightboxRenderGallery img.pePrevColor { z-index: 2 }
.peFlareLightbox .peFlareLightboxContent>div.peFlareLightboxRenderGallery img.peCurrentBW { z-index: 4 }
.peFlareLightbox .peFlareLightboxContent>div.peFlareLightboxRenderGallery img.peCurrentColor { z-index: 5 }
@media(min-width:480px) and (max-width:767px) {
.peFlareLightbox a.peFlareLightboxVideoIcon { height: 42px; width: 42px }
.peFlareLightbox a.peFlareLightboxVideoIcon span { width: 42px; height: 42px; margin-top: -21px; margin-left: -21px }
}
.hiddenLightboxContent { display: none }
.peFlareLightbox .peFlareLightboxControls a { display: block; float: right; width: 30px; height: 30px; opacity: .65 }
.peFlareLightbox .peFlareLightboxControls a:hover { opacity: 1 }
.peFlareLightbox .peFlareLightboxControls a#peFlareLightboxControlPrev { background: url(themes/default/img/prev.png) no-repeat 0 0 }
.peFlareLightbox .peFlareLightboxControls a#peFlareLightboxControlNext { background: url(themes/default/img/next.png) no-repeat 0 0 }
.peFlareLightbox .peFlareLightboxControls a#peFlareLightboxControlClose { background: url(themes/default/img/close.png) no-repeat 0 0 }
.peFlareLightbox .peFlareLightboxControls a#peFlareLightboxControlThumbs { background: url(themes/default/img/thumbs.png) no-repeat 0 0 }
.peFlareLightbox .peFlareLightboxSpinner span { background: url(themes/default/img/spinner.gif) no-repeat center center; background-color: black; background-color: rgba(0,0,0,.8) }
.peFlareLightbox .peFlareLightboxThumbs>div>span { background: url(themes/default/img/spinner.gif) no-repeat center center; background-color: black; background-color: rgba(0,0,0,.8) }
.peFlareLightbox a.peFlareLightboxVideoIcon span { background: url("themes/default/img/start.png") no-repeat 0 0 }
.peFlareLightbox a.peFlareLightboxVideoIcon:hover span { background-position: 0 -84px }
.peFlareLightbox .peFlareLightboxThumbs>div>div>span { border: 2px solid white; box-shadow: 2px 2px 2px #000 }
.peFlareLightbox .peFlareLightboxContent .peFlareLightboxRenderImage img.fit { border: 4px solid white; box-shadow: 4px 4px 4px #000 }
@media(min-width:480px) and (max-width:767px) {
.peFlareLightbox a.peFlareLightboxVideoIcon span { background: url("themes/default/img/start_mob.png") no-repeat 0 0 }
.peFlareLightbox a.peFlareLightboxVideoIcon:hover span { background-position: 0 -42px }
}
#simplePro, #multiPro { zoom: 1 }
.projekktor { background-color: #000; font-family: 'Lucida Grande', Trebuchet MS, Arial, Sans-Serif; font-size: 12px; font-weight: bold; text-align: center; text-transform: uppercase; text-shadow: 0 1px 1px #0c0c0c; padding: 0; margin: 0; display: block; position: relative }
.ppdisplay { position: relative!important }
.ppcontrols { position: absolute; bottom: 0; right: 0; display: block; overflow: hidden; width: 100%; height: 36px; background: #000; border-style: solid; border-color: #413e3e; border-width: 1px 0; padding: 0; margin: 0 }
.pplogo.inactive, .ppstart.inactive, .ppbuffering.inactive, .ppcontrols.inactive, .ppplay.inactive, .pppause.inactive, .ppfsenter.inactive, .ppfsexit.inactive, .ppprev.inactive, .ppnext.inactive { display: none }
.pplogo.active, .ppstart.active, .ppbuffering.active, .ppcontrols.active, .ppplay.active, .pppause.active, .ppfsenter.active, .ppfsexit.active, .ppprev.active, .ppnext.active { display: block }
.ppplay, .pppause { display: block; position: absolute; top: 6px; left: 0; background: url("video/theme/greyscale_ui.png") no-repeat left top transparent; width: 30px; height: 30px; cursor: pointer }
.ppplay:hover { background: url("video/theme/greyscale_ui.png") no-repeat left -35px transparent }
.ppplay:active { background: url("video/theme/greyscale_ui.png") no-repeat left -36px transparent }
.pppause { background: url("video/theme/greyscale_ui.png") no-repeat left -70px transparent }
.pppause:hover { background: url("video/theme/greyscale_ui.png") no-repeat left -105px transparent }
.ppfsenter, .ppfsexit { display: block; position: absolute; top: 6px; right: 0; width: 30px; height: 30px; background: url("video/theme/greyscale_ui.png") no-repeat right top transparent; cursor: pointer }
.ppfsenter:hover { background: url("video/theme/greyscale_ui.png") no-repeat right -35px transparent }
.ppfsenter:active { background: url("video/theme/greyscale_ui.png") no-repeat right -36px transparent }
.ppfsexit { background: url("video/theme/greyscale_ui.png") no-repeat right -70px transparent }
.ppfsexit:hover { background: url("video/theme/greyscale_ui.png") no-repeat right -105px transparent }
.ppfsexit:active { background: url("video/theme/greyscale_ui.png") no-repeat right -106x transparent }
.ppscrubber { position: absolute; display: block; left: 0; top: 0; height: 5px; width: 100%; background: url("video/theme/greyscale_ui_bar_load.gif") repeat-x left top transparent; margin: auto; padding: 0; border-bottom: 1px solid #444 }
.ppplayhead, .pploaded { position: absolute; display: block; left: 0; bottom: 0; height: 5px; width: 1px; background-color: #ffb702; cursor: pointer; z-index: 301 }
.pploaded { z-index: 10; background: #413e3e; opacity: .8; filter: alpha(opacity = 80); -ms-filter: "alpha(opacity=80)" }
.ppplayhead { margin-top: -5px }
.pptitle { position: absolute; left: 31px; padding: 0 10px; color: #fff; overflow: hidden; text-align: left; line-height: 30px; height: 30px; font-size: 11px }
.pptimeleft, .ppvmax, .ppmute { position: absolute; top: 6px; right: 153px; height: 15px; color: #413e3e; width: 100px; line-height: 30px; height: 30px; font-size: 8px; font-style: normal; overflow: hidden }
.pptimeleft span { font-size: 10px; background-color: transparent!important; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none }
.pptimeleft { background: url("video/theme/greyscale_ui.png") no-repeat -91px top transparent; right: 100px; top: 7px }
.ppvmax { position: absolute; top: 6px; right: 31px; width: 30px; display: none; border-left: none; background: url("video/theme/greyscale_ui.png") no-repeat -842px top transparent }
.ppvmax:hover { background: url("video/theme/greyscale_ui.png") no-repeat -842px -35px transparent }
.ppvmax:active { background: url("video/theme/greyscale_ui.png") no-repeat -842px -36px transparent }
.ppmute { position: absolute; top: 6px; width: 30px; right: 85px; border-right: 0; cursor: default; background: url("video/theme/greyscale_ui.png") no-repeat -749px top transparent }
.ppvslider { position: absolute; right: 17px; top: 19px; height: 6px; width: 60px; cursor: pointer; background: url("video/theme/greyscale_ui.png") no-repeat -781px -13px transparent }
.ppvmarker { position: absolute; right: 0; left: 0; height: 6px; width: 100%; background: url("video/theme/greyscale_ui.png") no-repeat -634px -13px transparent }
.ppvknob { cursor: pointer; z-index: 201; position: absolute; background: url("video/theme/greyscale_ui.png") no-repeat -699px -5px transparent; top: -7px; left: 0; width: 6px; height: 20px }
.ppnext, .ppprev { display: block; position: absolute; top: 6px; right: 255px; background: url("video/theme/greyscale_ui.png") no-repeat -59px top transparent; width: 30px; height: 30px; cursor: pointer }
.ppnext { border-right: 0 }
.ppnext:hover { background: url("video/theme/greyscale_ui.png") no-repeat -59px -35px transparent }
.ppnext:active { background: url("video/theme/greyscale_ui.png") no-repeat -59px -36px transparent }
.ppprev { right: 284px; background: url("video/theme/greyscale_ui.png") no-repeat -32px top transparent }
.ppprev:hover { background: url("video/theme/greyscale_ui.png") no-repeat -32px -35px transparent }
.ppprev:active { background: url("video/theme/greyscale_ui.png") no-repeat -32px -36px transparent }
.pptestcard { background: url("video/theme/noise.gif") center center repeat; width: 100%; height: 100%; color: #fff; font-size: 18px; overflow: hidden }
.pptestcard p { background-color: #3b393e; width: 60%; margin: auto; line-height: 25px; position: relative; top: 25%; padding: 10px; border: 5px solid #000; text-align: center }
.ppbuffering { position: absolute; left: 50%; bottom: 50%; margin-left: -45px; margin-bottom: -38px; display: block; z-index: 9010; padding: 0; background: url("video/theme/buffering.gif") no-repeat center center #000; height: 84px; width: 84px; -moz-border-radius: 15px; -webkit-border-radius: 15px; display: none }
.ppstart { position: absolute; left: 50%; bottom: 50%; margin-left: -45px; margin-bottom: -38px; cursor: pointer; height: 84px; width: 84px; display: block; z-index: 8000; padding: 0; background: url("video/theme/start.png") no-repeat left top transparent }
.ppstart:hover { background: url("video/theme/start.png") no-repeat left bottom transparent }
.ppstart:active { background: url("video/theme/start.png") no-repeat left -169px transparent }
.ppdebug { background-color: #fff; border: 1px solid #999; margin-top: 15px; position: absolute; text-align: left; width: 250px; height: 250px; z-index: 1050; overflow: scroll; padding: 25px 25px 20px }
.ppsocialbar { position: absolute; right: 0; bottom: 14%; width: 90px; height: 50%; padding: 0 }
.ppsocialbutton, .ppsocialbutton:hover { cursor: pointer; overflow: hidden; height: 16px; width: 80px; padding: 5px; margin: 15px 0; text-align: center; font-size: 14px; background-color: #191b10; color: #fdfdfd; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height: 14px; opacity: .5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)" }
.ppsocialbutton:hover { opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)" }
.ppsocialpopup { position: absolute; margin-right: -122px; margin-top: -140px; right: 50%; top: 50%; width: 185px; height: 225px; text-align: center; padding: 10px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #222; background: rgba(34,34,34,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99222222, endColorstr=#99222222);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99222222, endColorstr=#99222222)"; color: #fefefe }
.ppsocialpopup textarea { width: 185px; height: 65px; border: 1px solid #ccc; outline: 0 none; overflow: hidden; margin: 0; padding: 0; display: block }
.ppsocialpopup a { display: block; width: 100%; text-decoration: underline; margin: 5px auto; text-align: center; color: #ddd; cursor: pointer }
.ppsocialpopup a:hover { text-decoration: none }
.ppplayhead, .pploaded { background-color: #fff!important }
.pploaded { opacity: .5!important }
.pptimeleft span { font-size: 11px; color: #999 }