/* Global form styles - please dont mess with these */

.formContainer fieldset {
	width: 95%;
}

.formContainer div.input:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


.formContainer div.input {
	display: inline-block;
}


/* Hides from IE-mac \*/
* html .formContainer div.input {
	height: 1%;
}

.formContainer div.input {
	display: block;
}


.formContainer label {
float: left;
clear: left;
width: 20%;
font-size: .9em;
text-align: right;
margin-bottom: 3px;
margin-right: 5px;
}

.formContainer input, 
.formContainer textarea, 
.formContainer select, 
.formContainer .fakeInput, 
.formContainer .error_message {
margin-bottom: 5px;
text-align: left;
width: 75%;
}

.formContainer .fakeInput, 
.formContainer .radioGroup, 
.formContainer .error_message {
margin-left: 21%;
font-size: .9em;
}

.formContainer .checkbox input {
	width: auto;
	margin-left: 21%;
}

.formContainer .checkbox label {
	float: none;
	padding-left: 10px;
}

.formContainer .radioGroupLabel {
	font-size: .9em;
	font-weight: bold;
	text-align: right;
	width: 35%;
	margin-bottom: 3px;
	margin-right: 3px;
	float: left;
}

.formContainer .radioGroup {
	padding: 0px;
	width: auto;
}

.formContainer .radioGroup label { 
	font-weight: normal;
	float: none;
	text-align: left;
}

.formContainer .radioGroup input {
	height: auto;
	width: auto;
	margin: 0px;
	padding: 0px;
}

.formContainer div.submit {
text-align: center;
}

.formContainer div.submit input {
text-align: center;
}


.formContainer .dateTimeGroup select {
	float: none;
	width: auto;
}

.formContainer .dateTimeGroup select option {
	padding-right: 1em;
}

/* end of global form styles */


/* dontation form styles */
/*************************/

.box-one {
background-color:#EFE7BF;
float:left;
margin-bottom:20px;
width:340px;
min-height: 540px;
color: #02214f;
}

.box-two {
background-color: #efe7bf;
width: 340px;
float: right;
min-height: 540px;
color: #02214f;
}

.box-two .box-content .input input,
.box-two .box-content .input label {
left:-75px;
position:relative;
}

.box-two .box-content .donation-example {
left:236px;
position:relative;
top:-34px;
}

.row-two {
clear: both;
}

.box-three {
background-color:#EFE7BF;
float:left;
width:340px;
min-height: 550px;
color: #02214f;
}

.box-four {
background-color: #efe7bf;
width: 340px;
float: right;
min-height: 550px;
color: #02214f;
}

.box-content {
padding: 5px 0px 0px 10px;
}

#DonationEditForm input,
#DonationEditForm textarea,
#DonationEditForm select,
#DonationEditForm .fakeInput,
#DonationEditForm .error_message {
width: 50%;
}

input#DonationDonorState,
input#DonationBillingState {
width: 30px;
}

#DonationEditForm label {
clear:left;
float:left;
font-size:0.9em;
margin-bottom:3px;
margin-right:5px;
text-align:right;
width:40%;
}

#DonationEditForm #DonationCcExpMonth {
width: 15%;
}

#DonationEditForm #DonationCcExpYear {
width: 18%;
}

#DonationEditForm #my-billing {
float:right;
left:-162px;
position:relative;
top:2px;
width:10%;
}

#DonationEditForm #donation-submit {
float:left;
position:relative;
top:20px;
width:auto;
}

#DonationEditForm #DonationDonorAcknowledgment {
position: relative;
top: -20px;
}

#DonationEditForm #DonationCcv {
width: 45px;
}

.ccImage {
margin:0 0 10px 35px;
}