﻿/* ---------- /////////////////////////////////////////////////////////////////////////////////////
	
	PROJECT:	LONDON ELECTS (Chartered Office Information)
	FILE:		large.css
	USE:		large text-size stylesheet
	AUTHOR:		Start Creative (matthewl@startcreative.co.uk)
	DATE:		August 2007
	STANDARD:	CSS 2 and 3
	
---------- //////////////////////////////////////////////////////////////////////////////////////// */

/* -- TYPOGRAPHY //////////////////////////////////////////////////////////////////////////////////////////// */

body	{
	font-family: Arial, Helvetica, Verdana, Sans-serif;
}

h1	{
	font-size: 220%;
}

div#title-area p	{
	color: #777777;
	font-size: 129%;
	font-weight: normal;
}

div.hero-panel h2	{
	color: #333333;
	font-size: 122%;
	font-weight: bold;
}

div.hero-panel p	{
	color: #333333;
	font-size: 114%;
	font-weight: normal;
	padding: 0 10px;
}

div.hero-panel p a	{
	background: url('../../../../../images/common/red_link_arrow.gif') 0 3px no-repeat;
	color: #333333;
	padding-left: 10px;
	text-decoration: underline;
}

div.hero-panel p a:hover	{
	background: url('../../../../../images/common/dark_grey_arrow.gif') 0 3px no-repeat;
	text-decoration: none;
}

div#content-body p,
div.paragraph-column p	{
	color: #777777;
	font-size: 122%;
	font-weight: normal;
}

div#content-body p a,
div.paragraph-column p a	{
	color: #777777;
	font-weight: bold;
	text-decoration: underline;
}

div#content-body p a:hover,
div.paragraph-column p a:hover	{
	color: #777777;
	font-weight: bold;
	text-decoration: none;
}

div.paragraph-column h2	{
	color: #777777;
	font-size: 122%;
	font-weight: bold;
}

div#checklist-title p	{
	font-size: 114%;
	font-weight: bold;
	color: #FFF;
	padding-left: 30px;
}

div#breadcrumbs ul li	{
	color: #333;
	font-size: 114%;
}

div#fact-panel p	{
	margin: 0 10px;
}

div#collapsible-text p	{
	color: #777;
	font-size: 122%;
	margin-top: 10px;
}

div#footer	{
	color: #666;
	font-size: 114%;
}

div#copyright p	{
	font-weight: bold;
}

form#email fieldset	{
	font-size: 114%;
	font-weight: bold;
}

form#boroughs	{
	color: #666;
	font-size: 122%;
	font-weight: bold;
}

div#candidate-details h2	{
	color: #777;
	font-size: 122%;
	font-weight: bold;
}

div#left-column-polling-station-finder-title h2,
div#borough-finder-title h2	{
	color: #000;
	font-size: 122%;
	font-weight: bold;
}

form#left-column-polling-station-finder fieldset label,
form#polling-station-finder fieldset label	{
	color: #3A3A3A;
	font-size: 114%;
	font-weight: bold;
}

div.news-article h3	{
	color: #333;
	font-size: 136%;
	font-weight: bold;
	margin-bottom: 10px;
}

div.news-article p.date-subtitle	{
	color: #333;
	font-size: 122%;
	font-weight: bold;
	margin-bottom: 8px;
}

div.news-article p	{
	color: #333;
	font-size: 114%;
	margin-bottom: 8px;
}

div#left-column-polling-station-form p	{
	color: #333;
	font-size: 114%;
	padding: 10px;
}

form#faq fieldset label,
form#upload-file fieldset label,
form#upload-file fieldset p.pseudo-label,
form#hero-polling-station-finder fieldset label	{
	color: #777;
	font-size: 122%;
	font-weight: bold;
}

form#upload-file fieldset label.radio-label,
form#upload-file fieldset label.checkbox-label	{
	font-weight: normal;
}

div#result-tables h2	{
	background: #6CC;
	color: #000;
	font-size: 122%;
	font-weight: bold;
	padding: 1px 0 2px 8px;
}

div#fact-sheet-table table tbody tr	th,
div#result-tables table	tr th	{
	color: #000;
	font-size: 114%;
	font-weight: bold;
}

div#fact-sheet-table table tbody tr	td,
div#result-tables table	tr td	{
	color: #000;
	font-size: 114%;
}

div.article p.date,
div.article h2	{
	color: #777;
	font-size: 122%;
	font-weight: bold;
	margin-bottom: 6px;
}

div.article p	{
	color: #777;
	font-size: 122%;
	margin-bottom: 6px;
}

div.article p a	{
	background: url('../../../../../images/common/red_link_arrow.gif') 0 3px no-repeat;
	color: #777;
	margin-bottom: 6px;
	padding-left: 8px;
}

div.article p a:hover	{
	background: url('../../../../../images/common/dark_grey_arrow.gif') 0 3px no-repeat;
	text-decoration: none;
}

div#faq-results h2	{
	color: #777;
	font-size: 122%;
	font-weight: bold;
}

div#faq-results p	{
	color: #777;
	font-size: 122%;
	padding: 8px 0 0 0;
}

div#introduction h2,
dl#definitions dt	{
	color: #777;
	font-size: 122%;
	font-weight: bold;
}

dl#definitions dd	{
	color: #777;
	font-size: 122%;
}

p.did-you-know	{
	color: #B7E7ED;
	font-size: 129%;
	font-weight: bold;
	margin-bottom: 5px;
}

div#answers p	{
	color: #FFF;
	font-size: 129%;
	margin-top: 5px;
}

/* -- LINKS ///////////////////////////////////////////////////////////////////////////////////////////////// */

div#sharing-tools ul li a	{
	color: #EB6425;
	font-size: 114%;
}

div#global-navigation ul.column li a	{
	background: url('../../../../../images/common/green_arrow.gif') 0 50% no-repeat;
	color: #333;
	font-size: 114%;
	font-weight: bold;
	padding-left: 8px;
	text-decoration: none;
}

div#global-navigation ul.column li a:hover,
div#global-navigation ul.column li a:focus,
div#global-navigation ul.column li a.current	{
	color: #2CB7B7;
	background: url('../../../../../../../../images/common/dark_grey_arrow.gif') 0 50% no-repeat;
}

div#election-checklist ul.column li a	{
	background: url('../../../../../images/common/checkbox_box.gif') 5px 50% no-repeat;
	color: #333;
	font-size: 114%;
	padding-left: 20px;
	text-decoration: none;
}

div#election-checklist ul.column li a:active	{
	background: url('../../../../../images/common/checkbox_x.gif') 5px 50% no-repeat;
}

div#breadcrumbs ul li a	{
	background: url('../../../../../images/common/breadcrumb_link.gif') 129% 50% no-repeat;
	color: #EB6425;
	padding-right: 10px;
}

div#sharing-tools ul li a	{
	background: url('../../../../../images/common/sharing_tools_link.gif') 129% 50% no-repeat;
	padding-right: 4px;
}

div#sharing-tools ul li.last a	{
	background: none;
	padding-right: 0;
}


div#flash-panel.home ul a	{
	background: url('../../../../../images/common/flash_panel_tab_off.gif') no-repeat;
	margin-bottom: 4px;
	display: block;
	color: #333;
	font-size: 122%;
	font-weight: bold;
	padding: 3px 0 2px 0;
	width: 92px;
	text-decoration: none;
}

div#flash-panel.home ul a.current,
div#flash-panel.home ul a:hover,
div#flash-panel.home ul a:focus	{
	background: url('../../../../../images/common/flash_panel_tab_on.gif') no-repeat;
	margin-bottom: 0;
	border-bottom: 4px solid #76D1D1;
	color: #000;
}

ul#popup-nav a	{
	background: url('../../../../../images/common/flash_panel_tab_off.gif') no-repeat;
	margin-bottom: 4px;
	display: block;
	color: #333;
	font-size: 122%;
	font-weight: bold;
	padding: 3px 0 2px 0;
	width: 92px;
	text-decoration: none;
}


ul#popup-nav a.current,
ul#popup-nav a:hover,
ul#popup-nav a:focus	{
	background: url('../../../../../images/common/flash_panel_tab_on.gif') no-repeat;
	margin-bottom: 0;
	border-bottom: 4px solid #76D1D1;
	color: #000;
}

div#social-web ul li a	{
	color: #000;
	font-size: 122%;
	padding: 4px 0 4px 30px;
	text-decoration: none;
}

p.collapsible-text-toggle a	{
	background: url('../../../../../images/common/drop_down_arrow_sprite.gif') 0 -10px no-repeat;
	color: #2CB7B7;
	padding-left: 10px;
	text-decoration: none;
}

div#collapsible-text p a	{
	color: #777;
	font-weight: bold;
}

div#local-navigation ul li a	{
	background: url('../../../../../images/common/red_link_arrow.gif') 0 3px no-repeat;
	color: #333;
	font-size: 114%;
	padding-left: 10px;
	text-decoration: none;
}

div#local-navigation ul li.current a	{
	background: url('../../../../../images/common/black_on_arrow.gif') 0 4px no-repeat;
}

div#local-navigation ul li.current ul.sub-local-navigation li a	{
	background: none;
	background: url('../../../../../images/common/red_link_arrow.gif') 0 2px no-repeat;
}

div#candidate-details h3 a	{
	color: #777;
	font-size: 114%;
	font-weight: bold;
}

div#footer ul li a	{
	background: url('../../../../../images/common/footer_list_divider.gif') 129% 2px no-repeat;
	color: #666;
	padding: 0 5px 0 1px;
}

div#footer ul li.last a	{
	background: none;
}

div#jargon-buster ul#alphabet li a	{
	color: #777;
	font-size: 122%;
}

div#jargon-buster ul#alphabet li.current a,
div#jargon-buster ul#alphabet li a:hover,
div#jargon-buster ul#alphabet li a:focus	{
	font-weight: bold;
	text-decoration: none;
}

div#local-navigation ul li a:hover,
div#local-navigation ul li a:focus,
div.news-article p.red-arrow-link a:hover,
div#election-checklist ul.column li a:hover,
div.mini-profile p.red-arrow-link a:hover,
div.news-article p.red-arrow-link a:focus,
div#election-checklist ul.column li a:focus,
div.mini-profile p.red-arrow-link a:focus	{
	text-decoration: underline;
}

div#sharing-tools ul li a:hover,
div#breadcrumbs ul li a:hover,
div#collapsible-text p a:hover,
div#footer ul li a:hover,
div#sharing-tools ul li a:focus,
div#breadcrumbs ul li a:focus,
div#collapsible-text p a:focus,
div#footer ul li a:focus,
div#jargon-buster ul#alphabet li a:focus,
div#candidate-details h3 a:hover,
div#candidate-details h3 a:focus	{
	text-decoration: none;
}

p.popup-close a	{
	color: #000000;
	font-size: 114%;
}