/*E-ACTIVIST 3.0 LAYOUT AND FORMATS*/

/* GENERAL STYLES */

/* default font styles */

.eaFullWidthContent, .eaLeftColumnContent, .eaRightColumnContent, .eaErrorMessage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}

/* input fields */

.eaFormTextfield, .eaFormTextArea, .eaQuestionTextfield, .eaQuestionTextArea, .eaMessageContent, .eaMessageSalutation, .eaMessageSignoff, .eaMessageSubject, .eaFriendFormTextfield, .eaSenderMailTemplateSalutation, .eaSenderMailTemplate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color:#EEEEEE;
	border: 1px solid #666666;
	color: #000000; 
	margin:1px 0px; 
	padding:2px;
	}
.eaFormTextfield:focus, .eaFormTextArea:focus, .eaQuestionTextfield:focus, .eaQuestionTextArea:focus, .eaMessageContent:focus, .eaMessageSalutation:focus, .eaMessageSignoff:focus, .eaMessageSubject:focus, .eaFriendFormTextfield:focus, .eaSenderMailTemplateSalutation:focus, .eaSenderMailTemplate:focus {
	border: 1px solid #333333;
	background-color:#FFFFFF;
	}

/* links */

.eaSwitchCopyLink, .eaBiographyLink, .eaContactLink {
	color: #000000;
	}


/* ONE COLUMN LAYOUT */

.eaFullWidthContent{
	float:left; 
	width:100%;
	position:relative;
	clear:both;
	}
	
/* this is the space when leaving a gap in the design page */

.eaTwoColumnFiller{
	height:20px;
	width:100%;
	position:relative;
	clear:both;
	}
	
/* ajax content */

.eaAjaxContent{
	float:left;
	width:100%;
	position:relative;
	clear:both;
	}

/* TWO COLUMN LAYOUT */

.eaLeftColumnContent{
	float:left; 
	width:275px; 
	position:relative;
	clear:left;
	padding-left:10px;
	}

.eaRightColumnContent{
	float:left; 
	width:275px; 
	position:relative; 
	text-align:left;
	padding-left:5px;
	}

/* these are the spaces when leaving a gap in the design page */

.eaLeftColumnFiller{
	float:left;
	width:275px; 
	position:relative;
	clear:left;
	padding-left:10px;
	}

.eaRightColumnFiller{
	float:left; 
	width:275px; 
	position:relative;
	}


/* CAMPAIGN FORM */

/* text label */

.eaFormElementLabel {
	width:130px;
	float:left;
	position:relative;
	font-weight: bold;
	margin-left:10px;
	}
	
/* textfield */

.eaFormTextfield {
	width: 180px; 
	}

/* textarea */

.eaFormTextArea {
	width: 100px;
	height: 120px;
	overflow-y:auto;
	overflow-x:hidden;
	}

/* radio button */

.eaFormRadio {}

/* checkbox */

.eaFormCheckbox {}

/* select */

.eaFormSelect {}


/* CAMPAIGN QUESTIONS */

/* text label */

.eaQuestionLabel {
	padding-right:5px;
	padding-bottom:10px;
	}

/* textfield container */

.eaQuestionTextfieldFormFieldContainer {
	float:left;
	width:200px;
	position:relative;
	}

/* textfield */

.eaQuestionTextfield {
	width: 350px;
	}

/* textarea container*/

.eaQuestionTextareaFormFieldContainer {
	float:left;
	width:200px;
	position:relative;
	}

/* textarea */

.eaQuestionTextArea {
	height: 100px;
	width: 350px;
	overflow-y:auto;
	overflow-x:hidden;
	}

/* radio button container*/

.eaQuestionRadioFormFieldContainer {
	clear:left;
	margin-top:-20px;
	}

/* radio button */

.eaQuestionRadio {}

/* checkbox container*/

.eaQuestionCheckboxFormFieldContainer {
	clear:left;
	margin-top:-20px;
	}

/* checkbox */

.eaQuestionCheckbox {}

.eaQuestionCheckbox input{
	margin-right:5px;
	}

/* select container*/

.eaQuestionSelectFormFieldContainer {
	float:left;
	width:200px;
	position:relative;
	}

/* select */

.eaQuestionSelect {}


/* INSTRUCTION TEXT */

/* form instruction  */

.eaFormInstruction {}

/* issue text */

.eaIssue {}

/* letter instruction text */

.eaLetterInstruction {}

/* other instruction text */

.eaOtherInstruction {}

/* send instruction text */

.eaSendInstruction {}


/* MESSAGE */

/* subject line container */

.eaMessageSubjectContainer {
	padding-bottom:5px;
	float:left;
	clear:left;
	position:relative;
	}

/* subject line */

.eaMessageSubject {
	width:500px;
	}

/* message content container */

.eaMessageContentContainer {
	float:left;
	clear:left;
	position:relative;
	}

/* message content */

.eaMessageContent {
	width:500px;	
	height:300px;
	}

/* salutation container */

.eaMessageSalutationContainer {
	padding-bottom:5px;
	float:left;
	clear:left;
	position:relative;
	}

/* salutation */

.eaMessageSalutation {
	width:250px;
	height:15px;
	overflow: hidden;
	}

/* signoff container */

.eaMessageSignoffContainer {
	padding-top:5px;
	float:left;
	clear:left;
	position:relative;
	}

/* signoff */

.eaMessageSignoff {
	width:250px;
	height:15px;
	overflow: hidden;
	}


/* SWITCH COPY */

/* instruction text */

.eaSwitchCopyInstruction {}

/* container for switch copy links */

.eaSwitchCopyLinksContainer {
	float:left; 
	width:100%; 
	position:relative; 
	padding-left:20px; 
	padding-top:10px;
	}


/* CONTACTS */

/* select contact instruction text */

.eaSelectContactInstruction {}

/* container for contacts */

.eaContactsContainer {
	float:left; 
	width:95%; 
	position:relative; 
	padding:10px; 
	background-color:#EEEEEE;
	margin-top:10px;
	font-size:smaller;
	}
	
/* contact name container */

.eaContactNameContainer{
	float:left; 
	position:relative;
	clear:left;
	font-weight:bold;
	padding-right:10px;
	width:200px;
	height:25px;
	}

/* contact organization container */

.eaContactOrgContainer{
	float:left; 
	position:relative;
	padding-right:20px;
	padding-top:0px;
	font-weight:bold;
	width:175px;
	height:25px;
	}

/* contact biographyLink container */

.eaContactBiographyLinkContainer{
	float:left;
	position:relative;
	font-weight:bold;
	height:25px;
	padding-top:4px;
	width:125x;
	}

/* contact biography container */

.eaContactBiographyContainer{
	float:left; 
	position:relative;
	width: 600px;
	clear:left;
	padding-left:0px;
	padding-right:0px;
	}

/* contact biography list */

.eaContactBiographyList{
	float:left; 
	position:relative;
	width:350px;
	margin-top:20px;
	}

/* contact biography line container */

.eaContactBiographyLineContainer{
	clear:left;
	padding-left:0px;
	padding-bottom:5px;
	list-style-type: disc;
	}
	
.eaContactBiographyPictureContainer {
	float:left;
	position:relative;
	width:125px;
	}		

/* contact select checkbox */

.eaContactSelectCheckbox {
	color: #000000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/* SEND OPTIONS */

.eaSendOptionsContainer {
	float:left; 
	width:100%; 
	position:relative; 
	padding-left:20px; 
	padding-top:10px;
	}

.eaSendOptionRadio {}


/* SUBMIT/RESET BUTTONS */

/* submit/reset buttons position */

.eaSubmitResetButtonGroup {
	float:left;
	position:relative;
	clear:left;
	padding-left:20px;
	padding-top:20px;
	width:200px;
}

.eaSubmitButton, .eaResetButton {
	color: #000000; 
	background-color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-weight: bold; 
	border: 1px solid #333333;
	}
	

/* RECEIPIENT AND SENDER BLOCKS */

.eaRecipientBlock{
	float:right; 
	width:200px; 
	position:relative;
	padding-right:10px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:10px;
	}	
.eaSenderBlock {
	float:left; 
	width:200px; 
	position:relative;
	padding-left:10px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
}


/* THANK YOU PAGE */

.eaThankPage {}


/* EMAIL A FRIEND STYLES */

/* content containers */

.eaFriendFormFieldContainerLeft{
	float:left; 
	width:195px; 
	position:relative; 
	padding-left:20px; 
	padding-top:10px;
	}

.eaFriendFormFieldContainerRight{
	float:left; 
	width:195px; 
	position:relative;
	padding-left:20px; 
	padding-top:10px;
	clear:right;
	}

.eaFriendFormFieldContainerFull{
	}

/* friend form label */

.eaFriendFormLabelLeft {
	width:130px;
	font-weight: bold;
	margin-left:10px;
	float:left;
	clear:left;
	}

.eaFriendFormLabelRight {
	width:130px;
	font-weight: bold;
	float:left;
	}

/* email friend form text field */

.eaFriendFormTextfield {
	width: 180px; 
	}

/* sender email (email a friend) content container */

.eaSenderMailTemplateContainer{
	float:left;
	clear:left;
	position:relative;
	}

/* sender email (email a friend) textarea */

.eaSenderMailTemplate {
	width: 500px;
	height: 250px;
	}

/* sender email salutation text field */

.eaSenderMailTemplateSalutation {
	width: 180px; 
}

/* ERROR MESSAGES */

.eaErrorMessage {
	color: #FF0000;
	font-weight:bold;
	background:#F9F9F9;
	padding-left:20px;
	}

.eaAjaxErrorMessageContainer {
	text-align: left;
	margin-left:20px;
	}
	
.eaMandatoryFieldMarker {
	color:#FF0000;
	}