/*
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;
	position: relative;
	background-color: #ffffff;
	letter-spacing:0.5px;
	word-spacing:1px;
	line-height:140%;
}
table
{
	font-size: 12px;
}
a
{
	color: #3e6ca8;
}
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;
}

.center
{
	text-align: center;
}
.right
{
	text-align: right;
}
.rightWrap
{
	float: right;
}
h1, h2
{
	margin: 0px;
	font-size: 12px;
}
p
{
	margin: 12px 0px 0px 0px;
	padding-bottom: 12px;
}
div#main
{
	width: 986px;
	margin: 0px auto;
	position: relative;
	background-image: url(../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(../images/navbar.png);
	clear: right;
	padding-left: 380px;
}
div#navbar a img
{
	margin-top: 20px;
}
div#navbar form
{
	float: right;
	padding-top: 5px;
	padding-right: 9px;
	text-align: right;
	position: absolute;
	left: 715px;
}
div#navbar a
{
	float: left;
}
div#navbar .advanced
{
	font-size:12px;
	color:#000000;
	font-weight:bold;
	float:right;
	padding-left:5px;
	text-decoration:none;
}

div#navbar form div#search_box
{
	background-image: url(../images/search_box.png);
	width: 172px;
	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: 155px;
	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(../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(../images/large_grad.png);
	height: 506px;
}
.content h2, .content th
{
	/*color: #102136;*/
	color: #3e6ca8;
	font-size: 12px;
	/*text-transform: lowercase;*/
	text-align: left;
}
div#video .bottom
{
	height: 7px;
	background-image: url(../images/player_bottom.png);
}
div#video table
{
	width: 100%;
	margin-top: 30px;
}
div#video table td.credits
{
	padding-bottom: 7px;
}
div#video td, div#video th
{
	text-transform: lowercase;
}
div#video td em
{
	font-size: 11px;
}
/* end of video area */





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

div#middle_column p
{
	margin-bottom:-12px;
}

/* small box middle area */
div#activities, div#favourites
{
	float: left;
	width: 167px;
	margin-right: 4px;
	margin-bottom: 4px;
}
div#activities .top, div#favourites .top
{
	background-image: url(../images/middle_small_top.png);
	height: 6px;
}
div#activities .content, div#favourites .content
{
	background-image: url(../images/small_grad.png);
	height: 248px;
}
div#activities .content a, div#favourites .content a
{
	display: block;
	margin-top: 7px;
}
div#activities .bottom, div#favourites .bottom
{
	background-image: url(../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(../images/middle_large_top.png);
}
div#messages .content
{
	background-image: url(../images/small_grad.png);
	height: 245px;
	overflow: auto;
}
div#intro .content
{
	background-image: url(../images/middle_large_grad.png);
	height: 396px;
	overflow: auto;
	letter-spacing:0.5px;
	word-spacing:1px;
	line-height:140%;
}
div#intro .content h2
{
	font-size: 18px;
}
div#login .content
{
	background-image: url(../images/middle_small_grad.png);
	height: 96px;
	overflow: auto;
	color: #000000;
}
div#login .content a
{
	color: #000000;
	text-decoration:underline;
}
div#login .content a#register
{
	color:#3e6ca8;
	text-decoration:none;
	font-weight:bold;	
}
div#login .content a:hover#register
{
	color:#BBBBBB;
	text-decoration:none;
	font-weight:bold;	
}
div#login .content table
{
	width: 100%;
}
div#film_title .content
{
	background-image: url(../images/film_title_grad.png);
	height: 40px;
}
div#film_title .content h2
{
	font-size: 14px;
	color:#000000;
}
div#messages .bottom, div#intro .bottom, div#login .bottom, div#film_title .bottom
{
	height: 7px;
	background-image: url(../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: 14px;
	margin-bottom:6px;
}
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(../images/browse_top.png);
	height: 7px;
}
div#browse_by .content
{
	background-image: url(../images/large_grad.png);
	height: 508px;
}
div#browse_by .bottom
{
	height: 7px;
	background-image: url(../images/browse_bottom.png);
}
div#subject_submit, div#decade_submit, div#theme_submit
{
	height: 99px;
	width: 155px;
	position: relative;
	margin-bottom: 17px;
	margin-top: 10px;
}


div#subject_submit
{
	background-image: url(../images/subjectsImage.jpg);
}
div#decade_submit
{
	background-image: url(../images/decadesImage.jpg);
}
div#theme_submit
{
	background-image: url(../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:35px;
}
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
{
	height: 21px;
	text-align: center;
	padding-top: 7px;
	background-repeat: no-repeat;
}
#right_tab a, #left_tab a
{
	text-decoration: none;
	margin-top: 7px;
}
#right_tab
{
	float: right;
	width: 171px;
	background-image: url(../images/tab_right_inactive.png);
	background-position: top right;
}
#right_tab.active
{
	background-image: url(../images/tab_right_active.png) !important;
}
#left_tab
{
	width: 169px;
	background-image: url(../images/tab_left_inactive.png);
}
#left_tab.active
{
	background-image: url(../images/tab_left_active.png) !important;
}
#tab_area p
{
	margin-top: 0px;
}
#tab_area .content
{
	background-image: url(../images/tab_grad.png);
	height: 375px;
	overflow: auto;
	letter-spacing:0.5px;
	word-spacing:1px;
	line-height:140%;	
}
#tab_area .bottom
{
	height: 7px;
	background-image: url(../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;
}

/* end of tab area */

/* activities area */
div#activities_large
{
	clear: both;
	width: 949px;
	margin-bottom: 4px;
}
div#activities_large .top
{
	background-image: url(../images/activities_top.png);
	height: 7px;
}
div#activities_large .bottom
{
	background-image: url(../images/activities_bottom.png);
	height: 7px;
}
div#activities_large .content
{
	background-image: url(../images/film_title_grad.png);
}
div#activities_large h2
{
	font-size: 18px;
}
div#activities_large table
{
	width: 100%;
}
div#activities_large td
{
	padding: 5px 0px;
	vertical-align: top;
}

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: #001226;
	width: 200px;
	margin: 0px;
	font-size: 12px;
}
div#activities_large p
{
	margin: 0px;
	padding-bottom: 7px;
}
/*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(../images/search_results_top.png);
	height: 7px;
}
div#search_results .bottom
{
	background-image: url(../images/search_results_bottom.png);
	height: 7px;
}
div#search_results .content
{
	background-image: url(../images/large_grad.png);
}
div#search_results h2
{
	font-size: 18px;
	width: 550px;
	text-transform:lowercase;
}
div#search_results form
{
	width: 200px;
	float: right;
}
/*top paged results*/
div#search_results div#paged_results a
{
	text-decoration: none;
	margin-left: 10px;
}
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 paged results*/
div#search_results div#paged_results_bottom a
{
	text-decoration: none;
	margin-left: 10px;
}
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 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(../images/icons/synopsis.png);*/
	/*background-repeat: no-repeat;*/
	margin-top: 0px;
}
/* end of search results */

/* 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(../images/recent_top.png);
}
div#recent_list .bottom, div#favourites_list .bottom
{
	height: 7px;
	background-image: url(../images/recent_bottom.png);
}
div#recent_list .content, div#favourites_list .content
{
	background-image: url(../images/large_grad.png);
	height:507px;
	overflow:auto;
}
#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 */

/* Highlight search term */
span.highlighted
{
	font-weight: bold;
	background-color: #cccccc;
}
span.term0
{
	background-color: #8888ff;
}
span.term1
{
	background-color: #88ff88;
}
span.term2
{
	background-color: #ff8888;
}
span.term3
{
	background-color: #ffff88;
}
span.term4
{
	background-color: #ff88ff;
}
span.term5
{
	background-color: #88ffff;
}


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

div#search_results table#bluenew
{
	color:#3E6CA8; !important
}

/* about page */
.about
{
	height: 8000px !important;
	overflow: auto;
}

div#search_results table#about
{
	color:#3E6CA8;
}
div#search_results table#about tr#tr_top
{
	font-weight:bold;	
}
div#search_results table#about td
{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
}
div#search_results table#about td#head_th
{
	font-weight:bold;
	padding-left:2px;
	padding-right:10px;		
}
/* End of about page */

/* links page */
.links
{
	height: 1200px !important;
	overflow: auto;
}

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_body
{
	color: #3E6CA8;
}
div#search_results table#links td#td_link
{
	font-weight:bold;
	padding-bottom:20px;	
}

div#search_results table#links td#td_link a:hover
{
	font-weight:bold;
	padding-bottom:20px;
	color:#000000;
	text-decoration:none;	
}
div#search_results table#links td#td_break
{
	font-weight:bold;
	padding-top:30px;
	padding-bottom:15px;	
}
/* End of links page */

body#new .content
{
	background-image: none !important;
	background-color: #ffffff !important;
	color:#000000; !important
}

body#bluenew .content
{
	background-image: none !important;
	background-color: #ffffff !important;
	color:#3E6CA8; !important
}


body#new .bottom
{
	/*
	here you can override the bottom image used to cap each block
	but each one has to be specified one-by-one, as they generally use different images.
	
	it's easy enough to change them, just use any style found above that ends with .bottom and uses a background image
	copy it here, and prefix it with body#new
	*/
}

/* 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;
}