/*

E-ACTIVIST 3.1.07 LAYOUT AND FORMATS



  _Recent changes_


28 Aug 2011
- Added eaSplitTextfield, eaRadioTextfield style, eaSplitSelectfield

01 Aug 2011
- Added new layer EAF styling

12 Sept 2011
- Added eaSplitSelectfield bottom padding

19 Sept 2011
- Added eaSelectTextfield to base styles

16 Nov 2011
- Added styles for errors '#eaerrors'

13 Dec 2011
- Updated eaFullWidthContent to be 98% width ( instead of %100 )
- Updated eaValidationIcon & eaValidationIconImg in order to fix IE7.

15 Dec 2011
- Removed styles for errors '#eaerrors'

31 Jan 2012
- Update EAF styles to use %
- Remove height from .eaMessageSignoff
- added vertical-align: middle to .eaQuestionCheckbox input

06 Feb 2012
- Remove 20px from .eaMessageSalutation

15 Feb 2012
- adding negative margin top to eaSelectTextfield

24 Feb 2012
- Added color inherit to eaFormElementLabel a

01 March 2012
- Removing width from captcha

17 April 2012
- Added new form field types .eaFormUneditableTextfield, .eaTripleSelectfield, .eaTripleTextfield

19 April 2012
- Added eaSplitTextfield margin bottom and width

27 April 2012
- Added .eaSubmitResetButtonGroup .isDisabled for donation page button state

9 July 2012
- change margin-top: 4px to margin-top: 0px for .eaValidationIconImg

22 November 2012
- remove float: left; from eaFullWidthContent

5 Nov 2013
- Updated styles for errors '#eaerrors' - removed blank spaces from displaying

8 Jan 2014
- Added #eaerrors:empty style to hide a blank div

3 Sep 2015
- Replaced "#eaerrors ul, li" with "#eaerrors ul, #eaerrors li" to not affect ALL <li>.

*/

/* campaign body */
BODY.eaCampaignBody {margin: 0px;height: 100%; background-color:#cc6600;}

/* GENERAL STYLES */

/* default font styles */

.eaFullWidthContent, .eaLeftColumnContent, .eaRightColumnContent, .eaErrorMessage {
	
	}

/* input fields */

.eaFormTextfield, .eaFormSelect, .eaFormZipTextfield, .eaFormZipExtTextfield, .eaFormTextArea, .eaQuestionTextfield, .eaQuestionTextArea, .eaMessageSalutation, .eaMessageContent, .eaMessageSignoff, .eaMessageSubject, .eaFriendFormTextfield, .eaSenderMailTemplateSalutation, .eaSenderMailTemplate, input #Donation_amountOther, #Donation_amountOther, .eaFormSelect, .eaQuestionSelect, .eaSplitTextfield, .eaRadioTextfield, .eaSplitSelectfield, .eaSelectTextfield, .eaFormUneditableTextfield, .eaTripleSelectfield, .eaTripleTextfield {
	/*font-family: Arial, Helvetica, sans-serif;
	background-color:#f9f9f9;
	border: 1px solid #666666;
	color: #666666; 
	margin:1px 0px; 
	padding:2px; */
	
	font-family: inherit;
    font-size: inherit;
	padding: 3px;
	background-color: #FFFFFF;
	margin-left: 0;
	}

/*.eaFormTextfield:focus, .eaFormTextArea:focus, .eaQuestionTextfield:focus, .eaQuestionTextArea:focus, .eaMessageContent:focus, .eaMessageSalutation:focus, .eaMessageSignoff:focus, .eaMessageSubject:focus, .eaFriendFormTextfield:focus, .eaSenderMailTemplateSalutation:focus, .eaSenderMailTemplate:focus, .eaFormSelect:focus, .eaQuestionSelect:focus, .eaSplitTextfield:focus, .eaRadioTextfield:focus, .eaSplitSelectfield:focus, .eaSelectTextfield:focus, .eaFormUneditableTextfield:focus, .eaTripleSelectfield:focus, .eaTripleTextfield:focus {
	border: 1px solid #333333;
	background-color:#FFFFFF;
	padding: 3px;
	}*/
	
	#Gift_DesignationDiv .eaFormElementLabel{
	display: none;
	}
	
	#First_NameDiv, #Last_NameDiv, #OrganizationDiv, #Address1Div, #Address2Div, #CityDiv, #CountryDiv, #RegionDiv, #PostcodeDiv, #Phone_NumberDiv, #Cell_PhoneDiv, #Email_AddressDiv {
	margin-left: 30px !important;
	}
	
	#First_NameDiv, #Last_NameDiv, #OrganizationDiv, #Address1Div, #Address2Div, #CityDiv, #CountryDiv, #RegionDiv, #PostcodeDiv, #Phone_NumberDiv, #Cell_PhoneDiv, #Email_AddressDiv .eaFormElementLabel{
	text-alighn: right !important;
	}

/* links */

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


/* ONE COLUMN LAYOUT */

.eaFullWidthContent{
	/*float:left; */
	width:98%;
	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; 
	clear: left;
    width:350px; 
	position:relative;
	/*
	taken out for events sign-up
	clear:left;
	*/
	padding-left:10px;
	}

.eaRightColumnContent{
	float: right; 
	position:relative;
	clear: right;
width: 270px; 
	text-align:left;
	padding-left:10px;
	}

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

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

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


/* CAMPAIGN FORM */

/* text label */

	
	.eaFormElementLabel {
 width:140px;
 float:left;
 position:relative;
 margin-left:0px;
 padding-right:5px;
 margin-bottom: 10px !important;
 }
 
 .eaFormElementLabel a, .eaFormElementLabel a:active {
	 color: inherit;
 }
	
/* textfield */

.eaFormTextfield {
	width: 200px;
	margin-bottom: 10px;
}

/* three split text field */
.eaTripleTextfield
{
	width: 40px;
	margin-bottom: 10px;
}

.eaFormSelect
{
	margin-bottom: 10px;
	max-width: 208px;
}
		
.eaSplitTextfield
{
	margin-bottom: 10px;
	width: 90px;
}

.eaTripleSelectfield
{
	margin-bottom: 10px;
}

/* textarea */

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


/* radio button */

.eaFormRadio {}

.eaRadioTextfield
{
   margin-top: -5px;
}


/* checkbox */

.eaFormCheckbox {}

/* select */


.eaSelectTextfield {
	margin-top: -5px;
}

.eaSplitSelectfield
{
	margin-bottom: 10px !important;

}

/* CAMPAIGN QUESTIONS */

/* text label */

.eaQuestionLabel {
	padding-right:5px;
	padding-bottom:10px;
	float:left;
	width: 140px;
	}

/* textfield container */


/* campaign question text form field container*/
.eaQuestionTextfieldFormFieldContainer {float:left;width:200px;;position:relative;}
/* campaign question textarea form field container*/
.eaQuestionTextareaFormFieldContainer {float:left;width:200px;position:relative;}
/* campaign question select form field container*/
.eaQuestionSelectFormFieldContainer {float:left;width:200px;position:relative;}
/* campaign question checkbox form field container*/
.eaQuestionCheckboxFormFieldContainer {clear:left;}
/* campaign question radio form field container*/
.eaQuestionRadioFormFieldContainer {clear:left;}

/* textfield */

.eaQuestionTextfield {
	width: 200px;
	margin-bottom: 10px;
}



/* textarea */

.eaQuestionTextArea {
	height: 70px;
	width: 300px;
	overflow-y:auto;
	overflow-x:hidden;
	}


/* radio button */

.eaQuestionRadio {}

/* checkbox */

.eaQuestionCheckbox {}

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

/* select */

.eaQuestionSelect {}


/* INSTRUCTION TEXT */

/* form instruction  */

.eaFormInstruction {
width: 370px;}

/* 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;
	width: 98%;
	}

/* subject line */

.eaMessageSubject {
	width: 100%;
	}

/* message content container */

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

	background-color:#f9f9f9;

	color: #666666; 
	margin:1px 0px; 
	padding:2px;
	padding-left: 0px;
	width: 98%;
	}

/* message content */

.eaMessageContent {
	width:100%;
	height:250px;
	overflow-x: hidden;
	}

.eaMessageCharacterCount { display:none; }


/* Email a Friend subject */
.eaSwitchSubjectContainer {
	width: 100%;
}



/* salutation container */

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

/* salutation */

.eaMessageSalutation {
	width:350px;
	overflow: hidden;
	}

/* signoff container */

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

/* signoff */

.eaMessageSignoff {
	width:250px;
	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:#F9F9F9;
	margin-top:10px;
	}
	
/* contact name container */

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

/* contact organization container */

.eaContactOrgContainer{
	/*float:left; 
	position:relative;
	padding-right:20px;
	padding-top:4px;
	font-weight:bold;
	width:50%;
	height:25px;
margin-left: 210px;*/
	float:left; 
	width:48%; 
	position:relative;
	
	}

/* 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: 90%;
	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: #666666;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
margin-right: 5px;
}

/* Multiple contact tabbed list */
/* container for a contact */
.eaContactContainer {float:left; width:98%; position:relative; padding-left:5px; margin-bottom:10px; padding-top:10px; padding-bottom:10px; border:1px solid #e6e6e6; background-color: #fff;
}
/* container for a contact's detail */
.eaContactDetailContainer {float:left; width:98%; position:relative; padding-top:10px; padding-left:5px;clear:left; margin-top: 10px;}
/* container for a contact's issue comments */
.eaContactCommentContainer {position:relative;float:left;clear:left;margin-left:0px; width:98%; padding-top:10px; padding-left:10px;border:1px solid #bfbfbf;height:200px; overflow:auto;}
/* contact issue status icon container */
.eaContactIssueStatusContainer {position:relative;float:right;padding-right:10px;}
/* contact party container */
.eaContactPartyContainer{float:left; clear:both; margin-left:200px; width:200px; top:-10px;position:relative;padding-left:10px;}
/* contact position container */
.eaContactPositionContainer{float:left; width:50%;position:relative;padding-left:0px;}
.contactTabContent{
padding-left: 5px;
padding-bottom: 5px;
width: 95%;
}

/* SEND OPTIONS */

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

.eaSendOptionRadio 
{
	margin-top: 10px;
	margin-bottom: 10px;
}


/* SUBMIT/RESET BUTTONS */

/* submit/reset buttons position */

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

.eaSubmitButton, .eaResetButton {
	 background: #FF0000 url("https://externalwebutilities.redcross.ca/artez/_images/button-arrow-right.png") 86% 50% no-repeat;
	  border: medium none;
  color: #FFFFFF;
  font-size: 1.2em;
  margin-right: 1px;
  padding: 5px 35px 4px 20px;
  margin: 10px 0px 42px;
  text-transform: uppercase;
  transition: all 0.15s ease-out 0s;
	}
	
	.eaSubmitButton:hover{
	background: #CC0000 url("https://externalwebutilities.redcross.ca/artez/_images/button-arrow-right.png") 83% 50% no-repeat;
}
/* Hack for IE6 */
 .eaResetButton {
_margin-top: -18px;
}

/* Disabled state */
.eaSubmitResetButtonGroup .isDisabled
{
	border: 1px solid #ccc; 
	color: lightgrey;
}
	

/* RECEIPIENT AND SENDER BLOCKS */

.eaRecipientBlock{
	float:left; 
	width:300px; 
	position:relative;
	padding-right:10px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:10px;
	}	
.eaSenderBlock {
	float:left; 
	width:200px; 
	position:relative;
	padding-left:0px;
	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:200px; 
	position:relative; 
	padding-left:0px; 
	padding-top:0px;
	}

.eaFriendFormFieldContainerRight{
	float:left; 
	width:120px; 
	position:relative;
	padding-left:0px; 
	padding-top:0px;
	clear:right;
	}

/* friend form label */

.eaFriendFormLabelLeft {
	width:140px;
	float:left;
	position:relative;
	margin-left:0px;
	float:left;
clear:left;
padding-right:5px;
margin-bottom: 10px;
	}

.eaFriendFormLabelRight {
	width:120px;
	padding-top:0px;
	float:left;
	float:left;
	padding-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;

	}

/* email friend form text field */

.eaFriendFormTextfield {
	width: 100%; 
	margin-bottom: 5px;
	}

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

.eaSenderMailTemplateContainer{
	float:left;
	clear:left;
	position:relative;
	width: 98%;
	}

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

.eaSenderMailTemplate {
	
	height: 250px;
	width: 100%;
	}

/* sender email salutation text field */

.eaSenderMailTemplateSalutation {
	width: 180px; 
}

/* ERROR MESSAGES */



.eaAjaxErrorMessageContainer {
	text-align: left;
	margin-left:20px;
	}
	
.eaMandatoryFieldMarker {
	color:#FF0000;
	}
	
	
	/* Second style set */ 	
	
	
	/* CONTENT CONTAINERS */ 



/* div area for form field */
.eaFormField { float:left; padding-right:5px }


/* label spacer used to reserve label space to left of form field when mixing field label positions.
 * this should be set to match the width and padding of eaFormElementLabel style if any left side labels are used.
 * if all form field labels are on left, the spacer has no effect 
 */
.eaLabelSpacer {
width:150px;
padding-right:5px;
float:left;
margin-top:5px;
position:relative;
}


/* thank page */
.eaThankPage {}

/*error messages*/
.eaErrorMessage {
color: #FF0000;
	font-weight:bold;
    margin-top:0px;
	margin-bottom: 0px;
	padding-left:0px;
}

.eaFieldErrorHighlightColor {
   background-color:red;
   padding: 10px;
color: white;
margin-bottom: 10px;
}

.eaValidationIcon {
    display: inline;
    position: relative;
	padding-left: 5px;
    *margin-top: -30px;
    *display: inline-block;
    *margin-left: 4px;
}

.eaValidationIconImg
{
  float: right;
  padding-top: 0px;
  margin-top: 0px;
  width: 20px;
  height: 20px;
  *float: none;  /* IE7 Fixes */
  *margin-top: 2px;
}

/*
Old styles - delete in next revision
.eaValidationIcon {
   width:20px;
   padding-right:5px;
}

.eaValidationIconImg {
   height:20px;
   width:20px;
   border:0px;
   float: right;
}
*/

.eaAjaxErrorMessageContainer {

text-align: left;

color: #ff0000;
margin-left:20%;
}



/* container for contacts */

.eaContactContainer {float:left; width:98%; position:relative; padding-left:5px; margin-bottom:10px; padding-top:10px; padding-bottom:10px; border:1px solid #e6e6e6; background-color: #fff;
}

/* ======  additional styles for new contact list ===== */
/* container for a contact */



/* container for send options */
.eaSendOptionsContainer {float:left; width:100%; position:relative; padding-left:20px; padding-top:10px;}




/* mandatory field marker */
.eaMandatoryFieldMarker {color:#ff0000;}

/* campaign ajax content */
.eaAjaxContent{float:left; width:100%; position:relative;clear:both;}




/* captcha form container */
.ea_captcha_container{
   float:left;
   border:1px solid;
   padding-left:10px;
   margin-left:10px;
}

.eaCaptchaTextFieldContainer {float:left;width:200px;margin-top:10px;position:relative;clear:both}

/* message character count container */
.eaMessageCharacterCount {
   float:left;
   position:relative;
   text-align:right;
   width:300px;
}

.issueicon {border:0px;height:30px;width:30px;}

.eaErrorMessageHide {
   display:none;
}


/*
   EA Errors that appear and the top of the page
*/

#eaerrors
{
  float: left;
  padding: 0px;
  color: #D8000C;
}

#eaerrors .eaErrorMessageHeader
{
  padding: 0px;
  margin: 0px;
  margin-bottom: 10px;
}

#eaerrors ul, #eaerrors li
{
   list-style: none;
   padding-left: 5px;
}

#eaerrors
{
    /*background: none repeat scroll 0 0 #FFBABA;
    border-bottom: 1px solid #C37A19;
    border-top: 1px solid #C37A19;*/
    color: #D8000C;
    padding: 10px;
}

/* Email a Friend form styles */


/* Form name is assumed */
form[name='EAF Form_1'] .eaFormElementLabel, #ea\.friend\.emailDiv .eaFormElementLabel
{
	margin-top: 5px;
	min-width: 110px;
}

/* style for single column */
form[name='EAF Form_1'] .eaFormElementLabel, #ea\.friend\.emailDiv .eaFormElementLabel
{
	clear: left;
}

#ea\.friend\.emailDiv
{
	max-width: 600px;
}


#ea\.friend\.emailDiv .eaFormField
{
	width: 200px;
	margin-right: 100px;
}
/* style for single column end */


form[name='EAF Form_1'] .eaFormElementLabel, #ea\.friend\.emailDiv .eaLeftColumnContent .eaFormElementLabel
{
	clear: left;
}

#ea\.friend\.emailDiv .eaLeftColumnContent .eaFormElementLabel
{
	clear: none;
	width: 110px;
}


#ea\.friend\.emailDiv .eaLeftColumnContent, #ea\.friend\.emailDiv .eaRightColumnContent
{
	width: 49%;
}

#ea\.friend\.emailDiv .eaLeftColumnContent .eaFormField
{
	width: 48%;
	margin-right: 0px;
}


#ea\.friend\.emailDiv .eaRightColumnContent .eaFormElementLabel
{
	width: auto;
}

#ea\.friend\.emailDiv .eaRightColumnContent .eaFormField
{
	width: 45%;
	margin-right: 0px;
}


/* Captcha */


#captchaDiv .eaFormElementLabel
{
  display: none;
}