/* CSS Document */


div#programSearchBox {
	float: right;
	padding: 1em;
}

.whatDoOurChannelsMean {
	padding-left: 1em;
}

#todayTomorrowNav a {
	color: #900;
}


td.channelTitle {
	background-color: #333;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

td.channelTitle a {
	color: #fff;
	text-decoration: none;
}

td.channelTitle a:hover {
	color: #CCC;
	text-decoration: underline;
}


#channelSubTitle {
	font-size: 75%;
}



table.scheduleTable {
/*	border-top: 1px solid #C7C7C7;	*/
	border-left: 1px solid #C7C7C7;
}
table.scheduleTable td {
	border-bottom: 1px solid #C7C7C7;
	border-right: 1px solid #C7C7C7;
}
table.scheduleTable tr.timeGroup td {
	border: none;
}



.kuedProduction {
	background: transparent url(/images/whatson/kuedProduction.png) top left no-repeat;
}

.newEpisode {
	background: transparent url(/images/whatson/newEpisode.png) bottom right no-repeat;
}



.endRow {
	background-color: #C7C7C7;
	height: 0.7em;
}

.endRow a {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}

#genreCodesRow {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#genresTable td {
	border: 0;
}
#genresTable td a {
	color: #000;
}


.scheduleTopLeftCornerBox {
	background-color: #666;
}

.scheduleCell {
	background-color: #F3F3F3;
	line-height: 12px;
}

.scheduleCell a {
	text-decoration: none;
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}

.scheduleCell a:hover {
	color: #F00;
}

div#episodeTitle {
	margin: 4px 0 0 2px;
}

.episodeTitle {
	font-style: italic;
	font-size: 95%;
	color: #333;
	line-height: 13px;
}

.episodeTitle a:hover {
	color: #000;
}

.inProgress {
	text-decoration: blink;
	color: #f00;
	font-variant: small-caps;
	font-size: 12px;
}


.whichWhatson a {
	color: #fff;
	background-color: #000;
	padding: 12px 6px;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #fff;
}
.whichWhatson a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #000;
}

#hiAdt {	/*	This is used to highlight the individual episode in the default grid (not fullday, or full month, or full week) when coming from the Program View page that shows all episodes for a particular series	*/
	background-color: #FFFF99;
}



div#backToTop {
	text-align: right;
}






/*	Fullday styles 	*/

.timeCell {
	background-color: #B7B7B7;
	color: #000;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.rowHighlight {
	background-color: #FFCC00;	/*	FFCC00 was the original, more orange color	*/
	font-weight: bold;
	color: #000;
}

.regularChannel {
	background-color: #999;
	color: #333;
	border-bottom: 1px solid #ccc;
}

.highlightedChannel {
	background-color: #333;
	color: #fff;
	border-width: 1px 1px 0 1px;
	border-color: #ccc;
	border-style: solid;
}

.regularChannel a, .highlightedChannel a {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.highlightedChannel a {
	text-decoration: none;
	color: #fff;
}

.regularChannel a {
	color: #CCC;
}

.blockTitleRow {
	text-align: center;
	letter-spacing: 0.5em;
	color: #fff;
	background: #000 url(../images/graphics/blackGreyGradient.jpg) top repeat-x;
}

.timeGroup {
	text-align: center;
	font-size: 10px;
	color: #ccc;
	letter-spacing: 1px;
	font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
}

.timeGroup a {
	color: #fff;
	text-decoration: none;
}

.timeGroup a:hover {
	text-decoration: underline;
	color: #fff;
}


.timeBox {	/*	Used for where the times list across in the month view	*/
	color: #fff;
}





/*	Fullweek styles		*/
.daysRow a {
	color: #000;
	text-decoration: none;
	font-size: 10px;
}

.daysRow a:hover {
	color: #666;
}

.timesRow {
	font-size: 10px;
	color: #000;
	text-align: center;
}

#dayCellHighlight {
	background-color: #fff;
	font-weight: bold;
}

#dayHighlight {
	background-color: #FFCC00;	/*	Original was... FFCC00	*/
	font-weight: bold;
}



div#backToTopFloat {
	float: right;
}

div#backToTopFloat a {
	color: #fff;
	letter-spacing: 0;
	font-size: 9px;
}

div#backToTopFloat a:hover {
	color: #F00;
	text-decoration: none;
}


.whiteUpArrow {
	margin-right: 0.5em;
}







/*	Fullmonth styles	*/

.monthDay {
	text-align: right;
}

.monthDay a {
	color: #000;
	text-decoration: none;
}

.monthDay a:hover {
	text-decoration: underline;
	color: #f00;
}


#monthRegular {	
}


#monthHighlight {
	font-weight: bold;
	color: #000;
}

#monthHighlight a:hover {
	text-decoration: none;
}


#weekendDay {
	font-weight: bold;
	border-left: 3px solid #666;
}