.f59-video { font-family: Arial, sans-serif; position: relative; text-indent: 0; } .f59-video .f59-main, .f59-wrap { /*overflow: hidden;*/ position: relative; display: block; cursor: default; background-position: 50% 50%; background-repeat: no-repeat; overflow: hidden; } .f59-blk { background-color: black; } .full .bimvidImages, .full .bimvidImages img { max-width: 100%; max-height: 100%; bottom: 0; left: 0; margin: auto; overflow: auto; position: fixed; right: 0; top: 0; } .f59-video .playOverlay { height:100%; width:100%; background: url(https://cdn.field59.com/player/fp6_play_white.png) center no-repeat; background-size: 12%; } .f59-video .bimvidCompanion { margin: 5px; position: relative; z-index: 1000; width: 300px; height: 250px; } .f59-video .field59eventmsg { position: absolute; top:50%; background-color: rgba(0,0,0,0.5); width: 100%; text-align: center; padding: 15px; font-size: 1.5em; font-weight: bold; } .f59-video .field59eventmsg h3 { font-family: Helvetica, Arial, sans-serif; color:white; } .flowplayer.is-inactive-stream .fp-message{display:block;} .flowplayer.is-inactive-stream h2{font-weight:bold;font-size:large;margin-top:20%;color:white;background-color:rgba(0,0,0,0.5);padding:5px 0;} @font-face { font-family: 'fpicons'; src:url('https://cdn.field59.com/player/fonts/fpicons.eot'); src:url('https://cdn.field59.com/player/fonts/fpicons.eot') format('embedded-opentype'), url('https://cdn.field59.com/player/fonts/fpicons.woff') format('woff'), url('https://cdn.field59.com/player/fonts/fpicons.ttf') format('truetype'), url('https://cdn.field59.com/player/fonts/fpicons.svg') format('svg'); font-weight: normal; font-style: normal; } [class^="fp-i-"], [class*=" fp-i-"] { font-family: 'fpicons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .flowplayer{position:relative;width:100%;counter-increment:flowplayer;background-size:cover;background-repeat:no-repeat;background-position:center center;display:inline-block;} .flowplayer *{font-weight:inherit;font-family:inherit;font-style:inherit;text-decoration:inherit;font-size:100%;padding:0;border:0;margin:0;list-style-type:none} .flowplayer a:focus{outline:0} .flowplayer video{width:100%} .flowplayer.is-ipad video{-webkit-transform:translateX(-2048px);} .is-ready.flowplayer.is-ipad video{-webkit-transform:translateX(0)} .flowplayer .fp-player{position:absolute;top:0;left:0;width:100%;height:100%} .flowplayer .fp-engine,.flowplayer .fp-ui,.flowplayer .fp-message{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1} .flowplayer .fp-ui{z-index:11} .flowplayer .fp-message{display:none;text-align:center;padding-top:5%;cursor:default;} .flowplayer .fp-message h2{font-size:120%;margin-bottom:1em} .flowplayer .fp-message p{color:#666;font-size:95%} .flowplayer .fp-title{line-height:30px;font-weight:normal;font-family:'myriad pro',Helvetica,Arial,sans-serif;font-size:11px;cursor:default;color:#fff;width:auto;max-width:50%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;float:left;padding:0 20px;} .is-rtl.flowplayer .fp-title{float:right} .aside-time.flowplayer .fp-title{display:none !important} .flowplayer .fp-controls{position:absolute;bottom:0;width:100%;} .no-background.flowplayer .fp-controls{background-color:transparent !important;background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent)) !important;background-image:-webkit-linear-gradient(top,transparent,transparent) !important;background-image:-moz-linear-gradient(top,transparent,transparent) !important;background-image:-o-linear-gradient(top,transparent,transparent) !important;background-image:linear-gradient(to bottom,transparent,transparent) !important} .is-fullscreen.flowplayer .fp-controls{bottom:3px} .is-mouseover.flowplayer .fp-controls{bottom:0} .flowplayer .fp-controls,.flowplayer .fp-title,.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-close,.flowplayer .fp-embed,.flowplayer.aside-time .fp-time{background-color:#000;background-color:rgba(0,0,0,0.65);} .no-background.flowplayer .fp-controls,.no-background.flowplayer .fp-title,.no-background.flowplayer .fp-fullscreen,.no-background.flowplayer .fp-unload,.no-background.flowplayer .fp-close,.no-background.flowplayer .fp-embed,.no-background.flowplayer.aside-time .fp-time{background-color:transparent !important;background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent)) !important;background-image:-webkit-linear-gradient(top,transparent,transparent) !important;background-image:-moz-linear-gradient(top,transparent,transparent) !important;background-image:-o-linear-gradient(top,transparent,transparent) !important;background-image:linear-gradient(to bottom,transparent,transparent) !important;text-shadow:0 0 1px #000} .no-background.flowplayer .fp-play,.no-background.flowplayer .fp-brand{background-color:transparent !important;background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent)) !important;background-image:-webkit-linear-gradient(top,transparent,transparent) !important;background-image:-moz-linear-gradient(top,transparent,transparent) !important;background-image:-o-linear-gradient(top,transparent,transparent) !important;background-image:linear-gradient(to bottom,transparent,transparent) !important;text-shadow:0 0 1px #000} .flowplayer.fixed-controls .fp-controls{background-color:#000} .flowplayer .fp-timeline{background-color:#a5a5a5} .flowplayer .fp-buffer{background-color:#eee} .flowplayer .fp-progress{background-color:#00a7c8} .flowplayer .fp-volumeslider{background-color:#a5a5a5} .flowplayer .fp-volumelevel{background-color:#00a7c8} .flowplayer .fp-waiting{display:none;margin:19% auto;text-align:center;} .flowplayer .fp-waiting *{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333} .flowplayer .fp-waiting em{width:1em;height:1em;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;background-color:rgba(255,255,255,0.8);display:inline-block;-webkit-animation:pulse .6s infinite;-moz-animation:pulse .6s infinite;animation:pulse .6s infinite;margin:.3em;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .flowplayer .fp-waiting em:nth-child(1){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s} .flowplayer .fp-waiting em:nth-child(2){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;animation-delay:.45s} .flowplayer .fp-waiting em:nth-child(3){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s} .flowplayer .fp-waiting p{color:#ccc;font-weight:bold} .flowplayer .fp-speed{font-size:30px;background-color:#333;background-color:rgba(51,51,51,0.8);color:#eee;margin:0 auto;text-align:center;width:120px;padding:.1em 0 0;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s;} .flowplayer .fp-speed.fp-hilite{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} .flowplayer .fp-help{position:absolute;top:0;left:-9999em;z-index:100;background-color:#333;background-color:rgba(51,51,51,0.9);width:100%;height:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;text-align:center;} .is-help.flowplayer .fp-help{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} .flowplayer .fp-help .fp-help-section{margin:3%;direction:ltr} .flowplayer .fp-help .fp-help-basics{margin-top:6%} .flowplayer .fp-help p{color:#eee;margin:.5em 0;font-size:14px;line-height:1.5;display:inline-block;margin:1% 2%} .flowplayer .fp-help em{background:#eee;-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;margin-right:.4em;padding:.3em .6em;color:#333} .flowplayer .fp-help small{font-size:90%;color:#aaa} .flowplayer .fp-help .fp-close{display:block} @media (max-width: 600px){.flowplayer .fp-help p{font-size:9px} }.flowplayer .fp-dropdown{position:absolute;top:5px;width:100px;background-color:#000 !important;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-sizing:border-box;-moz-box-sizing:border-box;margin:0 !important;list-style-type:none !important;} .flowplayer .fp-dropdown:before{content:'';display:block;position:absolute;top:-5px;left:calc(50% - 5px);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid rgba(51,51,51,0.9)} .flowplayer .fp-dropdown li{padding:10px !important;margin:0 !important;color:#fff !important;font-size:11px !important;list-style-type:none !important;} .flowplayer .fp-dropdown li.active{background-color:#00a7c8 !important;cursor:default !important} .flowplayer .fp-dropdown.fp-dropup{bottom:20px;top:auto;} .flowplayer .fp-dropdown.fp-dropup:before{top:auto;bottom:-5px;border-bottom:none;border-top:5px solid rgba(51,51,51,0.9)} .flowplayer .fp-tooltip{background-color:#000;color:#fff;display:none;position:absolute;padding:5px;} .flowplayer .fp-tooltip:before{content:'';display:block;position:absolute;bottom:-5px;width:0;height:0;left:calc(50% - 5px);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000} .flowplayer .fp-timeline-tooltip{bottom:35px} .flowplayer .fp-timeline:hover+.fp-timeline-tooltip{display:block;} .is-touch.flowplayer .fp-timeline:hover+.fp-timeline-tooltip{display:none} .flowplayer .fp-subtitle{position:absolute;bottom:40px;left:-99999em;z-index:10;text-align:center;width:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;} .flowplayer .fp-subtitle p{display:inline;background-color:#333;background-color:rgba(51,51,51,0.9);color:#eee;padding:.1em .4em;font-size:16px;line-height:1.6;} .flowplayer .fp-subtitle p:after{content:'';clear:both} .flowplayer .fp-subtitle p b{font-weight:bold} .flowplayer .fp-subtitle p i{font-style:italic} .flowplayer .fp-subtitle p u{text-decoration:underline} .flowplayer .fp-subtitle.fp-active{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} .flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-mute,.flowplayer .fp-embed,.flowplayer .fp-close,.flowplayer .fp-play,.flowplayer .fp-menu{font-family:'fpicons' !important;color:#fff !important;font-size:15px !important;text-align:center !important;line-height:30px !important;text-decoration:none !important;} .is-rtl.flowplayer .fp-fullscreen,.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-mute,.is-rtl.flowplayer .fp-embed,.is-rtl.flowplayer .fp-close,.is-rtl.flowplayer .fp-play,.is-rtl.flowplayer .fp-menu{-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);transform:scale(-1,1)} .is-rtl.flowplayer .fp-menu{-webkit-transform:none;-moz-transform:none;transform:none} .flowplayer .fp-fullscreen:before{content:"\e602"} .flowplayer .fp-unload:before,.flowplayer .fp-close:before{content:"\e600"} .flowplayer .fp-mute:before{content:"\e606"} .flowplayer .fp-embed:before{content:"\e603"} .flowplayer .fp-play:before{content:"\e608"} .flowplayer .fp-menu:before{height: 24px;} .flowplayer .fp-flash-disabled{background:#333;width:390px;margin:0 auto;position:absolute;bottom:0;color:#fff} .is-splash.flowplayer .fp-ui,.is-paused.flowplayer .fp-ui{background:url(https://cdn.field59.com/player/fp6_play_white.png) center no-repeat;background-size:11%;} .is-rtl.is-splash.flowplayer .fp-ui,.is-rtl.is-paused.flowplayer .fp-ui{background:url(https://cdn.field59.com/player/play_white_rtl.png) center no-repeat;background-size:11%} @media (-webkit-min-device-pixel-ratio: 2){.is-splash.flowplayer .fp-ui,.is-paused.flowplayer .fp-ui{background:url(https://cdn.field59.com/player/fp6_play_white@x2.png) center no-repeat;background-size:11%} .is-rtl.is-splash.flowplayer .fp-ui,.is-rtl.is-paused.flowplayer .fp-ui{background:url(https://cdn.field59.com/player/play_white_rtl@x2.png) center no-repeat;background-size:11%} }.is-fullscreen.flowplayer .fp-ui{background-size:auto} .is-seeking.flowplayer .fp-ui,.is-loading.flowplayer .fp-ui{background-image:none} .flowplayer .fp-brand{color:#fff !important;position:absolute;right:115px;font-weight:normal !important;font-family:'myriad pro',Helvetica,Arial,sans-serif !important;text-decoration:none !important;line-height:15px !important;font-size:11px !important;height:15px;width:55px;bottom:9px;box-sizing:border-box;text-align:center;padding:1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .has-menu.flowplayer .fp-brand{right:152px} .is-rtl.flowplayer .fp-brand{right:auto;left:125px} .has-menu.is-rtl.flowplayer .fp-brand{left:152px} .no-brand.flowplayer .fp-brand{display:none} .no-volume.no-mute.flowplayer .fp-brand{right:10px;} .has-menu.no-volume.no-mute.flowplayer .fp-brand{right:47px} .no-volume.flowplayer .fp-brand{right:50px} .no-mute.flowplayer .fp-brand{right:95px} .flowplayer .fp-logo{position:absolute;top:auto;left:15px;bottom:40px;cursor:pointer;display:none;z-index:1;} .flowplayer .fp-logo img{width:100%; height:auto;} .is-embedded.flowplayer .fp-logo{display:block} .fixed-controls.flowplayer .fp-logo{bottom:15px} .flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-close{position:absolute;top:10px;left:auto;right:10px;display:block;width:30px;height:23px;text-align:center;cursor:pointer;height:30px;width:30px;} .is-rtl.flowplayer .fp-fullscreen,.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-close{right:auto;left:10px} .flowplayer .fp-unload,.flowplayer .fp-close{display:none} .flowplayer .fp-play{display:none;height:30px !important;position:absolute;bottom:0;left:0;text-align:center;} .is-rtl.flowplayer .fp-play{left:auto;right:0} .is-playing.flowplayer .fp-play:before{content:"\e607"} .flowplayer .fp-menu{display:none;position:absolute;bottom:0;z-index:11;right:10px;} .is-rtl.flowplayer .fp-menu{right:auto;left:10px} .has-menu.flowplayer .fp-menu{display:block} .flowplayer .fp-menu .fp-dropdown{z-index:12;display:none;left:-42.5px;line-height:auto;width:149px;-webkit-transform:none;-moz-transform:none;transform:none;} .is-rtl.flowplayer .fp-menu .fp-dropdown{left:-10px} .flowplayer .fp-menu.dropdown-open .fp-dropdown{display:block} .flowplayer.is-ready.is-closeable .fp-unload{display:block} .flowplayer.is-ready.is-closeable .fp-embed{right:90px} .flowplayer.is-ready.is-closeable .fp-fullscreen{right:50px} .flowplayer.is-ready.is-closeable.is-rtl .fp-embed{right:auto;left:90px} .flowplayer.is-ready.is-closeable.is-rtl .fp-fullscreen{right:auto;left:50px} .flowplayer.is-fullscreen .fp-fullscreen{display:block !important;} .flowplayer.is-fullscreen .fp-fullscreen:before{content:"\e601"} .flowplayer .fp-timeline{height:3px;position:relative;overflow:hidden;top:10px;height:10px;margin:0 225px 0 55px;} .no-brand.flowplayer .fp-timeline{margin-right:160px;} .has-menu.no-brand.flowplayer .fp-timeline{margin-right:187px} .no-volume.no-brand.flowplayer .fp-timeline{margin-right:95px} .no-mute.no-brand.flowplayer .fp-timeline{margin-right:130px} .no-mute.no-volume.no-brand.flowplayer .fp-timeline{margin-right:55px} .has-menu.flowplayer .fp-timeline{margin-right:252px} .no-volume.flowplayer .fp-timeline{margin-right:160px} .no-mute.flowplayer .fp-timeline{margin-right:195px} .no-mute.no-volume.flowplayer .fp-timeline{margin-right:120px;} .has-menu.no-mute.no-volume.flowplayer .fp-timeline{margin-right:157px} .is-rtl.flowplayer .fp-timeline{margin:0 55px 0 225px;} .no-brand.is-rtl.flowplayer .fp-timeline{margin-left:160px;} .has-menu.no-brand.is-rtl.flowplayer .fp-timeline{margin-left:197px} .has-menu.is-rtl.flowplayer .fp-timeline{margin-left:262px} .no-volume.is-rtl.flowplayer .fp-timeline{margin-left:95px} .no-mute.is-rtl.flowplayer .fp-timeline{margin-left:130px} .no-mute.no-volume.is-rtl.flowplayer .fp-timeline{margin-left:55px} .is-long.flowplayer .fp-timeline{margin:0 255px 0 85px;} .no-volume.is-long.flowplayer .fp-timeline{margin-right:180px} .no-mute.is-long.flowplayer .fp-timeline{margin-right:140px} .has-menu.is-long.flowplayer .fp-timeline{margin-right:292px} .no-brand.is-long.flowplayer .fp-timeline{margin-right:190px;} .no-volume.no-brand.is-long.flowplayer .fp-timeline{margin-right:125px} .no-mute.no-brand.is-long.flowplayer .fp-timeline{margin-right:85px} .has-menu.no-brand.is-long.flowplayer .fp-timeline{margin-right:227px} .is-rtl.is-long.flowplayer .fp-timeline{margin:85px 0 190px 0;} .no-volume.is-rtl.is-long.flowplayer .fp-timeline{margin-left:125px} .no-mute.is-rtl.is-long.flowplayer .fp-timeline{margin-left:85px} .aside-time.flowplayer .fp-timeline,.no-time.flowplayer .fp-timeline{margin:0 190px 0 10px;} .has-menu.aside-time.flowplayer .fp-timeline,.has-menu.no-time.flowplayer .fp-timeline{margin-right:227px} .aside-time.no-brand.flowplayer .fp-timeline{margin-right:115px} .aside-time.no-volume.flowplayer .fp-timeline,.no-time.no-volume.flowplayer .fp-timeline{margin-right:115px} .aside-time.no-mute.flowplayer .fp-timeline,.no-time.no-mute.flowplayer .fp-timeline{margin-right:75px} .is-rtl.aside-time.flowplayer .fp-timeline,.is-rtl.no-time.flowplayer .fp-timeline{margin:0 10px 0 115px} .is-rtl.aside-time.no-volume.flowplayer .fp-timeline,.is-rtl.no-time.no-volume.flowplayer .fp-timeline{margin-left:50px} .is-rtl.aside-time.no-mute.flowplayer .fp-timeline,.is-rtl.no-time.no-mute.flowplayer .fp-timeline{margin-left:10px} .flowplayer .fp-buffer,.flowplayer .fp-progress{position:absolute;top:0;left:auto;height:100%;cursor:col-resize} .flowplayer .fp-buffer{-webkit-transition:width .25s linear;-moz-transition:width .25s linear;transition:width .25s linear} .flowplayer .fp-timeline.no-animation .fp-buffer{-webkit-transition:none;-moz-transition:none;transition:none} .flowplayer .fp-progress.animated{transition-timing-function:linear;transition-property:width,height} .flowplayer.is-touch .fp-timeline{overflow:visible} .flowplayer.is-touch .fp-progress{-webkit-transition:width .2s linear;-moz-transition:width .2s linear;transition:width .2s linear;box-sizing:border-box} .flowplayer.is-touch .fp-timeline.is-dragging .fp-progress{-webkit-transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear;-moz-transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear;transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear} .flowplayer.is-touch.is-mouseover .fp-progress:after,.flowplayer.is-touch.is-mouseover .fp-progress:before{content:'';box-sizing:border-box;display:block;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;position:absolute;right:-5px} .flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:after,.flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:before{right:auto;left:-5px} .flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:after{left:-10px;-webkit-box-shadow:-1px 0 4px rgba(0,0,0,0.5);-moz-box-shadow:-1px 0 4px rgba(0,0,0,0.5);box-shadow:-1px 0 4px rgba(0,0,0,0.5)} .flowplayer.is-touch.is-mouseover .fp-progress:before{width:10px;height:10px} .flowplayer.is-touch.is-mouseover .fp-progress:after{height:18px;width:18px;top:-4px;right:-10px;border:5px solid rgba(255,255,255,0.65);-webkit-box-shadow:1px 0 4px rgba(0,0,0,0.5);-moz-box-shadow:1px 0 4px rgba(0,0,0,0.5);box-shadow:1px 0 4px rgba(0,0,0,0.5)} .flowplayer.is-touch.is-mouseover .fp-timeline.is-dragging .fp-progress:after{border:10px solid #fff;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-transition:inherit;-moz-transition:inherit;transition:inherit;top:-5px;right:-10px} .flowplayer.is-touch.is-rtl.is-mouseover .fp-timeline.is-dragging .fp-progress:after{left:-15px;right:auto;border:10px solid #fff} .flowplayer .fp-volume{position:absolute;height:6px;bottom:12px;right:10px;} .has-menu.flowplayer .fp-volume{right:37px} .is-rtl.flowplayer .fp-volume{right:auto;left:10px} .is-rtl.has-menu.flowplayer .fp-volume{left:37px} .flowplayer .fp-mute{position:relative;width:30px;height:30px;float:left;top:-12px;cursor:pointer;} .is-rtl.flowplayer .fp-mute{float:right} .no-mute.flowplayer .fp-mute{display:none} .flowplayer .fp-volumeslider{width:75px;height:6px;cursor:col-resize;float:left;} .is-rtl.flowplayer .fp-volumeslider{float:right} .no-volume.flowplayer .fp-volumeslider{display:none} .flowplayer .fp-volumelevel{height:100%} .flowplayer .fp-time{text-shadow:0 0 1px #000;font-size:11px;font-weight:normal;font-family:'myriad pro',Helvetica,Arial,sans-serif !important;color:#fff;width:100%;} .flowplayer .fp-time.is-inverted .fp-duration{display:none} .flowplayer .fp-time.is-inverted .fp-remaining{display:inline} .flowplayer .fp-time em{width:35px;height:10px;line-height:10px;text-align:center;position:absolute;bottom:9px} .no-time.flowplayer .fp-time{display:none} .is-long.flowplayer .fp-time em{width:65px} .flowplayer .fp-elapsed{left:10px;} .is-rtl.flowplayer .fp-elapsed{left:auto;right:10px} .flowplayer .fp-remaining,.flowplayer .fp-duration{right:180px;color:#eee;} .no-brand.flowplayer .fp-remaining,.no-brand.flowplayer .fp-duration{right:125px;} .has-menu.no-brand.flowplayer .fp-remaining,.has-menu.no-brand.flowplayer .fp-duration{right:152px} .no-volume.no-brand.flowplayer .fp-remaining,.no-volume.no-brand.flowplayer .fp-duration{right:50px} .no-mute.no-brand.flowplayer .fp-remaining,.no-mute.no-brand.flowplayer .fp-duration{right:95px} .no-mute.no-volume.no-brand.flowplayer .fp-remaining,.no-mute.no-volume.no-brand.flowplayer .fp-duration{right:10px} .has-menu.flowplayer .fp-remaining,.has-menu.flowplayer .fp-duration{right:217px} .no-volume.flowplayer .fp-remaining,.no-volume.flowplayer .fp-duration{right:115px} .no-mute.flowplayer .fp-remaining,.no-mute.flowplayer .fp-duration{right:160px} .no-mute.no-volume.flowplayer .fp-remaining,.no-mute.no-volume.flowplayer .fp-duration{right:75px;} .has-menu.no-mute.no-volume.flowplayer .fp-remaining,.has-menu.no-mute.no-volume.flowplayer .fp-duration{right:112px} .is-rtl.flowplayer .fp-remaining,.is-rtl.flowplayer .fp-duration{right:auto;left:180px;} .no-brand.is-rtl.flowplayer .fp-remaining,.no-brand.is-rtl.flowplayer .fp-duration{left:115px;} .has-menu.no-brand.is-rtl.flowplayer .fp-remaining,.has-menu.no-brand.is-rtl.flowplayer .fp-duration{left:142px} .has-menu.is-rtl.flowplayer .fp-remaining,.has-menu.is-rtl.flowplayer .fp-duration{left:227px} .no-volume.is-rtl.flowplayer .fp-remaining,.no-volume.is-rtl.flowplayer .fp-duration{left:50px} .no-mute.is-rtl.flowplayer .fp-remaining,.no-mute.is-rtl.flowplayer .fp-duration{left:95px} .no-mute.no-volume.is-rtl.flowplayer .fp-remaining,.no-mute.no-volume.is-rtl.flowplayer .fp-duration{left:10px} .flowplayer .fp-remaining{display:none} .flowplayer.aside-time .fp-time{position:absolute;top:10px;left:10px;bottom:auto !important;width:auto;background-color:#000;background-color:rgba(0,0,0,0.65);height:30px;padding:0 5px;-webkit-border-radius:control_border_radius;-moz-border-radius:control_border_radius;border-radius:control_border_radius;line-height:30px;text-align:center;font-size:15px;} .no-background.flowplayer.aside-time .fp-time{background-color:transparent !important} .flowplayer.aside-time .fp-time strong,.flowplayer.aside-time .fp-time em{position:static} .flowplayer.aside-time .fp-time .fp-elapsed::after{content:' / '} .flowplayer.is-splash,.flowplayer.is-poster{cursor:pointer;} .flowplayer.is-splash .fp-controls,.flowplayer.is-poster .fp-controls,.flowplayer.is-splash .fp-fullscreen,.flowplayer.is-poster .fp-fullscreen,.flowplayer.is-splash .fp-unload,.flowplayer.is-poster .fp-unload,.flowplayer.is-splash .fp-time,.flowplayer.is-poster .fp-time,.flowplayer.is-splash .fp-embed,.flowplayer.is-poster .fp-embed,.flowplayer.is-splash .fp-title,.flowplayer.is-poster .fp-title,.flowplayer.is-splash .fp-brand,.flowplayer.is-poster .fp-brand{display:none !important} .flowplayer.is-poster .fp-engine{top:-9999em} .flowplayer.is-loading .fp-waiting{display:block} .flowplayer.is-loading .fp-controls,.flowplayer.is-loading .fp-time{display:none} .flowplayer.is-loading .fp-ui{background-position:-9999em} .flowplayer.is-loading video.fp-engine{position:absolute;top:-9999em} .flowplayer.is-seeking .fp-waiting{display:block} .flowplayer.is-playing{background-image:none !important;background-color:#333;} .flowplayer.is-playing.hls-fix.is-finished .fp-engine{position:absolute;top:-9999em} .flowplayer.is-fullscreen{top:0 !important;left:0 !important;border:0 !important;margin:0 !important;width:100% !important;height:100% !important;max-width:100% !important;z-index:99999 !important;-webkit-box-shadow:0 !important;-moz-box-shadow:0 !important;box-shadow:0 !important;background-image:none !important;background-color:#333;} .is-rtl.flowplayer.is-fullscreen{left:auto !important;right:0 !important} .flowplayer.is-fullscreen .fp-player{background-color:#333} .flowplayer.is-error{border:1px solid #909090;background:#fdfdfd !important;} .flowplayer.is-error h2{font-weight:bold;font-size:large;margin-top:10%} .flowplayer.is-error .fp-message{display:block} .flowplayer.is-error object,.flowplayer.is-error video,.flowplayer.is-error .fp-controls,.flowplayer.is-error .fp-time,.flowplayer.is-error .fp-subtitle{display:none} .flowplayer.is-ready.is-muted .fp-mute{opacity:.7;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70)} .flowplayer.is-ready.is-muted .fp-mute:before{content:"\e605"} .flowplayer.is-mouseout .fp-controls{height:0;-webkit-transition:height .15s .3s;-moz-transition:height .15s .3s;transition:height .15s .3s} .is-fullscreen.flowplayer.is-mouseout .fp-controls{height:3px;bottom:0} .flowplayer.is-mouseout .fp-title{overflow:hidden} .flowplayer.is-mouseout .fp-timeline{margin:0 !important} .flowplayer.is-mouseout .fp-timeline{-webkit-transition:height .15s .3s,top .15s .3s,margin .15s .3s;-moz-transition:height .15s .3s,top .15s .3s,margin .15s .3s;transition:height .15s .3s,top .15s .3s,margin .15s .3s;height:4px;top:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0} .flowplayer.is-mouseout .fp-fullscreen,.flowplayer.is-mouseout .fp-unload,.flowplayer.is-mouseout .fp-elapsed,.flowplayer.is-mouseout .fp-remaining,.flowplayer.is-mouseout .fp-duration,.flowplayer.is-mouseout .fp-embed,.flowplayer.is-mouseout .fp-title,.flowplayer.is-mouseout .fp-volume,.flowplayer.is-mouseout .fp-play,.flowplayer.is-mouseout .fp-menu,.flowplayer.is-mouseout .fp-brand,.flowplayer.is-mouseout .fp-timeline-tooltip,.flowplayer.is-mouseout.aside-time .fp-time{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .15s .3s;-moz-transition:opacity .15s .3s;transition:opacity .15s .3s} .flowplayer.is-mouseover .fp-controls,.flowplayer.fixed-controls .fp-controls{height:30px} .flowplayer.is-mouseover .fp-title,.flowplayer.fixed-controls .fp-title{height:30px} .flowplayer.is-mouseover .fp-fullscreen,.flowplayer.fixed-controls .fp-fullscreen,.flowplayer.is-mouseover .fp-unload,.flowplayer.fixed-controls .fp-unload,.flowplayer.is-mouseover .fp-elapsed,.flowplayer.fixed-controls .fp-elapsed,.flowplayer.is-mouseover .fp-remaining,.flowplayer.fixed-controls .fp-remaining,.flowplayer.is-mouseover .fp-duration,.flowplayer.fixed-controls .fp-duration,.flowplayer.is-mouseover .fp-embed,.flowplayer.fixed-controls .fp-embed,.flowplayer.is-mouseover .fp-logo,.flowplayer.fixed-controls .fp-logo,.flowplayer.is-mouseover .fp-volume,.flowplayer.fixed-controls .fp-volume,.flowplayer.is-mouseover .fp-play,.flowplayer.fixed-controls .fp-play,.flowplayer.is-mouseover .fp-menu,.flowplayer.fixed-controls .fp-menu{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} .flowplayer.fixed-controls .fp-volume{display:block} .flowplayer.fixed-controls .fp-controls{bottom:-30px;} .is-fullscreen.flowplayer.fixed-controls .fp-controls{bottom:0} .flowplayer.fixed-controls .fp-time em{bottom:-20px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .is-fullscreen.flowplayer.fixed-controls .fp-time em{bottom:10px} .flowplayer.is-disabled .fp-progress{background-color:#999} .flowplayer.is-flash-disabled{background-color:#333;} .flowplayer.is-flash-disabled object.fp-engine{z-index:100} .flowplayer.is-flash-disabled .fp-flash-disabled{display:block;z-index:101} .flowplayer .fp-embed{position:absolute;top:10px;left:auto;right:50px;display:block;width:30px;height:30px;text-align:center;} .is-rtl.flowplayer .fp-embed{right:auto;left:50px} .flowplayer .fp-embed-code{position:absolute;display:none;top:10px;right:67px;background-color:#333;padding:3px 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 3px #ccc;-moz-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc;font-size:12px;} .is-closeable.flowplayer .fp-embed-code{right:99px} .flowplayer .fp-embed-code:before{content:'';width:0;height:0;position:absolute;top:2px;right:-10px;border:5px solid transparent;border-left-color:#333} .is-rtl.flowplayer .fp-embed-code{right:auto;left:67px;} .is-rtl.flowplayer .fp-embed-code:before{right:auto;left:-10px;border-left-color:transparent;border-right-color:#333} .flowplayer .fp-embed-code textarea{width:400px;height:16px;font-family:monaco,"courier new",verdana;color:#777;white-space:nowrap;resize:none;overflow:hidden;border:0;outline:0;background-color:transparent;color:#ccc} .flowplayer .fp-embed-code label{display:block;color:#999} .flowplayer.is-embedding .fp-embed,.flowplayer.is-embedding .fp-embed-code{display:block;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} .flowplayer.no-time .fp-embed{left:10px !important;} .is-rtl.flowplayer.no-time .fp-embed{left:auto;right:10px !important} .flowplayer.is-live .fp-timeline,.flowplayer.is-live .fp-duration,.flowplayer.is-live .fp-remaining{display:none} .flowplayer .fp-context-menu{position:absolute;display:none;z-index:1001;background-color:#fff;padding:10px;border:1px solid #aaa;-webkit-box-shadow:0 0 4px #888;-moz-box-shadow:0 0 4px #888;box-shadow:0 0 4px #888;width:170px;} .flowplayer .fp-context-menu li{text-align:center !important;padding:10px;color:#444 !important;font-size:11px !important;margin:0 -10px 0 -10px;} .flowplayer .fp-context-menu li a{color:#00a7c8 !important;font-size:12.100000000000001px !important} .flowplayer .fp-context-menu li:hover:not(.copyright){background-color:#eee} .flowplayer .fp-context-menu li.copyright{margin:0;padding-left:110px;background-image:url("img/flowplayer.png");background-repeat:no-repeat;background-size:100px 20px;background-position:5px 5px;border-bottom:1px solid #bbb;} @media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){.flowplayer .fp-context-menu li.copyright{background-image:url("img/flowplayer@2x.png")} }@-moz-keyframes pulse{0%{opacity:0} 100%{opacity:1} }@-webkit-keyframes pulse{0%{opacity:0} 100%{opacity:1} }@-o-keyframes pulse{0%{opacity:0} 100%{opacity:1} }@-ms-keyframes pulse{0%{opacity:0} 100%{opacity:1} }@keyframes pulse{0%{opacity:0} 100%{opacity:1} }.flowplayer.is-touch.is-mouseover .fp-progress:before{background-color:#00a7c8} .flowplayer .fp-menu .fp-dropdown{right:-10px;left:auto;bottom:30px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} .flowplayer .fp-menu .fp-dropdown:before{display:none} .is-rtl.flowplayer .fp-menu .fp-dropdown{right:auto;left:-10px} .flowplayer .fp-play{width:30px} .flowplayer.aside-time .fp-time{top:0;left:0} .no-brand.flowplayer .fp-remaining,.no-brand.flowplayer .fp-duration{right:115px} .flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-close,.flowplayer .fp-embed{right:0;top:0;} .is-rtl.flowplayer .fp-fullscreen,.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-close,.is-rtl.flowplayer .fp-embed{right:auto;left:0} .flowplayer .fp-embed{right:32px;} .is-rtl.flowplayer .fp-embed{right:auto;left:32px} .flowplayer.is-closeable.is-ready .fp-fullscreen{right:32px} .flowplayer.is-closeable.is-ready .fp-embed{right:64px} .is-rtl.flowplayer.is-closeable.is-ready .fp-fullscreen{right:auto;left:32px} .is-rtl.flowplayer.is-closeable.is-ready .fp-embed{right:auto;left:64px} .flowplayer.play-button .fp-play{display:block} .flowplayer.play-button .fp-elapsed{left:27px;} .is-rtl.flowplayer.play-button .fp-elapsed{right:27px} .flowplayer.play-button .fp-timeline{margin-left:72px;} .is-rtl.flowplayer.play-button .fp-timeline{margin-right:72px} .is-long.flowplayer.play-button .fp-timeline{margin-left:102px;} .is-rtl.is-long.flowplayer.play-button .fp-timeline{margin-right:102px} .no-time.flowplayer.play-button .fp-timeline,.aside-time.flowplayer.play-button .fp-timeline{margin-left:27px;} .is-rtl.no-time.flowplayer.play-button .fp-timeline,.is-rtl.aside-time.flowplayer.play-button .fp-timeline{margin-right:27px} .flowplayer.logo-tr .fp-logo {display:block!important; opacity: 0.5; width:10%; top:10px!important; left: auto!important; right:30px;} .flowplayer.logo-tl .fp-logo {display:block!important; opacity: 0.5; width:10%; top:10px!important;left:10px!important;} .flowplayer.logo-lr .fp-logo {display:block!important; opacity: 0.5; width:10%; bottom:40px!important;left:auto!important;right:30px;} .flowplayer.logo-ll .fp-logo {display:block!important; opacity: 0.5; width:10%; bottom:40px!important;left:10px!important;} .flowplayer.logo-ctr .fp-logo {display:block!important; opacity: 0.5; width:10%; bottom:auto!important;top:50%!important;left:50%!important;} .flowplayer .fp-ui .ad-play, .flowplayer .fp-ui .ad-time { display: none } .flowplayer.is-loading.ad-is-visible .fp-waiting { visibility: hidden } .flowplayer.ad-is-visible .fp-embed, .flowplayer.ad-is-visible .fp-fullscreen, .flowplayer.ad-is-visible .fp-menu { display: none; opacity: 0; transition: opacity .5s, visibility .5s; -moz-transition: opacity .5s, visibility .5s; -o-transition: opacity .5s, visibility .5s; -webkit-transition: opacity .5s, visibility .5s } .flowplayer.ad-is-visible .fp-ui .ad-time { display: block; } .flowplayer.ad-is-paused .fp-ui .ad-play { display: block; } .flowplayer.ad-is-paused .fp-ui .ad-play { background-image: url(https://cdn.field59.com/player/fp6_play_white.png); background-size: 95%; background-color: rgba(51, 51, 51, .6); background-repeat: no-repeat; background-position: center; border-radius: 50% } .flowplayer .ad-content { visibility: hidden; } .flowplayer.ad-is-visible .ad-content { visibility: visible; } .flowplayer.ad-is-visible .fp-ui .ad-time { line-height:30px; font-weight:normal; font-family:'myriad pro',Helvetica,Arial,sans-serif; font-size:11px; cursor:default; color:#fff; width:auto; max-width:50%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left; padding:0 20px; background-color: rgba(51, 51, 51, .6); } /* specific resets */ .f59-video .f5-playlist img, .f59-video .f5-playlist div, .f59-video .f5-playlist a, .f59-video .f5-playlist span { vertical-align: baseline; font-family: inherit; font-weight: inherit; font-style: inherit; font-size: 100%; outline: 0; padding: 0; margin: 0; border: 0; } .f59-video .f59-playlist { width: 100%; height: 150px; background: #1d1d1d; position:relative; } .f59-video .f59-plcontainer { white-space: nowrap; padding-top: 5px; height: 100%; } .f59-video .f59-plcontainer a { height: 80%; margin: 0 0 0 10px; display: inline-block; text-decoration: none; color: #fff; background: #333; border: 0; position: relative; white-space: normal; } .f59-video .f59-plcontainer a span { white-space: normal; } .f59-video .f59-plcontainer a img { display: block; height: 100%; width:auto; max-width: 200%; background-color: black; -khtml-opacity:.30; -moz-opacity:.30; -ms-filter:alpha(opacity=30); filter:alpha(opacity=30); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.3); opacity:.30; } .f59-video .f59-playlist a.playing, .f59-video .f59-playlist a.paused, .f59-video .f59-playlist a.is-active { -webkit-box-shadow:inset 0px 0px 0px 2px #999; -moz-box-shadow:inset 0px 0px 0px 2px #999; box-shadow:inset 0px 0px 0px 2px #999; } .f59-video .f59-plwrap{ margin: 0 auto; width: 90%; height: 100%; overflow: hidden; float: left; } .f59-video .f59-plscroll{ overflow-y: hidden; overflow-x: auto; margin: 0 auto; width: 100%; height: 120%; float: left; } .f59-video .f59-plscroll::-webkit-scrollbar { display: none; } .f59-video .f59-plprev:hover, .f59-video .f59-plnext:hover { opacity: 1; } .f59-video .f59-plprev:disabled, .f59-video .f59-plnext:disabled { opacity: .2; } .f59-video .f59-plnext, .f59-video .f59-plprev { width: 5%; height: 75%; top: 50%; left: 0; position: relative; transform: translateY(-50%); opacity: .5; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; float: left; } .f59-video .f59-plnext { float: right; } .f59-video .f59-plprev div, .f59-video .f59-plnext div { cursor: pointer; background: url("https://cdn.field59.com/player/btns_horiz.png"); height: 20px; width: 15px; position: relative; top: 50%; transform: translateY(-50%); margin: 0 auto; } .f59-video .f59-plprev div { background-position: 0 -200px; } .f59-video .f59-plnext div { background-position: 0 -400px; } .f59-video .f59-playlist .f59-plduration { float: left; background: url(https://cdn.field59.com/player/durationicon.png) no-repeat left center; clear: left; padding: 0px 0 3px 20px; position: absolute; bottom: 6px; left: 6px; display: inline-block; visibility: visible; font-size: 12px; } .f59-video .f59-plinfo { display: inline-block; color: #fff; font-size: 13px; z-index: 1000; float:left; } .f59-video .f59-pltitle { line-height: normal; display: inline-block; visibility: visible; float: left; position: absolute; top: 6px; left: 6px; width: 130px; font-size: 12px; } @media (max-width: 768px, min-width: 500px) { .f59-video.f59-plright .f59-playlist { width: 30%; } .f59-video.f59-plright .f59-main { width: 70%; } .f59-video.f59-plright .f59-plnext, .f59-video.f59-plright .f59-plprev { height: 15%; } .f59-video.f59-plright .f59-plwrap{ height: 70%; } } @media (max-width: 768px) { .f59-video .f59-playlist { height: 98px; } } @media (min-width: 500px) { .f59-video.f59-plright .f59-playlist { width: 20%; position: absolute; height: 100%; top: 0; right: 0; } .f59-video.f59-plright .f59-plwrap{ float: none; width: 100%; height: 80%; } .f59-video.f59-plright .f59-main { width: 80%; } .f59-video.f59-plright .f59-plnext, .f59-video.f59-plright .f59-plprev { width: 100%; height: 10%; left: 0; top: 0; position: relative; float: none; transform: none; } .f59-video.f59-plright .f59-plnext.noscroll, .f59-video.f59-plright .f59-plprev.noscroll { height: 2%; } .f59-video.f59-plright .f59-plnext div, .f59-video.f59-plright .f59-plprev div { background: url("https://cdn.field59.com/player/btns_vert.png"); height: 15px; width: 20px; } .f59-video.f59-plright .f59-plnext.noscroll div, .f59-video.f59-plright .f59-plprev.noscroll div { background: none; height: 15px; width: 20px; } .f59-video.f59-plright .f59-plprev div { background-position: -300px 0; } .f59-video.f59-plright .f59-plnext div { background-position: -100px 0; } .f59-video.f59-plright a img { width: 100%; height: unset; } .f59-video.f59-plright .f59-plcontainer { white-space: normal; width: 90%; padding-top: 0; height: auto; } .f59-video.f59-plright .f59-plcontainer a { margin: 0 0 10px 0; height: unset; width: 100%; } .f59-video.f59-plright .f59-plscroll { overflow-y: auto; overflow-x: hidden; width: 110%; height: 100%; float: none; top: 0; transform: translateY(0%); } } @media (min-width: 2000px) { .f59-video.f59-plright .f59-playlist { width: 15%; } .f59-video.f59-plright .f59-main { width: 85%; } } /* BIMvid Search */ .f59-video div.bimvidSearch { padding: 8px 0 0 8px; } .f59-video .bimvidSearch input[type=text] { padding: 5px 7px; font-size: 14px; border: 1px solid #ddd; background: #f5f5f5; border-radius: 4px; } .f59-video .bimvidSearch input[type=submit] { padding: 5px 7px; margin:0 0 0 10px; font-size: 14px; color: #fff; border: none; background: #444; border-radius: 4px; } .f59-video .bimvidSearch input[type="submit"]:hover, .f59-video .bimvidSearch input[type="submit"]:focus { background: #555; cursor:pointer; } .f59-video .bimvidSearch input[type="submit"]:active { background: #666; } .f59-video .bimvidSearch span.bimvidSearchMsg { color:white; margin: 0 0 0 8px; font-size: 14px; } .relatedBox{ width: 100%; height: auto; overflow: hidden; position:absolute; z-index: 99999; bottom: 10%; left: 0; background: rgba(0,0,0,.7); padding: 0; color: #fff; } .relatedBox h3{ margin: .7%; } .relatedBoxScroll{ width: 100%; height: auto; overflow: auto; } .relatedBox ul{ width: 1885px; height: auto; overflow: auto; } .relatedBox ul li{ float: left; margin: 0 10px 0 0; width: 160px; height: 90px; border-left: solid #000 1px; text-align: center; opacity: .7; } .relatedBox ul li:hover{ opacity: 1; } .relatedBox ul li a{ color: #fff; } .relatedBox ul li p{ width: 99%; margin: 1% auto 0 auto; display: block; background: #000; } .relatedBox ul li img{ display: block; margin : 0 auto; width: 40px; } /* Closed Captions CSS. Written by Catherine Garcia, Broadcast Interactive Media 2012 */ /* General */ .f59CCPanel { font-family: Helvetica, Arial, sans-serif; z-index: 1000000; border: none; /* CSS reset */ div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, a, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } input, select { vertical-align:middle; } font:13px/1.231 sans-serif; *font-size:small; /* END RESET CSS */ } .f59CCPanel.ui-dialog { width:540px !important; background-color: transparent; padding:28px 0 0 0; } } .f59CCPanel :focus{outline: 0;} /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Panel label */ .f59CCPanel { clear: both; } .f59CCPanel .ui-dialog-title h3 { color: #333; margin: 0; cursor: default; font-size: 18px; font-weight: bold; } .f59CCPanel .ui-dialog-title { width: 284px; display: inline-block; } .f59CCPanel .ui-dialog-titlebar { z-index: 2000; background: #eee; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 8px; cursor: move; } .f59CCPanel .ui-dialog-titlebar a { color: #777; text-decoration: none; font-size: 12px; width: 32px; display: inline-block; float: right; } /* Panel */ .f59CCPanel .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; /*background: #000; opacity: 0.3; filter: alpha(opacity=30); */ } .f59CCPanel #cc-captionsettings { background: #000; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding: 20px; color: white; font-size: 16px; position: relative; float:left; } .f59CCPanel .f59-cc-settings { background: #000; border-top-right-radius: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding: 20px; color: white; font-size: 16px; position: relative; width: 75%; min-width: 425px; max-width: 500px; margin: 0 auto; overflow: auto; } /* Form */ /* Panel Set 1 - not being used 11-08-2012 */ .f59CCPanel .f59-cc-set1, .f59CCPanel #cc-set1 { float: left; width: 45%; margin: 0 30px 0 0; } /* Panel Set 2 - in use */ .f59CCPanel #cc-set2 { width: 44%; float: left; padding: 6px; } .f59CCPanel .f59-cc-set2 { width: 44%; float: left; padding: 0 8px; } /* Form Fieldsets */ .f59CCPanel fieldset { border: 1px dashed #575757; background: #333; border-radius: 4px; margin: 0 0 15px 0; width: 100%; padding: 8px; } .f59CCPanel fieldset legend { color: white; width:100%; } .f59CCPanel .f59-cc-settings fieldset ul li, .f59CCPanel .f59-cc-settings fieldset select, .f59CCPanel #cc-captionsettings fieldset ul li, .f59CCPanel #cc-captionsettings fieldset select { font-size: 13px; } /* Set 2 - Font Size Selection */ .f59CCPanel fieldset.f59-cc-fontsize, .f59CCPanel fieldset.cc-fontsize { margin: 0 0 25px 0; } .f59CCPanel .f59-cc-font input, .f59CCPanel .cc-font input { border: 0; background: none; color: white; font-weight: bold; font-size: 22px; padding: 0 0 6px 0; outline: 0; text-align: center; width: 100%; box-shadow: none; } .f59CCPanel .cc-font #cc-fontsize-slider { border: 1px solid #777; -webkit-border-radius: 4px; border-radius: 4px; } .f59CCPanel .cc-font #cc-fontsize-slider .ui-slider-range { border: 1px solid #eee; height: 15px; background-color: #61C6B8; color: #eee; cursor: move; -webkit-border-radius: 4px; border-radius: 4px; } .f59CCPanel .ui-slider .ui-slider-handle { background: #4fa297; overflow: hidden; position: absolute; top: 0px; border: none; cursor: move; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #eee; } .f59CCPanel .ui-slider { float: left; margin-bottom: 6px; position: relative; text-align: left; width: 100%; } .f59CCPanel .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .f59CCPanel .ui-slider-horizontal .ui-slider-handle { top: -2px; margin-left: -.6em; } .f59CCPanel .dragdealer { position: relative; height: 25px; border-radius: 6px; border: 1px solid #777; } .f59CCPanel .dragdealer .handle { position: absolute; top: 0; left: 0; cursor: pointer; } .f59CCPanel .dragdealer .handlebar { width: 25px; height: 25px; background: #4fa297; color: #eee; font-size: 14px; line-height: 26px; text-align: center; border: 1px solid #eee; border-radius: 6px; } .f59CCPanel .dragdealer .disabled { background: #898989; } /* Set 2 - Font Type Selection */ .f59CCPanel .f59-cc-font select, .f59CCPanel .cc-font select { padding: 2px 0; } /* Form Controls */ .f59CCPanel .f59-cc-contain { position: relative; float: left; } /* Form Controls */ .f59CCPanel #cc-captionsettings .cc-form-controls{ position: absolute; top: 360px; left: 400px; height: 100px; width: 200px; } /* Form Controls */ .f59CCPanel .f59-cc-settings .f59-cc-form-controls { float: right; } .f59CCPanel .cc-form-controls span.cc-reset { font-size: 13px; cursor: pointer; } .f59CCPanel .f59-cc-form-controls span.f59-cc-reset { padding-right: 5px; cursor: pointer; } .f59CCPanel .f59-cc-form-controls button.f59-cc-save, .f59CCPanel .cc-form-controls button.cc-save { padding: 4px; margin: 0 0 0 6px; color: #333; } /*******************************/ /* Set 1 - Color Settings Selection - not in use as of 11-08-2012 */ .f59CCPanel .f59-cc-color h5, .f59CCPanel .cc-colorsettings h5 { margin: 10px 0 4px 0; font-size: 16px; } .f59CCPanel .f59-cc-opacity h5, .f59CCPanel .f59-cc-font h5, .f59CCPanel .cc-opacity h5, .f59CCPanel .cc-font h5 { font-size: 16px; margin: 10px 0 6px 0; } .f59CCPanel .f59-cc-color ul, .f59CCPanel .cc-colorsettings ul { margin: 6px 0 10px 0; overflow: hidden; list-style: none; padding: 0; } .f59CCPanel .f59-cc-settings .f59-cc-color ul li.selected, .f59CCPanel #cc-captionsettings .cc-colorsettings ul li.selected { border: 3px solid #ccc; } .f59CCPanel .f59-cc-color ul li, .f59CCPanel .cc-colorsettings ul li { padding: 8px; border: 3px solid #555; margin: 0 2px 0 0; float: left; text-align: center; cursor: pointer; } .f59CCPanel .f59-cc-color ul li:hover, .f59CCPanel .cc-colorsettings ul li:hover { border: 3px solid #ccc; } ul.f59-cc-colorcombos, ul.cc-colorcombos{ width:100%; } .f59CCPanel .f59-cc-settings .f59-cc-blackwhite, .f59CCPanel #cc-captionsettings .blackwhite { color: white; background-color: black; } .f59CCPanel .f59-cc-settings .f59-cc-whiteblack, .f59CCPanel #cc-captionsettings .whiteblack { color: black; background-color: white; } .f59CCPanel .f59-cc-settings .f59-cc-blackyellow, .f59CCPanel #cc-captionsettings .blackyellow { color: yellow; background-color: black; } .f59CCPanel .f59-cc-settings .f59-cc-blueyellow, .f59CCPanel #cc-captionsettings .blueyellow { color: yellow; background-color: blue; } .f59CCPanel .f59-cc-settings .f59-cc-foreground li, .f59CCPanel .f59-cc-settings .f59-cc-background li, .f59CCPanel #cc-captionsettings .cc-foreground li, .f59CCPanel #cc-captionsettings .cc-background li { width: 4px; height: 4px; } .f59CCPanel .f59-cc-settings .black, .f59CCPanel #cc-captionsettings .black { background-color: black; } .f59CCPanel .f59-cc-settings .blue, .f59CCPanel #cc-captionsettings .blue { background-color: blue; } .f59CCPanel .f59-cc-settings .green, .f59CCPanel #cc-captionsettings .green { background-color: green; } .f59CCPanel .f59-cc-settings .cyan, .f59CCPanel #cc-captionsettings .cyan { background-color: cyan; } .f59CCPanel .f59-cc-settings .red, .f59CCPanel #cc-captionsettings .red { background-color: red; } .f59CCPanel .f59-cc-settings .magenta, .f59CCPanel #cc-captionsettings .magenta { background-color: magenta; } .f59CCPanel .f59-cc-settings .yellow, .f59CCPanel #cc-captionsettings .yellow { background-color: yellow; } .f59CCPanel .f59-cc-settings .white, .f59CCPanel #cc-captionsettings .white { background-color: white; } .f59CCPanel .f59-cc-opacity h5, .f59CCPanel .f59-cc-font h5, .f59CCPanel .cc-opacity h5, .f59CCPanel .cc-font h5 { width:100%; float:left; } .f59CCPanel .f59-cc-opacity select { float:left; } .f59-video .f59CCPanel { width: 100%; padding-top:5%; display: none; position: absolute; top: 0; } .f59-video .f59CCPanel.f59-cc-panel-open { display: block; } .f59-video .fp-cc { font-weight: bold; margin-right: -4px; } .f59-cc-panel-close { float: right; } .flowplayer .fp-subtitle.fp-f59-cc-font-0 p{ font-family: Courier New, Courier New, monospace; } .flowplayer .fp-subtitle.fp-f59-cc-font-1 p{ font-family: Times New Roman, Times, serif; } .flowplayer .fp-subtitle.fp-f59-cc-font-2 p{ font-family: Lucida Console, Monaco5, monospace; } .flowplayer .fp-subtitle.fp-f59-cc-font-3 p{ font-family: Arial, Helvetica, sans-serif; } .flowplayer .fp-subtitle.fp-f59-cc-font-4 p{ font-family: Dom Casual, Lucida Casual, sans-serif; } .flowplayer .fp-subtitle.fp-f59-cc-font-5 p{ font-family: Comic Sans MS, Brush Script, cursive; } .flowplayer .fp-subtitle.fp-f59-cc-font-6 p{ font-family: Engravers Gothic, Copperplate, serif; } .flowplayer .fp-subtitle.fp-f59-cc-color-0 p{ color: #000000; } .flowplayer .fp-subtitle.fp-f59-cc-color-1 p{ color: #0000FF; } .flowplayer .fp-subtitle.fp-f59-cc-color-2 p{ color: #008000; } .flowplayer .fp-subtitle.fp-f59-cc-color-3 p{ color: #00FFFF; } .flowplayer .fp-subtitle.fp-f59-cc-color-4 p{ color: #FF0000; } .flowplayer .fp-subtitle.fp-f59-cc-color-5 p{ color: #FF00FF; } .flowplayer .fp-subtitle.fp-f59-cc-color-6 p{ color: #FFFF00; } .flowplayer .fp-subtitle.fp-f59-cc-color-7 p{ color: #FFFFFF; } .flowplayer .fp-subtitle.fp-f59-cc-opacity-0 p{ opacity: 0.5; } .flowplayer .fp-subtitle.fp-f59-cc-opacity-1 p{ opacity: 1; } .flowplayer .fp-subtitle.fp-f59-cc-bg-00 p{ background-color: rgba(0,0,0,0); } .flowplayer .fp-subtitle.fp-f59-cc-bg-01 p{ background-color: rgba(0,0,0,1); } .flowplayer .fp-subtitle.fp-f59-cc-bg-02 p{ background-color: rgba(0,0,0,0.75); } .flowplayer .fp-subtitle.fp-f59-cc-bg-10 p{ background-color: rgba(0,0,255,0); } .flowplayer .fp-subtitle.fp-f59-cc-bg-11 p{ background-color: rgba(0,0,255,1); } .flowplayer .fp-subtitle.fp-f59-cc-bg-12 p{ background-color: rgba(0,0,255,0.75); } .flowplayer .fp-subtitle.fp-f59-cc-bg-20 p{ background-color: rgba(0,128,0,0); } .flowplayer .fp-subtitle.fp-f59-cc-bg-21 p{ background-color: rgba(0,128,0,1); } .flowplayer .fp-subtitle.fp-f59-cc-bg-22 p{ background-color: rgba(0,128,0,0.75); } .flowplayer .fp-subtitle.fp-f59-cc-bg-30 p{ background-color: rgba(0,255,255,0); } .flowplayer .fp-subtitle.fp-f59-cc-bg-31 p{ background-color: rgba(0,255,255,1); } .flowplayer .fp-subtitle.fp-f59-cc-bg-32 p{ background-color: rgba(0,255,255,0.75); } .flowplayer .fp-subtitle.fp-f59-cc-bg-40 p{ background-color: rgba(255,0,0,0); } .flowplayer .fp-subtitle.fp-f59-cc-bg-41 p{ background-color: rgba(255,0,0,1); } .flowplayer .fp-subtitle.fp-f59-cc-bg-42 p{ background-color: rgba(255,0,0,0.75); } .flowplayer .fp-subtitle.fp-f59-cc-bg-50 p{ background-color: rgba(255,0,255,0); } .flowplayer .fp-subtitle.fp-f59-cc-bg-51 p{ background-color: rgba(255,0,255,1); } .flowplayer .fp-subtitle.fp-f59-cc-bg-52 p{ background-color: rgba(255,0,255,0.75); } .flowplayer .fp-subtitle.fp-f59-cc-bg-60 p{ background-color: rgba(255,255,0,0); } .flowplayer .fp-subtitle.fp-f59-cc-bg-61 p{ background-color: rgba(255,255,0,1); } .flowplayer .fp-subtitle.fp-f59-cc-bg-62 p{ background-color: rgba(255,255,0,0.75); } .flowplayer .fp-subtitle.fp-f59-cc-bg-70 p{ background-color: rgba(255,255,255,0); } .flowplayer .fp-subtitle.fp-f59-cc-bg-71 p{ background-color: rgba(255,255,255,1); } .flowplayer .fp-subtitle.fp-f59-cc-bg-72 p{ background-color: rgba(255,255,255,0.75); } .flowplayer .fp-subtitle.fp-f59-cc-size-50 p{ font-size: 0.5em; } .flowplayer .fp-subtitle.fp-f59-cc-size-75 p{ font-size: 0.75em; } .flowplayer .fp-subtitle.fp-f59-cc-size-100 p{ font-size: 1em; } .flowplayer .fp-subtitle.fp-f59-cc-size-125 p{ font-size: 1.25em; } .flowplayer .fp-subtitle.fp-f59-cc-size-150 p{ font-size: 1.5em; } .flowplayer .fp-subtitle.fp-f59-cc-size-175 p{ font-size: 1.75em; } .flowplayer .fp-subtitle.fp-f59-cc-size-200 p{ font-size: 2em; } .flowplayer .fp-subtitle.fp-f59-cc-outline p{ textDecoration: 'outline'; }