/* VIDEO ONLY CLASSES */
	
body {
}


body, html {
}

/* TOP OF PAGE (BEHIND PLAYER) BG COLOR */
.customLayout .groupContainer .customTop {background: #999 url('http://stgdn4.crtcdn.net/images/current/textures/videoLandingBg.gif') repeat-x top left;}

/* CUSTOM CALLOUT NEXT TO PLAYER BG COLOR */
.customLayout .customTop .customPlayerCallout {background: #fff;}

/* BOTTOM OF THE PAGE BACKGROUND */
.customLayout .groupContainer .customBottom {background: #cfefff;}

/* VIDEO RIBBON BACKGROUND */
.customLayout .groupContainer .customMiddle {background: #fff;}

/* LINK COLOR (GENERAL) */
.customLayout .groupContainer a {color: #6f100e;}

/* BODY TEXT COLOR (GENERAL) */
.customLayout .groupContainer {color: #666;}

/* LINK COLOR IN TOP PORTION OF PAGE */
.customLayout .groupContainer .customTop a {color: #B7DF63;}

/* LINK COLOR IN MIDDLE PORTION OF PAGE */
.customLayout .groupContainer .customMiddle a {color: #666; font-size: 14px; font-weight: bold; text-decoration: none;}

/* H2 COLOR IN CALLOUT NEXT TO PLAYER */
.customLayout .customTop .customPlayerCallout .content h2 {color: #666;}

/* H4 */
.customLayout .customMiddle h4 {font-size: 10px; text-transform: uppercase;}

/* MAIN VIDEO TITLE TEXT COLOR */
#show-player-info ul li.title {color: #fff;}

/* MAIN VIDEO DATE TEXT COLOR */
#show-player-info ul li.date {color: #fff;}

/* MAIN VIDEO RESPONSE DIVIDER LINE */
#show-player-info ul li.responses span {padding: 0 0 0 8px;}

/* MAIN VIDEO DESCRIPTION TEXT COLOR */
#show-player-info div.description {color: #fff;}

/* MAIN VIDEO "MORE" LINK COLOR */
#show-player-info div.description a,
#show-player-info div.description a:hover {color: #B7DF63;}

/* ADMIN LINK COLOR IN ABOUT SECTION */
#groupInteractList li a.adminLink {color: #6f100e;}

/* SPONSOR LINK WITHIN HEADER, IF VISIBLE */
#interestSponsorBar a {color: #FFF; text-transform: uppercase;}

/* FOOTER COLORS */
.customFooter {float: left; clear: both; color: #666; margin-top: 0.5em;}
.customFooter a, .customFooter a:hover, .customFooter a:active {color: #414141;}


/* HEADER LAYOUT */
/*
#customGroup #frame {padding-top: 0;}
#customGroup #interestTitle {margin-top: 0; height:147px;}
#interestTitle h1{visibility: hidden;}
#interestSponsorLink {margin:-56px 0 0 661px;}
*/

/* TOP */

.customLayout .groupContainer .customTop {padding: 1.5em 2.0em 2.0em; margin-top: 2.0em;}
	.customLayout .groupContainer .customTop h1 {float: left; font-size: 3.0em; margin-bottom: 12px; text-transform: lowercase;}
		.customLayout .groupContainer .customTop h1 a {color: #fff; text-decoration: none;}
		.customLayout .groupContainer .customTop h1 a:hover {color: #fff;}
		
		.customLayout .groupContainer .customTop .currentTvInfo {float: right; text-align: right; margin-bottom: 12px;}
			.customLayout .groupContainer .customTop .currentTvInfo h3 {font-size: 1.4em; color: #fff; text-transform: uppercase;}
			
			
.customLayout .groupContainer .customTop .currentTvInfo .channelListings ul {clear: none; float: left;}
	.customLayout .groupContainer .customTop .currentTvInfo .channelListings li {display: inline; color: #ccc; font-size: 1.2em; padding: 0 0 0 0.7em; margin: 0 0 0 0.5em; border-left: 1px solid #ccc;}
	.customLayout .groupContainer .customTop .currentTvInfo .channelListings li.title {border-left-width: 0; padding-left: 0; margin-left: 0;}
	.customLayout .groupContainer .customTop .currentTvInfo .channelListings li.title span {font-size: 1.2em;}
	.customLayout .groupContainer .customTop .currentTvInfo .channelListings li.firstChannel {padding-left: 0; border-width: 0;}
			
	.customLayout .groupContainer .customTop .currentTvInfo .channelListings li a {color: #B7DF63; font-weight: bold; text-transform: uppercase; text-decoration: none;}
	.customLayout .groupContainer .customTop .currentTvInfo .channelListings li a:hover {color: #B7DF63; font-weight: bold; text-transform: uppercase;}


#show-player {float: left; clear: both; margin: 0 1.5em 0 0; width: 625px; height: 352px;}
	.customLayout .customTop .customPlayerCallout {float: left; clear: none; width: 300px; height: 80px;}
	.customLayout .customTop .customPlayerCallout .content {padding:10px 0 0 15px;}
	.customLayout .customTop .customPlayerCallout .content h2 {font-size: 1.5em; color: #FFF;}
	.customLayout .customTop .customPlayerCallout .content h3 {margin-top: 0.4em;}
	.customLayout .customTop .customPlayerCallout .content h3 a {text-decoration: none; font-size: 13px;}

#show-player-right-ad {float: left; clear: none; width: 300px; height: 250px; background: transparent; margin-top: 2.0em;}
#rightRailBanner {width: 300px; height: 80px;}

#show-player-top {float: left; clear: both; padding: 1.0em 0 0; width: 93.8em;}
	
#show-player-info {}
	#show-player-info ul {clear: both;}
		#show-player-info ul li {float: left; clear: none;}
		#show-player-info ul li.title {font-size: 1.8em; font-weight: bold; padding: 0 8px 0 0;}
		#show-player-info ul li.date {font-size: 1.2em; padding-top: 4px;}
			#show-player-info ul li.date span {padding: 0 8px;}
		#show-player-info ul li.responses {font-size: 1.2em; padding-top: 6px;}
			#show-player-info ul li.responses span {padding: 0; font-size: 11px; font-weight: bold; text-transform: uppercase;}
			#show-player-info ul li.responses a {text-decoration: none;}
	#show-player-info div.description {float: left; clear: both; margin-top: 0.3em; font-size: 1.2em;}
		#show-player-info div.description a {text-decoration: underline;}
	
	#show-player-info-date {float: left; margin: 0.5em 0; background: #434343; padding: 2px 4px; color: #ccc; font-weight: normal; text-transform: uppercase; font-size: 1.2em;}
	
	.videoLandingGroupInfo {width: 288px; height: 68px; padding: 5px; background: #fff; border: 1px solid #ccc; font-size: 1.1em;}
	.videoLandingGroupLink a, .videoLandingGroupLink a:hover {font-size: 14px; text-decoration: none; color: #74AB00;}
	.videoLandingGroupMore {color: #74AB00;}
	.videoLandingGroupSchedule {font-weight: bold;}
	.videoLandingGroupDescription {padding: 0; margin: 0;}


/* MIDDLE */
.customLayout .groupContainer .customMiddle {padding-top: 2.5em;}
	.customLayout .groupContainer .customMiddle .videoLandingNav {float: left; width: 148px;}
		.customLayout .groupContainer .customMiddle .videoLandingNav ul {}
			.customLayout .groupContainer .customMiddle .videoLandingNav ul li {float: left; clear: both; width: 148px; overflow: hidden; text-transform: uppercase;}
			.customLayout .groupContainer .customMiddle .videoLandingNav ul li.label {color: #999; font-size: 1.1em; padding: 2.0em 0 0.5em;}
			.customLayout .groupContainer .customMiddle .videoLandingNav ul li.first {padding-top: 0;}
			.customLayout .groupContainer .customMiddle .videoLandingNav ul li a {float: left; width: 142px; font-size: 12px; padding: 5px 0; border-top: 1px dashed #ccc;}
			.customLayout .groupContainer .customMiddle .videoLandingNav ul li a:hover {}

			.customLayout .groupContainer .customMiddle .videoLandingNav ul li a.active {width: 137px; background: #B7DF63; color: #fff; padding:  5px 0 5px 5px;}
			.customLayout .groupContainer .customMiddle .videoLandingNav ul li a.active:hover {color: #fff;}
			.customLayout .groupContainer .customMiddle .videoLandingNav ul li .wedgesOtherBrother {margin-top: 0.8em;}

.customLayout .customMiddle .customMiddleRibbon {float: left; clear: both; width: 95.2em; height: 21.5em; margin: 1.0em 0 0; padding: 0;}

.customLayout .customMiddle .videoRight {position: relative; float: right;}
	.customLayout .customMiddle .videoRight #ajaxProgress {position: absolute; top: 0; left: 0; width: 781px; height: 100%; background: #fff; opacity: 0.8; filter: alpha(opacity=80); z-index: 1002;}
	.customLayout .customMiddle .videoRight #ajaxProgress .throbber {position: absolute; top: 44%; left: 355px;}

.customLayout .customMiddle .videoLandingList {float: right; width: 781px;}
	.customLayout .customMiddle .videoLandingList .videoItemAsset {position: relative; width: 145px; height: 109px;}
	.customLayout .customMiddle .videoItem {float: left; width: 145px; height: 220px; overflow: hidden; margin: 0 14px 12px 0;}
	.customLayout .customMiddle .lastItem {margin: 0 0 12px 0;}
	.customLayout .customMiddle h4 {clear: both; padding-top: 0.8em; font-weight: normal;}
	.customLayout .customMiddle .videoItem .videoItemLink {float: left; clear: both;}
	.customLayout .customMiddle .videoItem em {width: 145px; font-size: 11px; font-style: normal; float: left; clear: both; color: #999;}
	.customLayout .customMiddle .nowPlayingCover {position: absolute; top: 0; left: 0; width: 145px; height: 109px; background: #666; opacity: 0.5; filter: alpha(opacity=50); z-index: 1000;}
	.customLayout .customMiddle .nowPlaying {position: absolute; top: 0; left: 0; width: 145px; height: 17px; padding-top: 92px; z-index: 1001;}

.customLayout .groupContainer .customMiddle .sortLinks {float: right; padding-bottom: 0.7em;}
	.customLayout .groupContainer .customMiddle a.sortLink {font-size: 1.1em; text-transform: uppercase; color: #74AB00;}
	.customLayout .groupContainer .customMiddle a.sortLink:hover {text-decoration: underline;}
	.customLayout .groupContainer .customMiddle a.active {color: #414141; cursor: default;}
	.customLayout .groupContainer .customMiddle a.active:hover {color: #414141; text-decoration: none;}

/* BOTTOM */
.customLayout .customBottom h2 {margin-bottom: 0.7em; padding: 0.1em 0.4em; font-size: 2.0em;}
.customLayout .customBottom h3 {font-size: 1.2em;}
.customLayout .customBottom li {padding-bottom: 0.3em; list-style: none;}
.customLayout .customBottom li a {font-size: 1.2em; font-weight: bold;}
.customLayout .customBottom p {font-size: 1.2em; line-height:18px;}

/* PAGING */
#videoLandingPaging {text-align: right; min-width: 320px;}
#videoLandingPaging.pager a.previousPages span, 
#videoLandingPaging.pager div.previousPages span {margin: 0;}
#videoLandingPaging .pagerSpan {width: 17px; height: 16px;}
#videoLandingPaging.pager a.pagerButtons, 
#videoLandingPaging.pager div.pagerButtons {padding: 0; float: right;}
#videoLandingPaging.pager a.pagerButtons span, #videoLandingPaging.pager div.pagerButtons span {margin: 0;}
#videoLandingPaging.pager div.pagingRangeDisplay {float: right; border-width: 0; background: #fff; padding: 0.1em 1.0em; color: #666;}
#videoLandingPaging.pager div.pagingRangeDisplay span {color: #666; font-weight: bold; font-size: 1.2em; font-style: normal; line-height: 16px;}

.customLayout .groupContainer .customTop a.vlTitleLink, .customLayout .groupContainer .customTop a.vlTitleLink:hover {text-decoration: none; color: #fff;}

