/* Below is the media query CSS for the player.
If you want the equivilant rules done with classes (without media queries), look in widgets.css.. 
If you edit anything in here, PLEASE also update the same class equivilant CSS in widgets.css */


/* default portrait below 480px - needs section for force_timeline */
/* target - mobile portrait below 480px wide */
@media (orientation: portrait) { /*class=pi_orientation_portrait*/
	.pi_widget #webcast #webcast_debug_1 .resp:after { content: " : small portrait"; } /* debug ! */
	/* player_layout_primary start */
		/*layout*/
		.pi_widget #webcast.player_layout_primary #Webcast_Core {
			width: 100%;
			float: none;
			display: block;
		}
		.pi_widget #webcast.player_layout_primary #Webcast_Support_Data { /* not shown in player_layout_primary */
			display: none;
		}
		.pi_widget #webcast.player_layout_primary #Webcast_Timeline_Holder { /* not shown in player_layout_primary at this size unless #webcast has class force_timeline */
			display: none;
		}
		.pi_widget #webcast.player_layout_primary.force_timeline #Webcast_Timeline_Holder { /* shown in player_layout_primary at this size if #webcast has class force_timeline */
			width: 100%;
			float: none;
			display: block;
			clear: both;
		}
		.pi_widget #webcast.player_layout_primary #Webcast_Timeline_Close_Button_Holder { /* only show opener if timeline has been force closed in secondary landscap medium / large */
			display: none;
		}
		/* content */
		.pi_widget #webcast.player_layout_primary #Webcast_Welcome {
			width: 100%;
			float: none;
		}
		.pi_widget #webcast.player_layout_primary.force_timeline #Webcast_Welcome { /* hide welcome so show timeline head if force_timeline */
			/* width: 100%; */
			/* float: none; */
			/* display: block; */
			/* clear: both; */
			display: none;
		}
		.pi_widget #webcast.player_layout_primary #Webcast_Video {
			width: 100%;
			float: none;
		}
		.pi_widget #webcast.player_layout_primary article .webcast_article_inner,
		.pi_widget #webcast.player_layout_primary article#Webcast_Welcome .webcast_article_inner,
		.pi_widget #webcast.player_layout_primary article#Webcast_Video .webcast_article_inner,
		.pi_widget #webcast.player_layout_primary #Webcast_Timeline_Holder article .webcast_article_inner {
			margin: 0 0 20px 0; /* transparent space between components */
		}
	/* player_layout_primary end */
	/* player_layout_secondary start */
		/*layout*/
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Core,
		.pi_widget #webcast.player_layout_secondary.full.hide_timeline #Webcast_Core,
		.pi_widget #webcast.player_layout_secondary.full.no_timeline #Webcast_Core {
			width: 100%;
			float: none;
			display: block;
		}
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Support_Data,
		.pi_widget #webcast.player_layout_secondary.full.hide_timeline #Webcast_Support_Data,
		.pi_widget #webcast.player_layout_secondary.full.no_timeline #Webcast_Support_Data { /* not shown in player_layout_secondary */
			width: 100%;
			float: none;
			display: block;
			clear: both;
		}
		.pi_widget #webcast.player_layout_secondary.full.transcript #Webcast_Support_Data #transcript_controls {
			position: -webkit-sticky;
			position: -moz-sticky;
			position: -ms-sticky;
			position: -o-sticky;
			position: sticky;
			top: 39px;
			z-index: 150;
		}
		.pi_widget #webcast.player_layout_secondary.full.transcript #Webcast_Support_Data #transcript_controls #agenda_select_container {
			display: none;
		}
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Timeline_Holder,
		.pi_widget #webcast.player_layout_secondary.full.hide_timeline #Webcast_Timeline_Holder,
		.pi_widget #webcast.player_layout_secondary.full.no_timeline #Webcast_Timeline_Holder { /* not shown in player_layout_secondary at this size unless #webcast has class force_timeline */
			display: none;
		}
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Timeline_Close_Button_Holder,
		.pi_widget #webcast.player_layout_secondary.full.hide_timeline #Webcast_Timeline_Close_Button_Holder {
			display: none;
		}
		/* content */
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Welcome {
			/* width: 100%; */
			/* float: none; */
			display: none; /* hide welcome so you can see top of supporting div under video ! */
		}
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Video {
			width: 100%;
			float: none;
		}
		.pi_widget #webcast.player_layout_secondary.full article .webcast_article_inner,
		.pi_widget #webcast.player_layout_secondary.full article#Webcast_Video .webcast_article_inner,
		.pi_widget #webcast.player_layout_secondary.full article#Webcast_Welcome .webcast_article_inner,
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Support_Data article .webcast_article_inner,
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Timeline_Holder article .webcast_article_inner {
			margin: 0 0 20px 0; /* transparent space between components */
		}
		
		/* webcast live chat / forums start */
			/* live chat start */ /* forum start */
			.pi_widget #webcast #Webcast_Live_Chat .twitter_player_component_holder,
			.pi_widget #webcast #Webcast_Live_Chat.two_sections .twitter_player_component_holder,
			.pi_widget #webcast #Webcast_Forums .disqus_player_component_holder,
			.pi_widget #webcast #Webcast_Forums .uservoice_player_component_holder,
			.pi_widget #webcast #Webcast_Forums.two_sections .disqus_player_component_holder,
			.pi_widget #webcast #Webcast_Forums.two_sections .uservoice_player_component_holder {
				float: none;
				width: 100%;
				padding: 2%;
			}
			/* live chat end */ /* forum end */
		/* webcast live chat / forums end */
	/* player_layout_secondary end */
}

/* portrait 480px -> 800px */
/* target - tablet portrait between 480px and 800px wide */
@media (min-width: 481px) and (max-width: 800px) and (orientation: portrait) { /*class=pi_minWidth_481_maxWidth_800_orientation_portrait*/
	.pi_widget #webcast #webcast_debug_1 .resp:after { content: " : medium portrait"; } /* debug ! */
	/* player_layout_primary start */
		/*layout*/
		.pi_widget #webcast.player_layout_primary #Webcast_Core {
			width: 100%;
			float: none;
			display: block;
		}
		.pi_widget #webcast.player_layout_primary #Webcast_Support_Data { /* not shown in player_layout_primary */
			display: none;
		}
		.pi_widget #webcast.player_layout_primary #Webcast_Timeline_Holder,
		.pi_widget #webcast.player_layout_primary.force_timeline #Webcast_Timeline_Holder { /* not shown in player_layout_primary at this size unless #webcast has class force_timeline */
			width: 100%;
			float: none;
			display: block;
			clear: none;
		}
		.pi_widget #webcast.player_layout_primary.no_timeline #Webcast_Timeline_Holder {
			display: none;
		}
		.pi_widget #webcast.player_layout_primary #Webcast_Timeline_Close_Button_Holder { /* only show opener if timeline has been force closed in secondary landscap medium / large */
			display: none;
		}
		/* content */
		.pi_widget #webcast.player_layout_primary #Webcast_Welcome {
			width: 100%;
			float: none;
			display: block;
		}
		.pi_widget #webcast.player_layout_primary #Webcast_Video {
			width: 100%;
			float: none;
			display: block;
		}
		.pi_widget #webcast.player_layout_primary article .webcast_article_inner,
		.pi_widget #webcast.player_layout_primary article#Webcast_Welcome .webcast_article_inner,
		.pi_widget #webcast.player_layout_primary article#Webcast_Video .webcast_article_inner,
		.pi_widget #webcast.player_layout_primary #Webcast_Timeline_Holder article .webcast_article_inner {
			margin: 0 0 20px 0; /* transparent space between components */
		}
	/* player_layout_primary end */
	/* player_layout_secondary start */
		/*layout*/
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Core,
		.pi_widget #webcast.player_layout_secondary.full.hide_timeline #Webcast_Core,
		.pi_widget #webcast.player_layout_secondary.full.no_timeline #Webcast_Core {
			width: 30%;
			float: left;
			display: block;
		}
		.ie7 .pi_widget #webcast.player_layout_secondary.full #Webcast_Core,
		.ie7 .pi_widget #webcast.player_layout_secondary.full.hide_timeline #Webcast_Core,
		.ie7 .pi_widget #webcast.player_layout_secondary.full.no_timeline #Webcast_Core {
			width: 29.9%;
		}
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Support_Data,
		.pi_widget #webcast.player_layout_secondary.full.hide_timeline #Webcast_Support_Data,
		.pi_widget #webcast.player_layout_secondary.full.no_timeline #Webcast_Support_Data { /* not shown in player_layout_secondary */
			width: 70%;
			float: right;
			display: block;
			clear: none;
		}
		.pi_widget #webcast.player_layout_secondary.full.transcript #Webcast_Support_Data #transcript_controls {
			position: -webkit-sticky;
			position: -moz-sticky;
			position: -ms-sticky;
			position: -o-sticky;
			position: sticky;
			top: 39px;
			z-index: 150;
		}
		.pi_widget #webcast.player_layout_secondary.full.transcript #Webcast_Support_Data #transcript_controls #agenda_select_container {
			display: none;
		}
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Timeline_Holder,
		.pi_widget #webcast.player_layout_secondary.full.hide_timeline #Webcast_Timeline_Holder { /* not shown in player_layout_secondary at this size unless #webcast has class force_timeline */
			width: 100%;
			float: none;
			display: block;
			clear:both;
		}
		.pi_widget #webcast.player_layout_secondary.full.no_timeline #Webcast_Timeline_Holder,
		.pi_widget #webcast.player_layout_secondary.full.transcript #Webcast_Timeline_Holder {
			display: none;
		}
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Timeline_Close_Button_Holder,
		.pi_widget #webcast.player_layout_secondary.full.hide_timeline #Webcast_Timeline_Close_Button_Holder {
			display: none;
		}
		/* content */
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Welcome {
			/* needs to be updated to be pushed down so video can slot in above at this size... */
			width: 100%;
			float: none;
			display: block;
		}
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Video {
			/* needs to be slot in above welcome at this size... */
			width: 100%;
			float: none;
			display: block;
		}
		.pi_widget #webcast.player_layout_secondary.full article .webcast_article_inner, 
		.pi_widget #webcast.player_layout_secondary.full article#Webcast_Video .webcast_article_inner , 
		.pi_widget #webcast.player_layout_secondary.full article#Webcast_Welcome .webcast_article_inner,
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Timeline_Holder article .webcast_article_inner{
			margin: 0 0 20px 0; /* transparent space between components */
		}
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Support_Data article .webcast_article_inner {
			margin: 0 0 20px 20px; /* transparent space between components */
		}
		
		/* webcast live chat / forums start */
			/* live chat start */
			.pi_widget #webcast #Webcast_Live_Chat .twitter_player_component_holder {
				float: none;
				width: 100%;
				padding: 2%;
			}
			.pi_widget #webcast #Webcast_Live_Chat.two_sections .twitter_player_component_holder {
				float: left;
				width: 33.3333%;
				padding: 2% 1% 2% 2%;
			}
			/* live chat end */
			/* forum start */
			.pi_widget #webcast #Webcast_Forums .disqus_player_component_holder,
			.pi_widget #webcast #Webcast_Forums .uservoice_player_component_holder {
				float: none;
				width: 100%;
				padding: 2%;
			}
			.pi_widget #webcast #Webcast_Forums.two_sections .disqus_player_component_holder {
				float: left;
				width: 50%;
				padding: 2% 1% 2% 2%;
			}
			.pi_widget #webcast #Webcast_Forums.two_sections .uservoice_player_component_holder {
				float: right;
				width: 50%;
				padding: 2% 2% 2% 1%;
			}
			/* forum end */
		/* webcast live chat / forums end */
	/* player_layout_secondary end */
	/* hide timeline nav as always on */
	.pi_widget #webcast nav li#Webcast_Nav_Timeline {
		display: none !important;
	}
}

/* portrait wider than 800px */
/* target - desktop portrait (?) above 800px wide */
@media (min-width: 801px) and (orientation: portrait) { /*class=pi_minWidth_801_orientation_portrait*/
	.pi_widget #webcast #webcast_debug_1 .resp:after { content: " : large portrait"; } /* debug ! */
	
	#webcast.full #Webcast_Core /* sticky player */
	, #webcast.full .player_component_heading:not(.no_sticky) /* sticky headings */ {
		position: -webkit-sticky;
		position: -moz-sticky;
		position: -ms-sticky;
		position: -o-sticky;
		position: sticky;
		top: 40px;
		z-index: 150;
	}

	/* player_layout_primary start */
		/* currently just a copy of above (portrait 480px -> 800px) - revisit ! */
		/*layout*/
		.pi_widget #webcast.player_layout_primary #Webcast_Core {
			width: 70%;
			float: left;
			display: block;
		}
		.ie7 .pi_widget #webcast.player_layout_primary #Webcast_Core {
			width: 69.9%;
		}
		.pi_widget #webcast.player_layout_primary.hide_timeline #Webcast_Core
		.pi_widget #webcast.player_layout_primary.no_timeline #Webcast_Core {
			width: 100%;
			float: left;
			display: block;
		}
		.pi_widget #webcast.player_layout_primary #Webcast_Support_Data { /* not shown in player_layout_primary */
			display: none;
		}
		.pi_widget #webcast.player_layout_primary #Webcast_Timeline_Holder {
			display: none;
		}
		.pi_widget #webcast.player_layout_primary #Webcast_Timeline_Holder,
		.pi_widget #webcast.player_layout_primary.force_timeline #Webcast_Timeline_Holder { /* not shown in player_layout_primary at this size unless #webcast has class force_timeline */
			width: 30%;
			float: right;
			display: block;
			clear: none;
		}
		.pi_widget #webcast.player_layout_primary.hide_timeline #Webcast_Timeline_Holder,
		.pi_widget #webcast.player_layout_primary.no_timeline #Webcast_Timeline_Holder,
		.pi_widget #webcast.player_layout_primary.force_timeline.hide_timeline #Webcast_Timeline_Holder,
		.pi_widget #webcast.player_layout_primary.force_timeline.no_timeline #Webcast_Timeline_Holder{ /* not shown in player_layout_primary at this size unless #webcast has class force_timeline */
			display: none;
		}
		.pi_widget #webcast.player_layout_primary #Webcast_Timeline_Close_Button_Holder { /* only show opener if timeline has been force closed in secondary landscap medium / large */
			display: block;
		}
		/* content */
		.pi_widget #webcast.player_layout_primary #Webcast_Welcome {
			width: 100%;
			float: none;
			display: block;
		}
		.pi_widget #webcast.player_layout_primary #Webcast_Video {
			width: 100%;
			float: none;
			display: block;
		}
		.pi_widget #webcast.player_layout_primary article .webcast_article_inner,
		.pi_widget #webcast.player_layout_primary article#Webcast_Video .webcast_article_inner,
		.pi_widget #webcast.player_layout_primary article#Webcast_Welcome .webcast_article_inner {
			margin: 0 0 20px 0; /* transparent space between components */
		}
		.pi_widget #webcast.player_layout_primary #Webcast_Timeline_Holder article .webcast_article_inner {
			margin: 0 0 20px 20px; /* transparent space between components */
		}
	/* player_layout_primary end */
	/* player_layout_secondary start */
		/*layout*/
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Core {
			width: 20%;
			float: left;
			display: block;
		}
		.ie7 .pi_widget #webcast.player_layout_secondary.full #Webcast_Core {
			width: 19.9%;
		}
		.pi_widget #webcast.player_layout_secondary.full.hide_timeline #Webcast_Core,
		.pi_widget #webcast.player_layout_secondary.full.no_timeline #Webcast_Core {
			width: 35%;
			float: left;
			display: block;
		}
		.pi_widget #webcast.player_layout_secondary.full.transcript #Webcast_Core {
			width: 20%;
			float: left;
			display: block;
		}
		.ie7 .pi_widget #webcast.player_layout_secondary.full.hide_timeline #Webcast_Core,
		.ie7 .pi_widget #webcast.player_layout_secondary.full.no_timeline #Webcast_Core {
			width: 34.9%;
		}
		.ie7 .pi_widget #webcast.player_layout_secondary.full.transcript #Webcast_Core {
			width: 19.9%;
		}
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Support_Data { /* not shown in player_layout_secondary */
			width: 50%;
			float: left;
			display: block;
			clear: none;
		}
		.pi_widget #webcast.player_layout_secondary.full.hide_timeline #Webcast_Support_Data,
		.pi_widget #webcast.player_layout_secondary.full.no_timeline #Webcast_Support_Data { /* not shown in player_layout_secondary */
			width: 65%;
			float: left;
			display: block;
			clear: none;
		}
		.pi_widget #webcast.player_layout_secondary.full.transcript #Webcast_Support_Data { /* not shown in player_layout_secondary */
			width: 80%;
			float: left;
			display: block;
			clear: none;
		}
		.pi_widget #webcast.player_layout_secondary.full.transcript #Webcast_Support_Data #transcript_controls {
			position: -webkit-sticky;
			position: -moz-sticky;
			position: -ms-sticky;
			position: -o-sticky;
			position: sticky;
			top: 73px;
			z-index: 150;
		}
		.pi_widget #webcast.player_layout_secondary.full.transcript #Webcast_Support_Data #transcript_controls #agenda_select_container {
			display: block;
		}
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Timeline_Holder { /* not shown in player_layout_secondary at this size unless #webcast has class force_timeline */
			width: 30%;
			float: right;
			display: block;
			clear: none;
		}
		.pi_widget #webcast.player_layout_secondary.full.hide_timeline #Webcast_Timeline_Holder,
		.pi_widget #webcast.player_layout_secondary.full.no_timeline #Webcast_Timeline_Holder,
		.pi_widget #webcast.player_layout_secondary.full.transcript #Webcast_Timeline_Holder {
			display: none;
		}
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Timeline_Close_Button_Holder {
			display: block;
		}
		.pi_widget #webcast.player_layout_secondary.full.hide_timeline #Webcast_Timeline_Close_Button_Holder,
		.pi_widget #webcast.player_layout_secondary.full.no_timeline #Webcast_Timeline_Close_Button_Holder {
			display: none;
		}
		/* content */
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Welcome {
			/* needs to be updated to be pushed down so video can slot in above at this size... */
			width: 100%;
			float: none;
			display: block;
		}
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Video {
			/* needs to be slot in above welcome at this size... */
			width: 100%;
			float: none;
			display: block;
		}
		.pi_widget #webcast.player_layout_secondary.full article .webcast_article_inner, 
		.pi_widget #webcast.player_layout_secondary.full article#Webcast_Video .webcast_article_inner ,
		.pi_widget #webcast.player_layout_secondary.full article#Webcast_Welcome .webcast_article_inner {
			margin: 0 0 20px 0; /* transparent space between components */
		}
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Support_Data article .webcast_article_inner,
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Timeline_Holder article .webcast_article_inner {
			margin: 0 0 20px 20px; /* transparent space between components */
		}
		
		/* webcast live chat / forums start */
			/* live chat start */
			.pi_widget #webcast #Webcast_Live_Chat .twitter_player_component_holder{
				float: none;
				width: 100%;
				padding: 2%;
			}
			.pi_widget #webcast #Webcast_Live_Chat.two_sections .twitter_player_component_holder {
				float: left;
				width: 33.3333%;
				padding: 2% 1% 2% 2%;
			}
			/* live chat end */
			/* forum start */
			.pi_widget #webcast #Webcast_Forums .disqus_player_component_holder,
			.pi_widget #webcast #Webcast_Forums .uservoice_player_component_holder {
				float: none;
				width: 100%;
				padding: 2%;
			}
			.pi_widget #webcast #Webcast_Forums.two_sections .disqus_player_component_holder {
				float: left;
				width: 50%;
				padding: 2% 1% 2% 2%;
			}
			.pi_widget #webcast #Webcast_Forums.two_sections .uservoice_player_component_holder {
				float: right;
				width: 50%;
				padding: 2% 2% 2% 1%;
			}
			/* forum end */
		/* webcast live chat / forums end */
	/* player_layout_secondary end */
	/* hide timeline nav as always on */
	.pi_widget #webcast nav li#Webcast_Nav_Timeline {
		display: none !important;
	}

}

/* landscape 800px -> 1024px */
/* target - tablet / old desktop landscape between 800px and 1024px wide */
@media (min-width: 801px) and (max-width: 1024px) and (orientation: landscape) { /*class=pi_minWidth_801_maxWidth_1024_orientation_landscape*/
	.pi_widget #webcast #webcast_debug_1 .resp:after { content: " : medium landscape"; } /* debug ! */
	
	#webcast.full #Webcast_Core /* sticky player */
	, #webcast.full .player_component_heading:not(.no_sticky) /* sticky headings */ {
		position: -webkit-sticky;
		position: -moz-sticky;
		position: -ms-sticky;
		position: -o-sticky;
		position: sticky;
		top: 39px;
		z-index: 150;
	}
	/* player_layout_primary start */
		/*layout*/
		.pi_widget #webcast.player_layout_primary #Webcast_Core {
			width: 70%;
			float: left;
			display: block;
		}
		.ie7 .pi_widget #webcast.player_layout_primary #Webcast_Core {
			width: 69.9%;
		}
		.pi_widget #webcast.player_layout_primary.hide_timeline #Webcast_Core,
		.pi_widget #webcast.player_layout_primary.no_timeline #Webcast_Core {
			width: 100%;
			float: left;
			display: block;
		}
		.pi_widget #webcast.player_layout_primary #Webcast_Support_Data { /* not shown in player_layout_primary */
			display: none;
		}
		.pi_widget #webcast.player_layout_primary.no_timeline #Webcast_Timeline_Holder {
			display: none;
		}
		.pi_widget #webcast.player_layout_primary #Webcast_Timeline_Holder,
		.pi_widget #webcast.player_layout_primary.force_timeline #Webcast_Timeline_Holder {
			width: 30%;
			float: right;
			display: block;
			clear: none;
		}
		.pi_widget #webcast.player_layout_primary.hide_timeline #Webcast_Timeline_Holder,
		.pi_widget #webcast.player_layout_primary.no_timeline #Webcast_Timeline_Holder,
		.pi_widget #webcast.player_layout_primary.force_timeline.hide_timeline #Webcast_Timeline_Holder,
		.pi_widget #webcast.player_layout_primary.force_timeline.no_timeline #Webcast_Timeline_Holder {
			display: none;
		}
		.pi_widget #webcast.player_layout_primary #Webcast_Timeline_Close_Button_Holder {
			display: block;
		}
		.pi_widget #webcast.player_layout_primary.hide_timeline #Webcast_Timeline_Close_Button_Holder {
			display: block;
		}
		/* content */
		.pi_widget #webcast.player_layout_primary #Webcast_Welcome {
			width: 28.5714%;
			float: left;
			display: block;
		}
		.pi_widget #webcast.player_layout_primary.hide_timeline #Webcast_Welcome,
		.pi_widget #webcast.player_layout_primary.no_timeline #Webcast_Welcome {
			width: 35%;
			float: left;
			display: block;
		}
		.pi_widget #webcast.player_layout_primary #Webcast_Video {
			width: 71.4286%;
			float: right;
			display: block;
		}
		.pi_widget #webcast.player_layout_primary.hide_timeline #Webcast_Video,
		.pi_widget #webcast.player_layout_primary.no_timeline #Webcast_Video {
			width: 65%;
			float: right;
			display: block;
		}
		.pi_widget #webcast.player_layout_primary article .webcast_article_inner,
		.pi_widget #webcast.player_layout_primary article#Webcast_Welcome .webcast_article_inner {
			margin: 0 0 20px 0; /* transparent space between components */
		}
		.pi_widget #webcast.player_layout_primary article#Webcast_Video .webcast_article_inner,
		.pi_widget #webcast.player_layout_primary #Webcast_Timeline_Holder article .webcast_article_inner {
			margin: 0 0 20px 20px; /* transparent space between components */
		}
	/* player_layout_primary end */
	/* player_layout_secondary start */
		/*layout*/
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Core {
			width: 20%;
			float: left;
			display: block;
		}
		.ie7 .pi_widget #webcast.player_layout_secondary.full #Webcast_Core {
			width: 19.9%;
		}
		.pi_widget #webcast.player_layout_secondary.full.hide_timeline #Webcast_Core,
		.pi_widget #webcast.player_layout_secondary.full.no_timeline #Webcast_Core {
			width: 35%;
			float: left;
			display: block;
		}
		.pi_widget #webcast.player_layout_secondary.full.transcript #Webcast_Core {
			width: 20%;
			float: left;
			display: block;
		}
		.ie7 .pi_widget #webcast.player_layout_secondary.full.hide_timeline #Webcast_Core,
		.ie7 .pi_widget #webcast.player_layout_secondary.full.no_timeline #Webcast_Core {
			width: 34.9%;
		}
		.ie7 .pi_widget #webcast.player_layout_secondary.full.transcript #Webcast_Core {
			width: 19.9%;
		}
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Support_Data { /* not shown in player_layout_secondary */
			width: 50%;
			float: left;
			display: block;
			clear: none;
		}
		.pi_widget #webcast.player_layout_secondary.full.hide_timeline #Webcast_Support_Data,
		.pi_widget #webcast.player_layout_secondary.full.no_timeline #Webcast_Support_Data {
			width: 65%;
			float: left;
			display: block;
			clear: none;
		}
		.pi_widget #webcast.player_layout_secondary.full.transcript #Webcast_Support_Data {
			width: 80%;
			float: left;
			display: block;
			clear: none;
		}
		.pi_widget #webcast.player_layout_secondary.full.transcript #Webcast_Support_Data #transcript_controls {
			position: -webkit-sticky;
			position: -moz-sticky;
			position: -ms-sticky;
			position: -o-sticky;
			position: sticky;
			top: 73px;
			z-index: 150;
		}
		.pi_widget #webcast.player_layout_secondary.full.transcript #Webcast_Support_Data #transcript_controls #agenda_select_container {
			display: block;
		}
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Timeline_Holder { /* not shown in player_layout_secondary at this size unless #webcast has class force_timeline */
			width: 30%;
			float: right;
			display: block;
		}
		.pi_widget #webcast.player_layout_secondary.full.hide_timeline #Webcast_Timeline_Holder,
		.pi_widget #webcast.player_layout_secondary.full.no_timeline #Webcast_Timeline_Holder,
		.pi_widget #webcast.player_layout_secondary.full.transcript #Webcast_Timeline_Holder { /* not shown in player_layout_secondary at this size unless #webcast has class force_timeline */
			display: none;
		}
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Timeline_Close_Button_Holder {
			display: block;
		}
		.pi_widget #webcast.player_layout_secondary.full.hide_timeline #Webcast_Timeline_Close_Button_Holder {
			display: block;
		}
		/* content */
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Welcome {
			/* needs to be updated to be pushed down so video can slot in above at this size... */
			width: 100%;
			float: none;
			display: block;
		}
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Video {
			/* needs to be slot in above welcome at this size... */
			width: 100%;
			float: none;
			display: block;
		}
		.pi_widget #webcast.player_layout_secondary.full article .webcast_article_inner, 
		.pi_widget #webcast.player_layout_secondary.full article#Webcast_Video .webcast_article_inner,
		.pi_widget #webcast.player_layout_secondary.full article#Webcast_Welcome .webcast_article_inner
		 {
			margin: 0 0 20px 0; /* transparent space between components */
		}
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Support_Data article .webcast_article_inner,
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Timeline_Holder article .webcast_article_inner {
			margin: 0 0 20px 20px; /* transparent space between components */
		}
		
		/* webcast live chat / forums start */
			/* live chat start */ /* forum start */
			.pi_widget #webcast #Webcast_Live_Chat .twitter_player_component_holder,
			.pi_widget #webcast #Webcast_Live_Chat.two_sections .twitter_player_component_holder,
			.pi_widget #webcast #Webcast_Forums .disqus_player_component_holder,
			.pi_widget #webcast #Webcast_Forums .uservoice_player_component_holder,
			.pi_widget #webcast #Webcast_Forums.two_sections .disqus_player_component_holder,
			.pi_widget #webcast #Webcast_Forums.two_sections .uservoice_player_component_holder {
				float: none;
				width: 100%;
				padding: 2%;
			}
			/* live chat end */ /* forum end */
		/* webcast live chat / forums end */
	/* player_layout_secondary end */
	/* hide timeline nav as always on */
	.pi_widget #webcast nav li#Webcast_Nav_Timeline {
		display: none !important;
	}

}

/* landscape wider than 1024px */
/* target - desktop landscape above 1024px wide */
@media (min-width: 1025px) and (orientation: landscape) { /*class=pi_minWidth_1025_orientation_landscape*/
	.pi_widget #webcast #webcast_debug_1 .resp:after { content: " : large landscape"; } /* debug ! */
	
	#webcast.full #Webcast_Core /* sticky player */
	, #webcast.full .player_component_heading:not(.no_sticky) /* sticky headings */ {
		position: -webkit-sticky;
		position: -moz-sticky;
		position: -ms-sticky;
		position: -o-sticky;
		position: sticky;
		top: 40px;
		z-index: 150;
	}
	
	/* player_layout_primary start */
		/* currently just a copy of above (landscape 800px -> 1024px) - revisit ! */
		/*layout*/
		.pi_widget #webcast.player_layout_primary #Webcast_Core {
			width: 70%;
			float: left;
			display: block;
		}
		.ie7 .pi_widget #webcast.player_layout_primary #Webcast_Core {
			width: 69.9%;
		}
		.pi_widget #webcast.player_layout_primary.hide_timeline #Webcast_Core,
		.pi_widget #webcast.player_layout_primary.no_timeline #Webcast_Core {
			width: 100%;
			float: left;
			display: block;
		}
		.ie7 .pi_widget #webcast.player_layout_primary #Webcast_Support_Data { /* not shown in player_layout_primary */
			display: none;
		}
		.pi_widget #webcast.player_layout_primary.no_timeline #Webcast_Timeline_Holder {
			display: none;
		}
		.pi_widget #webcast.player_layout_primary #Webcast_Timeline_Holder,
		.pi_widget #webcast.player_layout_primary.force_timeline #Webcast_Timeline_Holder { /* not shown in player_layout_primary at this size unless #webcast has class force_timeline */
			width: 30%;
			float: right;
			display: block;
			clear: none;
		}
		.pi_widget #webcast.player_layout_primary.hide_timeline #Webcast_Timeline_Holder,
		.pi_widget #webcast.player_layout_primary.no_timeline #Webcast_Timeline_Holder,
		.pi_widget #webcast.player_layout_primary.force_timeline.hide_timeline #Webcast_Timeline_Holder,
		.pi_widget #webcast.player_layout_primary.force_timeline.no_timeline #Webcast_Timeline_Holder { /* not shown in player_layout_primary at this size unless #webcast has class force_timeline */
			display: none;
		}
		.pi_widget #webcast.player_layout_primary #Webcast_Timeline_Close_Button_Holder {
			display: block;
		}
		.pi_widget #webcast.player_layout_primary.hide_timeline #Webcast_Timeline_Close_Button_Holder {
			display: block;
		}
		/* content */
		.pi_widget #webcast.player_layout_primary #Webcast_Welcome {
			width: 28.5714%;
			float: left;
			display: block;
		}
		.pi_widget #webcast.player_layout_primary.hide_timeline #Webcast_Welcome,
		.pi_widget #webcast.player_layout_primary.no_timeline #Webcast_Welcome {
			width: 35%;
			float: left;
			display: block;
		}
		.pi_widget #webcast.player_layout_primary #Webcast_Video {
			width: 71.4286%;
			float: right;
			display: block;
		}
		.pi_widget #webcast.player_layout_primary.hide_timeline #Webcast_Video,
		.pi_widget #webcast.player_layout_primary.no_timeline #Webcast_Video {
			width: 65%;
			float: right;
			display: block;
		}
		.pi_widget #webcast.player_layout_primary article .webcast_article_inner,
		.pi_widget #webcast.player_layout_primary article#Webcast_Welcome .webcast_article_inner {
			margin: 0 0 20px 0; /* transparent space between components */
		}
		.pi_widget #webcast.player_layout_primary article#Webcast_Video .webcast_article_inner,
		.pi_widget #webcast.player_layout_primary #Webcast_Timeline_Holder article .webcast_article_inner {
			margin: 0 0 20px 20px; /* transparent space between components */
		}

	/* player_layout_primary end */
	/* player_layout_secondary start */
		/*layout*/
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Core {
			width: 20%;
			float: left;
			display: block;
		}
		.ie7 .pi_widget #webcast.player_layout_secondary.full #Webcast_Core {
			width: 19.9%;
		}
		.pi_widget #webcast.player_layout_secondary.full.hide_timeline #Webcast_Core,
		.pi_widget #webcast.player_layout_secondary.full.no_timeline #Webcast_Core {
			width: 35%;
			float: left;
			display: block;
		}
		.pi_widget #webcast.player_layout_secondary.full.transcript #Webcast_Core {
			width: 20%;
			float: left;
			display: block;
		}
		.ie7 .pi_widget #webcast.player_layout_secondary.full.hide_timeline #Webcast_Core,
		.ie7 .pi_widget #webcast.player_layout_secondary.full.no_timeline #Webcast_Core {
			width: 34.9%;
		}
		.ie7 .pi_widget #webcast.player_layout_secondary.full.transcript #Webcast_Core {
			width: 19.9%;
		}
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Support_Data { /* not shown in player_layout_secondary */
			width: 50%;
			float: left;
			display: block;
			clear: none;
		}
		.pi_widget #webcast.player_layout_secondary.full.hide_timeline #Webcast_Support_Data,
		.pi_widget #webcast.player_layout_secondary.full.no_timeline #Webcast_Support_Data { /* not shown in player_layout_secondary */
			width: 65%;
			float: left;
			display: block;
			clear: none;
		}
		.pi_widget #webcast.player_layout_secondary.full.transcript #Webcast_Support_Data { /* not shown in player_layout_secondary */
			width: 80%;
			float: left;
			display: block;
			clear: none;
		}
		.pi_widget #webcast.player_layout_secondary.full.transcript #Webcast_Support_Data #transcript_controls {
			position: -webkit-sticky;
			position: -moz-sticky;
			position: -ms-sticky;
			position: -o-sticky;
			position: sticky;
			top: 73px;
			z-index: 150;
		}
		.pi_widget #webcast.player_layout_secondary.full.transcript #Webcast_Support_Data #transcript_controls #agenda_select_container {
			display: block;
		}
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Timeline_Holder { /* not shown in player_layout_secondary at this size unless #webcast has class force_timeline */
			width: 30%;
			float: right;
			display: block;
			clear: none;
		}
		.pi_widget #webcast.player_layout_secondary.full.hide_timeline #Webcast_Timeline_Holder,
		.pi_widget #webcast.player_layout_secondary.full.no_timeline #Webcast_Timeline_Holder,
		.pi_widget #webcast.player_layout_secondary.full.transcript #Webcast_Timeline_Holder { /* not shown in player_layout_secondary at this size unless #webcast has class force_timeline */
			display: none;
		}
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Timeline_Close_Button_Holder {
			display: block;
		}
		.pi_widget #webcast.player_layout_secondary.full.hide_timeline #Webcast_Timeline_Close_Button_Holder {
			display: block;
		}
		/* content */
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Welcome {
			/* needs to be updated to be pushed down so video can slot in above at this size... */
			width: 100%;
			float: none;
			display: block;
		}
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Video {
			/* needs to be slot in above welcome at this size... */
			width: 100%;
			float: none;
			display: block;
		}
		.pi_widget #webcast.player_layout_secondary.full article .webcast_article_inner, 
		.pi_widget #webcast.player_layout_secondary.full article#Webcast_Video .webcast_article_inner,
		.pi_widget #webcast.player_layout_secondary.full article#Webcast_Welcome .webcast_article_inner {
			margin: 0 0 20px 0; /* transparent space between components */
		}
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Support_Data article .webcast_article_inner,
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Timeline_Holder article .webcast_article_inner {
			margin: 0 0 20px 20px; /* transparent space between components */
		}
		.pi_widget #webcast.player_layout_secondary.full #Webcast_Timeline .archived_timeline_holder {
			position: relative;
			height: 0;
			padding-top: 101px; /* sum of all px height parts of webcast minus timeline title height ( (31 + 30 + 61) - 31 )*/
			padding-bottom: 93.75%; /* 50/30 * 9/16 * 100 [ column width ratios * video height to width ratio ] */
		}
		
		
		/* webcast live chat / forums start */
			/* live chat start */
			.pi_widget #webcast #Webcast_Live_Chat .twitter_player_component_holder {
				float: none;
				width: 100%;
				padding: 2%;
			}
			.pi_widget #webcast #Webcast_Live_Chat.two_sections .twitter_player_component_holder {
				float: left;
				width: 31.3333%;
				padding: 2% 1% 2% 2%;
			}
			/* live chat end */
			/* forum start */
			.pi_widget #webcast #Webcast_Forums .disqus_player_component_holder,
			.pi_widget #webcast #Webcast_Forums .uservoice_player_component_holder {
				float: none;
				width: 100%;
				padding: 2%;
			}
			.pi_widget #webcast #Webcast_Forums.two_sections .disqus_player_component_holder {
				float: left;
				width: 50%;
				padding: 2% 1% 2% 2%;
			}
			.pi_widget #webcast #Webcast_Forums.two_sections .uservoice_player_component_holder {
				float: right;
				width: 50%;
				padding: 2% 2% 2% 1%;
			}
			/* forum end */
		/* webcast live chat / forums end */
	/* player_layout_primary end */
	/* hide timeline nav as always on */
	.pi_widget #webcast nav li#Webcast_Nav_Timeline { display: none !important; }
}