/* Container for ONLY WVIZ Schedule Page */


	#schedule {

		margin-left: 180px;

		margin-bottom: 10px;

		padding: 10px;

	}



	#sidebar_a {

		float: left;

		display: inline;

		width: 170px;

		margin-bottom: 10px;

		padding: 5px;

	}



/*

------------------------------------------------------------

PBS Station Module: TV Schedules CSS

------------------------------------------------------------

*/



/*

STYLES INDEX



I. Global



II. Header



III. Calendar



IV. Station & Feeds



V. Grid



*/



/*

======================================================

I. TV Schedules - Global

======================================================

*/



#tvschedules

{

	color: #333;

	font: 10px/12px verdana, arial, sans-serif;

	margin: 0;

}



#tvschedules a:link,

#tvschedules a:visited

{

	color: #333;

	text-decoration: underline;

}



#tvschedules a:hover,

#tvschedules a:active

{

	color: #333;

	text-decoration: none;

}





/*

======================================================

II. TV Schedules - Header

======================================================

*/



#tvschedules #tvschedulesheader

{

	width: 80%;

	padding: 0;

	margin: 0 0 10px 0;

}



#tvschedules #tvschedulesnavcontainer

{

	padding: 0 20px 0 0;

	vertical-align: middle;

}



#tvschedules #tvschedulesnavcontainer form

{

	color: #333;

	white-space: nowrap;

	margin: 15px 0 0 0;

}



#tvschedules .tvschedulesheaderdate

{

	color: #333;

	font-size: 15px;

	line-height: 18px;

	margin: 0;

}



#tvschedules input#submitbutton

{

	color: #666;

	font-family: verdana, arial, sans-serif;

	font-size: 10px;

	text-transform: uppercase;

	background: #fff;

	border: 1px solid #666;

	padding: 1px;

	margin: -3px 0 0 0;

	vertical-align: bottom;

}



#tvschedules select

{

	color: #333;

	font-size: 11px;

	margin: -3px 0 0 0;

	vertical-align: middle;

}





/*

======================================================

III. TV Schedules - Calendar

======================================================

*/



#tvschedules #tvschedulescalendarcontainer

{

	vertical-align: top;

}



#tvschedules #tvschedulescalendar

{

	background-color: #ccc;

	border: 1px solid #999;

	padding: 0;

}



#tvschedules #tvschedulescalendar a:link,

#tvschedules #tvschedulescalendar a:visited,

#tvschedules #tvschedulescalendar a:hover,

#tvschedules #tvschedulescalendar a:active

{

	color: #333;

	font-weight: normal;

	text-decoration: none;

}



#tvschedules #tvschedulescalendar td

{

	text-align: center;

	vertical-align: middle;

}



#tvschedules #tvschedulescalendar .calendarmonthheader

{

	color: #333;

	font-weight: normal;

	padding: 2px 0 2px 0;

}



#tvschedules #tvschedulescalendar .calendardayheader

{

	color: #666;

	font-weight: 900;

}



#tvschedules #tvschedulescalendar .calendarday,

#tvschedules #tvschedulescalendar .calendardayoff,

#tvschedules #tvschedulescalendar .calendardaytoday,

#tvschedules #tvschedulescalendar .calendardayselected,

#tvschedules #tvschedulescalendar .calendarweekon

{

	padding: 2px;

}



#tvschedules #tvschedulescalendar .calendarday

{

	color: #333;

	background-color: #fff;

}



#tvschedules #tvschedulescalendar .calendardayoff

{

	color: #999;

	background-color: #ccc;

}



#tvschedules #tvschedulescalendar .calendardaytoday

{

	color: #fff;

	font-weight: 900;

	background-color: #999;

}



#tvschedules #tvschedulescalendar .calendardaytoday a:link,

#tvschedules #tvschedulescalendar .calendardaytoday a:visited,

#tvschedules #tvschedulescalendar .calendardaytoday a:hover,

#tvschedules #tvschedulescalendar .calendardaytoday a:active

{

	color: #fff;

	font-weight: 900;

}



#tvschedules #tvschedulescalendar .calendardayselected

{

	color: #fff;

	font-weight: 900;

	background-color: #333;

}



#tvschedules #tvschedulescalendar .calendardayselected a:link,

#tvschedules #tvschedulescalendar .calendardayselected a:visited,

#tvschedules #tvschedulescalendar .calendardayselected a:hover,

#tvschedules #tvschedulescalendar .calendardayselected a:active

{

	color: #fff;

	font-weight: 900;

}



#tvschedules #tvschedulescalendar .calendarweekon

{

	color: #fff;

	background-color: #333;

}





/*

======================================================

IV. TV Schedules - Station & Feeds

======================================================

*/



#tvschedules #stationchannelscontainer

{

	border-top: 1px solid #ccc;

	border-left: 2px solid #ccc;

	padding: 0;

	width: 100%;

	vertical-align: top;

}



#tvschedules .stationblock,

#tvschedules .stationblockon

{

	border-right: 2px solid #ccc;

	border-bottom: 2px solid #ccc;

	padding: 10px;

}



#tvschedules .stationblock

{

	background-color: #999;

}



#tvschedules .stationblockon

{

	background-color: #2160a9;

}



#tvschedules #grid .stationblockmain

{

	background-color: #2160a9;

	border-bottom: 1px solid #ccc;

	border-right: 1px solid #ccc;

	border-left: 1px solid #ccc;

	width: 16%;

	padding: 8px;

}



#tvschedules .stationcommonname

{

	font-weight: 900;

	line-height: 14px;

	font-size: 12px;

}



#tvschedules .stationchannel

{

	font-size: 10px;

	font-style: italic;

}



#tvschedules .stationblock .stationcommonname a:link,

#tvschedules .stationblock .stationcommonname a:visited

{

	color: #333;

	text-decoration: underline;

}



#tvschedules .stationblock .stationcommonname a:hover,

#tvschedules .stationblock .stationcommonname a:active

{

	text-decoration: none;

}



#tvschedules .stationblock .stationchannel

{

	color: #333;

}



#tvschedules .stationblockon .stationcommonname,

#tvschedules .stationblockon .stationchannel

{

	color: #fff;

}



#tvschedules #grid .stationblockmain .stationcommonname a:link,

#tvschedules #grid .stationblockmain .stationcommonname a:visited

{

	color: #fff;

	text-decoration: underline;

}



#tvschedules #grid .stationblockmain .stationcommonname a:hover,

#tvschedules #grid .stationblockmain .stationcommonname a:active

{

	text-decoration: none;

}



#tvschedules #grid .stationblockmain .stationchannel

{

	color: #fff;

}





/*

======================================================

V. TV Schedules - Grid

======================================================

*/



#tvschedules #tvschedulesgridtable

{

	width: 80%;

}



#tvschedules #gridcontainer

{

	vertical-align: top;

}



#tvschedules .gridnavcontainer

{

	background-color: #ccc;

	width: 100%;

}



#tvschedules td.gridnav

{

	font-weight: 900;

	white-space: nowrap;

	padding: 7px;

}



#tvschedules td.gridnav a:link,

#tvschedules td.gridnav a:visited

{

	font-weight: normal;

	color: #333;

	text-decoration: underline;

}



#tvschedules td.gridnav a:hover,

#tvschedules td.gridnav a:active

{

	text-decoration: none;

}



#tvschedules #grid

{

	width: 100%;

	padding: 0;

}



#tvschedules #grid a:link,

#tvschedules #grid a:visited

{

	color: #333;

	text-decoration: none;

}



#tvschedules #grid a:hover,

#tvschedules #grid a:active

{

	color: #333;

	text-decoration: underline;

}



#tvschedules #grid td

{

	font-size: 9px;

	padding: 1px;

}



#tvschedules #grid td.griddate

{

	color: #fff;

	font-weight: 900;

	background-color: #333;

	border-bottom: 1px solid #ccc;

}



#tvschedules #grid td.griddatetoday

{

	color: #333;

	font-weight: 900;

	background-color: #eee;

	border-bottom: 1px solid #ccc;

}



#tvschedules #grid td.griddate,

#tvschedules #grid td.griddatetoday,

#tvschedules #grid td.gridtime,

#tvschedules #grid td.gridtimemorning,

#tvschedules #grid td.gridtimeafternoon,

#tvschedules #grid td.gridtimeprimetime,

#tvschedules #grid td.gridtimelatenight

{

	text-align: center;

	white-space: nowrap;

	width: 12%;

	vertical-align: middle;

}



#tvschedules #grid td.gridtimemain

{

	text-align: left;

	white-space: nowrap;

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	border-right: 1px solid #ccc;

	width: 14%;

	vertical-align: middle;

}



#tvschedules #grid td.gridtimemainblank

{

	background: #666;

	border: 1px solid #ccc;

	width: 14%;

}



#tvschedules #grid td.gridtimemorning,

#tvschedules #grid td.gridtimeafternoon,

#tvschedules #grid td.gridtimeprimetime,

#tvschedules #grid td.gridtimelatenight

{

	color: #000;

	border-bottom: 1px solid #ccc;

	border-right: 1px solid #ccc;

	border-left: 1px solid #ccc;

}



#tvschedules #grid td.gridtimemorning

{

	background-color: #bbbaba;

}



#tvschedules #grid td.gridtimeafternoon

{

	background-color: #bbbaba;

}



#tvschedules #grid td.gridtimeprimetime

{

	background-color: #bbbaba;

}



#tvschedules #grid td.gridtimelatenight

{

	background-color: #bbbaba;

}



#tvschedules #grid span.gridtimeheader

{

	color: #000;

	font-weight: 900;

	text-transform: uppercase;

	white-space: nowrap;

}



#tvschedules #grid div.hr 

{

	font-size: 2px;

	line-height: 2px;

	background-color: #000;

	width: 100%;

	height: 3px;

	padding: 0;

	margin: 5px 0 5px 0;

}



#tvschedules #grid div.hr hr

{

	display: none;

} 



#tvschedules #grid td.gridprogram,

#tvschedules #grid td.gridprogramtoday,

#tvschedules #grid td.gridprogramkids,

#tvschedules #grid td.gridprogramkidstoday,

#tvschedules #grid td.gridprogramparents,

#tvschedules #grid td.gridprogramparentstoday,

#tvschedules #grid td.gridnodata

{

	border-bottom: 1px solid #ccc;

	border-right: 1px solid #ccc;

	vertical-align: middle;

}



#tvschedules #grid td.gridprogram

{

	background-color: #e6e6e6;

}



#tvschedules #grid td.gridprogramtoday

{

	background-color: #fff;

}



#tvschedules #grid td.gridprogramkids

{

	background-color: #e6e6e6;

}



#tvschedules #grid td.gridprogramkidstoday

{

	background-color: #fff;

}



#tvschedules #grid td.gridprogramparents

{

	background-color: #e6e6e6;

}



#tvschedules #grid td.gridprogramparentstoday

{

	background-color: #fff;

}



#tvschedules #grid td.gridnodata

{

	background-color: #999;

}



#tvschedules #grid td.gridprogramend

{

	display: none;

}



#tvschedules #grid .gridprogramepisode

{

	font-style: italic;

}