/*
------------------------------------------------------------
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: 100%;
	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 0 10px 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: #333;
}

#tvschedules #grid .stationblockmain
{
	background-color: #333;
	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
{
	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
{
	color: #333;
}

#tvschedules .stationblockon .stationcommonname,
#tvschedules .stationblockon
{
	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
{
	color: #fff;
}


/*
======================================================
V. TV Schedules - Grid
======================================================
*/

#tvschedules #tvschedulesgridtable
{
	width: 100%;
}

#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: 10px;
	padding: 5px;
}

#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;
}

/*
-----------------------------------------------------------------------
PBS Station Module: TV Schedules Search CSS
-----------------------------------------------------------------------
*/

/*
======================================================
Search Global Styles
======================================================
*/

.schedulesearch
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	padding: 0;
	margin: 0;
	width: auto;
}

.schedulesearch a:link
{
	color: #333;
	text-decoration: underline;
}

.schedulesearch a:visited
{
	color: #333;
	text-decoration: underline;
}

.schedulesearch a:hover
{
	color: #333;
	text-decoration: none;
}

.schedulesearch a:active
{
	text-decoration: underline;
}

.schedulesearch p
{
	font-size: 11px;
	padding: 0;
	margin: 10px 0 0 0;
}

.schedulesearch p.key
{
	font-size: 10px;
	font-style: italic;
	padding: 0;
	margin: 0;
}

.schedulesearch h1
{
	font-size: 13px;
	font-weight: 900;
	color: #000;
	margin: 0 0 12px 0;
	/* display: none; */
}

.schedulesearch label
{
	color: #333;
	font-weight: normal;
}

.schedulesearch .channel
{
	font-style: italic;
	font-weight: 900;
	color: #333;
}

.schedulesearch .keyword
{
	font-style: italic;
	font-weight: 900;
	color: #333;
}

.schedulesearch .didyoumean
{
	font-size: 11px;
	font-style: italic;
	font-weight: 900;
	color: #900;
}

.schedulesearch .didyoumean a:link,
.schedulesearch .didyoumean a:visited,
.schedulesearch .didyoumean a:hover,
.schedulesearch .didyoumean a:active
{
	color: #900;
}


/*
======================================================
Search Form Styles
======================================================
*/

.schedulesearch form.searchbox
{
	border: 1px solid #ccc;
	padding: 6px;
	margin:  0 0 17px 0;
	background-color: #ededed;
	width: auto;
	min-width: 282px;
}

.schedulesearch form.resultssort
{
	display: inline;
}

.schedulesearch .searchrow
{
	display: inline;
	white-space: nowrap;
	line-height: 22px;
}

.schedulesearch input
{
	font-size: 10px;
}

.schedulesearch select
{
	font-size: 10px;
	padding: 0;
	margin: 0 0 0 -3px;
	width: auto;
}

input.schedulesearchfield
{
	margin:  0 3px 0 0;
	width: 145px;
}

input.schedulesearchsubmit
{
	font-size: 10px;
	color: #333;
	line-height: 11px;
	text-transform: uppercase;
	padding: 2px;
	border:  1px solid  #333;
	background-color: #ccc;
}

input.schedulesearchradio
{
	margin: 0 0 0 10px;
	padding: 0;
	width: 13px;
}

.schedulesearchoption
{
	margin: 3px 0 0 55px;
}


/*
======================================================
Search Results Styles
======================================================
*/

.schedulesearch-resultsheader
{
	border-bottom: 1px solid #999;
	margin: 15px 0 0 0;
	padding: 0  0 5px 0;
	width: auto;
	min-width: 282px;
}

.schedulesearch-resultsheader p
{
	font-size: 10px;
	padding: 0;
	margin: 0;
	display: inline;
}

.schedulesearch-resultsfooter
{
	border-top: 1px solid #999;
	margin: 15px 0 10px 0;
	padding: 5px 0 0 0;
	width: auto;
	min-width: 282px;
}

.schedulesearch-resultsfooter p
{
	font-size: 10px;
	padding: 0;
	margin: 0;
	display: inline;
}

.schedulesearch-results
{
	padding: 0;
	margin:  0;
	width: auto;
}

.schedulesearch-results h3.channel
{
	color: #333;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	margin: 15px 0 10px 0;
	padding: 2px 5px 2px 5px;
	background-color: #ddd;
	border: 1px solid #333;
}

.schedulesearch-results h4.channel
{
	color: #333;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.schedulesearch-results .program
{
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 2px 0;
}

.schedulesearch-results .episode
{
	font-size: 11px;
	font-style: italic;
	margin: 0;
}

.schedulesearch-results .description
{
	color: #666;
	font-size: 10px;
	line-height: 11px;
	margin: 0 0 3px 0;
}

.schedulesearch-results .airdate
{
	font-size: 10px;
	font-weight: bold;
	margin: 0;
}

.schedulesearch-results time 
{
	font-size: 10px;
	color: #333;
}

.schedulesearch-results .date 
{
	font-size: 10px;
	color: #333;
}

.schedulesearch-results .null
{
	color: #900;
	font-size: 10px;
	font-weight: bold;
	margin: 10px 0 10px 30px;
	text-transform: uppercase;
}