﻿/* default block style */
.eaFullWidthContent,.eaLeftColumnContent,.eaRightColumnContent {
	color:#464836;
	background-color:#ffffff;
	font-size:0.95em;
	font-weight:normal;
	margin-bottom:5px;
	padding:0px;
}

/* ONE COLUMN LAYOUT */
.eaFullWidthContent { 
	clear:both;
	display: block;
	overflow: hidden;
	width: 100%;
}
.eaFullWidthContent strong { 
	color:black;
}
.eaFullWidthContent p { 
	padding-left:0px;
	padding-right:0px;
}

form p {
	padding-top:15px;
}
	
/* this is the space when leaving a gap in the design page */
.eaTwoColumnFiller {  
	width: 100%;
	clear:both;
	overflow: hidden;
}

/* ajax content */
.eaAjaxContent { 

}

/* TWO COLUMN LAYOUT */
.eaLeftColumnContent {
	float:left; 
	clear:left; 
	width:49%; 
}

.eaRightColumnContent {
	float:right; 
	clear:right;
	width:49%; 
}

/* these are the spaces when leaving a gap in the design page */
.eaLeftColumnFiller { 
	float:left; 
	clear:left;
	height:25px;
	width:49%; 
}
.eaRightColumnFiller {
	float:right;
	clear:right;
	height:25px; 
	width:49%; 
}

/* ERROR MESSAGE */
.eaErrorMessage, .eaAjaxErrorMessageContainer {
	clear:both;
	width: 100%;
	display: block;
	overflow: hidden;
	font-size:0.95em;
	background-color:#FFFFFF;
	padding:0 0 10px 0px;
	text-align:left; 
	color:#f64c00; 
	font-weight:bold;
}

/* asterix */
.eaMandatoryFieldMarker {
	color:#FF0000;
}

/* HEADER STYLES */

/* make all the h* tags have a green background, white text and 5px padding */
.eActivist h2,.eActivist h3 {
	background-color:#9eb425;
	color:#ffffff;
}

/* header for text before the form starts (overrides the previous formatting for <h1> tag, makes the background white) */
.eaFullWidthContent h1, .eaFormInstruction h1, .eaLetterInstruction h1, .eaSendInstruction h1, .eaSwitchCopyInstruction h1, .eaSelectContactInstruction h1 {
	margin-top:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	background-color:#ffffff;
	color:#000000;
	font-weight:bold;
}
span.eaFormInstruction , span.eaLetterInstruction , span.eaSendInstruction , span.eaSwitchCopyInstruction , span.eaSelectContactInstruction {
	clear:both;
	display:block;
	background-color:#ffffff;
	color:#000000;
	font-weight:normal;
}

.eaOtherInstruction {
	clear:both;
	display:block;
	font-size:0.75em;
	font-weight:normal;
	padding:5px 20px 5px 20px;
	margin-top:-5px;
}

/* FORM ELEMENTS, QUESTION ELEMENTS, AND LABEL STYLES */

/* add a margin at the top and bottom of all form elements */
.eActivist input, .eActivist textarea, .eActivist select {
	margin-top:5px;
	margin-bottom:5px;
	background-color:#FFFFFF;	
}

/* remove the border from the radio and checkbox inputs (IE) */
.eaFormRadio input, .eaQuestionRadio input, .eaSendOptionRadio input, .eaFormCheckbox input, .eaQuestionCheckbox input, .eaContactSelectCheckbox input { 
	border-style:none;
	background-color:transparent;
}

/* make the text the same colour as labels for radio and checkbox text */
.eaFormRadio, .eaQuestionRadio, .eaSendOptionRadio, .eaFormCheckbox, .eaQuestionCheckbox, .eaContactSelectCheckbox {
	clear:both;
	display:block;
	margin-left:0px;
	color:#464836;
	text-align:left;
	border-style:none;
	background-color:transparent;
}
/* text field */
.eaFormTextfield {
	width:200px;
	height:17px;
	font-size:1em;
}
/* text area */
.eaFormTextArea, .eaQuestionTextArea {
	height:100px;
	width:250px;
	overflow-y:scroll;
	overflow-x:hidden;
	margin-left:0px;
}
.eaFullWidthContent .eaFormTextArea, .eaFullWidthContent .eaQuestionTextArea { width:350px; }

.eaFullWidthContent input { font-size:1em; }

/* text label */
.eaFormElementLabel, .eaQuestionLabel {
	color:#464836;
	float:left;
	display:block;
	padding:10px 10px 0 0px;
}
.eaFormElementLabel { width:120px; }

/* send a friend form elements */
.eaFriendFormLabelLeft {
	clear:both;
	white-space:nowrap;
	color:#464836;
	float:left;
	display:block;
	padding:10px 10px 0 0px;
}
.eaFriendFormLabelRight {
	white-space:nowrap;
	color:#464836;
	float:left;
	display:block;
	padding:10px 10px 0 10px;
}

.eaFriendFormFieldContainerLeft {
	float:left;
	display:block;
	padding:0px 10px 0 5px;
}
.eaFriendFormFieldContainerRight {
	float:left;
	display:block;
	padding:0px 10px 0 5px;
}
.eaFriendFormTextfield {
	height:17px;
}

/* buttons */
.eaSubmitButton, .eaResetButton {
	margin:10px;
	overflow-x:visible;
	overflow-y:visible;
	height:auto;
	width:auto;
	font-weight:bold;
	font-size:1em;
	text-transform:uppercase;
	color:#6B7900;
	border:0px;
	margin-top:5px;
	margin-bottom:5px;
	border: 1px solid #000;
}

.eaSubmitResetButtonGroup {
	width: 100%;
	display:block; float:none; clear:both;
	text-align:right;
	background-color:#ffffff;
}
/* MESSAGE ELEMENTS */
/* text area */
.eaMessageContent, .eaSenderMailTemplate {
	clear:both;
	height:300px;
	width:250px;
	overflow-y:scroll;
	overflow-x:hidden;
	margin-left:0px;
}
.eaFullWidthContent .eaMessageContent, .eaFullWidthContent .eaSenderMailTemplate { width:500px; }

/* text for subject and sign off */
.eaMessageSubject, .eaMessageSignoff {
	width:250px;
	height:17px;
}
.eaFullWidthContent .eaMessageSubject, .eaFullWidthContent .eaMessageSignoff { width:350px; }

.eaMessageSubjectContainer, .eaMessageSignoffContainer, .eaMessageSalutationContainer, .eaSenderBlock, .eaRecipientBlock {
	color:#464836;
	display:block;
	clear:both;
	padding:0px 10px 5px 0px;
	font-weight:bold;
}
.eaSenderBlock, .eaRecipientBlock {
	font-size:0.95em;
}
/* CONTACT ELEMENTS (BIOGRAPHY ETC) */
.eaContactsContainer {
	display:block; clear:both; height:auto;
	margin-left:20px;
	margin-right:10px;
	padding:5px 0 5px 0;
}
.eaContactNameContainer { display:block; float:left; }
.eaContactOrgContainer { display:block; float:right; }

.eaContactBiographyContainer {
	clear:both; display:block; height:auto; margin-top:20px; width:350px;
}
.eaContactBiographyList {
	display:block; font-size:0.95em; font-weight:normal;
}
b { font-weight:bold; }
/* picture */
.eaContactBiographyPictureContainer {
	display:block; float:left; clear:both;
}
.eaContactBiographyPicture { }
/* LINKS */
.eActivist a { text-decoration:underline; }

#block_1 {
	margin-top:0;
}

div#block_1.component,
div#block_2.component
{
    margin-top:35px;
}