﻿
.error{
	font-weight:bold;
	color:#f00;
}

.donateForm{
	margin-top:10px;
	overflow:auto;
}

.donateForm p{
	margin: 8px 0 0 24px;
}

.donationCharitiesList{
	overflow:auto;
}

.donateForm fieldset{
	
}

.donationInformation .unitType{
	float:left;
}

/*the table telling you what charties you've selected*/
.ww-donationTotals{
	float:right;
	border:solid 1px #ccc;
	box-shadow: 2px 2px 2px #888; 
	-webkit-box-shadow: 2px 2px 2px #888;
	-moz-box-shadow: 2px 2px 2px #888;
	width:300px;
	
}

.ww-donationTotals th{
	background:#eee;
	border-bottom:solid 1px #ccc;
}

.ww-donationTotals td{
	background:#fff;
}

.ww-donationTotals th, .ww-donationTotals td{
	padding:2px 4px;
}

.ww-donationTotals .amount{
	text-align:right;
}

.ww-donationTotals .charity{
	text-align:left;
}

.ww-donationTotals .ww-tableFooter td{
	background:#eee;
	border-top:solid 1px #ccc;
}

.invalidDonationAmount{
	display:block;
	clear:both;
	float:left;
}

.donateForm legend{
	font-weight:bold;
	color:#000;
	margin:0;
}

.donateFormField{
	clear:both;
	overflow:auto;
	margin:4px 0;
}

.ww-subForm {
	margin-left:22px;
}

div.cbFormField label{width:auto;}

fieldset.contactInformation{
	border:none;
}

.contactInformation .donateFormField{
	margin-top:8px;
}
.contactInformation  label{
	width:100px;	
	float:left;
}
.contactInformation input, .contactInformation select  {
	float:left;
}
 
 fieldset.donationPreferences{
	border:none;
 }
.donationPreferences label{
	float:left;
	margin-right:2px;
 }
.donationPreferences input, .donationPreferences select{
	float:left;
	margin-right:4px;
}



.donationInformation  label{
/*
	width:160px;
*/
	width:299px;
	
	padding:0;
	float:left;
	margin:0 4px 0 0;
}
.donationInformation input {
	float:left;
	padding:0;
	margin:0;
}

fieldset.donationInformation{
	padding:12px;
	display:block;
	float:left;
	margin:8px 0 0 24px;
/*
	width:230px;
	height:480px;
*/
	width:374px;

}

.donationInformation-odd{
	clear:left;
}

.donationInformation .donateFormField{
	padding:4px;	
}

.donateFormFieldCharity-odd{
	background:#FBF8D5;	
}

fieldset.creditCartInformation{

}
.creditCardInformation label{
	width:100px;	
	float:left;
}
.creditCardInformation  input{
	float:left;
}

#contentArea .next {
	background-image: url(Images/btn_next.jpg);
	width: 96px;
	height: 27px;
	color: transparent;
	background-color: transparent;	
	border: 0px;
	cursor: pointer;
	font-size: 0px;
	text-align: right;
}

#contentArea .previous {
	background-image: url(Images/btn_previous.jpg);
	width: 96px;
	height: 27px;
	color: transparent;
	background-color: transparent;	
	border: 0px;
	cursor: pointer;
	font-size: 0px;
	text-align: right;
}

#contentArea .finish {
	background-image: url(Images/btn_submit.jpg);
	width: 96px;
	height: 27px;
	color: transparent;
	background-color: transparent;	
	border: 0px;
	cursor: pointer;
	font-size: 0px;
	text-align: right;
}

.creditCardInformation {
	margin: 10px 0 10px 0;
}