/*
This adapted from:
https://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-simple-itunes-like-slider/
*/
.general.home {
	background: #E8E8E8;
}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^	HOME ROTATOR ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */
#RotatorWrapper {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	margin-top: -1px;
	box-shadow: 0 12px 12px #777;
	background: #000;
}
#RotatorWrapper + div {
	padding-top: 3em;
}
@media screen and (min-width: 800px) {
	#RotatorWrapper {
		padding-top: 0;
		background: #242424; /* Old browsers */
		background: -moz-linear-gradient(45deg,  rgba(102,102,102,1) 0%, rgba(53,53,53,1) 31%, rgba(0,0,0,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(102,102,102,1)), color-stop(31%,rgba(53,53,53,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(45deg,  rgba(102,102,102,1) 0%,rgba(53,53,53,1) 31%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(45deg,  rgba(102,102,102,1) 0%,rgba(53,53,53,1) 31%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(45deg,  rgba(102,102,102,1) 0%,rgba(53,53,53,1) 31%,rgba(0,0,0,1) 100%); /* IE10+ */
		background: linear-gradient(45deg,  rgba(102,102,102,1) 0%,rgba(53,53,53,1) 31%,rgba(0,0,0,1) 100%); /* W3C */
	}
}

/* Main Slide */
#RotatorMain {
	position: relative;
	width: 100%;
	/*max-height: 225px;*/
	overflow: hidden;
	border-top: 2px solid #161b47;
	/*max-width: 590px;*/
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

#MainSlideHolder {
	width: 100%;
	/*max-width: 100%;*/
	overflow: hidden;
	background: transparent;
}

#RotatorMain .mainSlide {
	float: left;
	display: block;
	position: relative;
}

@media screen and (min-width: 610px) {
	#RotatorMain {
		/*max-height: 364px;*/
		border: 1px solid #161b47;
	}
}

@media screen and (min-width: 800px) {
	#RotatorMain {
		border: 0 none;
	}
}

@media screen and (min-width: 960px) {
	#RotatorMain {
		margin-right: 0;
		max-width: none;
	}
}

/* Main slide elements */
#RotatorMain .mainSlide .info.icon {
	background-color: hsla(0, 0%, 0%, 0.5);
	/*background-color: hsla(0, 0%, 60%, 0.45);*/
    background-position: center 10px;
    border-radius: 0 0 0 7px;
    height: 42px;
    opacity: 1;
    padding-bottom: 0.2em;
    padding-top: 0.2em;
    position: absolute;
    right: 0;
    top: 0;
    width: 55px;
    z-index: 55;
}

#RotatorMain .mainSlide .playOverlay {
	max-height: none;
}
@media screen and (min-width: 960px) {
	#RotatorMain .mainSlide .playOverlay {
		background-size: 13% auto;
	}
}

#RotatorMain .mainSlide .primaryInfo:hover .playOverlay {
	visibility: visible;
	opacity: 1;
	-moz-transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	transition: opacity 1s ease;
}

#RotatorMain .mainSlide .title {
	color: #f4c90a;
	font-size: 1.28125em;
	line-height: 1.2em;
	font-weight: bold;
	padding: 3.2em 0 3.2em .75em;
	padding-top: 1em \0/;
	text-shadow: 0 2px 3px hsl(0, 0%, 0%);
	z-index: 25;
	font-family: Cambria,Georgia,Serif;
	clear: both;
	position: absolute;
	bottom: 0;
	bottom: -.25em\0/;
	width: 100%;
	background: url(https://images.azureedge.net/wtc/images/interface/bg_ie_bottom_dark_gradient.png) repeat-x 0 0;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 34%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(34%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 34%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 34%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 34%,rgba(0,0,0,0.5) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 34%,rgba(0,0,0,0.5) 100%); /* W3C */
}

#RotatorMain .mainSlide .title .text {
	width: 90%;
	display: inline-block;
	clear: both;
}

#RotatorMain .mainSlide .title .featureType {
	font-size: 68%;
	color: #cacaca;
	display: inline-block;
	clear: both;
	font-style: oblique;
}

#RotatorMain .mainSlide img {
	width: 125%;
	display: block;
	position: relative;
	right: 0;
}

#RotatorMain .mainSlide .MainOverlay {
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, Sans-Serif;
	color: #FEFEFE;
	font-weight: bold;
	padding: 1em .75em;
	position: relative;
}

#RotatorMain .mainSlide .secondaryInfo {
	display: none;
}
#RotatorMain .mainSlide .secondaryInfo .mediaInfo .subject a {
	display: none;
}
#RotatorMain .mainSlide .primaryInfo .bar.progress { display: none !important; }

@media screen and (min-width: 410px) {
	#RotatorMain .mainSlide .title {
		font-size: 1.875em;
		text-shadow: 0 2px 3px #000;
		padding-bottom: 2.2em;
	}
}

@media screen and (min-width: 610px) {
	#RotatorMain .mainSlide img {
		width: 100%;
	}
	#RotatorMain .mainSlide #rotate_558769 img /* beast of Rev. pt 1 */, #RotatorMain .mainSlide #rotate_558770 img /* beast of Rev. pt 2 */, #RotatorMain .mainSlide #rotate_558766 img /* heaven your reward? */ {
		margin-top: -11%;
	}
}

@media screen and (min-width: 960px) {
	#RotatorMain .mainSlide {
		/*clear: both;
		float: none;*/
		float: left;
		display: block;
	}
	#RotatorMain .mainSlide .infoSection {
		width: 50%;
		float: left;
		display: block;
	}
	#RotatorMain .mainSlide .primaryInfo {
		width: 60%;
		max-width: 800px;
		max-height: 364px;
		position: relative;
		overflow: hidden;
		display: block;
	}
	#RotatorMain .mainSlide .secondaryInfo {
		width: 35%;
		margin-left: 3%;
		display: block;
	}
	#RotatorMain .mainSlide .secondaryInfo .promo {
		font-family: Cambria,Georgia,Serif;
		font-size: 1.015625em;
		color: hsla(0, 100%, 100%, .95);
		padding-top: .3em;
		line-height: 1.32em;
	}
	#RotatorMain .mainSlide .secondaryInfo .promo a.ren-link {
		color: #b9bcd9;
	}
	#RotatorMain .mainSlide .secondaryInfo .mediaInfo {
		text-transform: uppercase;
		display: block;
		color: #c9c9c9;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	}
	#RotatorMain .mainSlide .secondaryInfo .mediaInfo .mediaLength {
		background: #555;
		color: hsla(0, 100%, 100%, .8);
		padding: 0.1em 0.5em;
		border-radius: 2px 2px 2px 2px;
	}
	#RotatorMain .mainSlide .secondaryInfo .mediaInfo .date, #RotatorMain .mainSlide .secondaryInfo .mediaInfo .subject {
		padding: 0 0.6em 0 0.45em;
	}
	#RotatorMain .mainSlide .secondaryInfo .mediaInfo .subject a {
		color: #b9bcd9;
	}
	#RotatorMain .mainSlide .secondaryInfo .mediaInfo .subject a:hover {
		color: #9a9fc9;
	}
	#RotatorMain .mainSlide .secondaryInfo .mediaInfo .date {
		padding-left: 0;
	}
	#RotatorMain .mainSlide .secondaryInfo .button {
		margin-left: .1em;
		margin-right: .5em;
		padding: 0.6em 1.25em;
	}
	#RotatorMain .mainSlide .secondaryInfo .button.startPlaying {
		margin-top: 0;
		padding: 0.5em 0.2em 0.5em 1.18em;
		border-radius: 2px 2px 2px 2px !important;
		box-shadow: 0 0 2px #888 !important;
		border: 1px solid;
		font-family: Cambria,Georgia,Serif;
		font-size: 1.15em;
		background: #4F5794;
		border-color: #8991D1 #525a97 #525a97 #525a97;
	}
	#RotatorMain .mainSlide .secondaryInfo .button.startPlaying:hover {
		color: #FFF;
		background: #5C64A1;
	}
	#RotatorMain .mainSlide .secondaryInfo .button.playlistControl {
		background: transparent;
		box-shadow: 0 0 0 transparent !important;
		border: 0 none;
		color: #dddddd;
		padding-right: 0;
	}
	#RotatorMain .mainSlide .secondaryInfo .button.playlistControl.add, #RotatorMain .mainSlide .secondaryInfo .button.playlistControl.fakeAdd {
		padding-left: 2.75em;
		margin-top: 0;
	}	
	#RotatorMain .mainSlide .secondaryInfo .button.playlistControl.added .toolTip {
		box-shadow: 0 0 0 transparent;
	}
	#RotatorMain .mainSlide .secondaryInfo .button.playlistControl.added .toolTip.bottom {
		top: 3.2em;
		left: 1.75em;
	}
	#RotatorMain .mainSlide .secondaryInfo .button.playlistControl .icon {
		height: 35px;
	}
	#RotatorMain .mainSlide .secondaryInfo .button.playlistControl .icon.add {
		background-position: center -400px;
	}
	#RotatorMain .mainSlide .secondaryInfo .button.playlistControl:hover .icon.add {
		background-position: center -501px;
	}
	#RotatorMain .mainSlide .secondaryInfo .button.playlistControl:hover {
		color: #FFF;
	}
	#RotatorMain .mainSlide .secondaryInfo .button.playlistControl .icon.added {
		top: -8px;		
	}
	#RotatorMain .mainSlide .secondaryInfo .button .icon.right {
		background: url("https://images.azureedge.net/wtc/images/interface/sprite_hallow_arrows_white.png") no-repeat scroll center -162px transparent;
		position: relative;
		left: auto;
		top: -1px;
		display: inline-block;
		height: 19px;
		width: 32px;
		visibility: visible;
		opacity: 1;
	}
	#RotatorMain .mainSlide .info.icon {
		display: none;
	}
}
@media screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio:0) /*For Google Chrome*/ {
	#RotatorMain .mainSlide .secondaryInfo .button.playlistControl:hover .icon.add {
		
	}
}
@media screen and (min-width: 1110px) {
	#RotatorMain .mainSlide .secondaryInfo .button.playlistControl {
		margin-left: 1.5em;	
	}	
	#RotatorMain .mainSlide .secondaryInfo .promo {
		font-size: 1.06em;
		padding-top: 1em;
	}
}
@media screen and (min-width: 1440px) {
	#RotatorMain .mainSlide .secondaryInfo .promo {
		font-size: 1.125em;
	}
}

/* Secondary slides */
#RotatorOptions {
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 70;
	margin-left: auto;
	margin-right: auto;
	height: 16px;	
	padding-bottom: 1em;
	padding-top: 0.75em;

}
#RotatorOptions img.MainThumb {
	width: 100%;
}
#RotatorOptions #RotatorPagination {
	display: table;
	/*background: none repeat scroll 0 0 hsla(0, 0%, 60%, 0.45);
	border-radius: 4px 4px 0 0; */
	width: 60%;
	min-width: 136px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -.5em;
}
@media screen and (-webkit-min-device-pixel-ratio:0) /*For Google Chrome*/ {
	#RotatorOptions #RotatorPagination {
		width: 145px;
		margin-top: -1em;
	}
}
@media screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio:0) /*For Google Chrome*/ {
	#RotatorOptions #RotatorPagination {
		width: 200px;
	}	
}
#RotatorOptions #RotatorPagination .slideDisc {
	display: table-cell;
	width: auto;
	vertical-align: middle;
	border: 1px solid transparent;
	position: relative;
}
#RotatorOptions .icon.prior, #RotatorOptions .icon.next {
	background: url("https://images.azureedge.net/wtc/images/interface/sprite_hallow_arrows_white_hires.png") no-repeat scroll center -218px transparent;
	opacity: 0.6;
	display: block;
	position: absolute;
	top: -1.2em;
	height: 70px;
	width: 85px;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	-moz-transition: opacity .5s ease 1s;
	-webkit-transition: opacity .5s ease 1s;
	-o-transition: opacity .5s ease 1s;
	transition: opacity .5s ease 1s;
}
#RotatorOptions .icon.prior:hover, #RotatorOptions .icon.next:hover, #RotatorOptions #RotatorPagination .slideDisc:hover, 
	#RotatorOptions .icon.prior:focus, #RotatorOptions .icon.next:focus, #RotatorOptions #RotatorPagination .slideDisc:focus { 
	opacity: 1;
	-moz-transition: opacity .3s ease 0s;
	-webkit-transition: opacity .3s ease 0s;
	-o-transition: opacity .3s ease 0s;
	transition: opacity .3s ease 0s;
}

#RotatorOptions .icon.next {
	right: 0;
	left: auto;
	width: 60px;
	background-position: 10% -488px;
}
#RotatorOptions .icon.slideDisc { 
	background: url(https://images.azureedge.net/wtc/images/interface/sprite_circles.png) no-repeat center -57px transparent;
	background-size: 13px auto;
    opacity: .7;
    display: block;
    height: 13px;
    width: 12px;
    margin-left: auto;
    margin-right: auto;
	cursor: pointer;    
	padding: .55em 0;
}
#RotatorOptions .icon.slideDisc .text::before {
	content: 'Video';
	display: block;
	font-size: 0.84375em;
	position: absolute;
	visibility: hidden;
	font-weight: bold;
	opacity: 0;
	z-index: 200;
	padding: .4em 1em;
	background: #525a97;
	color: #FEFEFE;
	text-align: center;
	right: auto;
	width: 100%;
	min-width: 50px;
	height: auto;
	max-width: none;
	overflow: visible;
	border-radius: 4px;
	top: -2.7em;
	left: -25%;
	text-shadow: 1px 1px 0 #333;
	-moz-transition: opacity .5s ease;
	-webkit-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	transition: opacity .5s ease;
}
#RotatorOptions .icon.slideDisc.Video .text::before {
	content: 'Today\'s Video';
	left: -50%;
	min-width: 85px;
}
#RotatorOptions .icon.slideDisc.Audio .text::before {
	content: 'Today\'s Audio';
	left: -50%;
	min-width: 85px;
}
#RotatorOptions .icon.slideDisc:hover .text::before {
	opacity: 1;
	visibility: visible;
}
#RotatorOptions .icon.slideDisc .text::after {
	background: transparent url("https://images.azureedge.net/wtc/images/interface/sprite_comment_bubble_top.png") no-repeat scroll center -183px;
	display: block;
	height: 25px;
	position: absolute;
	content: '';
	top: -1.3em;
	left: 0;
	width: 100%;
	z-index: 201;
	visibility: hidden;
	opacity: 0;
	-moz-transition: opacity .5s ease;
	-webkit-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	transition: opacity .5s ease;
}
#RotatorOptions .icon.slideDisc:hover .text::after {
	opacity: 1;
	visibility: visible;
}
#RotatorOptions .icon.slideDisc.selected, #RotatorOptions .icon.slideDisc.selected:hover {
	cursor: default;
	background-position: center 8px;
	opacity: 1;
}

@media screen and (min-width: 624px)and (max-width: 959px) {
	#RotatorOptions {
		/*max-width: 590px;*/
	}
}
@media screen and (min-width: 960px) {
	#RotatorOptions #RotatorPagination {
		width: 36%;
		max-width: 185px;
	}
	#RotatorOptions .icon.slideDisc { 
		opacity: .8;
	}
	#RotatorOptions .icon.slideDisc .text .label {
		opacity: 1;
		display: inline;
		-moz-transition: opacity .5s ease;
		-webkit-transition: opacity .5s ease;
		-o-transition: opacity .5s ease;
		transition: opacity .5s ease;	
	}
}
@media screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio:0) /*For Google Chrome*/ {
	#RotatorOptions #RotatorPagination {
		margin-top: -.74em;
	}
}


/* Help modals */
#RotatorMain .mainSlide .secondaryInfo .actionButtons {
	position: relative;
	display: inline-block;
}
#RotatorMain .mainSlide .secondaryInfo .actionButtons .helpModal {
	top: -109px;	
}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ HOMEPAGE-SPECIFIC ADS ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */
.home .noticeTitle {
	font-family: Cambria,Georgia,Serif;
	font-size: 1.28em;
	line-height: 1.18em;
	padding-left: 2%;
	padding-right: 2%;
}
.home .noticeTitle a:hover .toolTip {
	font-size: 58%;
}
@media screen and (min-width: 600px) {
	.home .noticeTitle {
		font-size: 1.4em;
	}
}
@media screen and (max-width: 1023px) {
	.home .notice {
		border-bottom: 1px solid #909090;	
	}	
	.home .noticeInline {
		max-width: 100%;
		overflow: hidden;
	}
}
@media screen and (min-width: 1024px) {
	.featureBlock .noticeTitle {
		padding-left: 0.3em;
		padding-right: 0;
	}
	.home .noticeTitle {
		text-align: left;
	}
	.home #InlineWTC_Subjects .noticeTitle {
		margin-left: .5em;
	}
}

.home #LatestYT { margin-bottom: 5em; }
@media screen and (min-width: 1024px) {
	.home #LatestYT { margin-bottom: 2.5em; }
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^	FEATURED BLOCK ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */
.featureBlock {
	max-width: 1280px;
}
.featureBlock .moreOptions {
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 1.03125em;
	display: block;
	clear: both;
	text-align: center;
	margin-bottom: 1em;
	margin-top: -.5em;
}
.featureBlock .moreOptions .button.subscribe {
	padding-top: .1em;
	padding-bottom: .15em;
}
.featureBlock .moreOptions .button.buttonIcon.subscribe {
	margin-bottom: .75em;
	box-shadow: 0 1px 1px hsl(0, 0%, 94%);
	font-family: Cambria, Georgia, Serif;
}
.featureBlock .moreOptions .button.buttonIcon.subscribe::before {
	background: url(https://images.azureedge.net/wtc/images/interface/icn_email_subscription.svg) no-repeat center center;
	background-size: auto;
	background-size: 31px auto;
	margin-right: 4px;
}
.featureBlock .moreOptions .button.plain {
	background: hsla(0, 0%, 100%, .4);
	border: 1px solid #AAA;
	box-shadow: 0 1px 1px #EFEFEF;
	border-radius: 3px;
	-moz-transition: background .3s ease, color .1s ease, border-color .3s ease;
	-webkit-transition: background .3s ease, color .1s ease, border-color .3s ease;
	-o-transition: background .3s ease, color .1s ease, border-color .3s ease;
	transition: background .3s ease, color .1s ease, border-color .3s ease;
}

.featureBlock .moreOptions .button.whyBroadcast {
	margin-right: 1em;
}

.featureBlock .moreOptions .button.plain:hover {
	color: #FFF;
	border-color: hsl(233, 30%, 48%);
	background: hsl(233, 30%, 48%); /* Old browsers */
	-moz-transition: background .3s ease, color .1s ease, border-color .3s ease;
	-webkit-transition: background .3s ease, color .1s ease, border-color .3s ease;
	-o-transition: background .3s ease, color .1s ease, border-color .3s ease;
	transition: background .3s ease, color .1s ease, border-color .3s ease;
}
.featureBlock .moreOptions .button.viewAll { background: #EFEFEF; }
.featureBlock .moreOptions .button.viewAll:hover { background: #FEFEFE; }

@media screen and (max-width: 1023px) {
	.featureBlock {
		border-top: 1px solid #F7F7F7;
	}
}

@media screen and (min-width: 1024px) {
	.featureBlock {
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 3em;
	}
	.featureBlock .noticeTitle {
		text-align: left;
		margin-bottom: -.75em;
	}
	.featureBlock .moreOptions {
		float: right;
		margin-right: .5%;
		margin-top: -1em;
		min-width: 275px;
		margin-right: .75em;	
	}
	#SelectedRecentVideo.featureBlock .moreOptions {
		max-height: 1.75em;		
	}
	#SelectedRecentAudio.featureBlock .moreOptions {
		margin-bottom: 0;
	}
	.featureBlock .moreOptions .button.buttonIcon.subscribe {
		float: left;
		margin-right: 0;
		line-height: 1.12em;
		font-size: 1.05rem;
		top: 1px;
		position: relative;
	}
	.featureBlock .moreOptions .button.viewAll {
		float: right;
	}
}
@media screen and (min-width: 1160px) {
	.featureBlock {
		width: 90%;
		position: relative;
	}
	.featureBlock .noticeTitle  {
		padding-left: 0;
		padding-right: 0;
	}
	#SelectedRecentVideo.featureBlock .moreOptions {
		margin-right: 0;
	}
}

/* Feature Block Content */
.featureBlock .blockContent {
	width: 100%;
	position: relative;
}

@media screen and (min-width: 1024px) {
	.featureBlock .blockContent {
		display: table;
		margin-top: 0;
		margin-right: auto;
		margin-left: -.3em;
		width: calc(100% + .3em);
	}
}

/* Feature Block Content (Primary) */
@media screen and (min-width: 480px) {
	.featureBlock .primaryContent {
		width: 90%;
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (min-width: 1024px) {
	.featureBlock .primaryContent {
		margin-left: 0;
		margin-right: auto;
		width: 47%;
		display: table-cell;
		vertical-align: bottom;
		padding-left: .85em;
		padding-top: .85em;
	}
}

/* Feature Block Content (Secondary) */
.featureBlock .secondaryContent {
	display: block;
	clear: both;
	margin-top: .5em;
	margin-bottom: 1.25em;
}

@media screen and (min-width: 1024px) {
	.featureBlock .secondaryContent {
		margin-left: auto;
		margin-right: 0;
		margin-top: -0.75em;
		width: 53%;
		display: table-cell;
		vertical-align: bottom;
	}
}

/* Feature Block Items */
.featureBlock .item {
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

/* Feature Block Items (Secondary) */
.featureBlock .secondaryContent .item {
	width: calc(100% - 2em);
	margin: 1em auto .5em auto;
}

@media screen and (min-width: 480px) {
	.featureBlock .secondaryContent .item {
		width: 42%;
		float: left;
		margin: 1em 0 .5em 5%;
	  }
}

@media screen and (min-width: 1024px) {
	.featureBlock .secondaryContent .item {
		margin: 3% 0 0 6.25%;
	}
}
@media screen and (min-width: 1160px) {
	.featureBlock .secondaryContent .item {
		margin-left: 7%;
	}
}

/* Feature Block progress */
.featureBlock .progress {
	display: none;
}

/* Feature Block Title/Promo */
.featureBlock .item .title {
	position: absolute;
	bottom: .95em;
	padding-left: 5%;
	padding-right: 5%;
	width: 100%;
	box-sizing: border-box;
	color: #f4c90a;
	font-size: 1.25em;
	text-shadow: 0 2px 3px #000;
	font-weight: 600;
	font-family: Cambria, Georgia, Serif;
}
.featureBlock .secondaryContent .item .title {
	bottom: 0;
	padding-bottom: .95em;
	box-sizing: border-box;
}

.featureBlock .item .promo {
	color: #F2F2F2;
	padding-bottom: .5em;
	padding-left: 3%;
	width: 92%;
	position: absolute;
	top: .5em;
	text-shadow: 0 2px 3px #000;
	font-size: 0.95rem;
	line-height: 1.3em;
	font-weight: bold;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	filter: progid:DXImageTransform.Microsoft.DropShadow(offx=2, offy=2, color=#333333);
}
.featureBlock .item .promo a, .featureBlock .item .promo a.ren-link,
	.featureBlock .item .promo a:hover, .featureBlock .item .promo a.ren-link:hover {
	color: #F2F2F2;
	border-bottom: 0 none;
}

/* Feature Block Title/Promo (Primary) */
.featureBlock .primaryContent .item .title {
	top: 0;
	bottom: auto;
	height: 100%;
	line-height: 1.35em;
	text-shadow: 6px 6px 6px #000, 1px 1px 1px #000;
	background: url(https://images.azureedge.net/wtc/images/interface/bg_ie_top_dark_gradient.png) repeat-x center 0 transparent;
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* W3C */
}
.featureBlock .primaryContent #item562003.item .title {
	bottom: 0;
	top: auto;
	height: 30%;	
	background: url(https://images.azureedge.net/wtc/images/interface/bg_ie_bottom_dark_gradient.png) repeat-x center 0 transparent;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 67%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(67%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 67%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 67%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 67%,rgba(0,0,0,0.8) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 67%,rgba(0,0,0,0.8) 100%); /* W3C */
}
.featureBlock .primaryContent .item .title .text {
	padding-top: 3em;
	display: block;
	text-align: center;
}
.featureBlock .primaryContent #item562003.item .title .text {
	padding-top: 1em;
}
.featureBlock .primaryContent .item .promo {
	bottom: 3%;
	top: auto;
	opacity: 0;
	visibility: hidden;
	-moz-transition: opacity .75s ease;
	-webkit-transition: opacity .75s ease;
	-o-transition: opacity .75s ease;
	transition: opacity .75s ease;
}
#SelectedRecentAudio.featureBlock .primaryContent .item .promo {
	bottom: 1.4em;
}

@media screen and (min-width: 425px) {
	.featureBlock .primaryContent .item .title {
		line-height: 1.3em;
		font-size: 1.4375em;
	}
}

@media screen and (min-width: 600px) {
	.featureBlock .primaryContent .item .title {
		font-size: 1.5625em;
	}
	.featureBlock .primaryContent .item .promo {
		opacity: 1;
		visibility: visible;
		-moz-transition: opacity .75s ease;
		-webkit-transition: opacity .75s ease;
		-o-transition: opacity .75s ease;
		transition: opacity .75s ease;
	}
}

@media screen and (min-width: 1200px) {
	.featureBlock .primaryContent .item .promo {
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		font-size: 1.05rem;
		color: #FEFEFE;
	}

	.featureBlock .primaryContent #item565198.item .promo, .featureBlock .primaryContent #item565331.item .promo {
		background: -moz-linear-gradient(top, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,0.65) 27%, hsla(0,0%,0%,0.65) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.65) 27%,hsla(0,0%,0%,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.65) 27%,hsla(0,0%,0%,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		padding-right: 5%;
		padding-top: 1em;
		width: auto;
		-webkit-transition: .5s background ease .4s;
		-moz-transition: .5s background ease .4s;
		-o-transition: .5s background ease .4s;
		transition: .5s background ease .4s;
	}

	.featureBlock .primaryContent #item565198.item .playOverlay, .featureBlock .primaryContent #item565331.item .playOverlay {
		background: url("https://images.azureedge.net/wtc/images/interface/icn_play_small.png") no-repeat scroll center 50% transparent;
		background: url("https://images.azureedge.net/wtc/images/interface/icn_play_small.png") no-repeat scroll center 50%, -moz-radial-gradient(center, ellipse cover, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,0.2) 61%, hsla(0,0%,0%,0.55) 85%, hsla(0,0%,0%,0.65) 100%); /* FF3.6-15 */
		background: url("https://images.azureedge.net/wtc/images/interface/icn_play_small.png") no-repeat scroll center 50%, -webkit-radial-gradient(center, ellipse cover, hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.2) 61%,hsla(0,0%,0%,0.55) 85%,hsla(0,0%,0%,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
		background: url("https://images.azureedge.net/wtc/images/interface/icn_play_small.png") no-repeat scroll center 50%, radial-gradient(ellipse at center, hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.2) 61%,hsla(0,0%,0%,0.55) 85%,hsla(0,0%,0%,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
}

/* Feature Block Title/Promo (Secondary) */
.featureBlock .secondaryContent .item .title {
	-moz-transition: opacity .75s ease;
	-webkit-transition: opacity .75s ease;
	-o-transition: opacity .75s ease;
	transition: opacity .75s ease;
	font-size: 1em;
}

/* text overlay to make readable */
.featureBlock .secondaryContent .item .title {
	opacity: 1;
	visibility: visible;
	-moz-transition: opacity .75s ease;
	-webkit-transition: opacity .75s ease;
	-o-transition: opacity .75s ease;
	transition: opacity .75s ease;
	height: 100%;
	background: hsla(0, 0%, 0%, .5);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.75))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* W3C */

}
.featureBlock .secondaryContent .item .title .text {
	position: absolute;
	bottom: 0;
	padding-bottom: .75em;
	display: block;
	width: 90%;
}

@media screen and (min-width: 580px) {
	.featureBlock .secondaryContent .item .title {
		font-size: 110%;
		line-height: 1.15em;
	}
}
@media screen and (min-width: 600px) {
	.featureBlock .secondaryContent .item .title .text {
		padding-bottom: 1.5em;
	}
}

@media screen and (min-width: 1024px) {
	.featureBlock .secondaryContent .item .title {
		font-size: 1.05em;
	}
}

/* Feature Block Image */
.featureBlock .imageOrProgressWrapper {
	position: relative;
	height: inherit;
}

.featureBlock .imageOrProgressWrapper br.blockElement {
	display: none;
}

.featureBlock .imageOrProgressWrapper img {
	display: block;
	position: relative;
	right: 0;
	width: 100%;
}

.featureBlock .imageOrProgressWrapper .playOverlay {
	z-index: 2;
}

.featureBlock .imageOrProgressWrapper:hover .playOverlay {
	visibility: visible;
	opacity: 1;
	-moz-transition: opacity 1s ease;
	webkit-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	transition: opacity 1s ease;
	max-height: none;
}

/* Feature Block Info Icon */
.featureBlock .item .icon.info {
	position: absolute;
	top: -11px;
	right: -18px;
	opacity: .98;
	z-index: 55;
}

.featureBlock .primaryContent .item .icon.info {
	background-color: hsla(0, 0%, 0%, 0.5);
	background-position: center 10px;
	border-radius: 0 0 0 7px;
	height: 42px;
	opacity: 1;
	padding-bottom: 0.2em;
	padding-top: 0.2em;
	position: absolute;
	right: 0;
	top: 0;
	width: 55px;
	z-index: 55;
}

@media screen and (min-width: 600px) {
	.featureBlock .primaryContent .item .icon.info {
		display: none;
	}
}

/* Feature Block Bubbles */
.featureBlock .item .bubbleContainer {
	z-index: 5;
}
.featureBlock .item .bubbleContainer .totalParts.bubble {
	text-align: left;
}




@media screen and (max-width: 1023px) {
	#SelectedRecentVideo.featureBlock {
		border-bottom: 1px solid #909090;
	}
	#SelectedRecentAudio.featureBlock .blockContent {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
}

/* Audio-specific styles */
#SelectedRecentAudio.featureBlock .blockContent {
	background: #F5F5F5;
}

#SelectedRecentAudio.featureBlock .primaryContent .item .title {
	background: hsla(0, 0%, 0%, .5);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 75%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(75%,rgba(0,0,0,0.75))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 75%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 75%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 75%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 75%); /* W3C */
}

#SelectedRecentAudio.featureBlock .blockContent {
	overflow: visible;
}

#SelectedRecentAudio.featureBlock .secondaryContent .item {
	float: none;
	display: block;
	clear: both;
	margin: 1.5em auto;
	width: 96%;
}

#SelectedRecentAudio.featureBlock .secondaryContent .item .title, #SelectedRecentAudio.featureBlock .secondaryContent .item .title .text a {
	color: #555;
	text-shadow: 0 1px 0 #F7F7F7;
}

#SelectedRecentAudio.featureBlock .secondaryContent .item .title .text a:hover {
	color: #38449d;
}

#SelectedRecentAudio.featureBlock .secondaryContent .item .title {
	background: transparent;
	display: block;
	clear: both;
	position: relative;
	line-height: 1.45em;
	visibility: visible;
	text-align: center;
	opacity: 1;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

#SelectedRecentAudio.featureBlock .secondaryContent .item .title .text {
	position: relative;
	width: auto;
	bottom: auto;
	padding-bottom: 0;
	display: inline;
	margin-right: .25em;
}

.featureBlock .button.playlistControl, .featureBlock .button.startPlaying {
	border-radius: 3px 3px 3px 3px;
	display: inline-block;
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 0.75em;
	margin: 0.2em auto;
	padding: 0.32em 0.65em .3em 0.65em;
	text-align: center;
	text-shadow: 0 0 0 transparent;
	text-transform: uppercase;
	width: auto;
	box-shadow: 0 1px 0 #FAFAFA;
}

#SelectedRecentAudio.featureBlock .secondaryContent .item .icon.info {
	right: 5px;
	top: -2px;
	display: inline-block;
	position: relative;
}
@media screen and (min-width: 479px) {
	#SelectedRecentAudio.featureBlock .blockContent {
		padding-top: 5%;
		border-radius: 4px;
	}
}
@media screen and (min-width: 580px) {
	.featureBlock .button.playlistControl, .featureBlock .button.startPlaying {
		font-size: 0.6818181818181818em;
	}
}

@media screen and (min-width: 600px) and (max-width: 1023px) {
	#SelectedRecentAudio.featureBlock .secondaryContent .item {
		width: 91%;
	}
}
@media screen and (min-width: 1024px) {
	#SelectedRecentAudio.featureBlock .noticeTitle {
		margin-left: 0;
	}
	#SelectedRecentAudio.featureBlock {
		/*max-height: 360px;
		max-width: 1142px;*/
		overflow: hidden;
	}
	#SelectedRecentAudio.featureBlock .moreOptions {
		min-width: 458px;	
	}
	#SelectedRecentAudio.featureBlock .blockContent {
		padding-top: 0;
		width: calc(100% - .5em);	
		background: 0 none;
	}
	#SelectedRecentAudio.featureBlock .blockContent br.blockElement {
		display: none;	
	}
	#SelectedRecentAudio.featureBlock .item, #SelectedRecentAudio.featureBlock .imageOrProgressWrapper .playOverlay, #SelectedRecentAudio.featureBlock .imageOrProgressWrapper a,
	#SelectedRecentAudio.featureBlock .primaryContent .item .title {
		max-height: 260px;
	}
	#SelectedRecentAudio.featureBlock .primaryContent {
		padding-top: 0;
	}
	#SelectedRecentAudio.featureBlock .secondaryContent {
		vertical-align: middle;
		background: #F5F5F5;
		padding-left: 2.5%;
		border-radius: 0 5px 5px 0;
	}
	#SelectedRecentAudio.featureBlock .secondaryContent .item {
		margin: .65em auto;
	}
	#SelectedRecentAudio.featureBlock .secondaryContent .info.icon {
		margin-bottom: -29px;
	}
	#SelectedRecentAudio.featureBlock .secondaryContent .item .title {
		text-align: left;
		font-size: 105%;
	}
}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ RECENTLY VIEWED ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */
.userViewed.full .itemContainer {
	margin-bottom: 2em;
}
.userViewed.full .item {
	width: 100%;
	clear: both;
	display: block;
	float: none;
	margin-bottom: 1px;
	max-width: 300px;
	margin: 1.5em auto 2em auto;
}
.userViewed.full .item .imageOrProgressWrapper {
	position: relative;
	width: 100%;
	margin-right: .5em;
	display: inline-block;
}
.userViewed.full .item .imageOrProgressWrapper img {
	display: block;
	width: 100%;
}
.userViewed.full .playOverlay {
	width: 100%;
	height: 100%;
}
.userViewed.full .item .imageOrProgressWrapper a .playOverlay:hover {
	visibility: visible;
	opacity: 1;
	-moz-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.userViewed.full .item .progress {
	position: absolute;
	bottom: -3px;
	border-radius: 0 !important;
	left: -1px;
	width: 100%;
}
.userViewed.full .item .txtProgressPercentage  { display: none !important; }
.userViewed.full .item p.title {
	display: block;
	padding-top: .2em;
	font-weight: 600;
	font-size: 1rem;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	line-height: 1.25em;
	margin-top: .18em;
}

@media screen and (min-width: 768px) {
	.itemContainer { 
		display: flex;
		flex-wrap: wrap;
		max-width: 705px;
		margin-left: auto;
		margin-right: auto;
	}
	.userViewed.full .item {
		width: 50%;
	}
	.userViewed .bubbleContainer {
		top: -5px;
		left: -8px;
	}
	.userViewed.full .item p.title {
		font-size: 1.03125em;
		line-height: 1.25em;
		z-index: 5;
	}
}

@media screen and (min-width: 1024px) {
	.userViewed.full {
		margin-left: auto;
		margin-right: auto;
		max-width: 1130px;
		width: 94%;
	}
	.userViewed.full .noticeTitle {
		text-align: left;
		margin-left: 0;
		margin-bottom: .45em;
	}
	.userViewed.full .item {
		width: calc(33% - 1em);
		margin-bottom: 0;
		margin-right: 1em;
	}
	.userViewed.full .item:first-child {
		margin-left: 0;
	}
	.userViewed.full .itemContainer {
		flex-wrap: nowrap;
		max-width: calc(100% - 4em);	
		margin-left: 2em;
		margin-right: 0;
	}
}
@media screen and (min-width: 1300px) {
	.userViewed.full {
		max-width: 1330px;
	}
}