/* AO specific wrapper styles : Main UK */

.donateNow h1 {
		background: #fff url(http://www.peta.org.uk/images/AO/bgHeaderDonateNow.jpg) left top no-repeat;
	}
	
.interior h1 {
color:#B8D26F;
font-size:235%;
height:108px;
line-height:104px;
margin:-18px 0 0 -1px;
padding:0 0 0 26px;
width:928px;
}

#AOcontent .eaFullWidthContent {
float:none;
padding:2px 0;
}

#AOcontent .eaLeftColumnContent {
width:440px;
padding-left:0;
font-size:inherit;
padding:2px 0;
}

#AOcontent .eaRightColumnContent {
width:440px;
padding-left:0;
font-size:inherit;
padding:2px 0;
}

#AOcontent .eaFormElementLabel {
width:125px;
font-weight:normal;
}

#AOcontent .eaSubmitResetButtonGroup {
clear:both;
display:block;
float:none;
width:auto;
text-align:center;
}

#AOcontent .eaSubmitResetButtonGroup input.eaSubmitButton {
margin:0 20px 0 20px;
}

#AOcontent .eaFormRadio input {
margin:0 3px 0 0;
}

#AOcontent .eaFormCheckbox input {
margin:0 3px 0 0;
}

#AOcontent .eaValidationIcon {
margin:0  0 0 10px;
width:30px;
vertical-align:text-bottom ;
display:inline;
}

#AOcontent .eaValidationIcon img {
display:inline;
margin-bottom:-17px;
}

#AOcontent .eaFormField {
width:180px;
display:inline;
}

#AOcontent .eaErrorMessageHide {
}

#AOcontent .eaErrorMessage {
line-height:1px;
}

/* end AO specific wrapper styles : Main UK */


/* AO forms styles */
.eaFullWidthContent {
}
.eaLeftColumnContent {
	FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.eaRightColumnContent {
	FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.eaErrorMessage {
	FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.eaFormTextfield, .eaFriendFormTextfield {
	BORDER-RIGHT: #CCCCCC 1px solid; BORDER-TOP: #CCCCCC 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 11px; /* PADDING-BOTTOM: 2px; MARGIN: 1px 0px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; -121911 */ BORDER-LEFT: #CCCCCC 1px solid; COLOR: #666666; BORDER-BOTTOM: #CCCCCC 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #F1EEEA; margin-bottom: 10px /* added bottom margin 122011 */;
}
.eaFormTextArea {
	BORDER-RIGHT: #666666 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #666666 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; MARGIN: 1px 0px; BORDER-LEFT: #666666 1px solid; COLOR: #666666; PADDING-TOP: 2px; BORDER-BOTTOM: #666666 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f9f9f9
}
.eaQuestionTextfield {
	BORDER-RIGHT: #666666 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #666666 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; MARGIN: 1px 0px; BORDER-LEFT: #666666 1px solid; COLOR: #666666; PADDING-TOP: 2px; BORDER-BOTTOM: #666666 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f9f9f9
}
.eaQuestionTextArea {
	BORDER-RIGHT: #666666 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #666666 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; MARGIN: 1px 0px; BORDER-LEFT: #666666 1px solid; COLOR: #666666; PADDING-TOP: 2px; BORDER-BOTTOM: #666666 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f9f9f9
}
/* END modified font size */
/* modified padding - 062008 */
.eaMessageContent {
	BORDER-RIGHT: #666666 1px solid; PADDING-RIGHT: .5em; BORDER-TOP: #666666 1px solid; PADDING-LEFT: .5em; FONT-SIZE: 12px; PADDING-BOTTOM: .5em; MARGIN: 1px 0px; BORDER-LEFT: #666666 1px solid; COLOR: #666666; PADDING-TOP: .5em; BORDER-BOTTOM: #666666 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f9f9f9
}
/* modified padding - 062008 */
.eaMessageSalutation {
	BORDER-RIGHT: #666666 1px solid; PADDING-RIGHT: .5em; BORDER-TOP: #666666 1px solid; PADDING-LEFT: .5em; FONT-SIZE: 12px; PADDING-BOTTOM: .5em; MARGIN: 1px 0px; BORDER-LEFT: #666666 1px solid; COLOR: #666666; PADDING-TOP: .5em; BORDER-BOTTOM: #666666 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f9f9f9
}
/* modified padding - 062008 */
.eaMessageSignoff {
	BORDER-RIGHT: #666666 1px solid; PADDING-RIGHT: .5em; BORDER-TOP: #666666 1px solid; PADDING-LEFT: .5em; FONT-SIZE: 12px; PADDING-BOTTOM: .5em; MARGIN: 1px 0px; BORDER-LEFT: #666666 1px solid; COLOR: #666666; PADDING-TOP: .5em; BORDER-BOTTOM: #666666 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f9f9f9
}
/* modified padding - 062008 */
.eaMessageSubject {
	BORDER-RIGHT: #666666 1px solid; PADDING-RIGHT: .5em; BORDER-TOP: #666666 1px solid; PADDING-LEFT: .5em; FONT-SIZE: 12px; PADDING-BOTTOM: .5em; MARGIN: 1px 0px; BORDER-LEFT: #666666 1px solid; COLOR: #666666; PADDING-TOP: .5em; BORDER-BOTTOM: #666666 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f9f9f9
}
/* modified padding - 062008 */
.eaSenderMailTemplateSalutation {
	BORDER-RIGHT: #666666 1px solid; PADDING-RIGHT: .5em; BORDER-TOP: #666666 1px solid; PADDING-LEFT: .5em; FONT-SIZE: 12px; PADDING-BOTTOM: .5em; MARGIN: 1px 0px; BORDER-LEFT: #666666 1px solid; COLOR: #666666; PADDING-TOP: .5em; BORDER-BOTTOM: #666666 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f9f9f9
}
/* modified padding - 062008 */
.eaSenderMailTemplate {
	BORDER-RIGHT: #666666 1px solid; PADDING-RIGHT: .5em; BORDER-TOP: #666666 1px solid; PADDING-LEFT: .5em; FONT-SIZE: 12px; PADDING-BOTTOM: .5em; MARGIN: 1px 0px; BORDER-LEFT: #666666 1px solid; COLOR: #666666; PADDING-TOP: .5em; BORDER-BOTTOM: #666666 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f9f9f9;
}
.eaFormTextfield:focus {
	BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #ffffff;
}
.eaFormTextArea:focus {
	BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #ffffff
}
.eaQuestionTextfield:focus {
	BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #ffffff
}
.eaQuestionTextArea:focus {
	BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #ffffff
}
.eaMessageContent:focus {
	BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #ffffff
}
.eaMessageSalutation:focus {
	BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #ffffff
}
.eaMessageSignoff:focus {
	BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #ffffff
}
.eaMessageSubject:focus {
	BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #ffffff
}
.eaFriendFormTextfield:focus {
	BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #ffffff
}
.eaSenderMailTemplateSalutation:focus {
	BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #ffffff
}
.eaSenderMailTemplate:focus {
	BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #ffffff
}
.eaSwitchCopyLink {
	COLOR: #000000
}
.eaBiographyLink {
	COLOR: #000000
}
.eaContactLink {
	COLOR: #000000
}
.eaFullWidthContent {
	CLEAR: both; FLOAT: left; WIDTH: 100%; POSITION: relative
}
/* modified height - 062008 */
.eaTwoColumnFiller {
	CLEAR: both; WIDTH: 100%; POSITION: relative; HEIGHT: 10px;
}
.eaAjaxContent {
	CLEAR: both; FLOAT: left; WIDTH: 100%; POSITION: relative
}
.eaLeftColumnContent {
	CLEAR: left; PADDING-LEFT: 10px; FLOAT: left; WIDTH: 275px; POSITION: relative
}
.eaRightColumnContent {
	PADDING-LEFT: 5px; FLOAT: left; WIDTH: 275px; POSITION: relative; TEXT-ALIGN: left
}
.eaLeftColumnFiller {
	CLEAR: left; PADDING-LEFT: 10px; FLOAT: left; WIDTH: 275px; POSITION: relative
}
.eaRightColumnFiller {
	FLOAT: left; WIDTH: 275px; POSITION: relative
}
/* modified padding and width - 121911 */
.eaFormElementLabel {
	FLOAT: left; MARGIN-right:20px; PADDING:3px; width: 160px; POSITION: relative; text-align:right; margin-bottom:10px; clear:both;
}
.eaFormTextfield, .eaFriendFormTextfield {
	WIDTH: 212px; padding:3px;
}
.eaFormTextArea {
	OVERFLOW-Y: auto; OVERFLOW-X: hidden; WIDTH: 100px; HEIGHT: 120px
}
.eaFormRadio {
	
}
.eaFormCheckbox {
PADDING-RIGHT: 5px; PADDING-BOTTOM: 10px;
	
}
/* added width - 121911 */
.eaFormSelect {
	width:220px;
}
/* added top padding - 062008 */
.eaQuestionLabel {
	PADDING-RIGHT: 5px; PADDING-BOTTOM: 10px; padding-top:.5em;
}
.eaQuestionTextfieldFormFieldContainer {
	FLOAT: left; WIDTH: 200px; POSITION: relative
}
.eaQuestionTextfield {
	WIDTH: 350px
}
.eaQuestionTextareaFormFieldContainer {
	FLOAT: left; WIDTH: 200px; POSITION: relative
}
.eaQuestionTextArea {
	OVERFLOW-Y: auto; OVERFLOW-X: hidden; WIDTH: 350px; HEIGHT: 100px
}
.eaQuestionRadioFormFieldContainer {
	CLEAR: left; MARGIN-TOP: -20px
}
.eaQuestionRadio {
	
}
FormFieldContainer {
	CLEAR: left; MARGIN-TOP: -20px
}
/* added class - 062008 */
/* on 7/29/11 changed the margin-top to -5px, was -15px  */
.eaQuestionCheckboxFormFieldContainer { 
	padding-bottom: 1em; margin-top:-5px;
}
.eaQuestionCheckbox { 
}
.eaQuestionCheckbox INPUT {
	MARGIN-RIGHT: 5px
}
.eaQuestionSelectFormFieldContainer {
	FLOAT: left; WIDTH: 200px; POSITION: relative
}
.eaQuestionSelect {
	
}
.eaFormInstruction {
	
}
.eaIssue {
	
}
.eaLetterInstruction {
	
}
.eaOtherInstruction {
	
}
.eaSendInstruction {
	
}
.eaMessageSubjectContainer {
	CLEAR: left; FLOAT: left; PADDING-BOTTOM: 5px; POSITION: relative
}
.eaMessageSubject {
	WIDTH: 400px
}
.eaMessageContentContainer {
	CLEAR: left; FLOAT: left; POSITION: relative
}
.eaMessageContent {
	WIDTH: 400px; HEIGHT: 300px
}
/*  added right padding */
.eaMessageSalutationContainer {
	CLEAR: left; FLOAT: left; PADDING-BOTTOM: 5px; POSITION: relative; padding-left:7px;
}
.eaMessageSalutation {
	OVERFLOW: hidden; WIDTH: 250px; HEIGHT: 15px
}
.eaMessageSignoffContainer {
	CLEAR: left; FLOAT: left; PADDING-TOP: 5px; POSITION: relative
}
.eaMessageSignoff {
	OVERFLOW: hidden; WIDTH: 250px; HEIGHT: 15px
}
.eaSwitchCopyInstruction {
	
}
.eaSwitchCopyLinksContainer {
	PADDING-LEFT: 20px; FLOAT: left; WIDTH: 100%; PADDING-TOP: 10px; POSITION: relative
}
.eaSelectContactInstruction {
display:none;
visibility:hidden;	
}
/* modified padding, margin and height */
.eaContactsContainer {
	PADDING-RIGHT: 10px; MARGIN:5px 0 5px 0; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: .5em; WIDTH: 390px; PADDING-TOP: .25em; POSITION: relative; BACKGROUND-COLOR: #f9f9f9;display:none;
visibility:hidden;
}
/* added top padding and removed height */
.eaContactNameContainer {
	CLEAR: left; PADDING-RIGHT: 10px; FONT-WEIGHT: bold; FLOAT: left; WIDTH: 200px; POSITION: relative; padding-top:.5em; 
}
/* modified top padding, removed height */
.eaContactOrgContainer {
	PADDING-RIGHT: 20px; FONT-WEIGHT: bold; FLOAT: left; WIDTH: 175px; PADDING-TOP: .5em; POSITION: relative; 
}
.eaContactBiographyLinkContainer {
	FONT-WEIGHT: bold; FLOAT: left; PADDING-TOP: 4px; POSITION: relative; HEIGHT: 25px
}
.eaContactBiographyContainer {
	CLEAR: left; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; WIDTH: 380px; POSITION: relative
}
.eaContactBiographyList {
	MARGIN-TOP: 20px; FLOAT: left; WIDTH: 350px; POSITION: relative
}
.eaContactBiographyLineContainer {
	CLEAR: left; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; LIST-STYLE-TYPE: disc
}
.eaContactBiographyPictureContainer {
	FLOAT: left; WIDTH: 125px; POSITION: relative
}
.eaContactSelectCheckbox {
	COLOR: #666666; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.eaSendOptionsContainer {
	PADDING-LEFT: 20px; FLOAT: left; WIDTH: 100%; PADDING-TOP: 10px; POSITION: relative
}
.eaSendOptionRadio {
	
}
/* modified SUBMIT/RESET btns - 062008 */
.eaSubmitResetButtonGroup {
	CLEAR: left; PADDING-LEFT: 0; FLOAT: left; WIDTH: 200px; PADDING-TOP: 15px; POSITION: relative
}
.eaSubmitButton {
	
}
.eaResetButton {
	
}
.eaRecipientBlock {
	PADDING-RIGHT: 10px; MARGIN-TOP: 0px; FONT-WEIGHT: bold; FLOAT: right; MARGIN-BOTTOM: 10px; WIDTH: 200px; POSITION: relative
}
.eaSenderBlock {
	CLEAR: both; MARGIN-TOP: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FLOAT: left; MARGIN-BOTTOM: 10px; WIDTH: 200px; POSITION: relative
}
.eaThankPage {
	
}
.eaFriendFormFieldContainerLeft {
	PADDING-LEFT: 20px; FLOAT: left; WIDTH: 195px; PADDING-TOP: 10px; POSITION: relative
}
.eaFriendFormFieldContainerRight {
	CLEAR: right; PADDING-LEFT: 20px; FLOAT: left; WIDTH: 195px; PADDING-TOP: 10px; POSITION: relative
}
/* Modified form field container on TAF page - 062008 */
.eaFriendFormFieldContainerFull {
	PADDING-LEFT: 10px; FLOAT: left; WIDTH: 195px; PADDING-TOP:1px; POSITION: relative
}
/* Modified form labels on TAF page - 062008 */
.eaFriendFormLabelLeft {
	CLEAR: left; FONT-WEIGHT: bold; FLOAT: left; width: 180px; MARGIN:0; PADDING-top:1px;
}
.eaFriendFormLabelRight {
	FONT-WEIGHT: bold; FLOAT: left; WIDTH: 130px; PADDING-TOP: 10px
}
.eaSenderMailTemplateContainer {
	CLEAR: left; FLOAT: left; POSITION: relative
}
.eaSenderMailTemplate {
	WIDTH: 500px; HEIGHT: 250px
}
.eaSenderMailTemplateSalutation {
	WIDTH: 180px
}
/* modified - 062008 */
.eaErrorMessage {
	PADDING-LEFT: 0; FONT-WEIGHT: bold; COLOR: #ff0000; padding-bottom:1em;
}
.eaAjaxErrorMessageContainer {
	MARGIN-LEFT: 20px; TEXT-ALIGN: left
}
.eaMandatoryFieldMarker {
	COLOR: #ff0000
}

