﻿body {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
}

.donationWrapper {
    width: 605px;
    margin-left: 5px;
}

.left {
    float: left;
	clear:left;
	width: 200px; 
	margin: 0;
}

.right {
    float: right;
    clear: right;
    width: 390px;
    text-align: left;
	margin: 0;
}

.columnLeft {
    float: left;
	clear:left;
	width: 301px; 
	margin: 0;
}

.columnRight {
    float: right;
    clear: right;
    width: 301px;
    text-align: left;
	margin: 0;
}

.columnLeft .left
, .columnRight .left {
	width: 90px;
}

.columnLeft .right
, .columnRight .right {
	width: 190px;
}

.columnLeft .requiredFieldLeft
, .columnRight .requiredFieldLeft {
	width: 78px;
}

.requiredFieldLeft {
    width: 178px;
    float: left;
}

.requiredFieldRight {
    width: 12px;
    text-align: right;
    float: left;
}

.clear {
    clear: both;
    margin: 0;
    padding: 0;
    font-size: 1px;
    height: 5px;
    line-height: 0;
}

.clearer {
    clear: both;
    margin: 0;
    padding: 0;
    font-size: 1px;
    height: 0px;
    line-height: 0;
}

.divider {
    border-top: dotted 1px gray;
    height: 1px;
    margin: 0px;
    padding: 0px;
}

.header {
    font-size: 14px;
    font-weight: bold;
    background-color:#f1f1f1;
    margin: 2px 0px 0px;
    padding: 7px;
}

.background {
  background-color :#f7f7f7;
  margin-top:2px;
  padding: 7px 7px 2px 7px;
  clear: left;
}

.background P {
	position: relative;
	margin: 5px 0;
}

.ddl {
    max-width:147px;
    width:155px;
    font-size:12px;
}

.previousButton {
    float: left;
    text-align:left;
    margin-top: 15px;
    padding:0px;
}

.nextButton {
    float: right;
    text-align:right;
    margin-top: 15px;
    padding:0px;
}

.lblBold {
    font-size: 11px;
    font-weight: bold;
    font-family: Arial;
    clear: both;
    position: relative;
}

.hyperlink {
    cursor: pointer;
    text-decoration: underline;
}

.hyperlinkRed {
	 cursor: pointer;
	 text-decoration:normal;
	 color:Red;
}

.panelcollapse {
    width: 200px; 
}

.panelOfflineBody {
    border: solid 1px Gray;
    background-color: #f7f7f7;
    width:510px;
	cursor: move;
	background-color: #f7f7f7;
    border: solid 1px Gray;
    color: Black;
    padding: 7px;
    width: 500px;
}

.panelOfflineBody IMG {
	float: right;
	margin: 0 0 10px 10px;
}


.modalPopup {
    background-color: #f7f7f7;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    width: 550px;
}

.modalBackground {
    background-color: white;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.tablewidth {
	width:120px;
	text-align:left;
	padding-left:5px;
}

.previewbutton {
	margin-left: 220px; margin-right: 15px; float: left; display: inline;
}
.previewclose {height:20px; float:right; margin-right:10px;}
.previewemailTop
{
	clear:right;
	padding:4px 0px;
}
.previewemailbody{background:white; padding-left:10px; width:550px; height:200px; border-top:solid 1px black; border-bottom:solid 1px black;}		

.previewtopbody {
	background-color: #f7f7f7; 
	height: 92px;
	margin: 10px;
}

.previewtopbody H4 {
	padding: 60px 0 0 10px;
	font-size: larger;
}

.previewbody { width: 500px; height: 300px;}


#divPlaceholder {
	width: 600px;
}

.pnlPrint{
	border: solid 1px black; 
	margin: 7px;
}

.pnlPrint IMG {
	float: right;
	margin: 0 0 10px 10px;
}
		
.previewPrintbody{
	background:white;
	padding-left:15px;
	border:solid 1px black;
	margin: 10px;
}

.printInfo{
	margin: 10px 25px;
}

.pnlUpdateProfileCollapse { 
}

.stage {
	float: right;
	clear: right;
}

.formTop {
	 margin: 10px 0 0 0;
}

.donationInfoTable {
	 padding: 7px;
	 padding-left: 0px;
	 width: 500px;
     border: solid 1px black;
}
.donationInfoTable TH {
	padding: 0 0 10px 0;
}
.donationInfoTable TD {
	vertical-align: top;
	padding: 0 0 10px 0;
}

.pnlDonationTypeDetailsDrag {
	 cursor: move;
	 background-color: #f7f7f7;
     border: solid 1px Gray;
     color: Black;
     padding: 7px;
     width: 500px;
}

.pnlDonationTypeDetailsDrag IMG {
	float: right;
	margin: 0 0 10px 10px;
}

.pnlDVSupportId DIV {
	width: 200px;
	margin-left: 20px;
	border: solid 1px Gray;
	background-color: #ffffdd;
	padding: 10px;
}

.frequencyTable {
}

.frequencyTable TH {
	width: 120px;
}

.frequencyTable TD {
	padding: 2px 0;
}

.frequencyTable .centered {
	text-align: center;
}

.frequencyTable .total {
	text-align: center;
	border-top: dotted 1px black;
	border-bottom: dotted 1px black;
}

.paymentMethod
, .paymentMethod .left
, .paymentMethod .right {
	line-height: 30px;
}

.paymentMethod LABEL {
	line-height: 20px;
	display: inline-block;
	margin-right: 4px;
}

.paymentMethod LABEL 
, .paymentMethod IMG {
	vertical-align: top;
}

.paymentMethod INPUT {
	vertical-align: middle;
}

.fieldError {
	color: #FF0000;
}