#mainContent input { margin-left: 2px; }

/* buttons */
.submitGoDownloadButton { margin-left: 10px; width: 26px; height: 20px; border: none; background: transparent url(/template-images/formBtns/formbtn_go.gif) no-repeat; }
.submitGoDownloadButton:hover { margin-left: 10px; width: 26px; height: 20px; border: none; background: transparent url(/template-images/formBtns/formbtn_go_over.gif) no-repeat; }
.makePaymentButton { margin-left: 10px; width: 115px; height: 20px; border: none; background: transparent url(/template-images/formBtns/formbtn_donate.gif) no-repeat; }
.confirmButton { margin-left: 10px; width: 115px; height: 20px; border: none; background: transparent url(/template-images/formBtns/formbtn_confirm.gif) no-repeat; }
input.continueButton { clear: right; float: right; margin-right: 10px; width: 115px; height: 20px; border: none; background: transparent url(/template-images/formBtns/formbtn_donate.gif) no-repeat; }
input.continueButton:hover { clear: right; float: right; margin-right: 10px; width: 115px; height: 20px; border: none; background: transparent url(/template-images/formBtns/formbtn_donate.gif) no-repeat; }
#submitGoButton { margin-left: 10px; width: 26px; height: 20px; border: none; background: transparent url(/template-images/formBtns/formbtn_go.gif) no-repeat; }
#submitGoButton:hover { margin-left: 10px; width: 26px; height: 20px; border: none; background: transparent url(/template-images/formBtns/formbtn_go_over.gif) no-repeat; }
.filterButton { margin-left: 10px; width: 60px; height: 20px; border: none; background: transparent url(/template-images/formBtns/formbtn_filter.gif) no-repeat; }
.filterButton:hover { margin-left: 10px; width: 60px; height: 20px; border: none; background: transparent url(/template-images/formBtns/formbtn_filter_over.gif) no-repeat; }
.orderButton { margin-left: 10px; width: 60px; height: 20px; border: none; background: transparent url(/template-images/formBtns/formbtn_order.gif) no-repeat; }
.orderButton:hover { margin-left: 10px; width: 60px; height: 20px; border: none; background: transparent url(/template-images/formBtns/formbtn_order_over.gif) no-repeat; }
#searchButton { margin-left: 10px; width: 60px; height: 20px; border: none; background: transparent url(/template-images/formBtns/formbtn_search.gif) no-repeat; }
#searchButton:hover { margin-left: 10px; width: 60px; height: 20px; border: none; background: transparent url(/template-images/formBtns/formbtn_search_over.gif) no-repeat; }

button.sendButton { clear: right; float: right; margin-right: 10px; width: 60px; height: 20px; border: none; background: transparent url(/template-images/formBtns/formbtn_send.gif) no-repeat; }
button.sendButton:hover { /*clear: right; float: right; margin-right: 10px; width: 60px; height: 20px; */border: none; background: transparent url(/template-images/formBtns/formbtn_send_over.gif) no-repeat; }

button.submitButton { clear: right; float: right; margin-right: 10px; width: 60px; height: 20px; border: none; background: transparent url(/template-images/formBtns/formbtn_submit.gif) no-repeat; }
button.submitButton:hover { clear: right; float: right; margin-right: 10px; width: 60px; height: 20px; border: none; background: transparent url(/template-images/formBtns/formbtn_submit_over.gif) no-repeat; }
button.continueButton { clear: right; float: right; margin-right: 10px; width: 115px; height: 20px; border: none; background: transparent url(/template-images/formBtns/formbtn_donate.gif) no-repeat; }
button.continueButton:hover { clear: right; float: right; margin-right: 10px; width: 115px; height: 20px; border: none; background: transparent url(/template-images/formBtns/formbtn_donate.gif) no-repeat; }
	
.goThereButton { padding-left:4px;background-color:transparent;background-image:url(/template-images/contextualNavBullet.gif);background-repeat:no-repeat;background-position:8px 6px;color:Red;border:0px;cursor:hand;height:18px;width:auto;float:left;}
html>body .goThereButton { padding-left:14px; }
/* end form buttons */


/* to make the gift aid calculator in context nav look a bit better.. */
#context input {border: solid 1px #dddddd;}
	/* take the borders off the radio buttons */
	#context #tax_rate {border:none}

label { font-size: 90%; }
fieldset { margin-left:10px; }

.formBuilder { width: 427px; max-width: 440px; }
.formBuilder { margin-left:10px;}
	.formBuilder p { margin-left:0px; margin-right:10px;padding-top:10px;}
	.formBuilder fieldset { padding: 0; margin: 0; border: none; padding-top: 10px; /*clear: both; KF rem'd this as it was making form go below contextual nav on become crew member page display: block;*/ position: relative; clear:left;}
	.formBuilder fieldset div { clear: left; margin-bottom:4px;} /* <- this was padding */
	.formBuilder .form_edit input, .formBuilder .form_selecttext input, .formBuilder .form_memo textarea, .formBuilder .form_select select { border: solid 1px #dddddd; width: 180px; padding-left: 3px; }	
	.formBuilder label { width: 128px; display: block; float: left; text-align: right; padding: 0px; padding-right: 16px; height: auto; }	
	
		.formBuilder .form_memo label { width: 300px; text-align: left; padding-bottom:4px;}	
		.formBuilder .form_memo textarea  { clear: both; width: 400px; height: 140px; }	
		.formBuilder .form_memo .validationerror { padding-left:0px;}	
		
		.formBuilder .form_selecttext li { float: left; list-style: none; }
		#mainContent #content .formBuilder .form_selecttext ul { margin-left:0px; }
		.formBuilder .form_selecttext li label { width: auto; padding-right: 6px; padding-left: 10px; }
		.formBuilder .form_selecttext input { clear: none; width: 116px; margin-left: 10px; }
		.formBuilder .form_selecttext li input { width:auto; margin-left:0px; }
		.formBuilder .form_selecttext fieldset { clear:none; width:240px; padding:0px;}
		
		
		.formBuilder .form_radio_items .validationerror { padding-left:0px;}	
		html>body .formBuilder .form_radio_item { padding-top:6px; }
		.formBuilder .form_radio_item input { width: auto; float: left; text-align: right; border: none; margin-left: 70px; margin-right:10px;}
		.formBuilder .form_radio_item label { text-align: left;}
		
		.formBuilder .form_radio_label { margin-bottom:10px; }
		
		.formBuilder .bluetitle {padding:0;margin:0;}
		.formBuilder .bluetitle p {padding:4px;margin-top:10px;}
		
		.formBuilder .form_date div div { display:inline; clear: none; }
		
		/* trying to get round brHack */
		.formBuilder br {line-height:1px;height:0px;}
		
		
	/* get rid of normal mandatory indicator */
	.formBuilder .mandatoryindicator { display:none; }
	.formBuilder hr { margin-top:4px; margin-bottom:4px;  padding: 5px 10px 5px 10px; background: transparent url(/template-images/hrBackground.gif) repeat-x center; clear: left;border:none;}



.formBuilder .form_checkbox .validationerror { padding-left:0px;padding-bottom:4px;}	
.formBuilder .form_checkbox input { float:left; width:auto;}
.formBuilder .form_checkbox label { float:left; width:350px; margin-left:10px; clear:none; text-align:left; }
.formBuilder .form_checkbox div div {padding-bottom:0px;}

.formBuilder .validationerror { padding-top:5px; padding-left:148px; color:Red; }


.advancedNewsSearch div { clear:both; margin-bottom:5px;}
.advancedNewsSearch .text label { width: 200px; display: block; float: left; padding: 0px; padding-right: 16px; height: auto; margin-left: 0; }
.advancedNewsSearch label { margin-left: 5px; }
.advancedNewsSearch .text input { clear: none; }


/*above lines commented to change "Cancel/Next" buttons in become_a_member page and new ones added below*/
/*
.formBuilder .nextButton input{font-size: 100%;width: 70px;height: 24px;color:white;background:#ff6600 no-repeat center center;}
.formBuilder .nextButton{margin-left: 20px; }	
.formBuilder .backButton{margin-left: 20px; }	
.formBuilder .cancelButton input{font-size: 100%;width: 70px;height: 24px;color:white;background:#999999 no-repeat center center;}
.formBuilder .backButton input{width: 70px;height: 24px;color:white;background:#999999 no-repeat center center;}
*/

/* just cant get these fuckers to lign up in ie.. */
/* tried pushing next & cancel down in ie6.css as well no joy.. */


#mainContent #content .formBuilder fieldset .form_buttonbar { text-align:right; }
#mainContent #content .formBuilder fieldset .form_buttonbar .next	{margin:0px 0px 0px 20px; border:none;padding:0px;}	
#mainContent #content .formBuilder fieldset .form_buttonbar .back	{margin:0px 0px 0px 20px; border:none; padding:0px; }	
#mainContent #content .formBuilder fieldset .form_buttonbar .cancel {margin:0px 0px 0px 20px; border:none;padding:0px;}	
#mainContent #content .formBuilder fieldset .form_buttonbar .cancel input	{font-size: 100%;color:white;background:#999999 no-repeat center center;border:0;padding:6px 14px 4px 14px;margin:0px 0px 0px 0px;}
#mainContent #content .formBuilder fieldset .form_buttonbar .next input		{font-size: 100%;color:white;background:#ff6600 no-repeat center center;border:0;padding:6px 14px 4px 14px;margin:0px 0px 0px 0px;}
#mainContent #content .formBuilder fieldset .form_buttonbar .back input		{font-size: 100%;color:white;background:#999999 no-repeat center center;border:0;padding:6px 14px 4px 14px;margin:0px 0px 0px 0px;}
#mainContent #content .formBuilder fieldset .form_buttonbar .back a			{font-size: 100%;color:white;background:#999999 no-repeat center center;border:0;padding:6px 14px 5px 14px;margin:0px 0px 0px 0px;}

#mainContent #content .formBuilder fieldset .form_buttonbar input		{ vertical-align: middle; }
#mainContent #content .formBuilder fieldset .form_buttonbar a			{ vertical-align: middle; }

#div_membershipType label {	width: 350px; }






/* taken from old pdd template.. didn't fix buttons.. 
.pddTemplate .next, .pddTemplate .back, .pddTemplate .cancel { padding-left:30px; padding-right:30px; }
.pddTemplate .next input { border:0; font-weight:bold; color:White; background: transparent url( /wcm/system/img/spacer.gif ) 0 0 no-repeat; background-color:Red; cursor:hand; }
.pddTemplate .cancel a { border:0; font-weight:bold; padding-left:10px; padding-right:10px; padding-top:1px; padding-bottom:1px;  color:White; background: transparent url( /wcm/system/img/spacer.gif ) 0 0 no-repeat;	background-color:#999999; text-decoration:none; }
.pddTemplate .back a { border:0; padding-left:10px; padding-right:10px; padding-top:1px; padding-bottom:1px; font-weight:bold; color:White; background: transparent url( /wcm/system/img/spacer.gif ) 0 0 no-repeat; background-color:#999999; text-decoration:none; }
.pddTemplate .next { }
.pddTemplate .cancel { }
*/