/*photography contact festival css*/

/*  dominant orange colour: #f47b20 */
/*  henry's : #f78e1e  */
/*  dark grey : #2d2d2d  */
/*  medium grey : #58585a  */
/*  medium2 grey : #595959  */
/*  lighter grey : #a09fa2  */

body{
	margin:0 auto;
	padding:0;
 	background: #8e8f93!important; 
}


#ad_wrapper{
 	background: #FFF!important; 
	}
		
#container{
	width:960px;
	margin:0 auto;
	padding:0;
	font-size:14px;
	}
				
.masthead{
	width:960px;
	height: 180px;
	background:url(images/TPDM_960x140_GenericNoLogo.jpg) no-repeat #000;
	margin:0;
	padding:0;
	display: block;
	float:left;
	}
		
.masthead p{
	margin:0;
	padding:0;
	}
		
/*vertical list*/
		
.nav_wrap_vert{
	width:960px;
	height: 30px;
	margin-bottom:10px;
	padding-bottom:10px;
	}
		
		
.nav_wrap_vert ul.nav li{
	list-style-type:none;
	}

/*div box in masthead*/

.mastbox{
	width:229px; 
	height:140px;
	float:right;
	position:relative;
	left:5px;
	top:10px;
	z-index:100;
	background: none;
	border:none;
}

.mastbox a img{
 	border:none;
 	}
 	
/*horizontal list*/
		
.nav_wrap_horiz{
	position:relative;
	clear:both;
	left:0;
	top:0px;/*when no mastbox - set to top:140px , top:0 otherwise*/
	/*
opacity:0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	filter: alpha(opacity=80);
*/
	background: #000;
	}
		
.nav_wrap_horiz ul{
	margin-top:0;
	padding:5px 0 5px 0;
	}
		
.nav_wrap_horiz ul.nav{
	margin-left:0.3em;
	padding-left:0.3em;
	}
		
.nav_wrap_horiz ul.nav li{
	margin-right:4em;
	display: inline;
	color:#CCC;
	}
		
.nav_wrap_horiz ul.nav li a{
	font-family:'Tahoma', Arial, Verdana, Helvetica, sans-serif;
	font-size:1.5em;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	}
		
	
.nav_wrap_horiz ul.nav li a:hover{
	color:#f47b20;
	}


.col_mid{
	width:960px;
	float:left;
	background:#FFF;
	}
	
.col_main{ 
	float:left;
	width:765px;
	font-size: 12px;
	}		

.col_side{
	width:190px;
	height:auto;
	vertical-align: top;
	float:right;
	}



	
		


/*specific Photography Contact CSS*/


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

.page_title h2{
	font-size:1.8em;
	font-weight:bold;
	margin-left:30px;
	color:#595959;
	border-bottom:2px solid #f47b20;
	}
	
.page_content{
	width:700px;
	padding-left:30px;
	float:left;
	}


.page_content h3{
	font-size:1.1em;
	font-weight:bold;
	}

.col_1{
	width:424px;
	height:auto;
	float:left;
	}
		
.col_2{
	width:340px;
	height:auto;
	float:left;
	}
	


/*#brightcovePlayer should already be included in the WebObjects page*/

.col_2 #brightcovePlayer{
	margin-top:10px;
	}

.col_2 #brightcovePlayer .hm_contest{
	width:305px;
	height: auto
	margin-bottom:15px;
 	float: left;
	display: block;
	padding:10px;
	border:1px solid #595959;
	background: url(images/hm_contestbg.jpg) top no-repeat #2d2d2d;	
	}


.col_2 #brightcovePlayer .hm_contest h2{
	font-family: 'Georgia', Times New Roman, Palatino, serif;
	font-variant: small-caps;
	margin:0;
	padding:0;
	color:#f47b20;
	}


.col_2 #brightcovePlayer .hm_contest div.contest_intro{
	width:150px;
	margin-top:3px;
	display: block;
	color:#EFEFEF;
	float:right;
	}

.col_2 #brightcovePlayer .hm_contest p{
	color:#fff;
	}


.col_2 #brightcovePlayer .hm_contest div.contest_intro span img{
	margin:15px 10px 0;
	padding:2px;
	float:left;
	}
	
.col_2 #brightcovePlayer .hm_contest p.contest{
	width: 150px;
	clear:both;
	display: block;
	margin:10px 0;
	}

.col_2 #brightcovePlayer .hm_contest p.rulesreg{
	clear:both;
	display: block;
	text-align: right;
	padding-top:5px;
	border-top:1px solid #666;
	}

.col_2 #brightcovePlayer .hm_contest a{
	color:#f47b20;
	text-decoration: none;
	}

.col_2 #brightcovePlayer .hm_contest a:hover{
	color:#fff;
	}

	
.col_2 #brightcovePlayer .hm_contest p.rulesreg a{
	color:#000;
	font-size: 10px;
	}



#watchMore, #playlist, #videoDiv{
float:left;
}

.msgBox{
	width:393px;
	display:block;
	margin:0 0 10px 3px;
	padding:0 10px;
	}
	
.msgBox p{
	width:340px;
	margin-top:5px;
	margin-left:20px;
	font-size: 14px;
	line-height:1.4em;
	}
	
.msgBox h2{
	color: #f47b20;
	margin-top:5px;
	}

.msgBox h3{
	margin-left:20px;
	}

.msgBox img{
	margin:0;}
	
.msgBox div.burtynsky{
	width:340px;
	height: 170px;
	display:block;
	margin-left:30px;
}

.msgBox div.burtynsky span.ed100{
	width:125px;
	float:left;
	display: block;
	margin:0;
	padding:2px;
	}
	
.msgBox div.burtynsky p{
	margin:0;
	width:200px;
	float:right;
	}

.msgBox img.contact_badge{
	float:left;}
	
#badgeBox {
	height:205px;
	padding-left:6px;
	padding-top:20px;
	border-top:2px solid #efefef;
	}
	
.miniBadge{
	width:202px;
	float:left;
	margin:2px;
	}

.miniBadge img{
	border:none;
	}
	
.small_print{
	font-size:0.75em;
	color:#58585a;
	clear:both;
	}
	
	
/*Style for Enter Contest page*/

.keyprizebox{
	width:700px;
	float: left;
	display: block;
	margin:0 auto;
	clear: both;
	}


.keyprizebox div.prize_img{
	margin:50px 0;
	padding:0;
	float:left;
	}
	
	
.keyprizebox div.prize_txt{/*wrapper box for contest text*/
	float:right;
	width:260px;
	margin:0;
	}
.keyprizebox div.prize_txt h3{
	font-size: 1.4em;
	color:#A71930;
	}

.keyprizebox div.prize_txt p{
	display: block;
	}

.keyprizebox ul.prize_list{
	width: 200px;
	font-size: 12px;
	margin:0;
	padding:0;
	}

.keyprizebox ul.prize_list li{
	margin-left:15px;
	list-style: circle outside;
	lis
	}
	
.keyprizebox p.rulesregs{
	float:right;
	}
	
#keyword_dd{
	width:100%;
	margin:10px auto;
	padding:15px 0;
	color:#fff;
	border-top:2px solid #f47b20;
	background: url(images/fadegrey2.jpg) top #333;
	display: block;
	clear: both;
	text-align: center;
	}

#keyword_dd label{
	font:bold 18px 'Arial';
	margin-right:20px;
	}
	
	
#keyword_dd form{
	width:400px;
	margin:0 auto;	
	}

#keyword_dd form select{
	font-size: 16px;
	width:auto;
	margin:10px auto;
	}
	
#keyword_dd select option{
	font-size: 16px;
	margin:3px 0;
	padding:3px;
	line-height: 18px;
	}
	


#keywordform{
	width:100%;
	clear: both;
	margin:0 auto;
	padding:20px;
	padding-left: 0;
	}
	
#keywordform p{
	margin-top:10px;
	padding:10px;
	}
	
#keywordform input{
	margin-bottom:10px;
	}



#keywordentry{
	
	margin:0;
	padding:10px;
	padding-bottom: 30px;
	background: #ffb66d;
	text-align: center;
	}

#keywordentry p{
	font-size:16px;
	}

#keywordentry select{
	font-size: 16px;
	width:auto;
	margin:10px auto;
	}	
#keywordentry input{
	width:150px;
	height:20px;
	font-size: 16px;
	color: #000;
	margin:0 auto;
	padding:0;
	display: block;
	}



/*style to clear tabs and display */
input#first_name, input#last_name{
clear:both;
display: block;
}

p.formtxt1{
font-size: 1.5em;
color:#093;
margin:0 auto;
text-align: center;
}

p.req{
font-size:0.85em;
color: #333;
margin:0 auto;
text-align: center;
}


#personalinfo, #address, .demographics, .captcha{
width:500px;
margin:10px auto;
border-top:2px solid #eee;
}

/*info form*/

#personalinfo{
padding:20px 0 20px 10px;
background: #e6ff9b;}

#personalinfo label{
display: block;
}

#personalinfo input{
vertical-align: middle;}

#address{
padding:20px 0 20px 10px;
background: #e6ff9b;
}


#address label{}

#address input{
vertical-align: middle;
}

input#first_name{}
input#last_name{}
input#email{}


input#area_code_phone_no{}
input#first_phone_no{}
input#second_phone_no{}
input#extension_phone_no{}



input#street_no{}

input#street{}

input#apt_no{}


input#rural_address{
clear:both;
display:block;
margin-bottom:20px;
}


input#city{}

input#postal_Code{}

input#Province{}

.demographics{
height: 240px;
padding:20px 0 20px 10px;
background:#fdf9de;
}

.demographics label{
color: #000;
font-size:12px;
clear:both;
}

.demographics select{
display: block;
margin:10px 0 20px 0;
}

.captcha{
background: #f0ffdc;
padding:10px;
}

/*hidden field*/
.captcha span{
background:#f0ffdc;
position: relative;
left:-3000px;
}

.captcha span label{
color:#f0ffdc;
}

.captcha span input{
color: #f0ffdc;}
/**/

.capt_imgs{
width:180px;
margin:0 auto;
padding:0;
display: block;
text-align: center;
}

.capt_imgs img{
text-align: center;
margin: 0 auto;
padding:0;
}

.captcha label{
margin-top:10px;
text-align: center;
display: block;
}

input#capt_input{
display: block;
margin: 20px auto;
font-size: 1.2em;
}



input#submit{
width:140px;
height:50px;
color:#009933;
background:url(http://www.tvo.org/utils_tvo/images/fade_grey_short.gif)#FFF repeat-x scroll 0 0;
border:1px solid #CCC;
font-size:1.3em;
display: block;
margin: 20px auto;
}

input#submit:hover{
cursor: pointer;
border:1px solid #009933;
}



/*RIGHT COLUMN*/

/*What's on Today*/
	
.col_side .sub_header{
	width:178px;
	margin:10px 0 0 0;
	padding:5px 0;
	border-top:2px solid #f47b20;
	border-left:1px solid #2d2d2d;
	border-right:1px solid #2d2d2d;
	background:url(images/fade_grey2.jpg) #2d2d2d;
	color:#FFFFFF;
	text-align: center;
	}
	
	
table.hm_whatson{
	width:180px;
	margin:0;
	padding:0;
	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;
	}


/*SEE FULL SCHEDULE*/

.col_side .badge{
	width:178px;
	height: 50px;
	margin:10px 0 10px 0;
	padding:0;
	border:1px solid #CCC;
	background: #efefef;
	}


.col_side div.badge a{
	margin:0;
	padding:0;
	}


.col_side div.badge a img{
	margin:0;
	padding:0;
	border:none;
	}
	

.col_side div.badge a:hover{
	}
	
/*Remind Me*/	
	
#remindMe{
	width:178px;
	height:auto;
	margin:10px 0 0 0;
	padding-bottom: 10px;
	border:1px solid #ccc;
	border-top:2px solid #f47b20;
	color:#FFF;
	display:block;
	}

#remindMe h3{
	width:178px;
	margin:0 auto;
	background:url(images/fade_grey2.jpg) #2d2d2d;
	color:#FFFFFF;
	text-align: center;
	}
	
#remindMe p{
	color:#000;
	text-align: left;
	font-size:12px;
	margin:10px;
}
	
#quest_form{
	margin:0;
	display:block;
	}

#quest_form form{
	display: block;
	clear:both;
	}

#quest_form input#email{
	width:160px;
	height:1.2em;
	font-size: 11px;
	margin:10px;
	padding:7px 0;
	border:1px solid #AAA;
	background: #e3fff8;
	}

#quest_form input#email:focus{
	background: none;}

#quest_form input.quest_btn{
	border:1px solid #aaa;
	font-size: 14px;
	padding:3px;
	position:relative;
	left:105px;
	top:-10px;
	}

#quest_form input.quest_btn:hover{
	border:1px solid #000;
	}


#error{
	display: block;
	width:676px;
	font-size:14px;
	margin: 0 auto;
	padding:10px;
	background: #f9ff78;
	border: 2px solid #333;
	clear: both;
	}
	
#error p{
	font-size:1.4em;
	text-align: center;}

	
/*Style for Q and A Page*/	


	
.post_msg p{
	margin:0;
	font-weight:bold;
	font-size:1.1em;
	}
	
.post_msg h3{
	color:#FFFFFF;
	padding:2px;
	margin:0;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;	
	border-top:1px solid #CCC;
	background:#0066CC;
	}
	
.post_msg h4{
	padding:2px;
	margin:0;
	font-size:0.9em;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;	
	border-bottom:1px solid #CCC;
	}
	

div.formSubmit{
	width:400px;
	margin:0;
	padding:0;
	float:right;
	border-top:3px solid #f47b20;
}


div.formSubmit .wrapper{
	width:400px;
	padding:5px 0 20px 0;
	clear:both;
	}

div.formSubmit .left{
	float:left;
	margin-right:10px;
	text-align: left;
	width:100px;
	font-weight:bold;
	}
	
div.formSubmit .right{
	float:left;
	width:300px;
	}
	
div.formSubmit .right textarea.listText{
	width:400px;
	font-size:1.2em;
	font-family: 'Georgia', Times New Roman, serif;

	}

/*Style for Q&A LIVE*/

.qa_plate{
/* 	background: url(images/fade_grey1.jpg) 10px; */
	padding:5px;
}

.qa_plate p {
	color:#2d2d2d;
	font-size:1.2em;
	text-align:left;
}



.host_bio{
	width: 268px;
	float: left;
	display: block;
	border-right:1px dotted #eee;
	margin:0 auto;
}

.host_bio .portrait{
	width:inherit;
	margin:0;
	float:left; 
	clear: both;
}


.host_bio p{
	width:inherit;
	margin-top 10px;
	padding:0;
	}


#QA_container{
	float:right;
	width:400px;
	border-top:2px solid #f47b20;
	}
	
.QArefresh{}	
	
.QArefresh a{
	text-align:center;
	background:#CC0000;
	text-decoration:none;
	color:#FFFFFF;
	padding:2px;}


.QAwrap{
	display:block;
	font-size:14px;
	font-family: 'Georgia';
	line-height:1.6em;
	margin:0.5em 0 1em 0;
	padding:10px;
	background:#f5f5f5;
	/*
border-top:2px solid #f47b20;
	border-bottom:2px solid #f47b20;
*/
	}
	
.QAlabel{
	color:#000;
	font-weight:bold;
	display: block;
	margin-bottom: 10px;}	
	
.QAquestion{
	color:#444;
	margin:3px 0 5px 3px;
	}
	
.QAfrom{
	text-align: right;
	margin:10px;
	display: block;
	font-style:italic;
	clear: both;}
	
.QAanswer{
	margin:0;
	color:#000;
	font-weight: 500;
	border-top:1px solid #CCC;}
	
.QAprint{
	float:right;
	display:block;/*remove when publishing*/
	margin:0.5em 0 0.8em 0;}
	
.QAprint a{
	background:#444;
	border:1px solid #666;
	color:#FFF;
	padding:0.3em;
	text-decoration:none;}
	
.QAprint a:hover{
	background:#990000;
	color:#FF3;}
	
	
	
	

	
/*Shared form style*/
	.prompt{
	margin: 5px;
	width:100%;
	background:#FFFF66;
	color:#CC0000;
	text-align:center;
	font-size:1.2em;
	}
	
	input.formSubmit{
	height:50px;
	color:#009933;
	border:2px solid #CCC;
	font:bold 1em/1.2em georgia,"times new roman",serif;
	background:#e5ffab;
	margin:0;
	padding:10px;
	display:block;
	clear:both;
	cursor: pointer;
	}
	
	input.formSubmit:hover{
	color:#c00;
	}
	
	
	


/*Style for schedule page*/
	
	
	.month_label{
	width:160px;
	color: #FFF;
	float:right;
	display: block;
	margin:0 2px 0 0;
	padding:0 15px;
	background: url(images/fade_grey2.jpg) 10px #333;
	}
	
	.month_label h2{
	text-align: center;
	margin:0;
	padding:0;
	}
	
	table#contact_sched{
	width:700px;
	float: left;
	margin:0;
	font-family: 'Arial', Helvetica, sans-serif;
	}
	
	table#contact_sched thead{
	background:url(images/fade_grey2.jpg) 15px #333;
	
	}
	
	table#contact_sched thead h3{
	color:#FFF;
	margin:0;
	}
	
	table#contact_sched td{
	vertical-align: top;
	background: #efefef;
	}
	
	table#contact_sched td h2{/*day of month*/
	text-align: right;
	margin:0 0 20px 0;
	padding:0;
	color:#333;
	}
	
	table#contact_sched td h3{/*time of show*/
	font-family: 'Arial', Helvetica, sans-serif;
	font-variant: small-caps;
	color: #858782;
	margin:0;
	padding:0;
	}
	
	table#contact_sched td p{/*title of show*/
	margin: 0;
	padding:0;
	}
	
	table#contact_sched td p a{
	font-size: 11px;
	text-decoration: none;
	margin: 0;
	padding:0;
	}
	
	table#contact_sched td p a:hover{
	color:#a71930;}

	
	/*title click reveal descript styles*/
	
	span.doc_title{
	font-size: 11px;
	cursor:pointer;
	color:#004276;
	}
	
	span.doc_title:hover{
	color:#a3c4ec;
	}
	
	#jHelperTipContainer {
	display:none;
	width:500px;
	height:auto; 
	border:1px solid #CCC; 
	margin:10px 30px;
	padding:15px;
	background:#c5d0ec; 
	color:#000; 
	font-size:12px;
	z-index: 100;
	}
	
	#jHelperTipContainer h3{
	color:#000!important;
	}
	
/*
	
	#jHelperTipAttrContainer{ 
	display:none;
	background:#FFFFCC;	
	border:1px solid #FF3333; 
	color:#333; 
	}
*/
	
	#jHelperTip {
 	display:none;
	} 
		
	#jHelperTipContainer span.img{
	margin:0 auto;
	float:left;
	}
	
	#jHelperTipContainer div.tip_txt{
	float:right;
	width:230px;
	}
	
	.jHelperTipClose{
	width:15px;
	text-align: center;
	position: relative;
	left:490px;
	top:0;
	display:block;
	margin:0;
	padding:2px;
	clear:both;
	background: #444;
	cursor:pointer;
	color:#F00;
	font-size:10px;
	}
	
	.jHelperTipClose:hover{
	color:#fff;}
	
	#jHelperTipContainer h3{
	font-size:1.2em;
	margin:0 0 10px 0!important;}
	
	#jHelperTipContainer ul{
	font-size: 0.95em;
	list-style-type: none;
	margin:0 0 10px 0;
	padding:5px 0;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	}

	#jHelperTipContainer ul li.datetime{
	font-size:1em;
	color:blue;
	}
	
	#jHelperTipContainer p{
	}
	
/* ENTER CONTEST FORM */


/*OFFICIAL RULES Page*/

.contestrules{
width:80%;
margin:0 auto;
}

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

.contestrules p{
width:95%;
}


/*POSITION THE WED AND THURS TOOLTIPS*/



/*Yahoo Ads*/	
#yahoo180{
	width:176px; 
	background: #f8f8f8;
	margin:4px 0 20px 0;
	padding:2px;
	font-size:0.75em;
	}
	
#yahoo180 h4{
	font-size:12px;
	margin-left:5px;
	}
	

	
#yahoo180 ul.yh_txtlinks{
	width:170px;
	margin-left:5px;
	padding:0;
	list-style:none;
	}
	
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;
	word-wrap:break-word;
	}


/*SKYSCRAPER*/	


	
	img.ad_label_h{
	margin-left:50px;
	}	
	
	#skyscraper_tvo{
	width:190px;
	height:600px;
	float:right;
	margin-bottom: 30px;
	padding:15px 0;
	background: #f8f8f8;
	}
	
	
	#skyscraper_tvo iframe{
	display: inline;
	margin-left:15px;
	padding:0;
	border:1px solid #f8f8f8;
	}