/*
The National Lottery Good Causes
main.css
main stylesheet
author: Chris Armstrong Thoughtbubble Ltd
date: 10 January 2008
*/

.home_image_holder { margin-bottom:15px; }
.home_image_title_holder {
	background-color:#FFFFFF;
	position:absolute;
	top:160px;
	left:0px;
	width:350px;
	opacity:0.75;
	filter:alpha(opacity=75);
	font-size:1.6em;
	color:#133E8C;
	padding:20px 10px 20px 10px;
	font-weight:bold;
	line-height:1.4em;
}
.home_flash {  }
.home_highlights { float:left; width:527px; margin-left:15px; display:inline; }
.home_flash { float:left; width:188px; margin-left:15px; display:inline; }

.home_pollbox { float:left; width:256px; margin-left:15px; margin-top:15px; display:inline; }
.home_pollinner { background-color:#98466C; height:180px; padding:10px 10px 10px 10px; color:#000000;  }
.home_pollbox h3 { color:#FFFFFF; font-weight:bold; padding:0; margin:0px 0px 8px 0px; font-size:1.2em; }

.home_infobox { float:left; width:256px; margin-left:15px; margin-top:15px; display:inline; }
.home_infoinner { background-color:#5783C2; height:180px; padding:10px 10px 10px 10px; color:#FFFFFF; }
.home_infobox h3 { color:#133E8C; font-weight:bold; padding:0; margin:0px 0px 8px 0px; font-size:1.2em; }
.home_infoinner a:link, .home_infoinner a:visited { font-size:1.2em; color:#133E8C; font-weight:bold; text-decoration:none; }
.home_infoinner a:hover { color:#5783C2; background-color:#133E8C; }

.home_didyouknowbox { float:left; width:188px; margin-left:15px; margin-top:15px; display:inline; }
.home_didyouknowinner { background-color:#F1C447; height:180px; padding:10px 10px 10px 10px; color:#000000;  }
.home_didyouknowbox h3 { color:#133E8C; font-weight:bold; padding:0; margin:0px 0px 8px 0px; font-size:1.2em; }

.home_item_image_col { float:left; width:170px; margin:0px 0px 15px 0px; }
.home_item_detail_col { float:left; width:355px; margin:0px 0px 15px 0px; }
.home_item_title { color:#133E8C; margin:0px 0px 8px 0px; font-size:1.2em; font-weight:bold; }
.home_item_desc { margin:0px 0px 8px 0px; }
.home_item_link { margin:0px 0px 8px 0px; }

.home_item_link a:link {color:#98466C; text-decoration:none;}
.home_item_link a:visited {color:#98466C; text-decoration:none;}
.home_item_link a:hover {color:#fff; text-decoration:none; background:#98466C;}

/*
------------------------------------------------------------
LOTTERY STORIES
------------------------------------------------------------
*/
#storySearchForm { margin-top:15px; width:500px; }
#storySearchForm label { float:left;  width:100px; margin-bottom:10px; font-weight:bold; }
#storySearchForm .textinput { float:left; width:200px; padding:2px; margin-bottom:10px; }
#storySearchForm .selectinput { float:left; width:200px; padding:0px; margin-bottom:10px; }
#storySearchForm .submit {
	width:100px;
	margin: 10px 0px 10px 400px;
}

.story_thumbnail_col { float:left; width:105px; margin:15px 0px 15px 0px; display:inline; overflow:hidden; }
.story_details_col { float:left; width:400px; margin:15px 0px 15px 0px; display:inline; overflow:hidden; }
.story_title { color:#133E8C; margin-bottom:8px; }
.story_leader { margin-bottom:8px; overflow:hidden; }
.story_link {  }

.story_item_image_col { float:right; width:163px; overflow:hidden;  }
.story_item_image_holder { float:right; margin-bottom:10px; margin-top:11px; width:163px; display:inline; }
.ldb_logo { text-align:center; margin:10px 0px 10px 0px; width:163px; }

.story_item_detail_col { float:left; width:340px; }
.story_item_project_name { font-weight:bold; margin:8px 0px 8px 0px; color:#133E8C; font-size:1.2em;  }
.story_item_content { margin:0px 0px 8px 0px; }
.story_item_awarded { margin:0px 0px 8px 0px; }
.story_item_related { margin:0px 0px 15px 0px; }
.related_story { margin:8px 0px 0px 0px; }

.paging_row { padding:5px 0px 5px 0px;  }
#contentCol .paging_row a:link, #contentCol .paging_row a:visited { color:#878684; background-color:#FFFFFF; }
#contentCol .paging_row a:hover { color:#FFFFFF; background-color:#878684; }

#contentCol .paging_row a.page_on:link, #contentCol .paging_row a.page_on:visited { color:#FFFFFF; background-color:#878684; }
#contentCol .paging_row a.page_on:hover { color:#FFFFFF; background-color:#878684; }

.highlighted_story_image_col { float:left; width:143px; margin:0px 0px 15px 0px; }
.highlighted_story_detail_col { float:left; width:384px; margin:0px 0px 15px 0px; }

/*
------------------------------------------------------------
CASE STUDIES
------------------------------------------------------------
*/

.casestudy_box { width:527px; margin-bottom:20px; font-size:0.9em; }

.casestudy_project { background-color:#F9DC8E; color:#878684; }
.casestudy_project .casestudy_box_title { background-color:#F7CD55; color:#000000; }

.casestudy_grant { background-color:#A8C3E1; color:#FFFFFF; }
.casestudy_grant .casestudy_box_title { background-color:#6497CE; color:#FFFFFF; }

.casestudy_other { background-color:#CEA3B7; color:#FFFFFF; }
.casestudy_other .casestudy_box_title { background-color:#AC5C7F; color:#FFFFFF; }


.casestudy_box_title { margin:10px 0px 10px 0px; padding:5px 0px 5px 10px; font-weight:bold; font-size:1.2em; }

.casestudy_widecol { float:left; width:300px; margin-left:10px; display:inline; }
.casestudy_shortcol { float:left; width:200px; margin-left:10px; display:inline; }

#casestudy_form label { display:block; margin-bottom:2px; }
#casestudy_form .textinput { display:block; margin-bottom:8px; width:150px; border:1px solid #999999; }
#casestudy_form .textareainput { display:block; margin-bottom:8px; width:290px; border:1px solid #999999; }
#casestudy_form .selectinput { display:block; margin-bottom:8px; width:150px; border:1px solid #999999; }
#casestudy_form .longselectinput { display:block; margin-bottom:8px; width:190px; border:1px solid #999999; }
#casestudy_form .fileinput { display:block; margin-bottom:2px; width:100px; border:1px solid #999999; }
#casestudy_form .submit { display:block; margin-bottom:10px; }
#casestudy_form .formerror { background-color:#FFFF4B; color:#FF0000; border:2px solid #999999; }
.asterisk { color:#83466C; font-size:1.2em; position:relative; top:3px; }

/*
------------------------------------------------------------
PRESS RELEASES
------------------------------------------------------------
*/

.press_thumbnail_col { float:left; width:100px; margin:15px 0px 15px 0px; }
.press_details_col { float:left; width:300px; margin:15px 0px 15px 0px; }
.press_title {}
.press_leader { margin:8px 0px 8px 0px; }
.press_date {}

.press_backlink { margin:0px 0px 8px 0px; font-size:0.9em; color:#999999; }
#contentCol .press_backlink  a:link, #contentCol .press_backlink  a:visited { color:#999999; text-decoration:none; }
#contentCol .press_backlink  a:hover { color:#FFFFFF; text-decoration:none; background-color:#999999; }

.press_country_filter { float:left; width:130px; margin:5px 0px 10px 0px; }
#contentCol .press_country_filter a:link, #contentCol .press_country_filter a:visited { color:#878684; background-color:#FFFFFF; }
#contentCol .press_country_filter a:hover { color:#FFFFFF; background-color:#878684; }

.press_country_filter img { position:relative; top:3px; }
#contentCol .press_country_filter img a:hover { color:#FFFFFF; background-color:#FFFFFF; }

.pressitem_name { font-weight:bold; margin:8px 0px 8px 0px; color:#133E8C; font-size:1.2em;  }
.pressitem_date { margin:0px 0px 8px 0px; }
.pressitem_content { margin:0px 0px 8px 0px; }
.pressitem_pdf { margin:0px 0px 8px 0px; }

/*
------------------------------------------------------------
IMAGE GALLERY
------------------------------------------------------------
*/

.gallery_main_image { margin:15px 0px 8px 0px; width:527px; }

#gallery_text { float:left; width:357px; margin:15px 0px 8px 0px; }
.captiontitle { margin:0px 0px 8px 0px; font-weight:bold; }
.captiontext { margin:0px 0px 8px 0px; }
#gallery_download { float:left; width:150px; margin:15px 0px 8px 20px; text-align:right; display:inline; }
.gallery_paging_row { float:right; width:300px; text-align:right;}
.gallery_thumbs_row { margin:0px 0px 8px 0px; width:190px;}
.gallery_thumb { float:left; width:94px; margin:0px 0px 1px 0px; }
.gallery_thumb IMG { border:2px solid #FFFFFF }

#contentCol .gallery_paging_row a:link, #contentCol .gallery_paging_row a:visited { color:#878684; background-color:#FFFFFF; }
#contentCol .gallery_paging_row a:hover { color:#FFFFFF; background-color:#878684; }

#contentCol .gallery_paging_row a.page_on:link, #contentCol .gallery_paging_row a.page_on:visited { color:#FFFFFF; background-color:#878684; }
#contentCol .gallery_paging_row a.page_on:hover { color:#FFFFFF; background-color:#878684; }


/*
------------------------------------------------------------
FACTSHEETS
------------------------------------------------------------
*/

.factsheet_name { color:#133E8C; margin:8px 0px 8px 0px; font-size:1.2em; }
.factsheet_text { margin:0px 0px 8px 0px; }
.factsheet_link { float:left; width:300px; margin:0px 0px 8px 0px;}
.factsheet_date { float:right; width:100px; margin:0px 0px 8px 0px; text-align:right; }

.factsheet_backlink { margin:0px 0px 8px 0px; font-size:0.9em; color:#999999; }
#contentCol .factsheet_backlink  a:link, #contentCol .factsheet_backlink  a:visited { color:#999999; text-decoration:none; }
#contentCol .factsheet_backlink  a:hover { color:#FFFFFF; text-decoration:none; background-color:#999999; }

.factitem_name { font-weight:bold; margin:8px 0px 8px 0px; color:#133E8C; font-size:1.2em;  }
.factitem_date { margin:0px 0px 8px 0px; }
.factitem_content { margin:0px 0px 8px 0px; }
.factitem_pdf { margin:0px 0px 8px 0px; }


/*
------------------------------------------------------------
LOTTERY FUNDERS
------------------------------------------------------------
*/

.funder_name { color:#133E8C; margin:8px 0px 8px 0px; font-size:1.2em; }
.funder_text { margin:0px 0px 8px 0px; }
.funder_link { margin:0px 0px 8px 0px; }



/*
------------------------------------------------------------
CONTACT US
------------------------------------------------------------
*/

.contact_section { border-bottom:1px solid #D8DFF2; margin-bottom:10px; padding-bottom:3px; }
.contact_title { color:#133E8C; margin:0px 0px 10px 0px; font-size:1.2em; font-weight:bold; }
.contact_name_col { float:left; width:200px; margin-bottom:8px; }
.contact_details_col { float:left; width:300px; margin-bottom:8px; }
.contact_clear { clear:both; font-size:1px; height:1px; }

/*
------------------------------------------------------------
POLL RESULTS
------------------------------------------------------------
*/

#pollForm label { float:left; width:100px; margin-bottom:5px; }
#pollForm .submit {}

.poll_results_title { margin:0px 0px 8px 0px; color:#133E8C; font-weight:bold; font-size:1.2em; }
.poll_results_text { margin:0px 0px 0px 0px; }
.poll_results_results_text { margin:0px 0px 0px 0px; }

.poll_result_box { margin-top:15px; margin-bottom:15px; background-image:url(/images/layout/graphBack.gif); border:3px solid #133E8C; width:500px; }
.poll_result_row { border-bottom:1px solid #DEDEDE; }
.poll_result_row_last { border-bottom:0; }
.poll_result_option_col { float:left; width:40px; color:#FFFFFF; background-color:#999999; height:35px; padding:0px 0px 0px 0px; text-align:center; }
.poll_result_option_title { position:relative; top:8px; left:0px; font-size:0.85em; }
.poll_result_vote_col { float:left; width:460px; padding:5px 0px 5px 0px; font-size:0.85em; }
.poll_result_vote_bar { 
	text-align:right;
	color:#FFFFFF;
	background-position:top right; 
	background-repeat:repeat-y;
	height:25px;
	width:60px;
	font-weight:bold;
}

.poll_result_1 { 
	background-image:url(/images/layout/poll4.jpg); 
	background-color:#C20018;
}

.poll_result_2 { 
	background-image:url(/images/layout/poll1.jpg); 
	background-color:#F0C447;
}

.poll_result_3 { 
	background-image:url(/images/layout/poll2.jpg); 
	background-color:#5783C2;
}

.poll_result_0 { 
	background-image:url(/images/layout/poll3.jpg); 
	background-color:#98466C;
}

.poll_result_percentage { position:relative; top:4px; left:-5px; }

/*
------------------------------------------------------------
AWARDS/WINNERS
------------------------------------------------------------
*/

.winners_image_col { float:left; width:200px; margin:15px 0 10px 0; }
.winners_detail_col { float:left; width:300px; margin:15px 0 10px 0;  }
.winners_col { float:left; width:500px; margin:15px 0 10px 0;  }
.winners_col img { padding:0 10px 5px 0; }
.winners_title { color:#133E8C; margin:0px 0px 10px 0px; font-size:1.2em; font-weight:bold; }
.winners_name { color:#133E8C; margin:0px 0px 10px 0px; font-size:1.1em; font-weight:bold; }
.winners_text {  }

#contentCol a.awards_enter_button:link, #contentCol a.awards_enter_button:visited {
	display:block;
	text-decoration:none;
	color:#FF5DCC;
	background-color:#105EA9;
	text-align:center;
	padding:5px;
	font-weight:bold;
	margin:10px 0 10px 0;
}
#contentCol a.awards_enter_button:hover {
	color:#105EA9;
	background-color:#FF5DCC;
}

/*
------------------------------------------------------------
VOTING
------------------------------------------------------------
*/


.voting_image_col { float:left; width:200px; margin:15px 0 10px 0; }
.voting_detail_col { float:left; width:300px; margin:15px 0 10px 0;  }
.voting_title { color:#133E8C; margin:0px 0px 10px 0px; font-size:1.2em; font-weight:bold; }
.voting_name { color:#133E8C; margin:0px 0px 10px 0px; font-size:1.2em; }
.voting_text {  }

.shortlist_thumbnail_col { float:left; width:100px; margin:15px 0px 15px 0px; }
.shortlist_details_col { float:left; width:420px; margin:15px 0px 15px 0px; }
.shortlist_title {}
.shortlist_leader { margin:8px 0px 8px 0px; }

.medium_thumbnail_col { float:left; width:100px; margin:5px 0px 5px 0px; }
.medium_details_col { float:left; width:400px; margin:5px 0px 5px 0px; }
.medium_title {}
.medium_leader { margin:8px 0px 8px 0px; }

.shortlist_backlink { margin:0px 0px 8px 0px; font-size:0.9em; color:#999999; text-align:right;  }
#contentCol .shortlist_backlink  a:link, #contentCol .shortlist_backlink  a:visited { color:#999999; text-decoration:none; }
#contentCol .shortlist_backlink  a:hover { color:#FFFFFF; text-decoration:none; background-color:#999999; }

.shortlistitem_name { font-weight:bold; margin:8px 0px 2px 0px; color:#133E8C; font-size:1.2em;  }
.shortlistitem_category { font-weight:bold; margin:0px 0px 2px 0px; color:#133E8C; font-size:1.1em;  }
.shortlistitem_awarded { font-weight:bold; margin:0px 0px 8px 0px; color:#133E8C; font-size:1.1em;  }
#contentCol .shortlistitem_awarded a:link, #contentCol .shortlistitem_awarded a:visited { color:#133E8C; background:none; text-decoration:none; }
#contentCol .shortlistitem_awarded a:hover { color:#133E8C; background:none; text-decoration:underline; } 

.shortlistitem_date { margin:0px 0px 8px 0px; }
.shortlistitem_content { margin:0px 0px 8px 0px; }
.shortlistitem_pdf { margin:0px 0px 8px 0px; }

.vote_btn {
	background-color:#3365AA;
	background-image:url(/images/layout/navBack.jpg);
	color:#FFFFFF;
	font-weight:bold;
	border:0;
	padding:2px 5px 2px 5px;
	float:right;
}

#contentCol a.vote_back_btn:link, #contentCol a.vote_back_btn:visited, #contentCol a.vote_back_btn:hover {
	display:block;
	background-color:#3365AA;
	background-image:url(/images/layout/navBack.jpg);
	color:#FFFFFF;
	font-weight:bold;
	border:0;
	padding:4px 5px 4px 5px;
	float:left;
}

.shortlist_medium_col { float:left; width:260px; margin-bottom:5px; }

/*
------------------------------------------------------------
COMPETITION
------------------------------------------------------------
*/
#competition_form { margin:30px 0 0 0; padding:0 0 0 0; width:530px; }
#competition_form label.mandatory { font-weight:bold }
.radio_question { float:left; width:350px; margin-bottom:10px; margin-right:30px; display:inline; }
#competition_form label.radio_label { float:left; width:100px; margin-bottom:5px; padding-left:0px; text-align:left; display:inline; }
#competition_form label { float:left; width:150px; margin-bottom:5px; padding-right:10px; text-align:right; display:inline; }
#competition_form .textinput { float:left; width:310px; margin-bottom:5px; }
#competition_form .textareainput { float:left; width:310px; margin-bottom:5px; }
#competition_form .selectinput { float:left; width:330px; margin-bottom:15px; margin-left:85px; display:inline; }
#competition_form .submit { float:right; margin-bottom:5px; display:inline-block; background-color:#3365AA; border:0; text-align:center; padding:0px 2px 2px 2px; color:#FFFFFF; font-weight:bold; font-size:1.0em;  }
#competition_form .help { float:left; width:20px; margin:1px 0 0 5px; }
#competition_form .help a:link, #competition_form .help a:visited {
	display:block;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#133E8C;
	padding:3px 0 3px 0;
}

.competition_pdf_link {
	background-image:url(/images/layout/pdf.gif);
	background-repeat:no-repeat;
	background-position:0 -1px;
	padding:0 0 0 20px;
}

#competition_form .help a:hover { background-color:#5090CD; }

#competition_form .help_content_holder { float:left; width:10px; position:relative; }
#competition_form .help_content { position:absolute; top:0; left:-340px; width:304px; background-color:#5090CD; color:#FFFFFF; padding:5px; display:none; z-index:20; }

#competition_code_form { margin:30px 0 0 0; padding:0 0 0 0; width:500px; }
#competition_code_form label { float:left; width:150px; margin-bottom:5px; padding-right:10px; text-align:left; display:inline; }
#competition_code_form .textinput { float:left; width:250px; margin-bottom:5px; }
#competition_code_form .submit { float:right; margin-bottom:5px; display:inline-block; background-color:#3365AA; border:0; text-align:center; padding:0px 2px 2px 2px; color:#FFFFFF; font-weight:bold; font-size:1.0em;  }

#competition_form .form_error label:before {content:"! ";}
#competition_form .form_error label { color:#FF0084; }
#competition_form .form_error label a:link, #competition_form .form_error label a:visited, #competition_form .form_error label a:hover { color:#FF0084; background:none; }
#competition_form .form_error .textinput { border:2px solid #FF0084; }
#competition_form .form_error .textareainput { border:2px solid #FF0084;  }
#competition_form .form_error .selectinput { border:2px solid #FF0084;  }

#competition_form .error_message { padding:10px; background-color:#FFE9E6; margin:10px 10px 20px 0; border:1px solid #FFC6BF; line-height:1.5em; text-align:center; }
/*
------------------------------------------------------------
PHOTO COMPETITION
------------------------------------------------------------
*/

ol#comp_terms_list li { padding-bottom:5px; }


/*
------------------------------------------------------------
AWARDS
------------------------------------------------------------
*/
#awards_landing_page {
	background-color:#005097;
	background-image:url(/images/awards2010/1PX.jpg);
	background-repeat:repeat-y;
	background-position:0 0;
	position:relative;
	padding:0 0 40px 0;
}

#awards_landing_page .breadcrumbrow {
	padding:15px 15px 15px 15px; margin:0; color:#FFFFFF;
}

#awards_landing_page .breadcrumbrow a:link, #awards_landing_page .breadcrumbrow a:visited { color:#FFFFFF; background:none; }
#awards_landing_page .breadcrumbrow a:hover {  background:none; text-decoration:underline; }

#awards_landing_page .lftNav {
	background:none;
}

#awards_landing_page h2 { color:#FFFFFF; margin-left:15px; }
#awards_landing_page .awards_logo { position:absolute; top:100%; left:540px; z-index:10; }
#awards_landing_page .awards_logo IMG { position:relative; top:-150px; }
.landing_text {
	color:#FFFFFF; padding:8px 20px 10px 0; line-height:1.5em;
}

.landing_map_key { position:absolute; top:60px; left:450px; width:290px; color:#FFFFFF; font-size:1.2em; }
.key_items { text-align:right; padding:10px 0 0 0; line-height:1.5em; }
.key_items a:link, .key_items a:visited, .key_items a:hover { 
	color:#FFFFFF; font-weight:bold; text-decoration:underline; background:none;
	background-repeat:no-repeat;
	background-position:100% 5px;
	display:block;
	padding:0 30px 0 0;
	margin: 0 0 5px 0;
}

.key_items a.category_icon_1:link, .key_items a.category_icon_1:visited, .key_items a.category_icon_1:hover { background-image:url(/images/awards2010/ic_Arts.gif); }
.key_items a.category_icon_2:link, .key_items a.category_icon_2:visited, .key_items a.category_icon_2:hover { background-image:url(/images/awards2010/ic_Ed.gif); }
.key_items a.category_icon_3:link, .key_items a.category_icon_3:visited, .key_items a.category_icon_3:hover { background-image:url(/images/awards2010/ic_Env.gif); }
.key_items a.category_icon_4:link, .key_items a.category_icon_4:visited, .key_items a.category_icon_4:hover { background-image:url(/images/awards2010/ic_Health.gif); }
.key_items a.category_icon_5:link, .key_items a.category_icon_5:visited, .key_items a.category_icon_5:hover { background-image:url(/images/awards2010/ic_Heritage.gif); }
.key_items a.category_icon_6:link, .key_items a.category_icon_6:visited, .key_items a.category_icon_6:hover { background-image:url(/images/awards2010/ic_Sports.gif); }
.key_items a.category_icon_7:link, .key_items a.category_icon_7:visited, .key_items a.category_icon_7:hover { background-image:url(/images/awards2010/ic_Charity.gif); }

.landing_project { 
	position:absolute;
	width:12px;
	height:15px;
	cursor:pointer;
	z-index:50;
}
.project_icon_1 { background-image:url(/images/awards2010/s_Arts.png); }
.project_icon_2 { background-image:url(/images/awards2010/s_Ed.png); }
.project_icon_3 { background-image:url(/images/awards2010/s_Environment.png); }
.project_icon_4 { background-image:url(/images/awards2010/s_Health.png); }
.project_icon_5 { background-image:url(/images/awards2010/s_Heritage.png); }
.project_icon_6 { background-image:url(/images/awards2010/s_Sports.png); }
.project_icon_7 { background-image:url(/images/awards2010/s_Charity.png); }

.landing_project_detail_wrapper { position:relative; display:none; }
.landing_project_detail { 
	display:none;
	height:90px; 
	width:170px;
	position:absolute;
	top:-116px;
	left:6px; 
	background-image:url(/images/awards2010/Rollover_Detail.png);
	background-repeat:no-repeat;
	background-position:0 0;
	padding:10px 30px 10px 20px;
	z-index:100;
}

* html .landing_project_detail { padding:10px 10px 10px 20px; }

.landing_project_detail_image { float:right; width:70px; }
.landing_project_detail_text { float:left; width:90px; color:#000000; }

#shortlistLinks { }
#shortlistLinks a:link {display:block; color:#98466C; text-decoration:none; margin-bottom:5px;}
#shortlistLinks a:visited {display:block; color:#98466C; text-decoration:none;}
#shortlistLinks a:hover {display:block; color:#fff; text-decoration:none; background:#98466C;}