/***********************************************
 * Schedule Page *******************************
 ***********************************************/

/* Schedule Page Specific tags */

#oxygenCalendar
{
	overflow: hidden;
}

#scheduleLeft
{
	float: left;
	width: 283px;
}

#scheduleHeader
{
	height: 293px;
	background: url(images/scheduleHeader.jpg);
	overflow: hidden;
	padding: 0 0 0 18px;
}

#scheduleHeader h2
{
	background: url(images/h2Schedule.gif);
	width: 119px;
	height: 21px;
	margin: 30px 0 0 0;
	text-indent: -9999px;
}

#calendarControls
{
	width: 283px;
	overflow: hidden;
	margin: 41px 0 0 0;
}

a.calendarPrevious
{
	display: block;
	width: 37px;
	height: 48px;
	background: url(images/calendarPrevious.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	float: left;
}

a.calendarPrevious:hover
{
	background: url(images/calendarPrevious.jpg) 0 -48px no-repeat;
}

.calendarDate
{
	display: block;
	width: 209px;
	height: 48px;
	text-align: center;
	float: left;
	font-size: 2.0em;
	line-height: 52px;
	font-weight: bold;
}

a.calendarNext
{
	display: block;
	width: 37px;
	height: 48px;
	background: url(images/calendarNext.jpg);
	text-indent: -9999px;
	float: left;
	font-size: 1%;
}

a.calendarNext:hover
{
	background: url(images/calendarNext.jpg) 0 -48px no-repeat;
}

.twoWeekCalendar
{
	margin: 28px 0 0 15px;
	width: 256px;
	clear: both;
}

TABLE.twoWeekCalendar td
{
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	vertical-align: middle;
	padding-bottom: 4px;
	color: #c2c2c1;
}

TABLE.twoWeekCalendar td a
{
	padding: 4px 0 0 0;
	height: 16px;
	width: 25px;
	display: block;
	color: #333333;
	font-weight: bold;
}

.twoWeekCalendar td a:hover, .twoWeekCalendar td.todayCell a
{
	text-decoration: none;
	background: #ffdd00;
}

.twoWeekCalendar td a.selected, .twoWeekCalendar td a.activeLink
{
	border: 1px solid #333333;
}

.twoWeekCalendar td a.old, .twoWeekCalendar td a[disabled]
{
	color: #999;
	font-weight: normal;
}

#whatsOnToday
{
	float: left;
	margin: 50px 0 0 62px;
	width: 200px;
	height: 150px;
	padding: 45px 0 0 0;
	overflow: hidden;
}

#whatsOnToday img
{
	float: left;
	margin: 0 8px 0 0;
	display: inline;
	border: 3px solid #feee88;
	width: 63px;
}


#whatsOnToday ul li:hover img
{
	border: 3px solid #850077;
}


#whatsOnToday li:hover a
{
	text-decoration: underline;
}

#whatsOnToday li
{
	overflow: hidden;
	clear: both;
	margin: 0 0 10px 30px;
}

* html #whatsOnToday li
{
	display: inline-block;
}

#whatsOnToday li h3 a
{
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 4px 0;
	display: block;
}

.scheduleHeading
{
	height: 32px;
	background: url(images/scheduleTitleBg.gif);
}

.scheduleTime, .scheduleShow, .scheduleEpisode
{
	background: url(images/scheduleTitleBg.gif);
}

.scheduleTime h4
{
	background: url(images/scheduleTime.gif) no-repeat;
	height: 32px;
	width: 60px;
	text-indent: -9999px;
}

.scheduleShow h4
{
	background: url(images/scheduleShow.gif) no-repeat;
	height: 32px;
	width: 60px;
	text-indent: -9999px;
}

.scheduleEpisode h4
{
	background: url(images/scheduleEpisode.gif) no-repeat;
	height: 32px;
	width: 60px;
	text-indent: -9999px;
}

#mainContent .nodata
{
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #C00;
	text-align: center;
	padding: 18px 10px 18px 10px;
}

#mainContent .scheduleMiddle img
{
	display: none;
}

#mainContent #onNow .scheduleMiddle img
{
	display: inline;
	margin-left: 40px;
}

#mainContent #innerPrimetimeBlock
{
	display: none;
}

.scheduleLeft
{
	padding: 8px 10px 8px 26px;
	width: 66px;
	border-bottom: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	font-size: 14px;
	color: #666666;
}

.scheduleMiddle a
{
	text-decoration: underline;
}

.scheduleMiddle, .scheduleMiddle a
{
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}

.scheduleMiddle
{
	padding: 8px 10px 8px 16px;
	width: 225px;
	border-bottom: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
}

.scheduleRight
{
	border-bottom: 1px solid #d7d7d7;
	font-size: 11px;
	padding: 8px 10px 8px 14px;
}

a.previousDay
{
	display: block;
	text-indent: -9999px;
	width: 140px;
	height: 26px;
	background: url(images/previousDay.gif) top left;
	margin: 10px 0 0 10px;
}

a.previousDay:hover
{
	background: url(images/previousDay.gif) bottom left;
}

a.nextDay
{
	display: block;
	text-indent: -9999px;
	width: 110px;
	height: 26px;
	background: url(images/nextDay.gif) top left;
	float: right;
	margin: 10px 10px 0 0;
}

a.nextDay:hover
{
	background: url(images/nextDay.gif) bottom left;
}

/*
To style the tooltip, use these selectors in your stylesheet:

#tooltip - The tooltip container
#tooltip h3 - The tooltip title
#tooltip div.body - The tooltip body, shown when using showBody
#tooltip div.url - The tooltip url, shown when using showURL
*/

#tooltip
{
	position: absolute;
	z-index: 3000;
	border-top: 1px solid #999999;
	border-bottom: 3px solid #999999;
	border-right: 3px solid #999999;
	border-left: 1px solid #999999;
	padding: 25px 7px 10px 7px;
	width: 170px;
	font-size: 11px;
	line-height: 14px;
	color: #666666;
	background: url(/common/images/_global/toolTipBg.jpg) repeat-x #ebebeb;
}
#tooltip h3, #tooltip div
{
	margin: 0;
}