div.donation_hdrs
{ width:100%;
  text-align: center;
  font-size: large;
  color:#3F3FFF;
  margin:0px;
  padding:0px;
}

div.DonationPostMsgs
{ width:75%;
  margin:0px auto;
}

div.DonationStatus,
div.DonationStatusBar,
div.DonationStatusBarLarge,
div.DonationPostMsgs,
div.DonationButtons
{ text-align:center;
  margin-bottom:10px;
}

div.DonationStatusBar,
div.DonationStatusBarLarge,
div.DonationPostMsgs,
div.DonationButtons
{ padding:5px;
  background: linear-gradient(#ECECEC 50%, #D1D1D1 100%);
}

div.DonationStatusBarLarge
{ font-size:large;
}


div.DonationStatusDireWarnings,
div.DonationStatusWarnings
{ color:black;
  font-size:large;
  font-weight:900;
  text-align:center;
  padding:5px;
  background: linear-gradient(#ECECEC 50%, #D1D1D1 100%);
}
div.DonationStatusDireWarnings
{ color:red;
}

div.DonationMsgs
{ width:100%;
  padding:5px;
  background: linear-gradient(#ECECEC 50%, #D1D1D1 100%);
  margin:0px auto;
  text-align:center;
}

div.DonationMsgsBar
{ width:50%;
  padding:5px;
  background: linear-gradient(#ECECEC 50%, #D1D1D1 100%);
  display:inline-block;
}


hr.DonationButtons
{ width:100%;
  background-color:#7F7F8F;
}


div.DonationPageTitle,
div.Amounts,
div.AmountItem,
div.Others,
button.AmountButtonClass
{ text-align:center;
}

div.PersonalTitle,
div.PaymentTitle,
div.DateTitle,
div.RecTitle,
div.AmountTitle
{ font-size: x-large;
  font-weight:900;
  text-align:center;
  color:#3F3FFF;
}

div.Personal,
div.Payment
{ width:100%;
  margin: 0px auto;
}

div.Amounts
{ margin:0px auto;
}

div.AmountItem
{ width:16%;
  display:inline-block;
}

div.SelAmounts
{
}

div.Intervals
{ margin:0px auto;
  text-align:center;
}

div.Interval
{ padding:0px;
  width:23%;
  display:inline-block;
}

div.YearlyInterval
{ width:94%;
  display:inline-block;
}

div.FrequencyPayments
{ margin:0px auto;
  text-align:center;
}

div.Frequency,
div.IntervalPayments
{ display: inline-block;
  margin-left:50px;
  margin-right:50px;
}

span.Frequency,
span.IntervalPayments
{
}

img.SmallArrow
{
}

div.Date
{ width:100%;
  margin:0px auto;
}


div.Calendars
{ vertical-align:middle;
  text-align:center;
  width:100%;
  margin:0px auto;
}

div.CalendarPages
{ vertical-align:middle;
  display:inline-block;
}
div.Calendar
{ padding:0px;
  width:24%;
  display:inline-block;
}

td.CalendarDayHdr
{ padding-left:7px;
  padding-right:7px;
}

div.OffsetUp,
div.OffsetDn
{ display: inline-block;
  padding:0px;
  vertical-align:middle;
  width:22px;
  margin:0px;
}

img.OffsetDn,
img.OffsetUp
{ width:22px;
  vertical-align:middle;
  padding:0px;
  margin:0px;
}

div.Dates
{ display: inline-block;
  margin:0px;
  text-align: center;
}

div.Year
{ width:100%;
  text-align: center;
}

div.Method,
div.NoMethod
{ width:100%;
  margin:0px auto;
}

div.Online,
div.Offline,
div.MethodItem,
div.TypeItem
{ width:12%;
  text-align: center;
  display: inline-block;
}

div.AddressTable,
div.PersonTable,
div.Payments,
div.PersonalTable
{ width:77%;
  margin:0px auto;
  background-color:rgb(233,233,255);
}

div.OfflinePayments
{ width:100%;
  margin:0px auto;
  padding-left:40%;
  padding-right:40%;
  background-color:rgb(233,233,255);
}

div.PaymentsSelector
{ width:100%;
  margin:0px auto;
  text-align:center;
}

div.PaymentData
{
}

li.PersonalErrTab
{
}

li.PersonalTab


div.donation_review
{ width:100%;
  margin:0px auto;
  text-align:center;
}
div.DonationReviewErrors
{ width:100%;
  margin:0px auto;
  text-align:center;
  color:red;
  font-size:large;
  font-weight:900;
}

div.donation_review_title
{ width:75%;
  margin:0px auto;
  background-color:rgb(205,205,255);
  color:black;
  font-size:small;
}

div.donation_review_inst
{ width:75%;
  margin:0px auto;
  background-color:rgb(233,233,255);
  color:red;
  font-size:x-large;
  font-weight:900;
  padding:10px;
}

div.donation_review_header_amount,
div.donation_review_header_payment,
div.donation_review_header_personal,
div.donation_review_header_address
{ width:75%;
  margin:0px auto;
  background-color:rgb(205,205,255);
  color:black;
  font-size:large;
  text-align:center;
  margin-top:15px;
  margin-bottom:15px;
}

div.donation_review_amount,
div.donation_review_payment,
div.donation_review_personal,
div.donation_review_address
{ width:76%;
  margin:0px auto;
  padding:0px;
  background-color:rgb(233,233,255);
  color:black;
  font-size:medium;
  text-align:center;
}

div.donation_review_amount
{ color:red;
  font-size:large;
}

div.donation_review_amount
{ width:75%;
  margin:0px auto;
}

div.donation_review_authorization_msg,
div.donation_review_confirm
{ width:75%;
  margin:0px auto;
  padding:15px;
  color:black;
  font-size:medium;
  text-align:justify;
}

div.donation_review_authorization_msg
{ font-weight:900;
  font-size:large;
  color:red;
  background-color:rgb(233,233,255);
  border-width:2px;
  border-style:outset;
  text-align:center;
  margin-top:15px;
}

div.PostDebug
{ width:75%;
  margin:0px auto;
  text-align:center;
  background: linear-gradient(#ECECEC 50%, #D1D1D1 100%);
}

button.DebugButtonUp
{ border-style:outset;
  background-color:red;
  display:inline-block;
  font-size:small;
  height:75%;
}

button.DebugButtonDn
{ border-style:inset;
  background-color:lime;
  display:inline-block;
  font-size:small;
  height:75%;
}

span.DebugButtonText
{ margin-left:5px;
}

button.DebugButtonDn#PostToBank
{ background-color:red;
}

table.DonationTableClass
{ table-layout:fixed;
  width:100%;
  text-align:justify;
}


td.DonationTableTitleClass,

td.DonationTableTitleErrorClass

{ width:100%;

  vertical-align:middle;
  text-align:center;
  font-size:large;
  font-weight:900;
  color:red;
}

td.DonationTableTitleClass
{ color:#3F3FFF;
}


td.DonationNameHdrClass
{ width:40%;
  vertical-align:middle;
  text-align:center;
}

td.DonationValueHdrClass
{ vertical-align:middle;
  text-align:center;
}

td.DonationHeaderRuleClass
{
}

td.DonationErrorClass,
td.DonationNameClassErr,
td.DonationRONameClass,
td.DonationGrpNameClass,
td.DonationNameClass
{ width:40%;
  vertical-align:middle;
  text-align:left;
  padding-left:25px;
  padding-right:25px;
  margin-left:25px;
  margin-right:25px;
  background-color:rgb(205,205,255);
}

td.DonationErrorMarkerClass,
table.DonationTableClass,
td.DonationValueClass,
td.DonationValueClassErr,
td.DonationROValueClass,
td.DonationGrpValueClass,
td.DonationErrorClass,
span.DonationReqMarkerClass,
span.DonationROMarkerClass,
span.DonationErrorMarkerClass
{ vertical-align:top;
  font-size:small;
}

a.DonationExpMarkerClass,
a.span.DonationReduceMarkerClass,
span.DonationExpMarkerClass,
span.DonationReduceMarkerClass
{ color:red;
  font-weight:900;
  border-style:none;
  border-width:1px;
  cursor:pointer;
}


div.DonationTableBodyClass
{ overflow-y:auto;
  height:50%;
  width:85%;
  padding: 0px;
  margin: 0 auto;
}

td.DonationNameClass,
td.DonationRONameClass,
td.DonationGrpNameClass,
td.DonationNameHdrClass
{ vertical-align:top;
  font-size:small;
  width:40%;
}

td.DonationNameHdrClass,
td.DonationValueHdrClass
{ text-align:center;
  background-color:rgb(205,205,255);
}

span.DonationROMarkerClass,
span.DonationReqMarkerClass
{ color:red;
}

div.DonationImageBoxClass
{ vertical-align: middle;
  text-align: center;
  width: 40%;
  margin-left: auto;
  margin-right: auto;
}

div.DonationImageCaptionClass
{ text-align: center;
  overflow-x:
  auto;
}

img.DonationImageViewClass
{ border: 0px solid;
  width: 16px;
  margin-left: auto;
  margin-right: auto;
}

span.DonationImageViewClass
{ width:20px;
  text-align:  right;
}

img.DonationImageClass
{ border: 0px solid;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

div.DonationStatus,
div.DonationStatusBar,
button.DonationStatusButton
{ text-align:center;
  margin-bottom:5px;
}

button.DonationHelpButton
{ margin-left:25px;
}

div.DonationHelpInfo
{ text-align:justify;
  background-color:rgb(212,212,255);
  border-style:solid;
  border-width:1px;
  padding:5px 25px 5px 25px;
  margin:10px 25px 10px 25px;
}

div.DonationHideHelpInfo
{ text-align:center;
  color:rgb(128,128,255);
  padding-top:5px;
  padding-bottom:5px;
}

div.status_popup
{ position:relative;
  margin:0px auto;
  z-index:100;
  background-color:white;
  color:black;

}