/*THICK BOX CUSTOMIZATION*/

/*
div#TB_window{
background:url(images/teal_grad.gif)#FFFFFF repeat-x !important;}

div#TB_window a:visited{color:black !important;}

div#TB_window a:hover{color:red !important;}

div#TB_window a:focus{color:black !important;}

div#TB_title{
background:url(images/teal_grad.gif)#FFFFFF repeat-x !important;}

div#TB_ajaxWindowTitle{
color:black;
background:url(images/teal_grad.gif)#FFFFFF repeat-x !important;}

div#TB_closeAjaxWindow{}

a#TB_closeWindowButton{
color:black !important;}

/*body styles of the TB window*/

/*
div#TB_window .message08{}

div#TB_ajaxContent .message08 p{
color:#444;
font-family: 'Georgia',Times, Palatino, serif;
font-size: 1.2em;
}

div#TB_window .message08 a{
color:blue !important;
}

*/




/*GENERIC STYLES*/

	body{
	margin:0;
	padding:0;
	font-family:Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	}
	


	p{font-family:Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;}
	
	a img{border:none;}
	
	.bold{font-weight: bold;}
	
	/*notice yellow:#f9ff78;*/
	
/*LAYOUT*/
   
   /*UNIVERSAL toggles ON AND OFF*/

	
	div{
	border:0px solid #ff00ff;}

	ul{
	border:0px solid #ff00ff;
	list-style-type:none;
	margin:0;
	padding:0;}

	#container_tvo{}

	#content_tvo{
	width:960px;
	margin: 20px auto;
	font-size:12px;
	}
	
	/*homepage columns*/
				
	.col1{
	width:460px;
	float:left;}
		
	.col2{
	width:300px;
	float:left;}

	.col3{
	width:200px;
	float:left;}
			
	

	#container_tvo{
	width:100%;
	margin: 0 auto;
	padding:0;}
	


/*LINK STYLES*/

	a{color:#004276;}
	
	a:visited{color:#53247F;}/*#53247F*/
	
	a:hover{color:#8B0F04;}
	

/*HOME PAGE CONTENT*/
	
	
	/*sub-columns*/
	
	.col1_1{
	width:240px;
	margin:0;
	padding:0;
	float:left;}
		
	.col1_2{
	width:220px;
	margin:0;
	padding:0;
	float:left;}
	
	.col1_1 ul, .col1_2 ul{list-style-type: none;}
	
	
	/*sub pages universals*/
	
	
	.hm_pagetitle{
	margin-bottom:20px;
	padding:0;
	color:#A71930;}
	

	
/*Column 1*/

/*Administer: tvo homepage spotlight / text spotlight*/

.ribbon{
z-index: 100;
color:#FFFB65;
display: block;
position:relative;
top:-5px;
left:-20px;
line-height:1em;
margin:0;
padding:0;
width:360px;
height:80px;
}


.ribbon a{
cursor:pointer;
}


.main_spotHeight{
height: auto;
}


#slides{
margin:0;
padding:0;
top:0;
left:0;
}

.sub_header{
margin-top:-10px;
}


	#main_spot{
	z-index: 5;
	display: block;
	position: relative;
	top:-50px;
	left:0;
	border:#efefef 1px solid;
	background: url(images/mainspot_grey.png) repeat-x 0 80px;
	padding:3px;
	width:410px;
	}
			
	#main_spot img {
	border:none;
	padding:0;
	}
	
	/*
	348px auto default
	*/
	
	.main_spotHeight {
	height:365px;
	}
	
	#slidesInteraction {
	position:relative;
	width:410px;
	margin:10px;/*10px 0*/
	padding-bottom:none;/*20px none*/
	}		
	
	#controls {
	width:15px;
	background:#fff;
	}		
	.controlsPosition {
	position: absolute;
	top: 0px;
	left: 0px;
	}	
	#play{
	display:none;
	background:url(images/play.gif) no-repeat center;
	}
	#pause{
	display:none;
	background:url(images/pause.gif) no-repeat center;
	}
	#controls span {
	color:#a71930;
	cursor:pointer;
	padding: 1px 5px;
	outline:none;
	line-height:20px;
	}
	
	#slidesNav {
	width:385px;/*395px 385px*/
	text-align:left;
	margin-left:10px;
	}		
	#slidesNav a {
	color:#999;
	margin: 2px;
	padding: 1px 5px;
	border: 1px solid #ccc;
	background: #fefefe;
	color: #fefefe;
	text-decoration: none;
	outline:none;
	line-height:20px;
	}
	#slidesNav a.activeSlide {
	background: #a71930 url(images/active.gif);
	color: #a71930;
	}
	#slidesNav a.activeSlide:hover {
	background: #a71930 url(images/active.gif);
	color: #a71930;
	}
	#slidesNav a:hover {
	background: #ddd;
	color: #ddd;
	}
	#slidesNav a:focus { 
	outline: none;
	}
	.slidesNavPosition {
	position: absolute;
	top: 0px;
	right: 0px;
	}
	
	
	/*Temp THEME SPOTS*/
	
	.themespot1{
	display: none;
	width:410px;
	height:150px;
	margin:3px;
	padding:0;
	border:1px solid #444;}
	
	
	
		
	/*DISCOVER MORE*/
	.col1 .sub_header{
	width:410px;
	padding: 5px 0 5px 0;
	color: #A71930;
	border-bottom:1px solid #CCC;}
	
	/*SPECIAL PROGRAMMING*/
	ul.minisites{
	margin-top:20px;}
	
	ul.minisites li{
	padding:3px 0 3px 0;
	border-bottom:1px solid #EFEFEF;}
	
	ul.minisites li a{
	font-size:1.2em;
	text-decoration:none;}
	
	
	/*SPONSORS*/
	
	.tvo_sponsors{
	margin-top:20px;
	}
	
	.tvo_sponsors h4{
	width:236px;
	margin-bottom: 20px;
	border-bottom: 1px solid #CCC;}
	
	.tvo_sponsors img{
	border:1px solid #CCC;}
	
	.col1_2 ul{
	border-left:1px solid #CCC;
	margin:10px 0 10px 10px;
	padding-left:15px;}
	
	.col1_2 ul li img{
	border:1px solid #CCC;}
	
	/*ABOUT TVO*/
	
	.about_tvo{
	width:236px;
	height:100px;
	margin:5px 0;
	border-top:3px solid #333;
	border-bottom:3px solid #333;
	background: grey;}
	
	
	
/*Column 2*/

	.col2 h2.sub_header{
	margin-top:0;
	color:#A71930;}
	
	ul#feature_programs {
	width:250px;
	margin: 0px;}
	
	
	ul#feature_programs li div h3{
	margin-bottom:10px;
	border-bottom:1px solid #CCC;}
	
	ul#feature_programs li{
	clear: both;
	}
	
	ul#feature_programs li div{}
	
	ul#feature_programs li img{
	margin-right:10px;
	padding:3px;
	border:1px solid #CCC;
	float:left;}
	
	ul#feature_programs li a{
	text-decoration: none;}
	
	ul#feature_programs li p{
	width:150px;
	float:right;
	margin:2px;
	padding:0;
	}
	
	ul#feature_programs li p.time{color:#444;font-weight: bold;}
	ul#feature_programs li p.episode{color:#666;}
	ul#feature_programs li p.more {
	margin-top:10px;
	margin-bottom:20px;
	float:right;
	text-align: right;
	}
	
	
	
	#feature_mini_spots{
	width:250px;
	clear:both;
	border-top: 5px solid #CCC;}
	
	#feature_mini_spots img{
	margin-left:0;
	/*width:250px;*/}
	
	#feature_mini_spots ul{
	margin-top:10px;}
	
	#feature_mini_spots ul li{
	margin-bottom:5px;}
	
	
	
	#yahoo250{
	width:250px;
	margin-top:5px;
	border: 0px solid #333;
	}
	
	#yahoo250 h4{
	font-size:12px;}
	
	
	ul.yh_txtlinks{}
	
	ul.yh_txtlinks li{
	margin-top:5px;
	margin-bottom: 5px;}
	
	ul.yh_txtlinks li a{}
	
	ul.yh_txtlinks li p{
	margin:0;
	padding:0;}
	
	ul.yh_txtlinks li p.yh_txturl a{
	color: #008000;
	text-decoration: none;}
	
	
	/*sub page yahoo180 ads*/
	
	.col3 #yahoo180{
	width:200px; 
	background:#f8f8f8;
	margin:10px 0 20px 0;
	padding:10px 0 0 0;
	float:right;}
	
	#yahoo180 h4{
	font-size:12px;
	margin-left:5px;}
	
	
	#yahoo180 ul.yh_txtlinks{
	width:180px;
	margin-left:5px;
	}
	
	

/*Column 3*/

	/*notices
	
	.notice{
	width:190px;
	height:40px;
	margin:0;
	padding:15px 3px 3px 3px;
	text-align: center;
	position: relative;
	left: 0;
	top:-22px;
	border:1px solid #A71930;
	background:url(images/tvoredgrad.gif) 100% 40% repeat-x;}
	
	.notice p, .notice a{
	color:#FFF;
	font-family: 'Arial', Helvetica, sans-serif;
	font-size:1.4em;
	font-weight: bold;
	margin:20px 3px;
	padding: 0;
	text-align: center;
	text-decoration: none;
	}
	
	.notice a, .notice a:visited, .notice a:active{
	color:white;
	}
	
	.notice a:hover{
	text-decoration: underline;}
	*/
	
	/*notices*/
	
	.notice{
	width:200px;
	height:auto;
	margin:0;
	padding:0;
	text-align: center;
	position: relative;
	left: 0;
	top:-22px;
	border-top:2px solid #A71930;
	
	/*
	background:url(images/tvoredgrad.gif) 100% 40% repeat-x;
	*/
	}
	
	.notice p, .notice a{
	color:#FFF;
	font-family: 'Arial', Helvetica, sans-serif;
	font-size:1.4em;
	font-weight: bold;
	margin:20px 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
	}
	
	.notice a img{
	margin:0;
	padding:0;
	}
	
	.notice a, .notice a:visited, .notice a:active{
	color:white;
	}
	
	.notice a:hover{
	text-decoration: underline;
	}
	
	.notice2{
	margin:0;
	padding:3px 10px;
	color:#333;
	background:#f5ff63;
	border:1px solid #eee;
	width:396px;
	display:block;
	z-index:140;
	}
	
	.noticeVidPage{
	margin-bottom:10px;
	padding:10px;
	color:#333;
	background:#f5ff63;
	border:1px solid #eee; 
	width: 940px; 
	display: block; 
	height: auto;
	}

	.noticeVidPage p{
	margin: 0px auto; 
	text-align: left;
	}

	



/*What's on TVO Tonight*/
	
	.col3 .sub_header{
	margin-top: 5px;}
	
	
	table.hm_whatson{
	width:200px;
	margin-bottom:10px;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	}
	
	table.hm_whatson tr .show{
	border-bottom:1px solid #CCC;}
	
	table.hm_whatson tr td.show a{
	text-decoration: none;}
	
	table.hm_whatson tr td.show a:hover{
	text-decoration:underline;}
	
	table.hm_whatson td{
	padding:3px;
	vertical-align: top;}
	
	table.hm_whatson td.time{
	font-size:.95em;
	font-weight: bold;
	text-align: right;
	width:60px;
	border-right:1px solid #CCC;
	border-bottom: 1px solid #CCC;}
	
	table.hm_whatson td.show{
	width:120px;
	}
	

	div.sched_link{
	text-align: center;
	text-decoration: none;
	margin:0;
	padding:3px 0;
	border:1px solid #CCC;
	background: url(http://www.tvo.org/utils_tvo/images/teal_grad.gif) 50% 75%;}

	
	div.sched_link a{
	color:#004276;
	font-size: 1.5em;
	text-decoration: none;}

	


/*CALENDER*/


	.hm_calender{
	width: 200px;
	margin:15px auto;
	border-top:4px solid #CCC;}
		


/*CALENDAR BOX*/


	.calnav{
	font-family: Arial, Helvetica, sans-serif;
	margin: 5px auto;
	padding-top:5px;
	text-align: center;
	font-weight:bold;
	font-size:14px;
	text-transform: uppercase;
	}
	
	.calnav a {
	text-decoration:none;
	font-size:1.3em;
	color:#336699;
	font-weight: bold;
	margin: 0px 5px;}
	
	.calnav a:hover{
	color:#CC3300;
	text-decoration:none;}
	
	
/*CALENDAR BOX -- DAYS*/
	.calender table th {
	text-align:center;}
	

/*CALENDER BOX CELLS*/

	.calenderbox{
	margin:0;
	padding:15px 5px;
	background:#f2f2f2;}
	
	.calender {
	border:1px solid white;
	width:180px;
	color:#000;
	background:#f2f2f2;
	text-align:center;
	margin:0 auto;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}
	
	.calender td, .calender th{
	border-right:1px solid #EFEFEF;}
	
	.calender td {
	text-align:center;
	padding:3px;}
	
	.calender a {
	color:#CC3300;
	font-weight:bold;
	text-decoration: none;}
	
	.calender a:hover{
	text-decoration:none;
	color:#CC0000;
	font-weight:bold;}
	
	.calender a:hover td {
	color:#CC3300;}
	
	td.today{
	color:#333;
	border:1px solid #CCC;
	background:#c6fcfe;
	text-decoration: none;
	}


/*SKYSCRAPER*/	


	
	img.ad_label_h{
	margin-left:50px;
	}	
	
	#skyscraper_tvo{
	width:200px;
	height:600px;
	float:right;
	margin-bottom: 30px;
	padding:15px 0;
	background: #f8f8f8;
	}
	
	/*old redux css*/
	#skyscraper_tvo iframe{
	display: inline;
	margin-left:20px;
	padding:0;
	border:1px solid #f8f8f8;}
	
	#skyscraper_tvo img{
	margin: 0 auto;
	padding:0;
	display: block;
	}
	
	

	
	
/*SIMPLE PAGES*/

	.col_copyr, .col_privacy, .col_terms{
	width:960px;
	min-height: 500px;
	height:auto;}
	
	.col_copyr p, .col_copyr h2, .col_privacy p, .col_terms p, .col_terms h2, .col_privacy h2{
	width:640px;
	margin:0 auto;
	padding:10px;
	font-size:1.2em;
	}
	
	.col_privacy ul, .col_terms ol{
	width:500px;
	margin:0 auto;
	padding:10px;
	font-size:1.2em;
	list-style: outside square;}
	
	.col_privacy ul li{
	margin:20px 0;
	}
	
	

/*CONTACT PAGE CSS*/


		a{
		outline: none;}
		
		.contactcol{
		width:760px;
		float:left;}
		
/*TOP CONTACT INFO - MAILING, EMAIL, ETC..*/

		.contactinfo{
		width:740px;
		float:left;
		margin-left:5px;
		padding-bottom:50px;
		clear:both;
		border-bottom:2px solid black;
		}

		.contactinfo ul{
		width:180px;
		float:left;		
		margin-right:5px;
		padding:0;}
			
		
		.contactinfo ul li{
		margin:0;
		padding:0;
		font-size:1.2em;}

		

/*2 sub columns under contactinfo div*/


		/*FORM COLUMN*/
		
		.contactcol_2{
		width:380px;
		margin-top:30px;
		padding-left:5px;
		float:left;}
		
		
		/*FAQ COLUMN*/
		.contactcol_3{
		width:340px;
		border-left:1px solid #CCC;
		margin-top:30px;
		margin-bottom:30px;
		padding-left:10px;
		float:left;}

	

/*FORM COLUMN*/
		
		.contactcol input{
		cursor:pointer;}
		
		#contactform input, #contactform textarea{
		font-size:1.3em;
		font-family: 'Arial', Verdana, Helvetica, sans-serif;}

		#contactform{width:380px;}
		
		#contactform div{
		margin-top:20px;
		padding:0;}
		
		#contactform label{
		font-size:1.3em;
		color:#444;}
	
		
		.formerror{
		width:340px;
		margin:0;
		padding:0;
		border-top: 2px solid #eee;
		background: #f9ff78;}
		
		.formerror p {
		color:red;
		font-size:1.4em;
		margin:4px;
		padding:4px;}
		
		
		.subject input,.to input,.yourname input,.email input,.postalcode input{
		width:340px;
		font-size:1.4em;
		border:1px solid #CCC;}
		
		#contactform select{
		border:1px solid #CCC;}
		
		#contactform select input{
		}
		
		#contactform .comment textarea{
		width:340px;
		height:250px;
		font-size:1.4em;
		border:1px solid #CCC;}
		
		#contactform .donor{
		width:250px;}
		
		
		#contactform label.donorQ{
		font-weight:bold;}
		
		#contactform #donorYes{}
		
		#contactform #donorNo{}
		
		#contactform .optional{
		width:300px;
		height:200px;
		margin-left:20px;
		padding:10px;
		border:1px solid #CCC;
		clear:both;}
		
		#contactform .optional input{
		width:250px;
		border:1px solid #CCC;}
		
		#contactform .optional h3{
		color:#444;}
		
		#contactform .age label select{
		font-size:0.95em;
		float:left;
		margin-right:20px;}
		
		#contactform .gender label select{
		font-size:0.95em;
		float:left;}
		
		
		#contactform .submit{
		margin:10px 0 10px 20px;
		padding:10px;
		clear:both;}
		
		#contactform .disclaimer{
		margin:10px 0 10px 20px;
		padding:10px;
		clear:both;}
		
		#contactform #submitTVO{
		width:140px;
		height:50px;
		margin-right:20px;
		border:1px solid #CCC;
		background: url(images/fade_grey_short.gif)repeat-x;}
		
		#contactform input#submitTVO:hover{
		border:2px solid #444;}
		
		#contactform #clearTVO{
		width:140px;
		height:50px;
		border:1px solid #CCC;
		background: url(images/fade_grey_short.gif)repeat-x;}
		
		#contactform input#clearTVO:hover{
		border:2px solid #444;}
		
		
		
		/*need to use this style for old WOA submit button*/
		div.submit input{
		width:140px;
		height:50px;
		font-size: 1.3em;
		border:1px solid #CCC;
		background: url(images/fade_grey_short.gif)repeat-x;}
		
		div.submit input:hover{
		border:2px solid #444;}
		
		
		.disclaimer{
		color:#666;}
		
/*FAQ COLUMN*/
		
		
		
		/*faq ul nav*/
		
		/*nav for FAQ*/
		
		#faqnav{
		display:inline;
		margin-left:200px;
		margin-bottom:100px;
		padding:10px;
		padding-bottom: 30px;
		}
		
		#faqnav .raquo{
		border:1px solid #CCC;		
		font-size:1.5em;
		text-decoration: none;
		margin:0;
		padding:2px 4px 2px 4px ;
		background: url(images/fade_grey_short.gif)top repeat-x;}
		
		#faqlist{
		margin: 30px 0 30px 0;}
		
		#faqlist li{
		margin: 10px 0 10px 10px;}

		#faqlist li p{
		color:#000;
		font-size:1.4em;
		font-family: 'Georgia', Times, Palatino, serif;
		margin: 10px 0 10px 0;}

		#faqlist li .answer{
		color:#444;
		font-size: 1.2em;
		font-family:Arial, Verdana, Helvetica, sans-serif;
		margin: 10px;
		padding-bottom: 10px;}
		
		#faqlist li.selected{
		background: #faffc5;}
		
		#faqlist li a.selected{
		text-decoration: none;}
	
	
/*programs AZ CSS*/


.programsAZcol{
width:760px;
margin-bottom:30px;
float:left;
}

.hm_pagetitle{
margin-bottom:20px;
padding:0;
color:#A71930;}

/*navigation for the ABCs*/
.programsAZnav ul{
margin:0 0 30px 0;
padding:0;}

.programsAZnav ul li{
font-size: 1.2em;
list-style-type: none;
margin-right:10px;
padding-bottom: 20px;
display: inline;}

.programsAZnav ul li a{
color: #333;
font-weight: bold;
text-decoration: none;}

.programsAZnav ul li a:hover{
text-decoration: underline;}


/*deck containing the ABC arrays*/

.deck{
width:760px;
margin:20px 0 20px 0;
padding-bottom: 20px;
clear:both;}

.deck ul{
width:220px;
float:left;
margin:0 20px 20px 0;}

.deck ul h3{
font-family: Arial, Helvetica, Verdana, Garamond, sans-serif;
font-size: 1.8em;
border-bottom: 1px solid black;}

.deck ul li a{
text-decoration: none;}

.deck ul li a:hover{
text-decoration: underline;}

.toplink{
float:right;
margin-right:50px;
padding:0;
clear:both;
}

div a.toplink{
text-decoration: none;
font-size: 0.85em;
color: grey;}

a.toplink:hover{
color:#8B0F04;
}









/* TVO schedule */



.schedulecol{
width:760px;
margin-bottom:30px;
float:left;
}

h2.schedule_date{
color:#333;
font-size:1.8em;
padding-bottom: 20px;}

.schedule{
width:760px;
float:left;}

.schedTable{
width:650px;
margin:10px auto;
padding:0;
color:#000;
text-align:left;
border-top:1px solid #e3e3e3;
border-right:1px solid #e3e3e3;}

.schedTable th{
color:#000;
padding:5px;
border-bottom:1px solid #e3e3e3;
border-left:1px solid #e3e3e3;
background:#EFEFEF;}

.schedTable td{
padding:0 0 0 10px;
border-left:1px solid #e3e3e3;
border-bottom:1px solid #e3e3e3;}


.schedTable .timeslot{
height:auto;
font-size:1.2em;
width:100px;
padding:5px 0 5px 0;
}

.timetable{
height:100%;
width:100px;
padding:0;
margin:0;
}

.timetable td{
border:none;
padding:10px;
}

.schedTable .showitem td{
font-size:1.2em;
border:none;
padding:10px 0 10px 0;
}

td.timeslot{
background:#EFEFEF;
font-size:1.2em;}


.schedTable .timeslot .divider{
height:2px;
border-bottom:1px solid #e3e3e3;
}


td.timeslot ul li{
border-bottom:1px solid #0C3;}

.schedTable td ul{
padding:0;
margin:0;
list-style:none;
font-size:14px;}



/*tv guide download*/


.tvguide{
width:200px;
margin:-20px 0;
padding:0;
text-align: right;
}

.tvguide img{
width:200px;
height:auto;
margin:0;
padding:0;
}

.showitem .program{
padding-top:30px;}

.schedule .show{
width: 100%;
font-weight:bold;
font-size:1.2em;}

.ep{
font-size:0.95em;
color:#333;
margin-right:10em;}

.ep span{
font-size:1.1em;
margin-right:3px;}
 
.ep a{
font-size:0.85em;
}

.actualtime{
font-size:0.80em;
font-weight:normal;
color:#999;
padding-left: 3px;}


/*tab structure css*/

/*TAB STUFF*/


.tabon{
background:#FFF;
border-top:1px solid #CCC;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
border-bottom:1px solid #FFF;
padding-bottom: 3px;
position:relative;
z-index:3;}


.taboff{
background:#E7F1F8;
border:1px solid #CCCCCC;
padding-bottom: 3px;
position:relative;
z-index:1;}




/*Link info box*/


.tabContent{
background:#FFFFFF;
margin:0px auto 0 0;
padding:5px 5px 10px 5px;
clear:both;
border-top:2px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
z-index:2;
width:700px;
}

#tabnav{
list-style:none;
margin:0 0 -0.09em 0;
padding:5px 0px 5px 0px;
text-align:left;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#tabnav li{
float:left;
text-align: center;
margin-bottom:-0.20em;
padding:0 15px 0 15px;
}

#tabnav li a{
float:left;
padding: 5px 0px 2px 0px;
text-decoration:none;
color: #000;
}

#menuTab{
margin:0;
}

#tabnav a:hover{
text-decoration:underline;
}



/*Prgm page*/


.programcol{
width:760px;
float:left;}


.programcol .program{
width:740px;
margin:0;
padding:0;
}

.program_title{
border-bottom:2px solid #000;}


.program_img{
width:190px;
float:left;
}

.program_desc{
width:550px;
display: block;
font-size:1.2em;
margin:0;
padding-bottom:30px;
float:left;
}

.program_desc p{
font-size:1.2em;
margin:0;
padding:0;}


/*episode stuff*/
.program_episode{
width:740px;
margin:0;
padding:0;
}



.program_episode h1{
width:740px;
margin:0;
padding:0;
border-bottom: 2px solid #000;
clear:both;
}


.epsiode_title{
margin-top:15px;
padding:0;
}

.episode_desc{
width:550px;
display: block;
font-size:1.1em;
float:right;
}

.episode_time{
margin:20px 0 10px 0;
border-top:1px solid #CCC;}

.airtime{
font-size:1.5em;
}

.rptlabel{
font-weight: bold;
color:#444;
margin:0;}

.rpttime{
font-size:1.3em;
color:#444;
margin:0;
}

.links{
width:550px;
margin:20px 0 10px 0;
padding:20px 0 10px 0;
border-top:1px solid #CCC;
}

.links a{
font-size:1.3em;}


.bpn{
color:white;}

		
/*past episodes CSS*/



.past_episodes_col{
width:760px;
float:left;}

.pastep_nav{
display: inline;
width:650px;
font-size:1.2em;
margin-left:50px;
padding-bottom:10px;
}

.pastep_nav a.raquo{
border:1px solid #CCC;		
font-size:1.5em;
text-decoration: none;
margin:0;
padding:0px 4px 0px 4px ;
background: url(images/fade_grey_short.gif)top repeat-x;}
		

.pastep ol{
padding-top:30px;
padding-bottom: 30px;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
}

.pastep ol li{
font-size:1.3em;
margin:0;
padding:5px;
}

.pastep ol li span{
margin:0 5px 0 5px;}

.pastep ol li span.series{
color:#444;
font-weight:bold;
}

.pastep ol li span.date{
font-size:0.85em;
color:#333;
}

.pastep ol li span.time{
font-size:0.80em;
font-weight:bold;
color:#666;
padding:1px 5px;
border-left:1px solid #c6fafe;
background: #f0fdff;}


/*SEARCH RESULTS PAGE*/


#search_results_col{
width:760px;
float:left;}

.yahoo_logo{
float:right;
margin-top:20px;
margin-right:30px;}

div.search_for{
width:740px;
font-size:1.5em;
color:#333;
margin:0;
padding:5px;
border-bottom:2px solid #e1f8f2;
background:#f9ff78;}

div.search_for b{
font-size:1.2em;
color:#000;}



#search_results_col ul li a{
font-size:1.2em;}

#search_results_col ul li p{
margin:0;
padding:0;}

#search_results_col ul li p.result_url{
color:#008000;
margin-top:3px;
margin-bottom:15px;}

ul.sponsor_results li{
margin:3px 0 3px 0;}

ul.sponsor_results li p{
margin:0;}




ul.sponsor_results li p.result_url a{
color:#008000;
margin:0;
padding:0;
text-decoration: none;}

ul.sponsor_results{
width:190px;
margin:0 auto;
margin-bottom:20px;
padding:5px;
border-top:2px solid #CCC;
background:#e1f8f2;
}

ul.sponsor_results h2{
color:#CCC;}


ul.web_results{
width:600px;
font-size: 1.2em;
margin-left:30px;
margin-top:30px;
padding:0;
}

div.results_nav{
width:740px;
text-align: center;
margin-top:10px;
margin-bottom:10px;
border-top:1px solid #CCC;
}

div.results_nav a{
text-decoration:none;
margin:0 10px;}

div.results_nav a:hover{
text-decoration: underline;}

div.yahoo_logo{
margin-bottom:15px;}





/*TVO Video Site Map*/

.videoSitemapContainer{ 
font-family:Tahoma,Geneva,Arial,Verdana,Helvetica,sans-serif; 
width:100%; 
padding:0px; 
margin:0px auto;
}

.videoSitemapContent{ 
width:960px; 
min-height:500px; 
font-size:12px; 
margin:0px auto; 
}

.videoSitemapContent a{ 
text-decoration:none; 
color:#27537a; 
outline:none;
}

.videoSitemapContent a:link:hover, .videoSitemapContent a:visited:hover { 
text-decoration:underline;
}

#videoSitemapNav { 
float:left; 
width:250px; 
padding:0px; 
margin:10px 0 0 0;
font-size:14px; 
font-weight:700; 
display:inline;
}

#videoSitemapNav a:link:hover, #videoSitemapNav a:visited:hover { 
text-decoration:none; 
color:#a71930;
}

#videoSitemapNav .active a, #videoSitemapNav .active a:link:hover, #videoSitemapNav .active a:visited:hover, #videoSitemapNav .active a:link:hover, #videoSitemapNav .active a:visited:hover {
color:#000000;
cursor:default;
}

#videoSitemapNav .active {
padding-left:25px;
background:url(http://www.tvo.org/utils_tvo/tvoImgs/videoIconSitemap.jpg) no-repeat center left #ffffff;
}

#videoSitemapNav dl { 
list-style-type:none; 
padding:0px; 
margin:0px;
}

#videoSitemapNav dt { 
padding:7px 0px 7px 5px; 
margin:0px;
background:#efefef;
border-Bottom:#cccccc solid 1px; 
position: relative;
height:100%;
}

#videoSitemapNav dd { 
background:#f9f9f9;
padding:5px 5px 5px 25px; 
margin:0px;
font-size:13px; 
}

.ddBottomBorder { 
border-Bottom:#cccccc solid 1px;
}

.dthover { 
text-decoration:underline;
}

.dtCursor { 
cursor:pointer;
}

.spanCategory{
display:block;
/*width:230px;*/
padding-right:15px;
cursor:pointer;
}

.spanShow{
position: absolute;
top: 6px;
right: 5px;
cursor:pointer;
}

.spanHide{
display:none;
position: absolute;
top: 6px;
right: 5px;
cursor:pointer;
}

#videoSitemapLinks { 
width:489px; 
float:left;
display:inline;
height:97.5%; 
margin:10px 10px 20px 0; 
padding:0px 0px 10px 10px; 
border-left:#CCCCCC solid 1px; 
border-Bottom:#CCCCCC solid 1px; 
}

#videoSitemapLinks h1 {
font-size:14px;
margin:0px; 
padding:0px; 
}

#videoSitemapLinks p {
margin:5px 0 10px 0; 
padding:0px; 
}

span.videoInfoStats {
font-size:11px;
color:#666;
}

#videoSitemapLinks div {
width:92.7%;
float:left;
height:28px;
min-height:28px;
padding:0px 5px 0px 30px;
margin:3px 0px 2px 0px;
background:url(http://www.tvo.org/utils_tvo/tvoImgs/videoIconSitemap.jpg) no-repeat top left;
display:inline;
}

#videoSitemapLinks div p{
font-size:11px;
margin:2px 0 5px 0; 
}

#screenshot{
width:122px;
height:92px;
position:absolute;
border:1px solid #ccc;
padding:2px;
display:none;
color:#666;
font-size:11px;
text-align:center;
line-height:14px;
background:url(http://www.tvo.org/video/images/ajax-loader.gif) no-repeat center #fff;
}

#screenshot img{
border:1px solid #ccc;
}

html>body #videoSitemapLinks div {
height:auto
}