/*  Styles for PowerBrowser 3 J. Levine, 2013, SMT  SASS ref: http://sass-lang.com/  cd "C:\projects\Codebase Managed\Harmony\Harmony V5\Source\Harmony\HarmonyApp\pb3" sass --style=compact --watch scss:css */
.pf-container { position: relative; background-color: #000; margin: 0; padding: 0; }

.pf-container .pf-video, .pf-container .pf-silverlight { width: 100%; height: 100%; }

.pf-video, .pf-silverlight { display: block; position: relative; background-color: #000; }

.pf-static { color: #999; }

.pf-hyperlinks { background-color: transparent; font-size: 16px; font-weight: normal;  }

.pf-controls { display: none; position: relative; left: 0; right: 0; height: 36px; width: 100%; background-color: #000; color: #fff; margin: 0; padding: 0; user-select: none; -webkit-user-select: none; -moz-user-select: none; }

.pf-controls.pf-controls-overlay { position: absolute; bottom: 0; opacity: .8; }

.pf-button { background-color: transparent; border: 0; width: 100%; height: 100%; }

.pf-toggle-control { display: none; }

.pf-play-control { position: absolute; left: 0; top: 0; width: 30px; height: 36px; }

.pf-timeline-control { position: absolute; left: 34px; top: 12px; right: 257px; }

.pf-time-elapsed-control { position: absolute; right: 185px; top: 6px; width: 52px; text-align: right; }

.pf-time-divider-control { position: absolute; right: 185px; top: 6px; width: 12px; text-align: center; }

.pf-time-remaining-control { position: absolute; right: 132px; top: 6px; width: 52px; text-align: left; }

.pf-mute-control { position: absolute; right: 105px; top: 0; width: 30px; height: 36px; }

.pf-volume-control { position: absolute; right: 40px; top: 12px; width: 64px; }

.pf-full-browser-control { position: absolute; right: 6px; top: 0; width: 35px; height: 36px; }

.pf-play-overlay-control { position: absolute; left: 50%; top: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; }

.pf-no-volume .pf-volume-control { display: none; }

.pf-no-volume .pf-mute-control { display: none; }

.pf-no-volume .pf-time-elapsed-control { right: 83px; }

.pf-no-volume .pf-time-divider-control { right: 83px; }

.pf-no-volume .pf-time-remaining-control { right: 30px; }

.pf-no-volume .pf-timeline-control { right: 155px; }

.pf-poster { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.pf-play-overlay-control { display: none; background-color: rgba(0, 0, 0, 0.8); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

.pf-play-overlay-control span { position: absolute; top: 20px; left: 30px; font-size: 0; line-height: 0; width: 0; height: 0; border-left: 30px solid #fff; border-right: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; }

.pf-play-overlay-control button { cursor: pointer!important; }

.pf-play-control span { position: absolute; top: 12px; left: 10px; padding: 0; font-size: 0; line-height: 0; }

.pf-play span { width: 0; height: 0; border-left: 11px solid #fff; border-right: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; }

.pf-pause span { top: 13px; width: 3px; height: 10px; border-left: 3px solid #fff; border-right: 3px solid #fff; border-top: 0; border-bottom: 0; }

.pf-slider-container { position: absolute; width: 100%; padding: 0; height: 12px; }

.pf-slider-range { position: absolute; width: 0; margin: 0; padding: 0; width: 100%; top: 3px; height: 6px; opacity: .6; background-color: #999; }

.pf-slider-fill { position: absolute; width: 0; margin: 0; padding: 0; top: 3px; height: 6px; background: #76cde8; }

.pf-slider-empty { position: absolute; right: 0; width: 100%; margin: 0; padding: 0; top: 3px; height: 6px; }

.pf-slider-load { position: absolute; width: 0; margin: 0; padding: 0; top: 3px; height: 6px; opacity: .6; background-color: #aaa; }

.pf-slider-head-container { position: absolute; margin: 0; padding: 0; left: 0; right: 12px; }

.pf-slider-head { position: absolute; left: 0; width: 10px; height: 10px; margin: 0; padding: 0; border: 1px solid rgba(0, 0, 0, 0.8); background: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

.pf-timeline-control .pf-button { position: absolute; top: 0; }

.pf-volume-control .pf-button { position: absolute; top: 0; left: 0; }

.pf-volume-control .pf-slider-fill { background: #ccc; }

.pf-time-display { cursor: default!important; color: #fff; font-size: 13.25px; font-weight: normal;  }

.pf-time-display div { line-height: 24px; }

.pf-mute-icon { position: absolute; top: 12px; left: 8px; }

.pf-mute-icon span { position: absolute; font-size: 0; line-height: 0; }

.pf-speaker-base { top: 3px; width: 0; height: 6px; border-left: 1px solid #fff; border-right: 0; border-top: 0; border-bottom: 0; }

.pf-speaker { left: 2px; width: 0; height: 6px; border-right: 4px solid #fff; border-top: 3px solid transparent; border-bottom: 3px solid transparent; }

.pf-sound .pf-sound-waves { left: 5px; width: 0; height: 0; }

.pf-sound-waves .pf-sound-wave { border-right: 2px solid #fff; }

.pf-sound-wave-1 { left: 1px; top: 4.5px; width: 1px; height: 3px; border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; }

.pf-sound-wave-2 { left: 2px; top: 2px; width: 3px; height: 8px; border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; }

.pf-sound-wave-3 { left: 2px; width: 6px; height: 12px; border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; }

.pf-mute .pf-sound-waves { display: none; }

.pf-full-browser-control span { position: absolute; font-size: 0; line-height: 0; }

.pf-full-browser-box { top: 13px; left: 11px; height: 6px; width: 8px; border-width: 3px 5px 1px 1px; border-style: solid; border-color: #fff; }

.pf-full-browser .pf-full-browser-box { height: 9px; width: 13px; border-width: 1px 1px 1px 1px; }

.pf-container.pf-full-browser { position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 9999; overflow: hidden; }

.pf-caption-cues-container { position: absolute; left: 0; right: 0; bottom: 45px; color: #fff; font-size: 18px;  text-shadow: -1px -1px 2px black, 1px -1px 2px black, -1px 1px 2px black, 1px 1px 2px black; text-align: center; z-index: 0; }

.pf-caption-cues-container .cue { display: table; margin: auto; }

.pf-caption-cues-container .cue > * { margin: 0; padding: 0; border: 0; }

.pf-skip-back-chapter-control { display: none; position: absolute; left: 34px; top: 0; width: 30px; height: 36px; }

.pf-skip-back-chapter-control span { position: absolute; padding: 0; font-size: 0; line-height: 0; }

.pf-skip-back-chapter-control .pf-skip-back-chapter-arrow { top: 13px; left: 9px; width: 0; height: 0; border-left: 0; border-right: 9px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }

.pf-skip-back-chapter-control .pf-skip-back-chapter-line { top: 13px; left: 20px; width: 2px; height: 10px; background-color: #fff; }

.pf-chapters .pf-skip-back-chapter-control { display: block; }

.pf-skip-forward-chapter-control { display: none; position: absolute; right: 258px; top: 0; width: 30px; height: 36px; }

.pf-skip-forward-chapter-control span { position: absolute; padding: 0; font-size: 0; line-height: 0; }

.pf-skip-forward-chapter-control .pf-skip-forward-chapter-line { top: 13px; left: 11px; width: 2px; height: 10px; background-color: #fff; }

.pf-skip-forward-chapter-control .pf-skip-forward-chapter-arrow { top: 13px; left: 15px; width: 0; height: 0; border-left: 9px solid #fff; border-right: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }

.pf-chapters .pf-skip-forward-chapter-control { display: block; }

.pf-error-message-control { position: absolute; left: 0; top: 0; width: 100%; 
								height:calc(100% - 20px);	
	height:-moz-calc(100% - 60px);	
	height:-o-calc(100% - 60px);	
	height:-webkit-calc(100% - 60px);
	background-image:url('img/bg/colorbars.gif');
	background-size: 100%;
	background-color: rgba(0, 0, 0, 0); z-index: 2; }

.pf-error-message-container { position: absolute; visibility:collapse; top: 50%; left: 20%; right: 20%; margin: -26px 0; padding: 5px 10px; background-color: rgba(0, 0, 0, 0.6); color: #fff; font-size: 16px;  text-align: center; border-radius: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

.pf-playlist { position: absolute; left: 0; right: 0; top: -80px; width: 100%; height: 80px; background-color: rgba(0, 0, 0, 0.8); color: #fff; margin: 0; padding: 0; user-select: none; -webkit-user-select: none; -moz-user-select: none; overflow: hidden; }

.pf-playlist-toggle { position: absolute; display: none; left: 50%; top: 0; width: 80px; height: 20px; margin: 0 0 0 -40px; background-color: rgba(0, 0, 0, 0.8); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-left-radius: 10px; -moz-border-bottom-right-radius: 10px; user-select: none; -webkit-user-select: none; -moz-user-select: none; cursor: pointer; }

.pf-playlist-toggle-text { padding-top: 4px; text-align: center; color: #fff; font-size: 10px; font-weight: normal;  }

.pf-playlist-items-container { position: absolute; left: 35px; right: 35px; height: 100%; margin: -2px 0 0 -2px; overflow: hidden; }

.pf-playlist-items { position: absolute; top: 12.5%; height: 100%; }

.pf-playlist-item { position: absolute; height: 75%; margin: 3px 0 0 3px; background-color: #fff; }

.pf-playlist-item-selected { margin: 0; border: 2px solid #76cde8; }

.pf-playlist-arrow-control { position: absolute; top: 50%; width: 15px; height: 32px; margin-top: -16px; }

.pf-playlist-arrow-control-left { left: 10px; }

.pf-playlist-arrow-control-right { right: 10px; }

.pf-playlist-arrow { position: absolute; top: 0; left: 0; width: 0; height: 0; border-top: 16px solid transparent; border-bottom: 16px solid transparent; }

.pf-playlist-arrow-control-left .pf-playlist-arrow { border-left: 0 solid transparent; border-right: 15px solid #fff; }

.pf-playlist-arrow-control-right .pf-playlist-arrow { border-left: 15px solid #fff; border-right: 0 solid transparent; }

.pf-throbber-control { position: absolute; left: 50%; top: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; background-color: rgba(0, 0, 0, 0.8); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

.pf-throbber-container { position: relative; left: 50%; top: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px; }

.pf-throbber-node { position: absolute; width: 8px; height: 8px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background-color: #fff; }

.pf-timeline-cues-container { position: absolute; left: 0; right: 12px; top: -6px; padding: 0; }

.pf-timeline-cue { display: none; position: absolute; width: 0; height: 0; margin-left: 2.5px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #76cde8; border-bottom: 0; }

.pf-track-selector .pf-track-selector-control { display: block; }

.pf-track-selector-control { position: absolute; top: 0; width: 35px; height: 36px; display: none; cursor: default; }

.pf-track-selector-control span { position: absolute; color: #fff; font-size: 10px; font-weight: normal; line-height: 12px; }

.pf-track-selector-box { top: 11px; left: 11px; height: 12px; width: 16px; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #fff; }

.pf-popup-track-selector-control { position: absolute; width: 200px; right: 0; background-color: rgba(0, 0, 0, 0.8); }

.pf-popup-track-selector-option button { margin: 2px; padding: 2px; height: 18px; color: #fff; font-size: 14px; font-weight: normal; line-height: 14px; text-align: left; }

.pf-popup-track-selector-option.selected { background-color: #76cde8; }

.pf-popup-track-selector-option.selected button { color: #000; }

/*  General purpose styles J. Levine, 2012, SMT */
*:focus { outline: black dotted 1px; }
a:focus { outline: black dotted 1px;}

/* Reset */
#divContent { /* change the box-model to something logical (border-box) */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0; line-height: 1.4; vertical-align: baseline; }
#divContent a { text-decoration: none; }
#divContent a, body a:visited, body a:hover, body a:active { color: inherit; }
#divContent img { border: 0; vertical-align: middle; }
#divContent table { border-collapse: collapse; border-spacing: 0; }
#divContent ol, body ul { list-style: none; margin: 0; }

.button { background-repeat: no-repeat; background-position: center center; cursor: pointer; }
.unbindingbutton {
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

/* Sliding panel */
.sliding { position: absolute; }

.slidingContent { position: relative; }

/* jQuery UI Slider 1.8.16  Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) Dual licensed under the MIT or GPL Version 2 licenses. http://jquery.org/license  http://docs.jquery.com/UI/Slider#theming */
.ui-slider { background: #fff; border: 0px solid #aaaaaa; position: relative; text-align: left; }

.ui-slider .ui-slider-handle { opacity: 0.9; position: absolute; z-index: 2; width: 11px; height: 6px; cursor: default; }

.ui-slider .ui-slider-range { opacity: 0.9; position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: 6px; }

.ui-slider-horizontal .ui-slider-handle { margin-left: -5.5px; z-index: 4; }

.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; z-index: 0; /* below everything */ }

.ui-slider-horizontal .ui-slider-range-min { left: 0; }

.ui-slider-horizontal .ui-slider-range-max { right: 0; }

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }



.ui-widget-header { background: #cccccc; font-weight: bold; }

.ui-button-text { padding: .4em 1em; }

.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-dialog-titlebar-close { position: absolute; right: .3em; padding: 1px; height: 18px; }

.ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; }

body .ui-tooltip { border-width: 2px; }

/* Styles for Download page J. Levine, 2013, SMT  SASS ref: http://sass-lang.com/  This sheet is imported into pb.scss Recompile: cd "C:\projects\Codebase Managed\Harmony\Harmony V5\Source\Harmony\HarmonyApp\pb3" sass --style=compact --watch scss:css */
.jobVirgin { background-color: #23a6ef!important ; color: white !important; }


.jobRemove { color: #999 !important; text-decoration:line-through;width:20px;}

.jobDownloading { color: #DDD !important; }

.ui-tooltip { background-color: #fff; }

#jobs { width: 100%; height: 100%; position: fixed; bottom: 0px; right: 0px; z-index: 2000; /* uber alles, including .fullBrowser */ }

.module .st_sharethis span { background-image: url("img/icn/sharethis_gray.png"); height: 16px; width: 20px; }

.jobsWrapper { background-color: #fff; border: 1px solid #aaaaaa; bottom: 1px; font-size: 14px;  min-width: 450px;  position: absolute; right: 1px; }
.jobsWrapper .dialogTitle
{
	padding:20px;
}
.jobsWrapper .dialogTitle { background: #cccccc;  opacity: 0.9; cursor:pointer; font-size:20px; }
	.jobsWrapper .dialogTitle .minimizeJobs {
		display: inline;
		float: left;
		margin-right: 9px;
		width: 14px;
	}
.jobsWrapper .dialogTitle #hideJobs { background-image: url("img/icn/minimize_black.png"); opacity: 0.5; }
.jobsWrapper .dialogTitle .minimizeJobs.expanded { background-image: url("img/icn/maximize_black.png"); background-size: 100%; width:28px; height:28px; margin-top:-6px;}
.jobsWrapper .dialogTitle .minimizeJobs.collapsed { background-image: url("img/icn/minimize_black.png"); background-size: 100%;width:28px; height:28px;margin-top:-6px;}
.jobsWrapper .dialogTitle #maximizeJobs { background-image: url("img/icn/maximize_black.png"); background-size: 100%}
.jobsWrapper .dialogTitle #pinClosedJobs { background-image: url("img/icn/pinClosed.png"); }
.jobsWrapper .dialogTitle #pinOpenedJobs { background-image: url("img/icn/pinOpen.png"); }
.jobsWrapper .jobTable { border-collapse: collapse; border-spacing: 0; color: #444; width: 100%; }
.jobsWrapper .jobTable tr:nth-child(even) { background: #EEE; }
.jobsWrapper .jobTable td { 
	overflow: hidden; 
	/*padding:20px 5px 20px 10px;*/
	white-space: nowrap; 
	font-size:16px;
	vertical-align:middle;
}

.jobsWrapper .footer {
	background-color:#EEE;
	padding:5px;
}
.jobsWrapper .jobTable .rowJobComplete { color: #000; }
.jobsWrapper .jobTable .download { height:24px; }
.jobsWrapper .jobTable .boxJobUrl {  text-align: center; color:white; height:40px;position:relative;background-color:#777; }
.jobsWrapper .jobTable .boxJobUrl a
{
	color:white;
}

.jobsWrapper .jobTable tr.rowJobComplete .boxJobUrl
{
	background-color:#777;
}

.jobsWrapper .jobTable tr.rowJobStarted .boxJobUrl
{
	background-color:#777;
}

.jobsWrapper .jobClipstart { display: none; }
.jobsWrapper .jobCreatetime { display: none; }
.jobsWrapper .jobMessageid { display: none; }
.jobsWrapper .jobProgress { 
	position: absolute;
	 left: 0px; top: 0px;
	background-color: #23a6ef; left: 0px; height:100%; 

}
.jobsWrapper .jobResponder { display: none; }
.jobsWrapper .removeJob { background-image: url("img/icn/delete_black.png"); width: 24px;height:24px;background-size: cover }
.jobsWrapper .removeJob a
{
	color:transparent;
}
.jobsWrapper .jobType { text-align: center; display:none;}
.jobsWrapper .jobUrl { vertical-align: middle;width:200px; }
.jobsWrapper .jobTable td.jobUrl
{
	padding:5px!important;
}

.jobsWrapper a
{
	outline: 0;
}

.jobsWrapper .rowJobError  { color: red; }
.jobsWrapper .dialogTitle #jobsSummary
{
	text-transform: uppercase
}

.jobsWrapper .jobPanelHeader
{
	background-color:#23a6ef;
	height:5px;
}



/* FONT-FACE IMPORTS Generated by Font Squirrel (http://www.fontsquirrel.com)
*/
@font-face { font-family: 'MuseoSans'; src: url("fonts/museosans_100-webfont.eot"); src: url("fonts/museosans_100-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museosans_100-webfont.ttf") format("truetype"), url("fonts/museosans_100-webfont.svg#webfontuploaded_file") format("svg"); font-style: normal; }

@font-face { font-family: 'MuseoSans Black'; src: url("fonts/museosans_500-webfont.eot"); src: url("fonts/museosans_500-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museosans_500-webfont.ttf") format("truetype"), url("fonts/museosans_500-webfont.svg#webfontuploaded_file") format("svg"); font-style: normal; }

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

/* CSS RESET - BASIC SETTINGS
/*/
* { -webkit-font-smoothing: antialiased; }



.clear { display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }

/** Interaction classes **/
.itemHoverState { background: #cacaca; color: #222 !important; }

.itemPositionState { background: #7dd8eb; }

.menuItemActive { background-color: #b8b8b8 !important; }

.submitDisabled { cursor: default !important; opacity: 0.5; }

.fullBrowser { position: fixed !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; z-index: 100 !important; overflow: hidden !important; }

.fullBrowserPlayer { float: none !important; }

.muteIcon { background-image: url("img/icn/mute.png") !important; }

.notStarted { background-image: url("img/bg/colorbars.gif"); background-size: 100%; cursor: pointer; }

.hideField { visibility: hidden; }

/* INTERFACE
/*/
/*#wrapper {  margin: 0 10px 0 0; max-width: 1200px; min-width: 900px; padding: 0; }*/
#wrapper .module_content > .selectableList { -webkit-padding-start: 0; }

 #infoSection { height: 100%; position: relative; }
#playerWrapper
{
	height:100%;
	width:100%;
}

#playerWrapper { background-color: #000; }
#playerWrapper .ui-slider-handle { height: 14px; top: -4px; }
#playerWrapper #title { background-color: #000; color: #fff; height: 35px; line-height: 35px; padding: 0px 12px; }
#playerWrapper #player { /*.pf-play-overlay-control {   // Playerframework
	display: none !important;   // hide play icons on player
}*/ margin: auto !important; /* to center it inside its parent */ overflow: hidden; padding: 0px; height:100%;margin-bottom:21px}
#playerWrapper #player #playerContainer 
{ 
	width: 100%; 
	height:calc(100% - 50px);	
	height:-moz-calc(100% - 50px);	
	height:-o-calc(100% - 50px);	
	height:-webkit-calc(100% - 50px);
}

#playerWrapper #player #playerContainer.embeddedPlayer
{ 
	width: 100%; 
	height:calc(100% - 35px);	
	height:-moz-calc(100% - 35px);	
	height:-o-calc(100% - 35px);	
	height:-webkit-calc(100% - 35px);
}

/*#playerWrapper #player #playerContainer #playerGoesHere { position: absolute; top: 0; left: 0; }*/
#playerWrapper #player #playerContainer #playerGoesHere #pluginWarning { color: #ff0; margin: 10px; }
#playerWrapper #player #playerContainer #playerGoesHere #pluginWarning a { text-decoration: underline; }
#playerWrapper #player #playerContainer #nav { background-color: rgba(0,0,0,0.8); bottom: 21px; border-radius: 0px; height: 80px; padding: 10px; position: absolute; width: 100%; }
#playerWrapper #player #playerContainer #nav.jwplayer
{
	top:0px;
	height:40px;
	bottom:initial;
}
#playerWrapper #player #playerContainer #nav #buttons > .button:hover { opacity: 0.5; }
#playerWrapper #player #playerContainer #nav #buttons > div { margin-top: 10px; position: absolute; }
#playerWrapper #player #playerContainer #nav #buttons #prevPerson, #playerWrapper #player #playerContainer #nav #buttons #play, #playerWrapper #player #playerContainer #nav #buttons #pause, #playerWrapper #player #playerContainer #nav #buttons #nextPerson { left: 50%; }
#playerWrapper #player #playerContainer #nav #buttons #prevPerson, #playerWrapper #player #playerContainer #nav #buttons #nextPerson { height: 21px; width: 16px; }
#playerWrapper #player #playerContainer #nav #buttons #prevPerson { background-image: url("img/icn/prevItem.png"); margin-left: -72px; }
#playerWrapper #player #playerContainer #nav #buttons #play, #playerWrapper #player #playerContainer #nav #buttons #pause { border-radius: 30px; height: 60px; margin-left: -30px; margin-top: 0px; overflow: hidden; width: 60px; }
#playerWrapper #player #playerContainer #nav #buttons #play { background-image: url("img/icn/play.png"); }
#playerWrapper #player #playerContainer #nav #buttons #pause { background-image: url("img/icn/pause.png"); }
#playerWrapper.live #player #playerContainer #nav #buttons #pause { background-image: url("img/icn/stop.png"); }
#playerWrapper #player #playerContainer #nav #buttons #nextPerson { background-image: url("img/icn/nextItem.png"); margin-left: 45px; }
    #playerWrapper #player #playerContainer #nav #buttons #explode, #playerWrapper #player #playerContainer #nav #buttons #fullScreen {
        background-image: url("img/icn/expandVideo.png");
        right: 50px;
        height: 20px;
        right: 100px;
        width: 21px;
    }
#playerWrapper #player #playerContainer #nav #buttons #explode, #playerWrapper #player #playerContainer #nav #btnShare {  right: 50px; color:white }
#playerWrapper #player #playerContainer #nav #buttons #explode, #playerWrapper #player #playerContainer #nav #btnShare.jwplayer
 {  
	left: 0px; color:white 

}

#playerWrapper #player #playerContainer #nav #buttons #fullBrowser { background-image: url("img/icn/fullVideo.png"); height: 20px; right: 10px; width: 21px; }
#playerWrapper #player #playerContainer #nav #buttons #volumeControl { width: 25%; /* reduce trigger area */ margin-left:20px;}
#playerWrapper #player #playerContainer #nav #buttons #volumeControl #mute, #playerWrapper #player #playerContainer #nav #buttons #volumeControl #volume { left: 0; height: 21px; background-position: left center; }
#playerWrapper #player #playerContainer #nav #buttons #volumeControl #mute { background-image: url("img/icn/volume.png"); }
#playerWrapper #player #playerContainer #nav #buttons #volumeControl #volume { margin-left: 30px; height: 100%; top: 0px; }
#playerWrapper #player #playerContainer #nav #buttons #volumeControl #volume #volumeSlider { margin-top: 8px; width: 90px; }
    #playerWrapper #player #playerContainer #nav.fullScreen #buttons #fullBrowser {
        background-image: url("img/icn/exitFullVideo.png");
    }
    #playerWrapper #player #playerContainer .playerSettings
{
	color:white;left: 10px;position: absolute;bottom:25px;
	cursor:pointer;
	line-height:19px;
}
#playerWrapper #player #playerContainer #nav .liveIndicator
{
	color:white;margin-top: 40px;position: absolute;
	cursor:pointer;
	line-height:19px;
	right:10px;
	font-size: 15px;
	font-family: "DroidSansMono", "monospace";
	display:none;
}

#playerWrapper #player #playerContainer .playerSettings .icon
{
	font-size: 16px;color:white;
	cursor:pointer;
}

	#playerWrapper #player #playerContainer .playerSettings .streamName
	{
		padding-left:10px;
		display: inline-block;
		vertical-align:top;
	}

#playerWrapper #player .pf-controls.pf-controls-overlay { /* Playerframework */ z-index: -9; /* hide controls overlay */ }
#playerWrapper #player .pf-play-overlay-control .pf-button span span { z-index: -9; }
#playerWrapper #timecode { bottom: 3px; height: 18px; left: 0px; position: absolute; right: 0px;     padding-left: 5px;    background-color: rgba(0,0,0,0.8);}
#playerWrapper #timecode #simpleTimeline { height: 100%; margin: 0; padding-right: 110px; position: relative; }
#playerWrapper #timecode #simpleTimeline #simpleTimelineSlider { top: 6px; }
	#playerWrapper #timecode #simpleTimeline #trackTip {
		background-color: Black;
		border: 1px solid white;
		color: White;
		margin-top: -16px;
		visibility: hidden;
	}
#playerWrapper #timecode #position { color: #fff; font-family: "DroidSansMono", "monospace"; font-size: 15px; line-height: 15px; position: absolute; top: 2px; right: 5px; text-align: right; }


#infoSection { background: #f1f1f1; color: #000; }
#infoSection #infoMenu { background-color: #f7f7f7; overflow: hidden; padding: 0; height: 35px;}
#infoSection #infoMenu #secret { color: #f7f7f7; }
#infoSection #infoMenu li:hover { background-color: #b8b8b8; }
#infoSection #infoMenu li { background-color: #575757; background-position: 7px center; background-repeat: no-repeat; border-top-left-radius: 0px; border-top-right-radius: 0px; cursor: pointer; float: left; list-style: none; position: relative; top: 0; margin-left: 0px; border-bottom: 0; padding: 0; white-space: nowrap; width:100%;}
#infoSection #infoMenu li a { color: #fff; display: block; line-height: 35px; padding: 0 35px; }
#infoSection #infoMenu li#menu_info { background-image: url("img/icn/menu_info.png"); }
#infoSection #infoMenu li#menu_agenda { background-image: url("img/icn/menu_agenda.png"); }
#infoSection #infoMenu li#menu_people { background-image: url("img/icn/menu_people.png"); }
#infoSection #infoMenu li#menu_cliplist { background-image: url("img/icn/menu_cliplist.png"); }
#infoSection .module .selectableItem > .itemContent { cursor: pointer; margin-left: 15px; padding: 0 2px; }
#infoSection .module .selectableItem .itemContent div { display: inline; }
#infoSection .module .inlineList { padding: 0; }
#infoSection .module .inlineList .itemContent { margin-left: 20px; }
#infoSection .module .inlineList .itemContent .itemTime { margin-top: 3px; }
#infoSection .module .module_content { margin-bottom: 10px; margin-top: 20px; }
#infoSection .module #link { background-image: url("img/icn/web.png"); display: inline-block; margin-left: 6px; width: 16px; }
#infoSection #info { visibility: inherit; }
#infoSection #info td { padding: 4px; }
#infoSection #info .formRow { display: none; }
#infoSection #info .formRow > td:first-child { color: #888888; }
#infoSection #info .formRowShow > td:first-child { color: #888888; }
#infoSection #info #contact { line-height: 1; }
#infoSection #info #contact table { width: 99%; }
#infoSection #info #contact tr:first-child { color: #888888; }
#infoSection #info #contact td { background-position: left center; background-repeat: no-repeat; font-size: 14px; padding: 5px 20px; white-space: nowrap; }
#infoSection #info #contact .contactTitle { padding-left: 0px; }
#infoSection #info #contact #infoemail {  }
#infoSection #info #contact #supportemail {  }
#infoSection #info #contact #infotel {  }
#infoSection #info #contact #supporttel {  }
#infoSection #info #contact #infourl {  }
#infoSection #info #contact #supporturl {  }
/*#infoSection .selectableList > .selectableItem > .itemContent .itemTime { display: none; }*/ /*modified by yong*/

#infoSection > .module { 
	position: absolute; top:35px; overflow-x: hidden; bottom:0px;
	width:calc(100% - 10px);	
	width:-moz-calc(100% - 10px);	
	width:-o-calc(100% - 10px);	
	width:-webkit-calc(100% - 10px);
	margin-left:10px;

}
#infoSection > .module .module_content { padding: 0px 10px 0px 20px; }

#timelineSection { margin-top: 20px; position: relative;
	margin-left:10px;
	width:calc(100% - 20px);	
	width:-moz-calc(100% - 20px);	
	width:-o-calc(100% - 20px);	
	width:-webkit-calc(100% - 20px);
	 margin-bottom:20px;
}
#timelineSection .tick { background-color: #d6d6d6; height: 6px; }
#timelineSection .tickTop { top: -2px; }
#timelineSection .tickTop .tickLabel { margin-top: -13px; }
#timelineSection .tickTop.tickHour .tickLabel { margin-top: -9px; }
#timelineSection .tickBottom { /*top: 31px;*/ top:13px;}
#timelineSection .tickBottom .tickLabel { margin-top: 5px; }
#timelineSection .tickHour { height: 10px; }
#timelineSection .tickTop.tickHour { top: -6px; }
#timelineSection .tickLabel { color:#888888; font-size: 11px; margin-left: 2px; white-space: nowrap; }
#timelineSection #lines { padding: 4px 0px 4px 0px; position: relative; }
#timelineSection #timelineSlider { background-color: #e6e6e6; height: 10px; }
#timelineSection #timelineSlider .ui-slider-handle { height: 18px; top: -4px; z-index: 5 !important; }
#timelineSection #trackBar { height: 29px; }
#timelineSection #trackTip { background-color: white; border: 1px solid black; color: black; margin-top: -16px; white-space: nowrap; }
#timelineSection #cliplineSlider { background: url("img/bg/dots.png") left center repeat-x; background-color: #888888; height: 17px; }
#timelineSection #cliplineSlider #clipScrubber0 { background: url("img/icn/clipBegin.png"); margin-left: -11px;top:0px; }
#timelineSection #cliplineSlider #clipScrubber1 { background: url("img/icn/clipEnd.png"); margin-left: 0px; top:0px;}
#timelineSection #cliplineSlider .ui-slider-handle { background-color: transparent !important; height: 100%; }
#timelineSection #cliplineSlider .ui-slider-range { background: url("img/bg/dots.png") left center repeat-x; background-color: #e1c92d; }
#timelineSection #clipToolbar { background-color: #828282; color: white; display: inline-block;  margin-top: 1px; /* padding: 0px 4px; */ position: absolute; border: 1px solid #777;}
#timelineSection #clipToolbar #timelineControls .button { background-color: #828282; display: inline-block; padding: 0px 4px; }
#timelineSection #clipToolbar #timelineControls .button a:hover { opacity: .5; }


#trackBar { background-color: Black; cursor: pointer; height: 100%; z-index: 1; }

#trackTip { font-family: "DroidSansMono", "monospace"; font-size: 10px; opacity: 0.9; padding: 0px 2px; z-index: 5; }

.ui-slider { background-color: #888888; cursor: pointer !important; }

.ui-slider-handle { /* scrubber handle */ background-color: #d6d6d6 !important; border-radius: 0px !important; border-width: 0px !important; cursor: pointer !important; z-index: 4 !important; }

.ui-slider-range { background-color: #7dd8eb; z-index: 4 !important; }

/** Active panels **/
.hidePanel { 
	left: -9999px; 
	display:none;
}

.module .listBox .selectableList { margin-top: 0px; /* IE:  remove margin above */ padding-left: 0px; padding-top: 0px; /* remove space at the top */ }
.module .listBox .selectableList ol { /* nested lists */ margin-top: 0px; /* IE:  remove margin above */ margin-bottom: 0px; /* IE:  remove margin below */ padding-left: 12px; display: block; /* indent after the first level */ }
.module .itemExpander { background-position: 25% 5px; background-repeat: no-repeat; cursor: pointer; float: left; left: 0px; }
.module .itemExpander a { display: block; width: 12px; }
.module .inlineHintItem { font-size: 85%; list-style-type: none  !important; padding-left: 11px; }
.module .itemTime { border: 1px solid #bbb;  font-size: 11px; font-family: Sans-Serif; font-weight: normal; line-height: 1; margin: 5px 3px 0px 0px; padding: 1px 1px 0px 1px; display:inline-block;}
.module .noItemTime { display: none; }
.module .itemText { overflow: hidden; display:inline;}
.module .itemText p{ display:inline;}
.itemExpanderOpened { background-image: url("img/icn/collapse.png"); }

.itemExpanderClosed { background-image: url("img/icn/expand.png"); }

#retryMessagePanel
{
	position: absolute;
	top: 5px;
	text-align: center;
	color: white;
	left: 0px;
	right:0px;
	z-index:10;
	font-size:18px;
	display:none;
}




.mobile #playerWrapper #player #playerContainer {
    width: 100%;
    height: calc(100% -80px);
    height: -moz-calc(100% - 80px);
    height: -o-calc(100% - 80px);
    height: -webkit-calc(100% - 80px);
}


.mobile #playerWrapper #player #playerContainer #nav { background-color: rgba(0,0,0,0.8); bottom: 20px; border-radius: 0px; height: 60px; padding:0px 10px; position: absolute; width: 100%; }

.mobile  #volumeControl
{
	display:none;
}

#playerWrapper #player #playerContainer #nav #buttons #divCC {
    width: 20px;
    font-weight: bold;
    cursor: pointer;
}



.ccOn {
    color: white;
}

.ccOff {
    color: #888;
}



#playerWrapper #player #playerContainer #nav #buttons #btnDVR
{
	right:35px;
	display:none;
	cursor:pointer;
} 

#divCountDown
{
	/*position: absolute;
top: 50%;
left: 50%;
width: 50%;
margin: -15% 0 0 -25%;
padding:20px;*/
position: absolute; left: 50%; top: 50%; 
  margin: -100px 0 0 -100px;
   background-color: rgba(0, 0, 0, 0.8); 
  -moz-border-radius: 10px;
	color:white;
	z-index:10;
	border: 1px solid #808080;
	padding:20px;

}

#divCountDown div.divCountDownDesc
{
	font-size:20px;
	margin-bottom:10px;
}

#handoutFile
{
	overflow-y:hidden;
}

#handoutFile2
{
	padding:0px;
}

#handoutFileBox
{
	width:100%;height:100%;
	position:absolute;
}

div#handoutFileBox
{
	padding:20px;
}

.mejs-container .mejs-controls div.streamButton {background:url('img/pbstream.png');cursor:pointer;}
.mejs-container .mejs-controls div.ccButton {background:url('img/cc.gif');cursor:pointer;}
/*.mejs-container .mejs-controls div.harmonyButton {background:url('img/pbparlvu.png');width:82px;cursor:pointer;background-repeat:no-repeat; background-size:contain; background-position:center;}*/
.mejs-container .mejs-controls div.harmonyButton {background:url('../images/home.png');width:36px;cursor:pointer; background-repeat:no-repeat; background-size:contain; background-position:center; }

.video-js div.streamButton {
	background: url('img/pbstream.png');
	cursor: pointer;
	width: 36px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.video-js div.ccButton {
	background: url('img/cc.gif');
	cursor: pointer;
}
/*.mejs-container .mejs-controls div.harmonyButton {background:url('img/pbparlvu.png');width:82px;cursor:pointer;background-repeat:no-repeat; background-size:contain; background-position:center;}*/
.video-js div.harmonyButton {
	background: url('../images/home.png');
	width: 36px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

ul.dynatree-container
{
	background-color: rgb(241, 241, 241);
	border-width:0px;
}

ul.dynatree-container a
{
	border-width:0px;
}

#playerPanel #playerContainer #buttons #ccMenu a
{
	color:white;
}

#playerPanel #playerContainer #buttons #ccMenu a.ui-state-focus
{
	color:black;
}

.dynatree-title .link
{
	background-image: url("img/link.png");
	height:16px;
	width:16px;
	background-size: cover;
	margin-right: 5px;
    line-height: 1px;
	float: left;
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.dynatree-title .link
{
	background-image: url("img/link.png");
	height:14px;
	width:14px;
	background-size: cover;
	margin-right: 5px;
	margin-top:5px;
    line-height: 1px;
	float: left;
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.dynatree-title:hover .link
{
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

#closedCaptionPanel {
    position: absolute;
    bottom: 10px;
    text-align: center;
    color: white;
    left: 10px;
    right: 0px;
    overflow: hidden;
}

/*.mobile #closedCaptionPanel {
    bottom: 35px;
}*/
#closedCaptionPanel.embeddedPlayer {
    bottom: -35px;
    height: 35px;
    display: none;
    left: 0px;
}

.closedCaption {
    font-size: 20px;
}

#closedCaptionPanel.embeddedPlayer .closedCaption {
    font-size: 14px;
}

#ccContainer {
    position: absolute;
    top: 0px;
    width: 100%;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    font-size:20px;
}

.ccLine {
    text-align: center;
    white-space: nowrap;
    height:20px;
}

.vjs-text-track-display{
    display:none;
}

#divFloatPlayer{
    height:100%;
}

    #divFloatPlayer .playerPanelContainer {
        height: 100%;
    }

#divPlayerLoading {
    display:none;
    height: 100%;
    width: 100%;
    background-image: url(img/loadingstream.gif);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: 0px;
    top: 0px;
}