/*
this CSS file is split into several main sections:
1. styles for main objects and tag overrides
2. navigation and search box area
3. video area
4. middle column parts
5. browse selection column
6. footer area
7. tab area
8. activities area
9. search results
10. recent & favourites
11. register form
*/




/* styles for main objects and tag overrides  */

body
{
	margin: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	/*color: #3e6ca8;*/
	color:#000000;
	position: relative;
	background-color: #ffffff;
	letter-spacing:0.5px;
	word-spacing:1px;
	line-height:140%;
	/*scrollbar-base-color:#F12587;*/
	
/*  scrollbar-3dlight-color:#ffd700; 
	scrollbar-arrow-color:#ff0; 
	scrollbar-base-color:#ff6347; 
	scrollbar-darkshadow-color:#ffa500; 
	scrollbar-face-color:#008080; 
	scrollbar-highlight-color:#ff69b4; 
	scrollbar-shadow-color:#f0f
*/
}
table
{
	font-size: 12px;
}
a
{
	/*color: #3e6ca8;*/
	color:#000000;
}
a.small
{
	text-decoration: underline;
	color: #102136;
	font-size: smaller;
	text-transform: lowercase;
}
a img
{
	border: none;
}
form
{
	margin: 0px;
}
input.text
{
	border: 1px inset #cccccc;
	font-size: 12px;
	background-color: #ffffff;
	color: #000000;
}

input.error
{
/*	background-color:#FF7171;*/
	background-color:#FADAEC;
}

.center
{
	text-align: center;
}
.right
{
	text-align: right;
}
.rightWrap
{
	float: right;
}
h1, h2
{
	margin: 0px;
	font-size: 12px;
	color:#F12587;
}
p
{
	margin: 12px 0px 0px 0px;
	padding-bottom: 12px;
}
div#main
{
	width: 986px;
	margin: 0px auto;
	position: relative;
	background-image: url(http://www.yfaonline.com/yfapublic/images/main_back.png);
	background-repeat: no-repeat;
	background-position: 0px 132px;
}
h1#logo
{
	position: absolute;
	top: 0px;
	left: 0px;
}
img#lottery_logo
{
	float: right;
}
div#content
{
	padding: 0px 17px;
}


/* navbar and search area */

div#navbar
{
	height: 66px;
	background-image: url(http://www.yfaonline.com/yfapublic/images/navbar.png);
	clear: right;
	padding-left: 380px;
}
div#navbar a img
{
	margin-top: 20px;
	vertical-align:middle;
	padding-right:25px;
}
div#navbar a#line img
{
	margin-top: 40px;
}
div#navbar form
{
	float: right;
	padding-top: 15px;
	padding-right: 9px;
	text-align: right;
	position: absolute;
	left: 715px;
	top: 75px;
}
div#navbar form a
{
	text-align: right;
	text-transform: lowercase;
	float: right;
}
div#navbar a
{
	float: left;
}
div#navbar form div#search_box
{
	background-image: url(http://www.yfaonline.com/yfapublic/images/search_box.png);
	width: 170px;
	height: 22px;
	float: right;
	padding-left: 10px;
	padding-top: 2px;
	text-align: left;
	display: inline;
}
div#navbar form input.text
{
	border: 0px;
	font-size: 12px;
	height: 16px;
	width: 148px;
	color: #cccccc;
	padding-top: 3px;
}
div#navbar form input[type=image]:active, div#navbar form input[type=image]:visited, div#navbar form input[type=image], a, a:active, a:visited
{
	outline: none 0px;
	border: none 0px;
	
}

/* end of navbar and search area */

/* video area */

div#video
{
	width: 430px;
	float: left;
	margin-right: 4px;
}
div#video .top
{
	height: 9px;
	background-image: url(http://www.yfaonline.com/yfapublic/images/player_top.png);
}
.content
{
	border-left: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;
	padding: 0px 7px;
	background-color: #eeeeee;
	background-repeat: repeat-x;
}
.top, .bottom
{
	font-size: 4px;
}
div#video .content
{
	background-image: url(http://www.yfaonline.com/yfapublic/images/large_grad.png);
	height: 506px;
}
div#video .content a
{
	text-decoration:none;	
}
div#video .content a:hover
{
	color:#A9A9A9;
	text-decoration:none;	
}
div#video .content a#synopsis
{
	text-decoration:none;	
}
div#video .content a:hover#synopsis
{
	color:#A9A9A9;
	text-decoration:none;	
}
.content h2, .content th
{
	color: #102136;
	font-size: 12px;
	/*text-transform: lowercase;*/
	text-align: left;
}
div#video .bottom
{
	height: 7px;
	background-image: url(http://www.yfaonline.com/yfapublic/images/player_bottom.png);
}
div#video table
{
	width: 100%;
	margin-top: 30px;
}
div#video table td.credits
{
	padding-bottom: 15px;
}
div#video td, div#video th
{
	text-transform: lowercase;
}
div#video td em
{
	font-size: 11px;
}

div#video td em a
{
	font-size: 11px;
}
/* end of video area */





div#middle_column
{
	width: 344px;
	float: left;
	margin-bottom: 4px;
}

/* small box middle area */
div#activities, div#favourites
{
	float: left;
	width: 167px;
	margin-right: 4px;
	margin-bottom: 4px;
	
	letter-spacing:0.3px;
	word-spacing:0.2px;
	line-height:120%;
}
div#activities .top, div#favourites .top
{
	background-image: url(http://www.yfaonline.com/yfapublic/images/middle_small_top.png);
	height: 6px;
}
div#activities .content, div#favourites .content
{
	background-image: url(http://www.yfaonline.com/yfapublic/images/small_grad.png);
	height: 248px;	
}
div#activities .content a, div#favourites .content a
{
	display: block;
	margin-top: 7px;
}
div#activities .content h2, div#favourites .content h2, div#messages .content h2
{
	color:#F12587;
}
div#activities .bottom, div#favourites .bottom
{
	background-image: url(http://www.yfaonline.com/yfapublic/images/middle_small_bottom.png);
	height: 7px;
}

/* end of small box middle area */

/* large box middle area */

div#messages, div#intro, div#login, div#film_title
{
	width: 339px;
	clear: left;
}
div#favourites_block
{
	width: 329px;
	padding: 5px;
	height: 14px;
	margin-bottom: 4px;
}
div#intro, div#film_title
{
	margin-bottom: 4px;
}
div#messages .top, div#intro .top, div#login .top, div#film_title .top
{
	height: 6px;
	background-image: url(http://www.yfaonline.com/yfapublic/images/middle_large_top.png);
}
div#messages .content
{
	background-image: url(http://www.yfaonline.com/yfapublic/images/small_grad.png);
	height: 245px;
	overflow: auto;
}
div#intro .content
{
	background-image: url(http://www.yfaonline.com/yfapublic/images/middle_large_grad.png);
	height: 396px;
	overflow: auto;
	letter-spacing:0.5px;
	word-spacing:1px;
	line-height:140%;		
}

div#intro .content p
{
	margin-top:-4px;
}

div#intro .content h2
{
	font-size: 18px;
	color:#F12587;
}
div#login .content
{
	background-image: url(http://www.yfaonline.com/yfapublic/images/middle_small_grad.png);
	height: 96px;
	overflow: auto;
}
div#login .content a#register
{
	margin:5px; 
	color:#F12587; 
	font-weight:bold;  
	text-decoration:none;
}
div#login .content a:hover#register
{
	margin:5px; 
	color:#969696;
	font-weight:bold;  
	text-decoration:none;
}
div#login .content table
{
	width: 100%;
}
div#film_title .content
{
	background-image: url(http://www.yfaonline.com/yfapublic/images/film_title_grad.png);
	height: 40px;
}
div#film_title .content h2
{
	font-size: 13px;
	color:#000000;
}
div#messages .bottom, div#intro .bottom, div#login .bottom, div#film_title .bottom
{
	height: 7px;
	background-image: url(http://www.yfaonline.com/yfapublic/images/middle_large_bottom.png);
}

/* end of large box middle area */

/* browse selection area */
div#browse_by
{
	width: 173px;
	float: left;
	margin-bottom: 4px;
	overflow: hidden;
}
div#browse_by form
{
	padding-bottom: 6px;
}
div#browse_by form h2
{
	font-size: 15px;
	margin-bottom:6px;
	color:#F12587;
}
div#browse_by select
{
	width: 100%;
}
div#browse_by input
{
	position: absolute;
	bottom: 2px;
	right: 2px;
}
div#browse_by input, div#browse_by select
{
	font-size: smaller;
	color:#001226;
}
div#browse_by .top
{
	background-image: url(http://www.yfaonline.com/yfapublic/images/browse_top.png);
	height: 7px;
}
div#browse_by .content
{
	background-image: url(http://www.yfaonline.com/yfapublic/images/large_grad.png);
	height: 508px;
}
div#browse_by .bottom
{
	height: 7px;
	background-image: url(http://www.yfaonline.com/yfapublic/images/browse_bottom.png);
}
div#subject_submit, div#decade_submit, div#theme_submit
{
	height: 99px;
	width: 155px;
	position: relative;
	margin-bottom: 13px;
	margin-top: 10px;
}


div#subject_submit
{
	background-image: url(http://www.yfaonline.com/yfapublic/images/subjectsImage.jpg);
}
div#decade_submit
{
	background-image: url(http://www.yfaonline.com/yfapublic/images/decadesImage.jpg);
}
div#theme_submit
{
	background-image: url(http://www.yfaonline.com/yfapublic/images/themesImage.jpg);
}

/* end of browse selection area */

/* footer area */
table#footer
{
	clear: both;
	border-top: 1px solid #c1c1c1;
	width: 950px;
	margin: 0px auto;
}
table#footer td
{
	vertical-align: top;
}
table#footer td.logo
{
	width: 400px;
}
table#footer td.forward
{
	width: 200px;
	/*padding-top:20px;*/
}
table#footer td.screen
{
	width: 180px;
	text-align:right;
	padding-top:20px;
}
table#footer td.logout
{
	width: 170px;
	text-align:right;
	padding-top:40px;
}
table#footer a
{
	color: #707070;
	text-transform: lowercase;
}
/* end of footer area */

/* tab area */
div#tab_area
{
	width: 339px;
}
#right_tab, #left_tab, #middle_tab
{
	height: 21px;
	text-align: center;
	padding-top: 7px;
	background-repeat: no-repeat;
}
#right_tab a, #left_tab a, #middle_tab a
{
	text-decoration: none;
	margin-top: 7px;
	color:#F12587;
}
#right_tab
{
	float: right;
	width: 113px;
	background-image: url(http://www.yfaonline.com/yfapublic/images/tab_right_inactive.png);
	/*background-color:#FF00FF;*/
	background-position: top right;
	
}
#right_tab.active
{
	background-image: url(http://www.yfaonline.com/yfapublic/images/tab_right_active.png) !important;
	border-left-color:#000000;
	/*background-color:#FF66FF;*/
	
}
#middle_tab
{
	float: right;	
	width: 114px;
	background-image: url(http://www.yfaonline.com/yfapublic/images/tab_middle_inactive.png);
	/*background-color:#FF00FF;*/
}
#middle_tab.active
{
	background-image: url(http://www.yfaonline.com/yfapublic/images/tab_middle_active.png) !important;
	/*background-color:#FF66FF;*/
}
#left_tab
{
	width: 114px;
	background-image: url(http://www.yfaonline.com/yfapublic/images/tab_left_inactive.png);
	/*background-color:#FF00FF;*/
}
#left_tab.active
{
	background-image: url(http://www.yfaonline.com/yfapublic/images/tab_left_active.png) !important;
	/*background-color:#FF66FF;*/
}
#tab_area p
{
	margin-top: 1px;
}
#tab_area .content
{
	background-image: url(http://www.yfaonline.com/yfapublic/images/tab_grad.png);
	height: 375px;
	overflow: auto;
	/*letter-spacing:0.5px;
	word-spacing:1px;
	line-height:140%;*/
}

#tab_area .content p
{
	margin-top:-4px;
}


#tab_area .bottom
{
	height: 7px;
	background-image: url(http://www.yfaonline.com/yfapublic/images/middle_large_bottom.png);
}
#pdf_link
{
	height: 27px;
	margin: 0px;
	padding: 0px;
}
#pdf_link a
{
	text-decoration: none;
}
#pdf_link a:hover
{
	text-decoration: underline;
}
h3
{
	font-size: 10pt;
	margin: 0px;
}
#tab_area .justify
{
	text-align: justify;
	margin-top: 7px;
	border-bottom: 1px solid #c1c1c1;
}
/* end of tab area */

/* activities area */
div#activities_large
{
	clear: both;
	width: 949px;
	margin-bottom: 4px;
}
div#activities_large .top
{
	background-image: url(http://www.yfaonline.com/yfapublic/images/activities_top.png);
	height: 7px;
}
div#activities_large .bottom
{
	background-image: url(http://www.yfaonline.com/yfapublic/images/activities_bottom.png);
	height: 7px;
}
div#activities_large .content
{
	background-image: url(http://www.yfaonline.com/yfapublic/images/film_title_grad.png);
}
div#activities_large h2
{
	font-size: 18px;
	color:#F12587;	
}
div#activities_large table
{
	width: 100%;
}
div#activities_large td
{
	text-transform: lowercase;
	padding: 5px 0px;
	vertical-align: top;
	width: 123px;
}
div#activities_large div.extra
{
	clear: right;
	width: 270px;
	margin-top: 0px;
}
div#activities_large div.extra a
{
	text-decoration: none;
	color: #cccccc;
	float: right;
}
div#activities_large div.extra img
{
	vertical-align: middle;
}
div#activities_large h3
{
	color: color:#F12587;;
	width: 200px;
	margin: 0px;
	font-size: 12px;
}
div#activities_large p
{
	margin: 0px;
	padding-bottom: 7px;
}
div#activities_large td img
{
	width: 95px;
	height: 68px;
	border: none;
	margin-left: 15px;
}
div#activities_large th
{
	vertical-align: top;
	text-transform: uppercase;
	width: 181px;
}
/*end of activities area */

/* search results */
div#search_results
{
	width: 770px;
	float: left;
	margin-right: 6px;
	margin-bottom: 4px;
}
div#search_results .top
{
	background-image: url(http://www.yfaonline.com/yfapublic/images/search_results_top.png);
	height: 7px;
}
div#search_results .bottom
{
	background-image: url(http://www.yfaonline.com/yfapublic/images/search_results_bottom.png);
	height: 7px;
}
div#search_results .content
{
	background-image: url(http://www.yfaonline.com/yfapublic/images/large_grad.png);
}
div#search_results h2
{
	font-size: 18px;
	width: 550px;
	color:#F12587;
	text-transform:lowercase;
}
div#search_results form
{
	width: 200px;
	float: right;
}
/*top paging*/
div#search_results div#paged_results a
{
	text-decoration: none;
	margin-left: 5px;
}
div#search_results div#paged_results a.current
{
	text-decoration: underline;
	font-weight:bold;
	color:#000000;
}
div#search_results div#paged_results
{
	text-align: right;
	clear: right;
	padding-right: 15px;
	padding-top: 5px;
}

/*bottom paging*/
div#search_results div#paged_results_bottom a
{
	text-decoration: none;
	margin-left: 5px;
}
div#search_results div#paged_results_bottom a.current
{
	text-decoration: underline;
	font-weight:bold;
	color:#000000;
}
div#search_results div#paged_results_bottom
{
	text-align: right;
	clear: right;
	padding-right: 15px;
	padding-top: 5px;
}


div#search_results table
{
	width: 100%;
	color: #001226;
	clear: right;
}
div#search_results td
{
	vertical-align: top;
	padding-bottom: 15px;
}
div#search_results td.center
{
	vertical-align: middle;
}
div#search_results h3
{
	margin: 0px;
	padding: 0px;
	font-size: 14px;
}
div#search_results h3 a
{
	text-decoration:none;
	color:#001226;
}
div#search_results a
{
	text-decoration:none;
	color:#F12587;
}
div#search_results div.clip_details span
{
	margin-right: 15px;
}
div#search_results div.clip_details img
{
	vertical-align: middle;
}
div#search_results div.clip_details p
{
	/*padding-left: 20px;
	background-image: url(http://www.yfaonline.com/yfapublic/images/icons/synopsis.png);
	background-repeat: no-repeat;*/
	margin-top: 0px;
}
/* end of search results */

/* Links page */
div#search_results table#links
{
		
}
div#search_results table#links td
{
	padding-bottom:0px;
}
div#search_results table#links td#td_head
{
	font-weight:bold;
	padding-bottom:0px;
}
div#search_results table#links td#td_link
{
	font-weight:bold;
	padding-bottom:20px;
}
div#search_results table#links td#td_link a
{
	font-weight:bold;
	padding-bottom:20px;
	color:#999999;
}
div#search_results table#links td#td_link a:hover
{
	font-weight:bold;
	padding-bottom:20px;
	color:#F12587;
	text-decoration:underline;
}
div#search_results table#links td#td_break
{
	font-weight:bold;
	padding-top:30px;
	padding-bottom:15px;
	color:#F12587;
}
/* End of links page */
/* start of recent and favourites */
div#recent_list, div#favourites_list
{
	width: 381px;
	float: left;
	margin-right: 7px;
}
div#recent_list .top, div#favourites_list .top
{
	height: 7px;
	background-image: url(http://www.yfaonline.com/yfapublic/images/recent_top.png);
}
div#recent_list .bottom, div#favourites_list .bottom
{
	height: 7px;
	background-image: url(http://www.yfaonline.com/yfapublic/images/recent_bottom.png);
}
div#recent_list .content, div#favourites_list .content
{
	background-image: url(http://www.yfaonline.com/yfapublic/images/large_grad.png);
	height:507px;
	overflow:auto;
}
div#recent_list .content h2, div#favourites_list .content h2
{
	color:#F12587;
}
#favourites_list .content a
{
	text-transform: lowercase;
}
div#recent_list div#paged_results, div#favourites_list div#paged_results
{
	float: right;
}
div#recent_list form.right, div#favourites_list form.right
{
	float: right;
	clear: right;
}
div#favourites_list form
{
	clear: right;
}
div#recent_list select, div#favourites_list select
{
	font-size: 10px;
}
div#recent_list div#paged_results a, div#favourites_list div#paged_results a
{
	text-decoration: none;
	margin-right: 5px;
}
div#recent_list div#paged_results a.current, div#favourites_list div#paged_results a.current
{
	text-decoration: underline;
}
div#recent_list table, div#favourites_list table
{
	width: 100%;
}
div#recent_list td
{
	padding: 10px 0px;
}
div#favourites_list td
{
	padding: 7px 0px;
}
div#favourites_list td hr
{
	width: 95%;
}
/* end of recent and favourites */

/* start of register form */
table#register_form th
{
	color: #3e6ca8;
	text-transform: lowercase;
}
table#register_form select
{
	font-size: smaller;
	color: #3e6ca8;
}
/* end of register form */

/* advanced search */
form#advanced_search
{
	float: none !important;
	width: 100% !important;
}
form#advanced_search input[type=text], form#advanced_search select
{
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #888888;
	width: 200px;
}
form#advanced_search th
{
	text-align: right;
	vertical-align: text-top;
}
/*end of advance_search*/
span.highlighted
{
	font-weight: bold;
	background-color: #cccccc;
}
span.term0
{
	background-color:#9FCFFF;
}
span.term1
{
	background-color:#C1FFC1;
}
span.term2
{
	background-color:#FFFFAA;
}
span.term3
{
	background-color:#D9D9FF;
}
span.term4
{
	background-color:#FFCCFF;
}
span.term5
{
	background-color:#FF9797;
}


/* help */
.help
{
	height: 508px !important;
	overflow: auto;
}
#help_nav
{
	margin-bottom: 30px;
	color:#000000;
}
.to_top
{
	display: block;
	font-weight: bold;
	margin-bottom: 20px;
}