/* 
	RTR secondary CSS document. 
	AUTHOR: T Morris/ Papercut Media 

	SHOWS & SCHEDULE page styles/alterations
	For repeated module/column layout basics see relevant default.css section
*/

		.shows #feature  { z-index:100; }
		.shows #supplement{ z-index:0; }
	/* rounded corners for top/bottom of boxes/columns */
		.shows #feature .boxHeading{ 
			color:#F8DADD;
			background: url(../images/bgs/content/top-wide-red.png) top left no-repeat; 
			}
		.shows #feature .pad .boxHeading{ background: url(../images/bgs/content/shows/secondary-boxHeading.gif) top left no-repeat; }
		.shows #supplement .boxHeading{ background: url(../images/bgs/content/top-narrow-lt-orange.png) top left no-repeat; }
		.shows #supplement .Calendar .boxHeading{ background: url(../images/bgs/content/top-narrow-red.png) top left no-repeat; }
		.shows #supplement .Charts .boxHeading{ background: url(../images/bgs/content/top-narrow-aqua.png) top left no-repeat; }
		.shows #supplement .People .boxHeading,
		.shows #supplement .Listing .boxHeading{ background: url(../images/bgs/content/top-narrow-green.png) top left no-repeat; }


	/* text/colour base styles for section */
		.shows #feature .boxHeading,
		.shows #feature .boxHeading a,
		.shows #supplement .viewProgram a{ color:#F8DADD;}
		.shows #feature h2{ color:#CE041B;}

		.shows #feature li{ 
			background-image:none;
			padding-left:0px;
		}
		.shows #feature .contentText li{ 
			background:url(../images/icons/bullet.gif) left top no-repeat;
			padding-left:18px;
		}


	/* feature column styles */
		/* feature column - main show page */
			.shows #feature .showTypes p{padding:0 0 .5em 0;}
			.shows #feature .showTypes ul{ padding:0 0 2em 15px;}
			.shows #feature .showTypes ul.longList { 
				float:left;
				width:430px;
			}
			.shows #feature .showTypes ul.longList li{ 
				float:left;
				width:210px;
			}
			.shows #feature .showTypes a{ text-decoration:underline;}

		/* feature column - individual show page styles */
			.shows #feature .timeSlot {
				float:right; 
				width:95px;
				padding:5px;
				margin-left:10px; 
				border: 1px dashed #CE041B;
			}
			.shows #feature .timeSlot p{padding-bottom:.2em;}

			.shows #feature .showDates a {
				color:#000;
				text-decoration:underline;
			}
			.shows #feature .showDates li.showInfo {
				padding: 10px 0;
				border-top: 1px solid #CE041B;
			}
			.shows #feature .showDates li.first {border-top: 0px solid #CE041B;}
			.shows #feature .showInfo h3.date {
				float:left; 
				display:inline; 
				width: 90px;
				font-size:1.2em;
				font-weight:normal;
				color: #CE041B;
			}
			.shows #feature .showInfo h3.date span { font-size:1.2em;}
			.shows #feature .showInfo .showDetails { margin-left:95px; }
			.shows #feature .showInfo .spotlight{ 
				border: 1px dashed #CE041B; 
				color:#333333; 
				padding: 7px 10px;
				margin-bottom:10px;
			}
			.shows #feature .spotlight p { padding:0;}
			.shows #feature .spotlight .restream{ padding-bottom:2px; }
			.shows #feature .spotlight .restream .play { 
				padding:0px 5px 3px 20px; 
				background: url(../images/icons/restreamOrange.gif) 0px 0px no-repeat; 
			}

			.shows #feature .spotlight h4, 
			.shows #feature .spotlight h5,
			.shows #feature .spotlight dl{ 
			 	clear:both;
				padding:.2em 0 .7em 0; 
			 }
			.shows #feature .spotlight h5{
				padding:.4em 0 .2em 20px;
				background: url(../images/icons/playlist.gif) 0px 0px no-repeat; 
				text-decoration: underline; 
			}

			.shows #feature .spotlight ul.tracklist {width: 330px;}
			.shows #feature .spotlight li {
				float:left;
				width: 330px;
				display:inline;
				border-top: 1px solid #E3E875;
			}
			.shows #feature .spotlight li .artist {
				float:left;
				width: 150px;
				font-size:1em;
				line-height:1.5em;
			}
			.shows #feature .spotlight li .track{margin-left:155px;}
			.shows #feature .shortcuts{
				float:right; 
				display:inline;
				width: 80px;
			}
			.shows #feature .storyList .summary{width:270px;}
			.shows #feature .shortcuts li a{padding:0px 5px 3px 20px;}
			.shows #feature .shortcuts li.transcript a{ 
				background: url(../images/icons/transcriptGreen.gif) 0px 0px no-repeat; 
			}
			.shows #feature .shortcuts li.play a{background: url(../images/icons/restreamGreen.gif) 0px 0px no-repeat; }
			




	/* supplement column styles */
		.shows #supplement .viewProgram{ 	
			position:relative;
			margin:-38px 0 0 0;
			padding:15px 0 0 7px;
			height:100px;
			font-size:1.7em;
			line-height:1.3em;
			text-align:center;
			text-transform:uppercase;
			background: #DCE252 url(../images/bgs/content/shows/schedule-button.gif) center top no-repeat;
		}
		.shows #supplement .viewProgram em{ 	
			font-size:.9em;
			font-weight:normal;
			font-style:normal;
		}
		.shows #supplement .viewProgram a{ 	
			text-decoration:none;
		}
		.shows #supplement h2.long{
			padding-top:14px;
			font-size:1.6em;
		}
		.shows #supplement .newButton{ 
			display:block;
			margin:-44px 0 56px 0;	
		}
		.shows #supplement .Charts .newButton{ margin:0;}
		
		/* calendar adjustments */
		.shows #supplement .Calendar .boxHeading{ color:#F8DADD;}
		.shows #supplement .Calendar .cal td.on	{background :#FFC2B3;}
		.shows #supplement .Calendar h2.dateNav a{
				color:#CE041B;
				padding:0 2px;
			}
		.shows #supplement .Calendar h2.dateNav a:hover{
				color:#000000;
			}

		/* feature album adjustments */
		.shows #supplement .featureAlbums .pad{ min-height:120px;}
		.shows #supplement .featureAlbums .inlinepic{ 
			float:left;
			display:inline;
			margin:0 8px 10px 0 ;
			width:90px !important;
			height:90px !important;
		}
		.shows #supplement .featureAlbums h3{font-size:1.4em;}
		.shows #supplement .featureAlbums h4{font-size:1.2em;}
		.shows #supplement .featureAlbums h5{font-size:1.2em;font-weight:normal;}


		/* presenters adjustments */
		.shows #supplement .People .presenterList li{ 
			margin-left:55px;
			font-size:1.5em;
			line-height:1.2em;
			padding-bottom:1em; 
		}

		.shows #supplement .People .imgLink img{
			margin-left:-55px;
			padding:0;
		}
		.shows #supplement .People .imgLink img,
		.shows #supplement .Listing .imgLink img{ 
			width:50px !important;
		}
		.shows #supplement .Listing h3{ 
			padding-top:5px; 
		}
		.shows #supplement .Listing h4{ 
			padding-bottom:5px; 
		}
		.shows #supplement .Listing .imgLink img{ 
			padding-right:5px; 
		}


	/* universal timetable grid styles */
		.shows #content .timetable{
			position:relative;
			margin-bottom:10px;
		}
		.shows #content .tabledivs{
			position:relative;
			top:-6px;
			z-index: 5;
		}
		.shows #content p.note{
			padding:1em 1em 0 75px; 
			line-height:1.2em;
		}
		.shows #content p.note img{
			float:left;
			margin-left:-20px;
		}
		 .dayName,
		 .timetableBlock { position: absolute; line-height:1em; height: 16px; text-align: center; width: 94px; margin: 0px; padding: 0px; }
		#supplement .timetableBlock { width: 160px; height: 12px; left:60px !important;  }
		 .dayName { top:-8px;left:0;margin-left:54px; text-transform: uppercase;}
		 .Tuesday { left:94px; } 
		 .Wednesday { left:188px; } 
		 .Thursday { left:282px; } 
		 .Friday { left:376px; } 
		 .Saturday { left:470px; }
		 .Sunday { left:564px; }
		#supplement .dayName { display: none; }
		

		.timeSlotInfo { display: none !important; } 
		

		.shows .detail { position: absolute; text-align: center; z-index: 0;margin:0; padding:0; }
		.shows #content .detail.active {background: #DCE252;border:2px solid #CE051B;}
		.shows .detail{
			list-style: none;
			line-height:1.1em;
		}
		.schedule .detail{
			font-size:1.1em;
		}
		.shows .detail a.name { 
			color:#000;
			display:block;
		 }
		.shows .detail a.name:hover { 
			color:#CE051B;
			background:#fff;
			text-decoration:none;
		 }


	/* daily timetable grid */
		.shows #supplement .dailyProgram .pad{
			padding:10px 0 0 7px;
			width:230px;
			height:640px;
		}
		.shows #supplement .dailyProgram .timetable{
			width:230px;
			height:576px;
			background: #EDF0A8 url(../images/bgs/content/shows/daily-gridlines.gif) left top repeat;
		}
		.shows #supplement .tabledivs{
			height:588px;
			background: url(../images/bgs/content/shows/daily-times.gif) 10px 0px  no-repeat;
		}
		.shows #supplement p.note{
			padding:1em 1em 0 60px; 
		}
		.shows #supplement .detail { left:60px !important; }


	/* weekly timetable grid  */
		.schedule #content #feature {
			width:719px !important;
			background: url(../images/bgs/content/feature-white-Xwide.png) top left repeat-y;
		}
		.schedule #content #feature h1{
			width:719px ;
			background: url(../images/bgs/content/top-Xwide-red.png) top left no-repeat; 
		}
		.schedule #feature .weeklyProgram{
			padding:20px 0 0 7px;
			width:712px;
			height:820px;
			z-index: 0;
			background: url(../images/bgs/content/base-Xwide-white.png) bottom left no-repeat;
		}
		.schedule #feature .timetable{
			width:712px;
			height:768px;
			background: #EDF0A8 url(../images/bgs/content/shows/weekly-gridlines.gif) left top repeat;
		}
		.schedule #feature .tabledivs{
			height:780px;
			background: url(../images/bgs/content/shows/weekly-times.gif) 10px 0px  no-repeat;
		}