* {
	margin: 0;
	padding: 0;
}
html {overflow-y:scroll;}
html, body { 
    height: 100%;
	width: 100%;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background: #bebebe url(../images/bg.jpg) repeat-x;
}
body.admin, body.pdf, body.print {background: #ffffff;}
img {border: none;}
.right {float: right}
.left {float: left}
.printbutton {
	cursor: pointer;
}
.width50 {
	width: 50px !important;
}
.pageBreakBefore {
	page-break-before: always;
}
.printonly {display: none;}

/* Layout */

#outer { 
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
	width: 93%;
	margin: 0 auto -3em auto;
	background: #ffffff;
}
#banner {
	width: 100%;
	height: 90px;
}
#logo { margin: 20px  0 0 20px; }
#top_menu { padding: 4px 4px 0 0;}
#top_menu img {
	margin: 0 6px;
	vertical-align:middle;
}
#top_strip {
	width: 98%;
	margin: 0 auto;
	border-top: 6px solid #000000;
	height: 0px;
}

#main {margin: 20px 25px 10px 25px}
.main_with_sidebar {margin-right: 320px;}
#content {
	width: 882px;
	margin: 10px auto 0;
	padding-bottom: 20px;
}
#footer, .push { 
    height: 3em;
}

#footer {
	border-top: 1px solid #000000;
	width: 91%;
	padding: 8px 0 0 0;
	font-size: 0.8em;
	text-align: center;
	margin: 0 auto;
	background: #ffffff;
}

#supporters-logos {
	margin: 10px 0 12px 0;
	text-align:center;
}

#esp_footer {
	width: 93%;
	padding: 8px 0 0 0;
	font-size: 0.8em;
	text-align: center;
	margin: 0 auto;
	background: #ffffff;
}
.clear {clear: both;}
.centre {text-align: center !important;}
.centre input {margin: auto}
.noborder {border: none !important;}
td {vertical-align: top}

h1, h2, h3, h4, h5 {
	color: #2d5684;
}
h1, h2, h3 {
	margin: 10px 0 6px 0;
}
h4, h5 {
	margin: 6px 0 6px 0;
}

p {
	margin: 8px 0;
	font-size: 0.9em;
}
table {border-collapse: collapse;}

td {font-size: 0.9em;}

.drop { line-height: 200%}

ul { margin-left: 30px; }
li {
	margin-bottom: 6px;
	font-size: 0.9em;
}

#modules {
	clear: both;
	margin: auto;
}

#modules div {
	float: left;
	width: 25%;
	height: 100%;
	padding: 20px;
	margin: 10px;
	border: 1px solid #aaaaff;
}
#modules h3 { font-size: 0.9em;}

/* Form Styles */

input.error, textarea.error, tr.error td {
	border: 1px solid #FF0000 !important;
}

select.error {
	color:#ddd;
	background-color:#FF0000;
}

.inline_form {
	width: 60px;
	height: 24px;
	text-align: center;
}

.sub_title {
	font-weight: bold;
}

.button {
	border: 1px solid #888888;
	margin: 2px 6px 2px 0 !important;
	padding: 2px;
	text-align: center !important;
	width: auto;
}

.button_56 {
	display: block;
	width: 56px !important;
	height: 28px !important;
	background: url("../images/buttons/button.jpg");
	border: none !important;
	text-align:center !important;
}

.button_195 {
	display: block;
	width: 195px !important;
	height: 28px !important;
	background: url("../images/buttons/button_195.jpg");
	border: none !important;
	text-align:center !important;
}

.button_back {
	display: block;
	float: left;
	width: 48px !important;
	height: 48px !important;
	background: url("../images/buttons/arrow_left.jpg");
	border: none !important;
	padding: 33px 0 0 0 !important;
}

.button_next {
	display: block;
	float: left;
	width: 48px !important;
	height: 48px !important;
	background: url("../images/buttons/arrow_right.jpg");
	border: none !important;
	padding: 33px 0 0 0 !important;
}

/* Contact Us Form Styles */
#contact_us_caption {
	width: 420px;
	margin-bottom: 20px;
	text-align:justify;
}

#contact_us_form p {
	margin: 4px 0;
}

#contact_us_form label {
	display: block;
	width: 80px;
	float: left;
}

/* Join Form & User Edit Form Styles */
#join_form, #user_edit_form {
	margin-left: 100px;
}
#join_form h3, #user_edit_form h3 {
	clear: left;
	margin: 20px 0 12px 0;
}
#join_form p, #user_edit_form p {
	margin: 8px 0;
}

#join_form label, #user_edit_form label {
	display: block;
	width: 214px;
	float: left;
}
.join_help {
	font-size: small;
	color: #2D5684;
}
p.join_help {
	display: block;
	width: 500px;
	padding: 10px 0;
}

.disclaimer {
	width: 420px;
	border: 1px solid #000000;
	margin: 20px 10px 10px 10px;
	padding: 20px;
	clear: both;
}
.disclaimer label {
	width: 100px !important;
}
#join_submit, #user_edit_submit {
	width: 420px;
	text-align: center;
	padding-bottom: 30px;
}
.reminder_message {
	color: red;
}

/* Login Form Styles */
#sidebar {
	width: 320px;
	float:right;
}

#sidebar h3 {
	text-align: center;
	text-decoration:underline;
}

#sidebar h3, #sidebar h4, #sidebar h5 {
	color: #333333;
	font-size: 0.9em;
}

#login, #login_join, #user_counter, #recommend, #satisfaction, #why_not, #side_note {
	margin: 10px 0 15px 14px;
	border: 1px solid #aaaaff;
	padding: 10px 20px;
	
}
#login_form label {
	display: block;
	width: 90px;
	float: left;
}
input.login  { width: 160px;}

#login_join {text-align: center;}

#login_form input.rememberMe {
	float: left;
	margin-top: 4px;
}
#login_form label.rememberMe {
	width: 240px;
	margin: 4px 4px 0 4px;
}

#login_form .submit {
	margin: 4px auto;
	display: block;
	width: 56px;
	height: 28px;
	background: url("../images/buttons/button.jpg");
	border: none;
}
.count {
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
}

#glossary {
	margin: 30px 14px;
	text-align: center;
	width: 310px;
}
#glossary form {
	padding: 0 55px;
}
.feedback_sent {
	text-align: center;
	color: #2d5684;
}
.feedback_error {
	text-align: center;
	color: #ff0000;
}
/* Top Menu Styles */
#top_menu {
	float: right;
}

/* Main Menu Styles */
#main_menu {
	height: 85px;
	width: 882px;
	margin: 0 auto;
}

#main_menu ul { margin: 0; }

#main_menu ul li {
	display: block;
	float: left;
	margin: 0;
}

/* Question Display Styles */
p.question, .question ul {
	padding-right: 340px;
}
.question h4 { font-size: 0.8em;}
p.question {
	font-weight: bold;
}
.question ul {
	margin: 20px 0 30px 30px;
}
.glossaryText {
	float: right;
	width: 250px;
	margin: 0 0 0 20px;
	border: 1px solid #043874;
	background-color:#ebeff3;
	padding: 10px 20px;
}

.question ul li {
	list-style-type: none;
	margin: 6px 0;
	padding-left: 20px;
}

.question ul li input {
	float: left;
	clear: left;
	margin-right: 6px;
	margin-left: -26px;
}
.answer {
	float: left;
}

/* Edit Question Form Styles */

table.edit_question tr td{
	padding-right: 10px;
}

/* Section 1 Results Styles */
tr.best {
	color:#008000;
	font-weight: bold;
}
tr.critical {
	color: #FF0000;
	font-weight: bold;
}

/* Help Form Styles */
#help_login_form {
	width: 600px;
}
/* Section 2 */
p.nav_note {
	margin-top: 12px;
	font-size: small;
	color: #2D5684;
}

#delete_account_form .button {
	float: left;
}

/* Section 2 Non Charity Input Form Styles */

table.non_charity_profit_and_loss caption, table.non_charity_balance_sheet caption, table.non_charity_ratios caption {
	margin-top: 0px;
	text-align: left;
}

table.non_charity_profit_and_loss caption p, table.non_charity_balance_sheet caption p, table.non_charity_ratios caption p {
	padding-right: 60px;
}

div.section_2_non_charity_input {
	padding: 1px;
	margin: 0px;
}

div.section_2_non_charity_input label {
	display: block;
	float: left;
	width: 400px;
}

div.section_2_non_charity_input .title {
	font-weight: bold;
}

div.section_2_non_charity_input .sub_title {
	font-weight: bold;
}

.section_2_non_charity_input input, .section_2_charity_input input {
	border: 1px solid #888888;
	margin: 2px 0;
	padding: 2px;
	width: 6em;
	text-align: right;
}

input.year {
	font-weight: bold;
	text-align: center;
}

.section_2_non_charity_input input.calculated, .section_2_charity_input input.calculated {
	background: #dddddd;
	border: 1px solid #bbbbbb;
	font-weight: bold;
}

/* Section 2 Charity Input Form Styles */

table.charity_profit_and_loss caption, table.charity_balance_sheet caption, table.charity_ratios caption {
	margin-top: 0px;
	text-align: left;
}

table.charity_profit_and_loss caption p, table.charity_balance_sheet caption p, table.charity_ratios caption p {
	padding-right: 60px;
}

div.section_2_charity_input {
	padding: 1px;
	margin: 0px;
}

div.section_2_charity_input label {
	display: block;
	float: left;
	width: 600px;
}

div.section_2_charity_input .title {
	font-weight: bold;
}

div.section_2_charity_input .sub_title {
	font-weight: bold;
}

div.section_2_charity_input input {
	border: 1px inset #888888;
}

div.section_2_charity_input input.calculated {
	background: #dddddd;
	border: 1px solid #bbbbbb;
}

/* future Proofing Form Styles */
.section_2_future_proofing h4 {
	margin-top: 20px;
}
.section_2_future_proofing input {
	border: 1px solid #888888;
	margin: 2px 0;
	padding: 2px;
	text-align: right;
}
.section_2_future_proofing input.button_56 {
	margin: 2px 8px 2px 0;
	padding: 2px;
	float: left;
	text-align: center;
	border: none;
}
.future_proofing_section_heading {
	width: 100% !important;
	padding-bottom: 20px;
}
.future_proofing_sub_header {
	font-size: 1.2em;
	font-weight: bold;
	width: 150px;
}
table.future_proofing tr td {
	font-size: 0.7em;
}
table.future_proofing tr td p {
	font-size: 1.1em;
}
table.future_proofing tr td.col1 {
	width: 140px;
}
table.future_proofing tr td.double {
	width: 200px;
}
input.fp_text {
	width: 140px;
}

/* Section 1 Results Styles */

table.section1_report_card tr td {
	padding: 5px 10px;
	border: 1px solid #aaaaff;
	width: 320px;
}
table.section1_report_card .header {
	font-weight: bold;
	background-color:#CACACA;
}

/* Section 2 Results Styles */
#results_summary {
	width: 560px;
}
.results_summary_item {
	margin: 8px 8px 6px 0;
	font-size: 0.9em;
}

div.caption {
	margin-bottom: 20px;
}
div.caption p {
	padding-right: 60px;
}

table.results {
	margin-top: 40px;
}
table.results tr td {
	padding: 8px 10px;
	border: 1px solid #aaaaff;
	text-align: right;
}
table.results tr.border_bottom td {
	border-bottom: 1px solid #aaaaff !important;
}
table.results tr td.left {
	text-align: left;
	float:none;
}
table.results .header {
	font-weight: bold;
	background-color:#CACACA;
}

.info {
	width: 16px !important;
	height: 16px !important;
	background: url(../images/info.gif) left top no-repeat;
	border: none !important;
	cursor: pointer !important;
	padding-top: 20px !important;
	margin-bottom: -20px !important;
	max-height: 16px !important;
	*margin-top: -2px !important;
}
.graph_container {
	margin-top: 30px;
}
.graph {
	background: #dddddd;
	border-right: 1px solid #aaaaaa;
	border-top: 1px solid #aaaaaa;
}
.graph_div {
	background-color:#2d5684;
}
.graph_point {
	width: 10px;
	height: 10px;
	background:  url(../images/points/point.gif) no-repeat;
}
.graph_point_user {
	width: 10px;
	height: 10px;
	background:  url(../images/points/user.gif) no-repeat;
}

/* Summary Graph Styles */
.barGraph {
	font-weight: bold;
	background: #dddddd;
}
.income_bar {
	border: 1px solid #000000;
	background-color: #009FFF;
}
.expenditure_bar {
	border: 1px solid #000000;
	background-color: #D40000;
}
.target_bar {
	border: 1px solid #000000;
	background-color: #AA5FFF;
}
.profit_bar {
	border: 1px solid #000000;
	background-color: #2A9F00;
}
.scatter_key {width: 175px;}
.graph_key {
	border: 1px solid #333333;
	padding: 10px;
}
.graph_key ul {
	margin: 0;
	padding: 0;
}
.graph_key ul li {
	list-style-type: none;
	margin: 0;
	padding: 4px 0;
}
.graph_key ul li span {
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	margin: 3px 10px 0 0;
}
.lineGraph {
	background: #dddddd;
}
.graph_point_0 {
	width: 10px;
	height: 10px;
	background: url(../images/points/triangle.gif) no-repeat;
}
.graph_point_1 {
	width: 10px;
	height: 10px;
	background: url(../images/points/square.gif) no-repeat;
}
.graph_point_2 {
	width: 10px;
	height: 10px;
	background: url(../images/points/cross.gif) no-repeat;
}
.graph_point_3 {
	width: 10px;
	height: 10px;
	background: url(../images/points/diamond.gif) no-repeat;
}
.graph_key_lines {
	border: 1px solid #333333;
	padding: 10px;
}
.graph_key_lines ul {
	margin: 0;
	padding: 0;
}
.graph_key_lines ul li {
	list-style-type: none;
	margin: 0;
	padding: 4px 0;
}
.graph_key_lines ul li span {
	display: block;
	float: left;
	width: 20px;
	height: 10px;
	margin: 3px 10px 0 0;
}
span.user_key {
	background: url(../images/points/user.gif) no-repeat;
}
span.point_key {
	background: url(../images/points/point.gif) no-repeat;
}
span.triangle_key {
	background: url(../images/points/triangle_key.gif) no-repeat;
}
span.square_key {
	background: url(../images/points/square_key.gif) no-repeat;
}
span.cross_key {
	background: url(../images/points/cross_key.gif) no-repeat;
}
span.diamond_key {
	background: url(../images/points/diamond_key.gif) no-repeat;
}
/* Satisfaction survey style */
#satisfaction {
	margin-top: 0;
	
}
#satisfaction .tell_us {
	float: left;
	margin-top: 3px;
	width: 160px;
	font-weight: bold;
}
#satisfaction .survey {
	margin:  0 6px 0 160px;
	text-align: right;
}
#satisfaction ul {
	margin: 0;
}

#satisfaction ul li {
	list-style-type: none;
}
#satisfaction .button_56 {
	float:right;
}
#recommend p {
	font-weight: bold;
}
/* Glossary Page Styles */

#glossary_content {
	margin: 20px 60px 0 0;
}
#glossary_content h4 {
	margin-top: 20px;
}

.print_notes {
	margin: 0px 60px 0 0;
	font-size: 0.8em;
	clear: both;
	display: none;
	page-break-before: always;
}
.print_notes h4 {
	margin-top: 20px;
}
/* SEYH Banner Styles */
#seyh_banner {
	padding: 0 10px;
}
#seyh_banner a {
	margin: 0;
	padding: 0;
	text-decoration:none;
}
#seyh_banner img.logo {
	margin-top: 21px;
}
#seyh_banner h1 {
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	margin: 41px 0 0 80px;
	text-align:left;
	vertical-align:bottom;
}
#seyh_banner h2 {
	color:#013773;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	margin: 0 0 0 80px;
	text-align:left;
	vertical-align:bottom;
}
#seyh_side_banner {
	margin: 10px 0 15px 14px;
	border: 1px solid #aaaaff;
	padding: 10px 20px;
	text-align: center;
}
#seyh_side_banner a img {
	vertical-align: middle;
}

/* ESP Link Styles */
a.esplink:link, a.esplink:visited {
	color: #336699;
	text-decoration:none;
}
a.esplink:hover {
	text-decoration:underline;
	color: #630100;
}
.esplinkintro {
	color: #333333;
	text-decoration:none;
}