/** 
* @filepath: rectangle-ad,more-youll-love,coming-soon
* @created: Mon, 26 Jul 10 06:37:28 -0700
*/


/** 
* @filepath: /rectangle-ad/rectangle-ad.css
* @created: Sat, 24 Jul 10 01:13:09 -0700
*/
.adBlock {
	background: transparent;
	width: 300px; 
	height: auto;
	padding: 15px;
	position: relative;
	z-index: 1;
}

/** 
* @filepath: /more-youll-love/more-youll-love.css
* @created: Sat, 24 Jul 10 01:13:09 -0700
*/
/*	MINI MOSAIC FOOTER
----------------------------------------------------*/
h2.moreYoullLove, div.moreYoullLove{
	height:25px;
	margin:24px 0 20px;
	width:auto;
	color:#fff;
	font-size: 24px;
	font-weight: 700;
	padding: 3px 0 8px;
}

.miniMosaic {
	height: 145px;
	width: 100%;	
	margin-bottom: 26px;
}

.miniMosaic .mosaicBlock {
	width: 100%;
	float: none;
	display: block;
	height: 115px;
	padding: 0px;
}

	.miniMosaic .mosaicBlock .oneByOne, 
	.miniMosaic .mosaicBlock .twoByOne {
		float: left;
		display: inline;
		background-color: #333;
		position: relative;
		overflow: hidden;
	}
	.miniMosaic .mosaicBlock .oneByOne {
		width: 158px;
		height: 100px;
		margin: 0 4px 4px 0;
	}
	.miniMosaic .mosaicBlock .twoByOne {
		width: 300px;
		height: 100px;
		margin: 0 4px 4px 0;
	}
	.miniMosaic .mosaicBlock .twoByTwo {
		width: 300px;
		height: 100px;
		margin: 0 4px 4px 0;
	}

	.miniMosaic .mosaicBlock .mosTitle {
		background-image: url(http://cdn.media.abc.go.com/m/images/global/bg/mosaic_bg_80.png);
		color: #56caf5;
		font-size: 20px;
		padding: 6px 6px 6px 10px;
		line-height: 20px;
	}
		.miniMosaic .oneByOne .mosTitle {
			font-size: 12px;
			line-height: 12px;
		}
	.miniMosaic .mosaicBlock .mosEyebrowInitial {
		background-image: url(http://cdn.media.abc.go.com/m/images/global/bg/mosaic_bg_80.png);
		color: #F00;
		font-size: 9px;
		line-height: 9px;
		padding: 6px 6px 3px 10px;
		text-transform: uppercase;
		font-weight: bold;
	}
	.miniMosaic .mosaicBlock .oneByOne p, 
	.miniMosaic .mosaicBlock .twoByOne p, 
	.miniMosaic .mosaicBlock .twoByTwo p, 
	.miniMosaic .mosaicBlockTitle {
		position: absolute;
		left: 0;
		bottom: 10px;
		z-index: 32;
		margin: 0;
		padding: 0;
	}
	.miniMosaic .mosaicBlock span, 
	.miniMosaic .mosaicBlock .mosaicBlockHovered .mosEyebrow  {
		display: block;
		float: left;
		clear: left;
		display: inline;
	}
	.miniMosaic .mosaicBlock .mosEyebrow, 
	.miniMosaic .mosaicBlock .mosaicBlockHover {
		display: none;
	}
	
	
	.mosaicBlock .mosaicTop5 {
		width: 300px;
		height: 270px;
		margin: 0 4px 4px 0;
		background: url(http://cdn.media.abc.go.com/m/images/global/generic/top5tracks_header.gif) no-repeat;
		
	}
	
	.mosaicBlock .mosaicTop5 p{
		width: 247px;
		float: right;
		margin: 28px 0 14px;
		padding: 0;
		font-size: 11px;
		line-height: 12px;
	}	
	
	.mosaicBlock .mosaicTop5 p a{ 
		font-size: 11px;
		display: block;
	}		
	
	.mosaicTop5 h5 {
		color: #FFF;
		font-size: 18px;
		line-height: 22px;
		font-weight: normal;
		padding: 12px 0 0 70px;
	}
	.mosaicTop5 ol {
		padding: 0;
		margin: 0;
		clear: both;
	}
	.mosaicTop5 ol li { 
		border-bottom: 1px solid #354148; 
		padding: 6px 0 5px 72px;
		color: #9ad7de !important;
		height: 26px;
	}
	
	.mosaicTop5 ol li.song1 {background: url(http://cdn.media.abc.go.com/m/images/global/generic/top5tracks_numbers.gif) no-repeat 27px 8px;}
	.mosaicTop5 ol li.song2 {background: url(http://cdn.media.abc.go.com/m/images/global/generic/top5tracks_numbers.gif) no-repeat 27px -30px;}
	.mosaicTop5 ol li.song3 {background: url(http://cdn.media.abc.go.com/m/images/global/generic/top5tracks_numbers.gif) no-repeat 27px -70px;}
	.mosaicTop5 ol li.song4 {background: url(http://cdn.media.abc.go.com/m/images/global/generic/top5tracks_numbers.gif) no-repeat 27px -110px;}
	.mosaicTop5 ol li.song5 {background: url(http://cdn.media.abc.go.com/m/images/global/generic/top5tracks_numbers.gif) no-repeat 27px -150px;}
	
	.mosaicTop5 ol li a{
		display: block;
		line-height: 12px;
	}
	
	.mosaicTop5 ol li span{
		display: block;
		clear: none;
		float: none;
		font-size: 11px;
		line-height: 11px;
	}


/* On block hover, add .mosaicBlockHovered class to change the look */
.miniMosaic .mosaicBlockHoverAction {
	position: absolute;
	top: 50%;
	margin-top: -40px;
	left: 50%;
	margin-left: -96px;
	
	width: 192px;
	height: 40px;
	line-height: 40px;
	
	font-size: 10px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	background-position: center center;
	background-image: url(http://cdn.media.abc.go.com/m/images/global/buttons/mosaic_btn_action.png);
	background-repeat: no-repeat;
}
	.miniMosaic .mosaicBlockHoverActionWatch {
		width: 172px;
		padding-right: 20px;
		background-image: url(http://cdn.media.abc.go.com/m/images/global/buttons/mosaic_btn_watch.png);
	}

.miniMosaic .mosaicBlock .mosaicBlockHovered .mosEyebrow {		
	font-size: 9px;
	line-height: 9px;
	padding: 6px 6px 3px 10px;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #56caf5;
	color: #FFF;
}
.miniMosaic .mosaicBlock .mosaicBlockHovered .mosEyebrowInitial {
	display: none;
}
.miniMosaic .mosaicBlock .mosaicBlockHovered .mosTitle {
	background-image: none;
	background-color: #56caf5;
	color: #000;
}
.miniMosaic .mosaicBlock .mosaicBlockHovered .mosaicBlockHover {
	display: block;
}
.miniMosaic .mosaicBlockHover {
	width: 100%;
	height: 100%;
	background: url(http://cdn.media.abc.go.com/m/images/global/bg/mosaic_bg_70.png);
	z-index: 31;
	position: absolute;
	top: 0;
	left: 0;
	text-decoration: none;
}
.miniMosaic .mosaicBlockHover:hover {
	text-decoration: none;	
}


/* Shop Feed */
.moreShopFeed .shopFeedImage {
	float: left;
	padding:10px 14px 10px 10px;
	width:80px;
}

.moreShopFeed .showFeedHeadline {
	float: left;
	margin:10px 0 0;
}

.moreShopFeed .showFeedHeadline h3 {
	display:block;
	font-size:22px;
	line-height:22px;
}

.moreShopFeed .shopFeedPromoText {
	float: left;
	width: 185px;
}

.moreShopFeed .shopFeedDescription {
	float: left;
	width: 185px;
	height:34px;
	overflow-y:hidden;
}

               		

/** 
* @filepath: /pages/coming-soon.css
* @created: Sat, 24 Jul 10 01:13:09 -0700
*/
/* 
	SHOW BUZZ CSS
	VALIDATED: This document validates as CSS level 2.1, This document validates as CSS level 3
		without lines 102 & 103
			-moz-box-shadow: 0px 4px 12px #333; 
			-webkit-box-shadow: 0px 4px 12px #333;
*/
/* -------------------------------------------------- 
				General Settings
----------------------------------------------------*/
body.show-buzz {
	background-color: #f9f9f9; 
}

/* -------------------------------------------------- 
				STRUCTURE/LAYOUT		
----------------------------------------------------*/

.show-buzz .content-container {
	margin:0 auto; 
	width:995px; 
}	

.show-buzz-left-rail { 
	display:inline;
	float:left;
	width:645px;
	margin-right:20px;
	padding-bottom:30px;
	color:#666;
}

.show-buzz-right-rail { 
	display:inline;
	float:right;
	width:328px;
	color:#666;
	padding:30px 0;
}

.show-buzz-right-rail .quigo{
	margin-top:10px;	
}

.show-buzz .footer {
	margin-top:0;
}


/*	HERO AREA
----------------------------------------------------*/
.show-buzz .hero-container {
	width: 100%; 
	background: url(http://cdn.media.abc.go.com/m/images/global/generic/upfronts/cover_bkgd_gradient.jpg) repeat-x 0px 0px; 
	margin: 0 auto;
}

.show-buzz .hero-area-container {
	width: 100%; 
/*	background: #141414 url(http://cdn.media.abc.go.com/m/images/global/generic/upfronts/bkgd_gradient.jpg) repeat-x 0px 0px; */
	background: url(http://www.jnfecorp.com/jnfetv/imgs/scrollbg.png) no-repeat top center;
	border-bottom:2px solid #cb1117;
}

/*
.show-buzz .hero-area-container {
	width: 100%; 
	background: #141414 url(http://cdn.media.abc.go.com/m/images/global/generic/upfronts/bg_hero.png) repeat-x 0px 0px;
	border-bottom:2px solid #cb1117;
}
*/

.show-buzz .hero-area {
	margin:0 auto;
	width:995px;
	height: 382px;
	position:relative;
	overflow:hidden;
}

.show-buzz .hero-area h2 {
	float:right;
	margin-top:28px;
/*	background: transparent url(http://cdn.media.abc.go.com/m/images/global/generic/upfronts/coming_fall_2010.png) no-repeat 0px 0px; */
	text-indent:-9999px;
	width:248px;
	height:39px;
	padding:0;
}

/*
.show-buzz .hero-area .download_schedule {
	float:right;
	clear:right;
	text-indent:-9999px;
	width:170px;
	height:16px;

	background: transparent url(http://cdn.media.abc.go.com/m/images/global/generic/upfronts/btn_download_schedule.png) no-repeat 0px 0px;
}
*/



.show-buzz .hero-area .download_schedule {
	background: transparent url(http://cdn.media.abc.go.com/m/images/global/generic/upfronts/cover_btn_downloadFullSchedule.png) no-repeat 0px 0px;
    display:block;
    height:16px;
    width:170px;
    text-indent:-9999px;
    
    /* this below fixes the z-index issue */
    position:absolute;
    top:65px;
    right:25px;
    z-index:20;
	
}


/* Coverflow Settings
==================================== */

.hero-area div.cover-flow{
	overflow:hidden;
	position:absolute; 
	width:960px;
	height:350px;
	top:30px;
	left:0;
	z-index:10;
}

.hero-area div.cover-flow img{
	position: absolute;
	border: 7px solid #404040;
	visibility:hidden;
	-moz-box-shadow: 0px 4px 12px #333; 
	-webkit-box-shadow: 0px 4px 12px #333;
}	

.hero-area div.cover-flow img.slide-shadow{
		border:none;
		top:40px;
		left:-50px;
}


.hero-area .image-caption {
	font-weight:bold;
	color:#333;
	font-size:15px;
	position:absolute; 
	top:28px;
	left:90px;
	width:514px;
	height:20px;
	overflow:hidden;
	z-index:10;
}

.hero-area .button {
	cursor:pointer;
	height:53px;
	width:53px;
	position:absolute;
	display:block;
	text-indent:-9999px;
	z-index:1000;
}

.hero-area .previous {
	background:url(http://cdn.media.abc.go.com/m/images/global/generic/upfronts/carousel_prev_btn.png) no-repeat scroll 0 0 transparent;
	top:175px;
	left:58px;
}

.hero-area .next {
	background:url(http://cdn.media.abc.go.com/m/images/global/generic/upfronts/carousel_next_btn.png) no-repeat scroll 0 0 transparent;
	top:175px;
	left:609px;		
}

.hero-area .image-overlay {
	width:497px;
	min-height:52px;
	background:url(http://cdn.media.abc.go.com/m/images/global/generic/upfronts/bg_hero_show_info.png) repeat scroll transparent;
	padding:11px 15px 13px;
	position:absolute;
	left:97px;
	bottom:8px;
	z-index:100;
	display:none;	
}

.hero-area .image-overlay dt{
	color:#fefde0;
	font-size:24px;
	font-weight:normal;
	margin-bottom:4px;
	width:350px;
	line-height:26px;
}
	
.hero-area .image-overlay dd.description{
	color:#c1bfbf;
	font-size:13px;
	line-height:16px;
	width:350px;
}

.hero-area .image-overlay dd.more-button {
	position:absolute;
	right:20px;
	bottom:20px;	
}

.hero-area .image-overlay dd.more-button a {
	background: url(http://cdn.media.abc.go.com/m/images/global/generic/upfronts/btn_find_out_more_sprite.png) no-repeat scroll 0 0;
	width: 121px;
	height: 30px;
	display:block;
	text-indent: -9999px;
}

.hero-area .image-overlay dd.more-button a:hover {
	background-position: 0 -30px;
}


/*	SHOW CONTENT AREA
----------------------------------------------------*/

/*	HEADINGS ----------------------*/

h1.show-buzz {
	font-size:40px;
	font-weight:normal;
	margin-top:34px;
	float:left;
	color:#333;
	letter-spacing: -.03em;
}


/* LEFT RAIL----------------------*/


.show-buzz-left-rail .listings-header {
	padding-bottom:12px;
	border-bottom:1px solid #dcdcdc;	
}


.show-buzz-left-rail .listings-header form {
	float:right;
	display:inline;
	margin-top:46px;
}

.show-buzz-left-rail .listings-header form select{
	width:155px;
	font-size:11px;
	font-weight:bold;
	color:#292929;
}	

.show-buzz-left-rail .pagination {
	float:right;
	font-weight:bold;
	margin:44px 0 0 12px;
	background: transparent url(http://cdn.media.abc.go.com/m/images/global/generic/upfronts/bg_pagination.png) repeat-x 0px 0px;
	height:21px;
	color:#fff;
}

.show-buzz-left-rail .pagination {
	line-height:22px;
	letter-spacing:.4em;
}

.show-buzz-left-rail .pagination div {
	float:left;
}

.show-buzz-left-rail .pagination a.prev-link {
	background: transparent url(http://cdn.media.abc.go.com/m/images/global/generic/upfronts/btn_pagination_prev.png) no-repeat left top;
	height:21px;
	width:21px;
	float:left;
	text-indent:-9999px;
	padding:0 10px 0 0;
}

.show-buzz-left-rail .pagination a.next-link {
	background: transparent url(http://cdn.media.abc.go.com/m/images/global/generic/upfronts/btn_pagination_next.png) no-repeat right top;
	height:21px;
	width:21px;
	float:left;
	text-indent:-9999px;
	padding:0 0 0 5px;
}

.show-buzz-left-rail .pagination a:hover {
	color:#fff;
}

.show-buzz-left-rail dl.listings, .show-buzz-left-rail div.twitter-feed-wrapper {
	margin:0;
	padding:20px;
	border-bottom:1px solid #dcdcdc;
}

.show-buzz-left-rail dl.listings dt {
	display:inline;
	float:left;
	position:relative;
}

.show-buzz-left-rail dl.listings dt span.play-btn-overlay {
	background:url(http://cdn.media.abc.go.com/m/images/global/generic/upfronts/play_btn_lg_thumb.png) no-repeat scroll 0 0 transparent;
	display:block;
	height:133px;
	width:238px;
	left:0;
	top:0;
	position:absolute;
	z-index:2;
}

.show-buzz-left-rail dl a {
	color:#0086db;
}

.show-buzz-left-rail dl.listings a {
	font-weight:bold;
}

.show-buzz-left-rail dl.listings img {
	width:240px;
	height:auto;
	min-height: 135px;
}

.show-buzz-left-rail dl.listings dd {
	margin-left: 258px;
}

.show-buzz-left-rail dl.listings dd.show-title {
	font-size:15px;
	font-weight:bold;	
}

.show-buzz-left-rail dl.listings dd.listing-title {
	font-size:21px;
	font-weight:bold;
	line-height:23px;
}

.show-buzz-left-rail dl.listings dd.listing-title a, .show-buzz-left-rail dl.listings dd.listing-title a i {
	font-size:21px;
}

.show-buzz-left-rail dl.listings dd.listing-description {
	font-size:14px;
	line-height:18px;
	margin-top:10px;
}

.show-buzz-left-rail dl.listings dd.listing-description a {
	font-size:14px;
}


.show-buzz-left-rail dl.listings dd.listing-footer {
	font-size:11px;
	margin-top:20px;
}

.show-buzz-left-rail dl.listings dd.listing-footer a {
	font-size:11px;
}

.show-buzz-left-rail dl.listings dd.listing-footer div {
	float:left;
}


.show-buzz-left-rail dl.twitter-feed {
	padding:15px;
	margin:0;
	background-color:#fff;
}

.show-buzz-left-rail dl.twitter-feed dt {
	display:inline;
	float:left;
}

.show-buzz-left-rail dl.twitter-feed  dd.tweet {
	font-size:14px;
	line-height:17px;
	color:#333;
	margin:-4px 0 0 58px;
}

.show-buzz-left-rail dl.twitter-feed  dd.tweet a {
	font-size:14px;
}

.show-buzz-left-rail dl.twitter-feed  dd.tweet a.name {
	font-weight:bold;
}

.show-buzz-left-rail dl.twitter-feed  dd.tweet-footer {
	font-size:11px;
	margin:4px 0 0 58px;
}




/*	RIGHT RAIL----------------------*/
.week-schedule {
	background-color: #e4e4e4;
	padding:20px 20px 15px 20px;
	border-top:2px solid #cb1117;
	position:relative;
}

.week-schedule h2 {
	height:22px;
	width:255px;
	color: #333;
	font-size:25px;
	font-weight:normal;
	padding:0;
	margin:0;
} 


.week-schedule .daySelect {
	margin-top:23px;
	position:relative;
	z-index:2;
}

.week-schedule .daySelect a {
	float:left;
	width:41px;
	height:43px;
	text-indent:-9999px;	
}

.week-schedule .daySelect a#sunShows, .week-schedule .daySelect a#satShows {
	background:url(http://cdn.media.abc.go.com/m/images/global/generic/upfronts/btn_weekday_sprite_s.png) no-repeat scroll 0 0 transparent;
}

.week-schedule .daySelect a#monShows {
	background:url(http://cdn.media.abc.go.com/m/images/global/generic/upfronts/btn_weekday_sprite_m.png) no-repeat scroll 0 0 transparent;
}

.week-schedule .daySelect a#tueShows, .week-schedule .daySelect a#thuShows {
	background:url(http://cdn.media.abc.go.com/m/images/global/generic/upfronts/btn_weekday_sprite_t.png) no-repeat scroll 0 0 transparent;
}

.week-schedule .daySelect a#wedShows {
	background:url(http://cdn.media.abc.go.com/m/images/global/generic/upfronts/btn_weekday_sprite_w.png) no-repeat scroll 0 0 transparent;
}

.week-schedule .daySelect a#friShows {
	background:url(http://cdn.media.abc.go.com/m/images/global/generic/upfronts/btn_weekday_sprite_f.png) no-repeat scroll 0 0 transparent;
}
.week-schedule .daySelect .selected {
	background-position: 0 -43px !important;
}

.week-schedule .listings {
	border-top:1px solid #b6b6b6;
	margin-top:-9px;
	display:none;
}

.week-schedule .listings dl {
	min-height:43px;
	border-bottom:1px solid #b6b6b6;
	padding:17px 0 10px;
	color:#333;
	margin:0;
	position:relative;
}

.week-schedule .listings dl dt{
	margin-left:82px;
}
.week-schedule .listings dl dt a{
	font-weight:bold;
	font-size:16px;
	color:#0086db;
}

.week-schedule .listings dl dd.time{
	font-weight:bold;
	font-size:13px;
	display:block;
	position:absolute;
	text-align:right;
	top:17px;
	left:0;
	width:65px;
}

.week-schedule .listings dl dd.date{
	font-size:11px;
	line-height:13px;
	font-weight:bold;
	text-transform:uppercase;
	margin-left:82px;
}

.week-schedule a.btn-download-schedule {
	background:url(http://cdn.media.abc.go.com/m/images/global/generic/upfronts/btn_download_schedule_sprite.png) no-repeat scroll 0 0 transparent;
	width:182px;
	height:30px;
	margin:15px auto 0 auto;
	text-indent:-9999px;
	display:block;
}

.week-schedule a.btn-download-schedule:hover {
	background-position: 0 -30px;
	
}
/* AD BLOCK */
.show-buzz .adBlock {
	width: 300px;
	height: 250px;
	margin-top:15px;
	padding:13px !important;
	border:1px solid #d9d9d9;
}

.show-buzz .abc-facebook-activity {
	width: 300px;
	margin-top:15px;
	padding:13px;
	border:1px solid #d9d9d9;
	
}

.abc-facebook-header  {
	background-color:#EDEFF4;
	border: 1px solid #aaaaaa;
	border-width:1px 1px 0 1px;
	color:#333333;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:7px 10px 4px 10px;
	width:278px;
}