secure.nationalmssociety.org
Open in
urlscan Pro
74.123.154.218
Public Scan
Submitted URL: http://click.email-nmss.org/?qs=9869d4b7ee5303d7e4c8cd881e06eb53b7718fc4c27360a27796a79a281dbfd012fc91119d8c25cecbe0d6068c20...
Effective URL: https://secure.nationalmssociety.org/site/Donation2?66592.donation=form1&df_id=66592&mfc_pref=T&s_src=dmp-FY24-HOM-ret-email&s_subsrc...
Submission: On January 02 via manual from US — Scanned from DE
Effective URL: https://secure.nationalmssociety.org/site/Donation2?66592.donation=form1&df_id=66592&mfc_pref=T&s_src=dmp-FY24-HOM-ret-email&s_subsrc...
Submission: On January 02 via manual from US — Scanned from DE
Form analysis 2 forms found in the DOM
https://www.nationalmssociety.org/Search
<form id="pnl_search_form" class="search-box" action="https://www.nationalmssociety.org/Search">
<div class="search-controls">
<label for="txtSearchBox" class="search-label assistive-text">Search</label><input name="q" type="text" id="txtSearchBox" class="search-text" placeholder="Search our website"><button type="submit" class="search-submit">v</button>
</div>
</form>Name: process — POST https://secure.nationalmssociety.org/site/Donation2
<form name="process" id="ProcessForm" action="https://secure.nationalmssociety.org/site/Donation2" method="post" onsubmit="return checkDoubleClick();">
<div class="donation-form-container responsive">
<script type="text/javascript">
<!--
function reloadPage() {
window.location.reload(true);
}
function testAjax() {
var xmlHttp = null;
// Opera 8.0+, Firefox, Chrome, Safari
try {
xmlHttp = new XMLHttpRequest();
} catch (e) {
// Internet Explorer Browsers
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
return false;
}
}
}
xmlHttp.open('POST', 'AjaxHelper;jsessionid=00000000.app30115a?NONCE_TOKEN=1F1E717F41BA195635E55101CDF82981', true);
xmlHttp.send();
}
addOnLoadHandler(testAjax);
//
-->
</script>
<div class="donation-form-content">
<input type="hidden" name="user_donation_amt" id="user_donation_amt" value="">
<input type="hidden" name="company_min_matching_amt" id="company_min_matching_amt" value="">
<input type="hidden" name="currency_locale" id="currency_locale" value="en_US">
<div class="form-row">
<div class="html-caption-container">
<script>
window.onload = function() {
document.getElementById("[FIELD_ID]").value = "Other";
}
</script>
<style type="text/css">
<!--
a:hover {
cursor: pointer;
}
.zindex {
z-index: 30 !important;
}
.abandonment {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2147483647;
text-align: center;
white-space: nowrap;
cursor: pointer;
background: #333;
background: rgba(0, 0, 0, 0);
transform: translateY(60%) scale(0);
}
.abandonment:last-of-type {
background: rgba(0, 0, 0, 0.8);
}
.abandonment:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
.abandonment.visible {
transform: translateY(0) scale(1);
}
.abandonment>.nmss-donation-abandonment {
width: 96%;
max-width: 758px;
overflow: visible;
}
.abandonment>.abandonment-content {
margin: 0;
border: none;
padding: 0;
overflow: visible;
}
.abandonment .abandonment-content {
position: relative;
text-align: left;
vertical-align: middle;
display: inline-block;
min-width: 30%;
margin-left: 5%;
margin-right: 5%;
max-height: 95%;
background: #fff;
cursor: auto;
white-space: normal;
}
.abandonment>.abandonment-content .abandonment-close-icon {
display: none;
}
.abandonment .abandonment-close-icon {
position: absolute;
z-index: 9999;
top: 0;
right: 0;
line-height: 25px;
width: 25px;
cursor: pointer;
text-align: center;
font-family: Arial, sans-serif;
background: #fff;
background: rgba(255, 255, 255, 0.3);
color: #000;
}
.abandonment>.nmss-donation-abandonment .abandonment-inner {
overflow: visible;
}
.abandonment .abandonment-inner {
display: block;
}
.abandonment>.nmss-donation-abandonment .abandonment-inner .payload {
padding: 3px;
overflow: visible;
background-color: #ffffff;
}
.abandonment>.nmss-donation-abandonment .abandonment-inner .payload .close-icon {
position: absolute;
right: -13px;
top: -13px;
z-index: 33008;
}
.abandonment>.nmss-donation-abandonment .abandonment-inner .payload .payload-inner {
position: relative;
z-index: 33003;
padding: 0 0 60.63829787% 0;
height: 0;
background: url(../images/content/pagebuilder/HOM-FY24-12-December-EOY-Abandonment.jpg) no-repeat 0 0;
background-size: 100% auto;
overflow: visible;
}
.abandonment>.nmss-donation-abandonment .abandonment-inner .payload .payload-inner .copy img {
display: block;
position: absolute;
z-index: 33308;
width: 100%;
max-width: 450px;
height: auto;
margin: auto 0;
top: 37%;
left: 24%;
}
@media (max-width:600px) {
.abandonment>.nmss-donation-abandonment .abandonment-inner .payload .payload-inner .copy img {
display: block;
position: absolute;
z-index: 33308;
width: 55%;
max-width: 450px;
height: auto;
margin: auto 0;
top: 34%;
left: 21%;
}
}
@media (min-width:600px) {
.abandonment>.nmss-donation-abandonment .abandonment-inner .payload .payload-inner .copy img {
display: block;
position: absolute;
z-index: 33308;
width: 60%;
max-width: 450px;
height: auto;
margin: auto 0;
top: 34%;
left: 19%;
}
}
@media (min-width:700px) {
.abandonment>.nmss-donation-abandonment .abandonment-inner .payload .payload-inner .copy img {
display: block;
position: absolute;
z-index: 33308;
width: 90%;
max-width: 450px;
height: auto;
margin: auto 0;
top: 34%;
left: 21%;
}
}
@media (min-width:800px) {
.abandonment>.nmss-donation-abandonment .abandonment-inner .payload .payload-inner .copy img {
display: block;
position: absolute;
z-index: 33308;
width: 100%;
max-width: 450px;
height: auto;
margin: auto 0;
top: 34%;
left: 21%;
}
}
@media (min-width:2900px) {
.abandonment>.nmss-donation-abandonment .abandonment-inner .payload .payload-inner .copy img {
display: block;
position: absolute;
z-index: 33308;
width: 100%;
max-width: 450px;
height: auto;
margin: auto 0;
top: 36%;
left: 23%;
height: 150;
}
}
@media (min-width:3300px) {
.abandonment>.nmss-donation-abandonment .abandonment-inner .payload .payload-inner .copy img {
display: block;
position: absolute;
z-index: 33308;
width: 100%;
max-width: 450px;
height: auto;
margin: auto 0;
top: 38%;
left: 26.5%;
height: 150;
}
}
.abandonment>.nmss-donation-abandonment .abandonment-inner .payload .payload-inner .donate {
display: block;
position: absolute;
z-index: 33308;
left: 5%;
top: 83%;
width: 50%;
height: auto;
}
.abandonment>.nmss-donation-abandonment .abandonment-inner .payload .payload-inner .donate img {
display: block;
height: auto;
margin-top: 1.5em;
width: 100%;
max-width: 410px;
}
@media (max-width:600px) {
.abandonment>.nmss-donation-abandonment .abandonment-inner .payload .payload-inner .donate img {
display: block;
height: auto;
margin-top: 1em;
width: 100%;
max-width: 260px;
}
}
@media (max-width:420px) {
.abandonment>.nmss-donation-abandonment .abandonment-inner .payload .payload-inner .donate img {
display: block;
height: auto;
margin-top: 0.5em;
width: 100%;
max-width: 170px;
}
}
.abandonment>.nmss-donation-abandonment .abandonment-inner .payload .payload-inner .abandon {
display: block;
position: absolute;
z-index: 33308;
left: 71%;
top: 84%;
width: 100%;
height: auto;
}
@media (max-width:420px) {
.abandonment>.nmss-donation-abandonment .abandonment-inner .payload .payload-inner .abandon {
display: block;
position: absolute;
z-index: 33308;
left: 59%;
top: 85%;
width: 100%;
height: auto;
}
}
.abandonment>.nmss-donation-abandonment .abandonment-inner .payload .payload-inner .abandon img {
display: block;
height: auto;
margin-top: 1.5em;
margin-left: 17px;
width: 100%;
max-width: 180px;
}
@media (max-width:600px) {
.abandonment>.nmss-donation-abandonment .abandonment-inner .payload .payload-inner .abandon img {
display: block;
height: auto;
margin-top: 1em;
margin-left: 17px;
width: 100%;
max-width: 170px;
}
}
@media (max-width:420px) {
.abandonment>.nmss-donation-abandonment .abandonment-inner .payload .payload-inner .abandon img {
display: block;
height: auto;
margin-top: 0.5em;
margin-left: 17px;
width: 100%;
max-width: 160px;
}
}
-->
</style>
<!-- HTML Section
Classes makred "Stay" will close the donation form and stay on the page
Classes marked "leave" will redirect the user
-->
<div class="abandonment" style="display: block;">
<div class="abandonment-content nmss-donation-abandonment">
<span class="abandonment-close-icon abandonment-close">✕</span>
<div id="com-merkleinc-interstitial-1" class="abandonment-inner">
<div class="payload">
<a class="close-icon"><img class="stay" src="../images/content/pagebuilder/FY16_2016_January_Sustainer_dfabndn_close.png" alt="Close" border="0"></a>
<div class="payload-inner">
<a class="donate stay"><img class="stay" src="../images/content/pagebuilder/HOM-FY24-12-December-EOY-Yes.jpg" alt="Donate Now" border="0"></a>
<a class="abandon leave"><img class="leave" src="../images/content/pagebuilder/HOM-FY24-12-December-EOY-No.jpg" alt="I want to leave this page" border="0"></a>
</div>
</div>
</div>
</div>
</div>
<!-- Script Section -->
<script>
var link = "test";
const exit = e => {
const shouldExit = [...e.target.classList].includes('abandonment') || // user clicks on mask
[...e.target.classList].includes('stay'); // user clicks on the close icon
if (shouldExit) {
document.querySelector('.abandonment').classList.remove('visible');
document.querySelector('#content').classList.remove('zindex');
exitPopupEnabled = true;
} else if ([...e.target.classList].includes('leave')) {
document.querySelector('.abandonment').classList.remove('visible');
document.querySelector('#content').classList.remove('zindex');
exitPopupEnabled = true;
window.location.href = link;
}
};
document.querySelector('.abandonment').addEventListener('click', exit);
var exitPopupEnabled = true;
window.addEventListener('DOMContentLoaded', function() {
var links = document.getElementsByTagName('a');
for (var i = 0; i < links.length; i++) {
if (links[i].className == "payment-type-label") {
continue;
}
links[i].addEventListener('click', function(e) {
if (exitPopupEnabled) {
e.preventDefault();
link = e.currentTarget.href;
document.querySelector('.abandonment').classList.add('visible');
document.querySelector('#content').classList.add('zindex');
exitPopupEnabled = false;
}
});
}
});
</script>
<style type="text/css">
<!--
.step-button.next-step {
background-color: #f06f0b !important;
}
-->
</style>
<style type="text/css">
<!--
#transactionAmountConfirmation {
display: none;
}
.donation-level-container-generic-repeat .donation-section-label {
font-weight: bold;
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
.mobile div.html-caption-container {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.mobile div.html-caption-container {
width: 100%;
}
}
-->
</style>
<img class="banner-image" style="display: block; border: none; width: 100%; max-width: 960px;" src="../images/content/pagebuilder/MS_DonationPage_General_Banner.jpg"
alt="GivingTuesday November 28 - Kenneth diagnosed in 2004 - Andrea diagnosed in 2017"><br>
<p style="font-size: 19px; margin-bottom: 40px;">Your 2023 tax-deductible gift will help accelerate discoveries that will change the world for the nearly 1 million people living with multiple sclerosis in the U.S. Please make your
life-changing donation now. Thank you!</p>
</div>
</div>
<div class="form-row">
<div class="html-caption-container">
<!-- Give Once/Give Monthly Buttons -->
<div class="giving-selections"><button id="give-once" class="giving-button active">Give Once</button> <button id="give-monthly" class="giving-button">Give Monthly</button></div>
</div>
</div>
<div class="form-row">
<div class="html-caption-container">
<style type="text/css">
<!--
.donation-section-label {
font-weight: bold !important;
padding-top: 15px !important;
}
.input-group-prepend {
display: none !important;
}
-->
</style>
<script type="text/javascript">
// <![CDATA[
window.onload = function() {
let OT = document.getElementById("level_standardexpanded243573amount");
OT.style.textAlign = "center";
OT.style.color = "#005d63";
}
// ]]>
</script>
</div>
</div>
<div id="level_standard_row">
<div class="don-standard-levels form-row">
<div class="levels-label">
</div>
<div id="level_standard_row" class="form-row form-donation-level">
<div class="form-content">
<span class="field-required"></span> <span class="aural-only">Field Is Required</span>
<span class="FormLabelText">Select Gift Amount:</span>
<div class="donation-level-general-ask">
</div>
<div class="donation-levels">
<div class="donation-level-container level">
<div class="form-content">
<div class="donation-level-input-container form-input">
<div class="donation-level-label-input-container">
<input type="radio" name="level_standardexpanded" id="level_standardexpanded243566" value="243566" onclick="evalMatchingGift('$35.00');
updateDonorCoverAmount('$35.00');">
</div>
<label for="level_standardexpanded243566" onclick="">
<div class="donation-level-amount-container"> $35.00 </div>
<div class="donation-level-label-container"> $35 </div>
</label>
</div>
<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_243566expandedsubmit" value="true">
</div>
</div>
<div class="donation-level-container level">
<div class="form-content">
<div class="donation-level-input-container form-input">
<div class="donation-level-label-input-container">
<input type="radio" name="level_standardexpanded" id="level_standardexpanded243565" value="243565" onclick="evalMatchingGift('$55.00');
updateDonorCoverAmount('$55.00');">
</div>
<label for="level_standardexpanded243565" onclick="">
<div class="donation-level-amount-container"> $55.00 </div>
<div class="donation-level-label-container"> $55 </div>
</label>
</div>
<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_243565expandedsubmit" value="true">
</div>
</div>
<div class="donation-level-container level">
<div class="form-content">
<div class="donation-level-input-container form-input">
<div class="donation-level-label-input-container">
<input type="radio" name="level_standardexpanded" id="level_standardexpanded243570" value="243570" onclick="evalMatchingGift('$75.00');
updateDonorCoverAmount('$75.00');">
</div>
<label for="level_standardexpanded243570" onclick="">
<div class="donation-level-amount-container"> $75.00 </div>
<div class="donation-level-label-container"> $75 </div>
</label>
</div>
<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_243570expandedsubmit" value="true">
</div>
</div>
<div class="donation-level-container level">
<div class="form-content">
<div class="donation-level-input-container form-input">
<div class="donation-level-label-input-container">
<input type="radio" name="level_standardexpanded" id="level_standardexpanded243569" value="243569" onclick="evalMatchingGift('$100.00');
updateDonorCoverAmount('$100.00');">
</div>
<label for="level_standardexpanded243569" onclick="">
<div class="donation-level-amount-container"> $100.00 </div>
<div class="donation-level-label-container"> $100 </div>
</label>
</div>
<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_243569expandedsubmit" value="true">
</div>
</div>
<div class="donation-level-container level">
<div class="form-content">
<div class="donation-level-input-container form-input">
<div class="donation-level-label-input-container">
<input type="radio" name="level_standardexpanded" id="level_standardexpanded243568" value="243568" onclick="evalMatchingGift('$150.00');
updateDonorCoverAmount('$150.00');">
</div>
<label for="level_standardexpanded243568" onclick="">
<div class="donation-level-amount-container"> $150.00 </div>
<div class="donation-level-label-container"> $150 </div>
</label>
</div>
<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_243568expandedsubmit" value="true">
</div>
</div>
<div class="donation-level-container level">
<div class="form-content">
<div class="donation-level-input-container form-input">
<div class="donation-level-label-input-container">
<input type="radio" name="level_standardexpanded" id="level_standardexpanded243567" value="243567" onclick="evalMatchingGift('$250.00');
updateDonorCoverAmount('$250.00');">
</div>
<label for="level_standardexpanded243567" onclick="">
<div class="donation-level-amount-container"> $250.00 </div>
<div class="donation-level-label-container"> $250 </div>
</label>
</div>
<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_243567expandedsubmit" value="true">
</div>
</div>
<div class="donation-level-container level">
<div class="form-content">
<div class="donation-level-input-container form-input">
<div class="donation-level-label-input-container">
<input type="radio" name="level_standardexpanded" id="level_standardexpanded243574" value="243574" onclick="evalMatchingGift('$1,000.00');
updateDonorCoverAmount('$1,000.00');">
</div>
<label for="level_standardexpanded243574" onclick="">
<div class="donation-level-amount-container"> $1,000.00 </div>
<div class="donation-level-label-container"> $1,000 </div>
</label>
</div>
<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_243574expandedsubmit" value="true">
</div>
</div>
<div class="donation-level-container otherAmount">
<div class="form-content">
<div class="donation-level-input-container form-input">
<div class="donation-level-label-input-container">
<input type="radio" name="level_standardexpanded" id="level_standardexpanded243573" value="243573" onclick="evalMatchingGift(document.getElementById('level_standardexpanded243573amount').value);
updateDonorCoverAmount(document.getElementById('level_standardexpanded243573amount').value);">
</div>
<label for="level_standardexpanded243573" onclick="">
<div class="donation-level-label-container"> Other </div>
</label>
<div class="donation-level-user-entered">
<label for="level_standardexpanded243573amount"><span class="aural-only">Enter amount</span></label>
<div class="input-group">
<div class="input-group-prepend">$</div><input type="text" name="level_standardexpanded243573amount" id="level_standardexpanded243573amount" value="" size="12" maxlength="50"
onfocus="var el = document.getElementById ('level_standardexpanded243573');if (el) el.click(); fire_obs_comp_event('level_standardexpanded243573amount', this, event);evalMatchingGift(value); "
onchange="fire_obs_comp_event('level_standardexpanded243573amount', this, event);evalMatchingGift(value);" onkeyup="fire_obs_comp_event('level_standardexpanded243573amount', this, event);evalMatchingGift(value);"
onblur="fire_obs_comp_event('level_standardexpanded243573amount', this);updateDonorCoverAmount(value);" placeholder="Other" style="text-align: center; color: rgb(0, 93, 99);">
</div>
</div>
</div>
<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_243573expandedsubmit" value="true">
</div>
</div>
</div>
</div>
<script type="text/javascript">
Y.use("jquery-ui", function(Y) {
jQuery(function() {
// subscribe observables
jQuery('div.donation-level-element-container').find('input[type="radio"]').each(function() {
var syncAction = function(obj) {
if (obj.is(':checked')) {
obj.closest('div.donation-level-container').addClass('selected');
} else {
obj.closest('div.donation-level-container').removeClass('selected');
};
return arguments.callee;
}(jQuery(this));
jQuery(this).click(function() {
jQuery('div.donation-level-container').removeClass('selected');
syncAction(jQuery(this));
});
});
});
});
</script><noscript> </noscript>
</div>
<div class="levels-gift-aid">
</div>
<input type="hidden" name="level_standardsubmit" id="level_standardsubmit" value="true">
<script type="text/javascript">
function updateDonorCoverAmount(gift) {
if (typeof updateAmount !== "undefined") {
updateAmount(gift);
}
};
function evalMatchingGift(gift) {}
</script><noscript> </noscript>
</div>
<div class="FormRow">
<div id="transactionAmountConfirmation" style="padding: 10px 0px 15px 0px;">
<div style="background:#FCE397;border:1px solid #F3C539;padding:8px;">
<p style="margin:0;padding:0;font-size:14px;">Please verify the donation amount<span id="transactionAmountConfirmation-amount2"> of $0</span> is correct.</p>
</div>
</div>
</div>
<div class="donation-level-container-generic-repeat form-input">
<div class="donation-section-label"> Make your gift monthly to give vital, stable support for people with MS and progress toward a cure. </div>
<div class="generic-repeat-label-checkbox-container">
<input type="checkbox" name="level_standardauto_repeatname" id="level_standardauto_repeatname" onclick="fire_obs_comp_event('level_standardauto_repeat', this);" onkeypress="fire_obs_comp_event('level_standardauto_repeat', this);">
<label for="level_standardauto_repeatname"> Yes, I want to help even more. Please make my gift monthly. </label>
</div>
<input type="hidden" name="level_standardauto_repeatsubmit" id="level_standardauto_repeatsubmit" value="true">
</div>
<script type="text/javascript">
// subscribe listeners to make an ajax call to the server to calculate the total amount
Y.use('jquery-noconflict', function() {
var fetchAmountFunc = function() {
// find all the select, textarea, input, etc... and format them into key=val pairs.
var params = jQuery('#level_standard_row :input').serialize();
// parse the path and append the key/value pairs above to the url
var url = 'https://secure.nationalmssociety.org/site/Donation2?idb=581987161&level_standardajaxfetch=true&66592.donation=form1&df_id=66592&mfc_pref=T&level_standardtotalcalculateBtn=true';
var index = url.indexOf("?");
var path = url.substring(0, index);
var args = url.substring(index + 1, url.length);
args += '&' + params;
var recurringGiftTermsContainer = jQuery('#recurring_gift_terms_acceptance_message_container');
if (recurringGiftTermsContainer && recurringGiftTermsContainer.length > 0) {
jQuery.ajax(path, {
data: args,
success: function(data) {
jQuery('#recurring_gift_terms_acceptance_message_container').trigger("recurringTermsChange");
}
});
}
};
jQuery('#level_standard_row :input[type=text]').blur(function() {
fetchAmountFunc();
});
jQuery('#level_standard_row input:checkbox, #level_standard_row input:radio').click(function() {
fetchAmountFunc();
});
jQuery('#level_standard_row select').change(function() {
fetchAmountFunc();
});
// call it on page load
fetchAmountFunc();
});
</script><noscript> </noscript>
</div>
<h2 class="section-header-container" style="border-top: none; padding: 0px; margin: 0px;"> Contact Information </h2>
<div id="billing_first_name_row" class="form-row form-text">
<div class="form-content">
<label for="billing_first_namename">First name</label>
<span class="field-required"></span><input type="text" name="billing_first_namename" id="billing_first_namename" value="" maxlength="50">
<input type="hidden" name="billing_first_namesubmit" id="billing_first_namesubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('billing_first_name', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('billing_first_name_row', _display);
this.disable_submit_flag(_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<div id="billing_last_name_row" class="form-row form-text">
<div class="form-content">
<label for="billing_last_namename">Last name</label>
<span class="field-required"></span><input type="text" name="billing_last_namename" id="billing_last_namename" value="" maxlength="50">
<input type="hidden" name="billing_last_namesubmit" id="billing_last_namesubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('billing_last_name', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('billing_last_name_row', _display);
this.disable_submit_flag(_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<div id="donor_email_address_row" class="form-row form-text">
<div class="form-content">
<label for="donor_email_addressname">Email Address</label>
<span class="field-required"></span><input type="email" name="donor_email_addressname" id="donor_email_addressname" value="" maxlength="255">
<input type="hidden" name="donor_email_addresssubmit" id="donor_email_addresssubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('donor_email_address', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('donor_email_address_row', _display);
this.disable_submit_flag(_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<div id="billing_addr_street1_row" class="form-row form-text">
<div class="form-content">
<label for="billing_addr_street1name">Street</label>
<span class="field-required"></span><input type="text" name="billing_addr_street1name" id="billing_addr_street1name" value="" maxlength="50">
<input type="hidden" name="billing_addr_street1submit" id="billing_addr_street1submit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('billing_addr_street1', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('billing_addr_street1_row', _display);
this.disable_submit_flag(_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<div id="billing_addr_street2_row" class="form-row form-text">
<div class="form-content">
<label for="billing_addr_street2name">Address 2</label>
<input type="text" name="billing_addr_street2name" id="billing_addr_street2name" value="" maxlength="50">
<input type="hidden" name="billing_addr_street2submit" id="billing_addr_street2submit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('billing_addr_street2', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('billing_addr_street2_row', _display);
this.disable_submit_flag(_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<div id="billing_addr_country_row" class="form-row form-selectlist">
<div class="form-content">
<label class="FormLabel" for="billing_addr_country">Country</label><span class="field-required"></span>
<select name="billing_addr_country" id="billing_addr_country" size="1" onchange="fire_obs_comp_event('billing_addr_country', this)">
<option></option>
<option selected="selected" value="United States">United States</option>
<option value="Afghanistan">Afghanistan</option>
<option value="Aland Islands">Aland Islands</option>
<option value="Albania">Albania</option>
<option value="Algeria">Algeria</option>
<option value="American Samoa">American Samoa</option>
<option value="Andorra">Andorra</option>
<option value="Angola">Angola</option>
<option value="Anguilla">Anguilla</option>
<option value="Antarctica">Antarctica</option>
<option value="Antigua and Barbuda">Antigua and Barbuda</option>
<option value="Argentina">Argentina</option>
<option value="Armenia">Armenia</option>
<option value="Aruba">Aruba</option>
<option value="Australia">Australia</option>
<option value="Austria">Austria</option>
<option value="Azerbaijan">Azerbaijan</option>
<option value="Bahamas">Bahamas</option>
<option value="Bahrain">Bahrain</option>
<option value="Bangladesh">Bangladesh</option>
<option value="Barbados">Barbados</option>
<option value="Belarus">Belarus</option>
<option value="Belgium">Belgium</option>
<option value="Belize">Belize</option>
<option value="Benin">Benin</option>
<option value="Bermuda">Bermuda</option>
<option value="Bhutan">Bhutan</option>
<option value="Bolivia, Plurinational State of">Bolivia, Plurinational State of</option>
<option value="Bonaire, Sint Eustatius and Saba">Bonaire, Sint Eustatius and Saba</option>
<option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option>
<option value="Botswana">Botswana</option>
<option value="Bouvet Island">Bouvet Island</option>
<option value="Brazil">Brazil</option>
<option value="British Indian Ocean Territory">British Indian Ocean Territory</option>
<option value="Brunei Darussalam">Brunei Darussalam</option>
<option value="Bulgaria">Bulgaria</option>
<option value="Burkina Faso">Burkina Faso</option>
<option value="Burundi">Burundi</option>
<option value="Cambodia">Cambodia</option>
<option value="Cameroon">Cameroon</option>
<option value="Canada">Canada</option>
<option value="Cape Verde">Cape Verde</option>
<option value="Cayman Islands">Cayman Islands</option>
<option value="Central African Republic">Central African Republic</option>
<option value="Chad">Chad</option>
<option value="Chile">Chile</option>
<option value="China">China</option>
<option value="Christmas Island">Christmas Island</option>
<option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option>
<option value="Colombia">Colombia</option>
<option value="Comoros">Comoros</option>
<option value="Congo">Congo</option>
<option value="Congo, The Democratic Republic of the">Congo, The Democratic Republic of the</option>
<option value="Cook Islands">Cook Islands</option>
<option value="Costa Rica">Costa Rica</option>
<option value="Cote D'Ivoire">Cote D'Ivoire</option>
<option value="Croatia">Croatia</option>
<option value="Cuba">Cuba</option>
<option value="Curacao">Curacao</option>
<option value="Cyprus">Cyprus</option>
<option value="Czech Republic">Czech Republic</option>
<option value="Denmark">Denmark</option>
<option value="Djibouti">Djibouti</option>
<option value="Dominica">Dominica</option>
<option value="Dominican Republic">Dominican Republic</option>
<option value="Ecuador">Ecuador</option>
<option value="Egypt">Egypt</option>
<option value="El Salvador">El Salvador</option>
<option value="Equatorial Guinea">Equatorial Guinea</option>
<option value="Eritrea">Eritrea</option>
<option value="Estonia">Estonia</option>
<option value="Ethiopia">Ethiopia</option>
<option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option>
<option value="Faroe Islands">Faroe Islands</option>
<option value="Fiji">Fiji</option>
<option value="Finland">Finland</option>
<option value="France">France</option>
<option value="French Guiana">French Guiana</option>
<option value="French Polynesia">French Polynesia</option>
<option value="French Southern Territories">French Southern Territories</option>
<option value="Gabon">Gabon</option>
<option value="Gambia">Gambia</option>
<option value="Georgia">Georgia</option>
<option value="Germany">Germany</option>
<option value="Ghana">Ghana</option>
<option value="Gibraltar">Gibraltar</option>
<option value="Greece">Greece</option>
<option value="Greenland">Greenland</option>
<option value="Grenada">Grenada</option>
<option value="Guadeloupe">Guadeloupe</option>
<option value="Guam">Guam</option>
<option value="Guatemala">Guatemala</option>
<option value="Guernsey">Guernsey</option>
<option value="Guinea">Guinea</option>
<option value="Guinea-Bissau">Guinea-Bissau</option>
<option value="Guyana">Guyana</option>
<option value="Haiti">Haiti</option>
<option value="Heard Island and McDonald Islands">Heard Island and McDonald Islands</option>
<option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option>
<option value="Honduras">Honduras</option>
<option value="Hong Kong">Hong Kong</option>
<option value="Hungary">Hungary</option>
<option value="Iceland">Iceland</option>
<option value="India">India</option>
<option value="Indonesia">Indonesia</option>
<option value="Iran, Islamic Republic of">Iran, Islamic Republic of</option>
<option value="Iraq">Iraq</option>
<option value="Ireland">Ireland</option>
<option value="Isle of Man">Isle of Man</option>
<option value="Israel">Israel</option>
<option value="Italy">Italy</option>
<option value="Jamaica">Jamaica</option>
<option value="Japan">Japan</option>
<option value="Jersey">Jersey</option>
<option value="Jordan">Jordan</option>
<option value="Kazakhstan">Kazakhstan</option>
<option value="Kenya">Kenya</option>
<option value="Kiribati">Kiribati</option>
<option value="Korea, Democratic People's Republic of">Korea, Democratic People's Republic of</option>
<option value="Korea, Republic of">Korea, Republic of</option>
<option value="Kuwait">Kuwait</option>
<option value="Kyrgyzstan">Kyrgyzstan</option>
<option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option>
<option value="Latvia">Latvia</option>
<option value="Lebanon">Lebanon</option>
<option value="Lesotho">Lesotho</option>
<option value="Liberia">Liberia</option>
<option value="Libya">Libya</option>
<option value="Liechtenstein">Liechtenstein</option>
<option value="Lithuania">Lithuania</option>
<option value="Luxembourg">Luxembourg</option>
<option value="Macao">Macao</option>
<option value="Macedonia, The Former Yugoslav Republic of">Macedonia, The Former Yugoslav Republic of</option>
<option value="Madagascar">Madagascar</option>
<option value="Malawi">Malawi</option>
<option value="Malaysia">Malaysia</option>
<option value="Maldives">Maldives</option>
<option value="Mali">Mali</option>
<option value="Malta">Malta</option>
<option value="Marshall Islands">Marshall Islands</option>
<option value="Martinique">Martinique</option>
<option value="Mauritania">Mauritania</option>
<option value="Mauritius">Mauritius</option>
<option value="Mayotte">Mayotte</option>
<option value="Mexico">Mexico</option>
<option value="Micronesia, Federated States of">Micronesia, Federated States of</option>
<option value="Moldova, Republic of">Moldova, Republic of</option>
<option value="Monaco">Monaco</option>
<option value="Mongolia">Mongolia</option>
<option value="Montenegro">Montenegro</option>
<option value="Montserrat">Montserrat</option>
<option value="Morocco">Morocco</option>
<option value="Mozambique">Mozambique</option>
<option value="Myanmar">Myanmar</option>
<option value="Namibia">Namibia</option>
<option value="Nauru">Nauru</option>
<option value="Nepal">Nepal</option>
<option value="Netherlands">Netherlands</option>
<option value="New Caledonia">New Caledonia</option>
<option value="New Zealand">New Zealand</option>
<option value="Nicaragua">Nicaragua</option>
<option value="Niger">Niger</option>
<option value="Nigeria">Nigeria</option>
<option value="Niue">Niue</option>
<option value="Norfolk Island">Norfolk Island</option>
<option value="Northern Mariana Islands">Northern Mariana Islands</option>
<option value="Norway">Norway</option>
<option value="Oman">Oman</option>
<option value="Pakistan">Pakistan</option>
<option value="Palau">Palau</option>
<option value="Palestine, State of">Palestine, State of</option>
<option value="Panama">Panama</option>
<option value="Papua New Guinea">Papua New Guinea</option>
<option value="Paraguay">Paraguay</option>
<option value="Peru">Peru</option>
<option value="Philippines">Philippines</option>
<option value="Pitcairn">Pitcairn</option>
<option value="Poland">Poland</option>
<option value="Portugal">Portugal</option>
<option value="Puerto Rico">Puerto Rico</option>
<option value="Qatar">Qatar</option>
<option value="Reunion">Reunion</option>
<option value="Romania">Romania</option>
<option value="Russian Federation">Russian Federation</option>
<option value="Rwanda">Rwanda</option>
<option value="Saint Barthelemy">Saint Barthelemy</option>
<option value="Saint Helena, Ascension and Tristan da Cunha">Saint Helena, Ascension and Tristan da Cunha</option>
<option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option>
<option value="Saint Lucia">Saint Lucia</option>
<option value="Saint Martin (French Part)">Saint Martin (French Part)</option>
<option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option>
<option value="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option>
<option value="Samoa">Samoa</option>
<option value="San Marino">San Marino</option>
<option value="Sao Tome and Principe">Sao Tome and Principe</option>
<option value="Saudi Arabia">Saudi Arabia</option>
<option value="Senegal">Senegal</option>
<option value="Serbia">Serbia</option>
<option value="Seychelles">Seychelles</option>
<option value="Sierra Leone">Sierra Leone</option>
<option value="Singapore">Singapore</option>
<option value="Sint Maarten (Dutch Part)">Sint Maarten (Dutch Part)</option>
<option value="Slovakia">Slovakia</option>
<option value="Slovenia">Slovenia</option>
<option value="Solomon Islands">Solomon Islands</option>
<option value="Somalia">Somalia</option>
<option value="South Africa">South Africa</option>
<option value="South Georgia and the South Sandwich Islands">South Georgia and the South Sandwich Islands</option>
<option value="South Sudan">South Sudan</option>
<option value="Spain">Spain</option>
<option value="Sri Lanka">Sri Lanka</option>
<option value="Sudan">Sudan</option>
<option value="Suriname">Suriname</option>
<option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option>
<option value="Swaziland">Swaziland</option>
<option value="Sweden">Sweden</option>
<option value="Switzerland">Switzerland</option>
<option value="Syrian Arab Republic">Syrian Arab Republic</option>
<option value="Taiwan">Taiwan</option>
<option value="Tajikistan">Tajikistan</option>
<option value="Tanzania, United Republic of">Tanzania, United Republic of</option>
<option value="Thailand">Thailand</option>
<option value="Timor-Leste">Timor-Leste</option>
<option value="Togo">Togo</option>
<option value="Tokelau">Tokelau</option>
<option value="Tonga">Tonga</option>
<option value="Trinidad and Tobago">Trinidad and Tobago</option>
<option value="Tunisia">Tunisia</option>
<option value="Turkey">Turkey</option>
<option value="Turkmenistan">Turkmenistan</option>
<option value="Turks and Caicos Islands">Turks and Caicos Islands</option>
<option value="Tuvalu">Tuvalu</option>
<option value="Uganda">Uganda</option>
<option value="Ukraine">Ukraine</option>
<option value="United Arab Emirates">United Arab Emirates</option>
<option value="United Kingdom">United Kingdom</option>
<option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option>
<option value="Uruguay">Uruguay</option>
<option value="Uzbekistan">Uzbekistan</option>
<option value="Vanuatu">Vanuatu</option>
<option value="Venezuela, Bolivarian Republic of">Venezuela, Bolivarian Republic of</option>
<option value="Viet Nam">Viet Nam</option>
<option value="Virgin Islands, British">Virgin Islands, British</option>
<option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option>
<option value="Wallis and Futuna">Wallis and Futuna</option>
<option value="Western Sahara">Western Sahara</option>
<option value="Yemen">Yemen</option>
<option value="Zambia">Zambia</option>
<option value="Zimbabwe">Zimbabwe</option>
</select>
<script type="text/javascript">
<!--
var comp = new ObservableComponent('billing_addr_country', '');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('billing_addr_country_Row', _display);
this.disable_submit_flag(_hidden);
}
//
-->
</script>
<noscript><br>Required</noscript>
<input type="hidden" name="billing_addr_countrysubmit" id="billing_addr_countrysubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('billing_addr_country', '');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('billing_addr_country_row', _display);
this.disable_submit_flag(_hidden);
}
function billing_addr_country_listChanged(_evt) {
var e = _evt ? _evt : event; // IE vs. Mozilla event model
if (e) {
var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model
fire_obs_comp_event('billing_addr_country', src);
}
}
var el = document.getElementById('billing_addr_country');
if (el) {
Utils.addEvent(el, 'change', billing_addr_country_listChanged);
}
</script><noscript> </noscript>
</div>
</div>
<div id="billing_addr_zip_row" class="form-row form-text">
<div class="form-content">
<label for="billing_addr_zipname">Postcode</label>
<span class="field-required"></span><input type="text" name="billing_addr_zipname" id="billing_addr_zipname" value="" maxlength="50">
<input type="hidden" name="billing_addr_zipsubmit" id="billing_addr_zipsubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('billing_addr_zip', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('billing_addr_zip_row', _display);
this.disable_submit_flag(_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<div id="billing_addr_city_row" class="form-row form-text">
<div class="form-content">
<label for="billing_addr_cityname">City</label>
<span class="field-required"></span><input type="text" name="billing_addr_cityname" id="billing_addr_cityname" value="" maxlength="50">
<input type="hidden" name="billing_addr_citysubmit" id="billing_addr_citysubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('billing_addr_city', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('billing_addr_city_row', _display);
this.disable_submit_flag(_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<div id="billing_addr_state_row" class="form-row form-selectlist">
<div class="form-content">
<label class="FormLabel" for="billing_addr_state">State</label>
<span class="field-required"></span><select name="billing_addr_state" id="billing_addr_state" size="1" onchange="fire_obs_comp_event('billing_addr_state', this)">
<option></option>
<option value="None">None</option>
<option value="AK">AK - Alaska</option>
<option value="AL">AL - Alabama</option>
<option value="AR">AR - Arkansas</option>
<option value="AZ">AZ - Arizona</option>
<option value="CA">CA - California</option>
<option value="CO">CO - Colorado</option>
<option value="CT">CT - Connecticut</option>
<option value="DC">DC - District of Columbia</option>
<option value="DE">DE - Delaware</option>
<option value="FL">FL - Florida</option>
<option value="GA">GA - Georgia</option>
<option value="HI">HI - Hawaii</option>
<option value="IA">IA - Iowa</option>
<option value="ID">ID - Idaho</option>
<option value="IL">IL - Illinois</option>
<option value="IN">IN - Indiana</option>
<option value="KS">KS - Kansas</option>
<option value="KY">KY - Kentucky</option>
<option value="LA">LA - Louisiana</option>
<option value="MA">MA - Massachusetts</option>
<option value="MD">MD - Maryland</option>
<option value="ME">ME - Maine</option>
<option value="MI">MI - Michigan</option>
<option value="MN">MN - Minnesota</option>
<option value="MO">MO - Missouri</option>
<option value="MS">MS - Mississippi</option>
<option value="MT">MT - Montana</option>
<option value="NC">NC - North Carolina</option>
<option value="ND">ND - North Dakota</option>
<option value="NE">NE - Nebraska</option>
<option value="NH">NH - New Hampshire</option>
<option value="NJ">NJ - New Jersey</option>
<option value="NM">NM - New Mexico</option>
<option value="NV">NV - Nevada</option>
<option value="NY">NY - New York</option>
<option value="OH">OH - Ohio</option>
<option value="OK">OK - Oklahoma</option>
<option value="OR">OR - Oregon</option>
<option value="PA">PA - Pennsylvania</option>
<option value="RI">RI - Rhode Island</option>
<option value="SC">SC - South Carolina</option>
<option value="SD">SD - South Dakota</option>
<option value="TN">TN - Tennessee</option>
<option value="TX">TX - Texas</option>
<option value="UT">UT - Utah</option>
<option value="VA">VA - Virginia</option>
<option value="VT">VT - Vermont</option>
<option value="WA">WA - Washington</option>
<option value="WI">WI - Wisconsin</option>
<option value="WV">WV - West Virginia</option>
<option value="WY">WY - Wyoming</option>
<option value="AS">AS - American Samoa</option>
<option value="FM">FM - Federated States of Micronesia</option>
<option value="GU">GU - Guam</option>
<option value="MH">MH - Marshall Islands</option>
<option value="MP">MP - Northern Mariana Islands</option>
<option value="PR">PR - Puerto Rico</option>
<option value="PW">PW - Palau</option>
<option value="VI">VI - Virgin Islands</option>
<option value="AA">AA - Armed Forces Americas</option>
<option value="AE">AE - Armed Forces</option>
<option value="AP">AP - Armed Forces Pacific</option>
<option value="AB">AB - Alberta</option>
<option value="BC">BC - British Columbia</option>
<option value="MB">MB - Manitoba</option>
<option value="NB">NB - New Brunswick</option>
<option value="NL">NL - Newfoundland and Labrador</option>
<option value="NS">NS - Nova Scotia</option>
<option value="NT">NT - Northwest Territories</option>
<option value="NU">NU - Nunavut</option>
<option value="ON">ON - Ontario</option>
<option value="PE">PE - Prince Edward Island</option>
<option value="QC">QC - Quebec</option>
<option value="SK">SK - Saskatchewan</option>
<option value="YT">YT - Yukon</option>
</select>
<script type="text/javascript">
<!--
var comp = new ObservableComponent('billing_addr_state', '');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('billing_addr_state_Row', _display);
this.disable_submit_flag(_hidden);
}
//
-->
</script>
<noscript><br>Required</noscript>
<input type="hidden" name="billing_addr_statesubmit" id="billing_addr_statesubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('billing_addr_state', '');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('billing_addr_state_row', _display);
this.disable_submit_flag(_hidden);
}
function billing_addr_state_listChanged(_evt) {
var e = _evt ? _evt : event; // IE vs. Mozilla event model
if (e) {
var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model
fire_obs_comp_event('billing_addr_state', src);
}
}
var el = document.getElementById('billing_addr_state');
if (el) {
Utils.addEvent(el, 'change', billing_addr_state_listChanged);
}
</script><noscript> </noscript>
</div>
</div>
<div class="form-row">
<div class="html-caption-container">
<!-- Give Monthly Checkbox Duplicate Display -->
<div id="monthly-checkbox-ask">
<div class="donation-section-label"> Make your gift monthly to give vital, stable support for people with MS and progress toward a cure. </div>
<div class="generic-repeat-label-checkbox-container">
<input id="give-monthly-checkbox" type="checkbox">
<label for="give-monthly-checkbox">Yes, I want to help even more. Please make my gift monthly.</label>
</div>
</div>
</div>
</div>
<div class="form-row">
<div class="html-caption-container">
<style>
.bold {
font-weight: bold;
}
</style>
<div class="form-row">
<div class="form-group custom-checkbox">
<input type="checkbox" name="cover_fees" id="cover_fees">
<label for="cover_fees" class="bold"> Please add <span class="js--cover-fee-amt"></span> to my donation to help offset service and processing fees. <span class="js--cover-fee-monthly" style="display: none;"> Applied on your first
transaction only.</span>
</label>
</div>
</div>
</div>
</div>
<input type="hidden" name="additional_amounthidden" id="additional_amounthidden" value="0">
<h2 class="section-header-container" style="color: inherit; font-weight: normal;"> Tribute </h2>
<div class="form-row">
<div class="html-caption-container">
<div class="form-row">
<div class="form-group custom-checkbox">
<input id="tribute-show" type="checkbox" value="true" onclick="toggleCheck('tribute_show_honor_fieldsname')">
<label> My donation is in honor or memory of someone special. </label>
</div>
</div>
<div class="form-row d-none js--tribute-notification">
<div class="btn-group form-group">
<button type="button" class="btn btn-toggle btn-toggle--honor" onclick="selectTribute('honor')"> In Honor </button>
<button type="button" class="btn btn-toggle btn-toggle--memory" onclick="selectTribute('memory')"> In Memory </button>
</div>
</div>
</div>
</div>
<div id="tribute_show_honor_fields_row" class="form-row form-checkbox">
<div class="form-content">
<input type="checkbox" name="tribute_show_honor_fieldsname" id="tribute_show_honor_fieldsname" onclick="fire_obs_comp_event('tribute_show_honor_fields', this);">
<label for="tribute_show_honor_fieldsname">Yes, this is an honor or memorial gift</label>
<input type="hidden" name="tribute_show_honor_fieldssubmit" id="tribute_show_honor_fieldssubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('tribute_show_honor_fields', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('tribute_show_honor_fields_row', _display);
this.disable_submit_flag(_hidden);
}
comp.set = function(_value) {
if (document.getElementById('tribute_show_honor_fieldsname')) {
document.getElementById('tribute_show_honor_fieldsname').checked = _value;
this.fireEvent();
}
}
comp.get = function() {
if (document.getElementById('tribute_show_honor_fieldsname')) {
return document.getElementById('tribute_show_honor_fieldsname').checked;
}
}
comp.clear = function() {
this.set(false);
}
</script><noscript> </noscript>
</div>
</div>
<div id="tribute_honoree_name_row" class="form-row form-text" style="display: none;">
<div class="form-content">
<span class="field-required"></span>
<label for="tribute_honoree_namename">Honoree Name:</label>
<input type="text" name="tribute_honoree_namename" id="tribute_honoree_namename" value="" maxlength="50">
<input type="hidden" name="tribute_honoree_namesubmit_skip" id="tribute_honoree_namesubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('tribute_honoree_name', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('tribute_honoree_name_row', _display);
this.disable_submit_flag(_hidden);
}
observe_component('tribute_show_honor_fields.true', new ComponentDisplayer('tribute_honoree_name'));
</script><noscript> </noscript>
</div>
</div>
<div class="form-row">
<div class="html-caption-container">
<div class="form-row d-none js--tribute-notification">
<div class="form-group custom-checkbox">
<input id="tribute_notification" type="checkbox" value="true" onclick="toggleLetterFields()">
<label for="tribute_notification"> Send a notification letter of my donation to the recipient I indicate below. </label>
</div>
</div>
</div>
</div>
<div id="tribute_type_row" class="form-row form-selectlist" style="display: none;">
<div class="form-content">
<label class="FormLabel" for="tribute_type">Honor Gift Type:</label>
<select name="tribute_type" id="tribute_type" size="1">
<option></option>
<option value="tribute_type_value1">In Memory of</option>
<option value="tribute_type_value2">In Honor of</option>
</select>
<script type="text/javascript">
<!--
var comp = new ObservableComponent('tribute_type', '');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('tribute_type_Row', _display);
this.disable_submit_flag(_hidden);
}
//
-->
</script>
<noscript><br>Required</noscript>
<input type="hidden" name="tribute_typesubmit_skip" id="tribute_typesubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('tribute_type', '');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('tribute_type_row', _display);
this.disable_submit_flag(_hidden);
}
observe_component('tribute_show_honor_fields.true', new ComponentDisplayer('tribute_type'));
function tribute_type_listChanged(_evt) {
var e = _evt ? _evt : event; // IE vs. Mozilla event model
if (e) {
var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model
fire_obs_comp_event('tribute_type', src);
}
}
var el = document.getElementById('tribute_type');
if (el) {
Utils.addEvent(el, 'change', tribute_type_listChanged);
}
</script><noscript> </noscript>
</div>
</div>
<div id="tribute_notify_recip_name_row" class="form-row form-text d-none" style="display: none;">
<div class="form-content"><span class="field-required"></span>
<label for="tribute_notify_recip_namename">Notification Recipient Name:</label>
<input type="text" name="tribute_notify_recip_namename" id="tribute_notify_recip_namename" value="" maxlength="70">
<input type="hidden" name="tribute_notify_recip_namesubmit_skip" id="tribute_notify_recip_namesubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('tribute_notify_recip_name', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('tribute_notify_recip_name_row', _display);
this.disable_submit_flag(_hidden);
}
observe_component('tribute_show_honor_fields.true', new ComponentDisplayer('tribute_notify_recip_name'));
</script><noscript> </noscript>
</div>
</div>
<div id="tribute_notify_recip_street1_row" class="form-row form-text d-none" style="display: none;">
<div class="form-content"><span class="field-required"></span>
<label for="tribute_notify_recip_street1name">Notification Recipient Street 1:</label>
<input type="text" name="tribute_notify_recip_street1name" id="tribute_notify_recip_street1name" value="" maxlength="50">
<input type="hidden" name="tribute_notify_recip_street1submit_skip" id="tribute_notify_recip_street1submit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('tribute_notify_recip_street1', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('tribute_notify_recip_street1_row', _display);
this.disable_submit_flag(_hidden);
}
observe_component('tribute_show_honor_fields.true', new ComponentDisplayer('tribute_notify_recip_street1'));
</script><noscript> </noscript>
</div>
</div>
<div id="tribute_notify_recip_street2_row" class="form-row form-text d-none" style="display: none;">
<div class="form-content">
<label for="tribute_notify_recip_street2name">Notification Recipient Street 2:</label>
<input type="text" name="tribute_notify_recip_street2name" id="tribute_notify_recip_street2name" value="" maxlength="50">
<input type="hidden" name="tribute_notify_recip_street2submit_skip" id="tribute_notify_recip_street2submit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('tribute_notify_recip_street2', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('tribute_notify_recip_street2_row', _display);
this.disable_submit_flag(_hidden);
}
observe_component('tribute_show_honor_fields.true', new ComponentDisplayer('tribute_notify_recip_street2'));
</script><noscript> </noscript>
</div>
</div>
<div id="tribute_notify_recip_city_row" class="form-row form-text d-none" style="display: none;">
<div class="form-content"><span class="field-required"></span>
<label for="tribute_notify_recip_cityname">Notification Recipient City:</label>
<input type="text" name="tribute_notify_recip_cityname" id="tribute_notify_recip_cityname" value="" maxlength="50">
<input type="hidden" name="tribute_notify_recip_citysubmit_skip" id="tribute_notify_recip_citysubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('tribute_notify_recip_city', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('tribute_notify_recip_city_row', _display);
this.disable_submit_flag(_hidden);
}
observe_component('tribute_show_honor_fields.true', new ComponentDisplayer('tribute_notify_recip_city'));
</script><noscript> </noscript>
</div>
</div>
<div id="tribute_notify_recip_state_row" class="form-row form-selectlist d-none" style="display: none;">
<div class="form-content"><span class="field-required"></span>
<label class="FormLabel" for="tribute_notify_recip_state">Notification Recipient State/Province:</label>
<select name="tribute_notify_recip_state" id="tribute_notify_recip_state" size="1" onchange="fire_obs_comp_event('tribute_notify_recip_state', this)">
<option></option>
<option value="None">None</option>
<option value="AK">AK - Alaska</option>
<option value="AL">AL - Alabama</option>
<option value="AR">AR - Arkansas</option>
<option value="AZ">AZ - Arizona</option>
<option value="CA">CA - California</option>
<option value="CO">CO - Colorado</option>
<option value="CT">CT - Connecticut</option>
<option value="DC">DC - District of Columbia</option>
<option value="DE">DE - Delaware</option>
<option value="FL">FL - Florida</option>
<option value="GA">GA - Georgia</option>
<option value="HI">HI - Hawaii</option>
<option value="IA">IA - Iowa</option>
<option value="ID">ID - Idaho</option>
<option value="IL">IL - Illinois</option>
<option value="IN">IN - Indiana</option>
<option value="KS">KS - Kansas</option>
<option value="KY">KY - Kentucky</option>
<option value="LA">LA - Louisiana</option>
<option value="MA">MA - Massachusetts</option>
<option value="MD">MD - Maryland</option>
<option value="ME">ME - Maine</option>
<option value="MI">MI - Michigan</option>
<option value="MN">MN - Minnesota</option>
<option value="MO">MO - Missouri</option>
<option value="MS">MS - Mississippi</option>
<option value="MT">MT - Montana</option>
<option value="NC">NC - North Carolina</option>
<option value="ND">ND - North Dakota</option>
<option value="NE">NE - Nebraska</option>
<option value="NH">NH - New Hampshire</option>
<option value="NJ">NJ - New Jersey</option>
<option value="NM">NM - New Mexico</option>
<option value="NV">NV - Nevada</option>
<option value="NY">NY - New York</option>
<option value="OH">OH - Ohio</option>
<option value="OK">OK - Oklahoma</option>
<option value="OR">OR - Oregon</option>
<option value="PA">PA - Pennsylvania</option>
<option value="RI">RI - Rhode Island</option>
<option value="SC">SC - South Carolina</option>
<option value="SD">SD - South Dakota</option>
<option value="TN">TN - Tennessee</option>
<option value="TX">TX - Texas</option>
<option value="UT">UT - Utah</option>
<option value="VA">VA - Virginia</option>
<option value="VT">VT - Vermont</option>
<option value="WA">WA - Washington</option>
<option value="WI">WI - Wisconsin</option>
<option value="WV">WV - West Virginia</option>
<option value="WY">WY - Wyoming</option>
<option value="AS">AS - American Samoa</option>
<option value="FM">FM - Federated States of Micronesia</option>
<option value="GU">GU - Guam</option>
<option value="MH">MH - Marshall Islands</option>
<option value="MP">MP - Northern Mariana Islands</option>
<option value="PR">PR - Puerto Rico</option>
<option value="PW">PW - Palau</option>
<option value="VI">VI - Virgin Islands</option>
<option value="AA">AA - Armed Forces Americas</option>
<option value="AE">AE - Armed Forces</option>
<option value="AP">AP - Armed Forces Pacific</option>
<option value="AB">AB - Alberta</option>
<option value="BC">BC - British Columbia</option>
<option value="MB">MB - Manitoba</option>
<option value="NB">NB - New Brunswick</option>
<option value="NL">NL - Newfoundland and Labrador</option>
<option value="NS">NS - Nova Scotia</option>
<option value="NT">NT - Northwest Territories</option>
<option value="NU">NU - Nunavut</option>
<option value="ON">ON - Ontario</option>
<option value="PE">PE - Prince Edward Island</option>
<option value="QC">QC - Quebec</option>
<option value="SK">SK - Saskatchewan</option>
<option value="YT">YT - Yukon</option>
</select>
<script type="text/javascript">
<!--
var comp = new ObservableComponent('tribute_notify_recip_state', '');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('tribute_notify_recip_state_Row', _display);
this.disable_submit_flag(_hidden);
}
//
-->
</script>
<noscript><br>Required</noscript>
<input type="hidden" name="tribute_notify_recip_statesubmit_skip" id="tribute_notify_recip_statesubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('tribute_notify_recip_state', '');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('tribute_notify_recip_state_row', _display);
this.disable_submit_flag(_hidden);
}
observe_component('tribute_show_honor_fields.true', new ComponentDisplayer('tribute_notify_recip_state'));
function tribute_notify_recip_state_listChanged(_evt) {
var e = _evt ? _evt : event; // IE vs. Mozilla event model
if (e) {
var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model
fire_obs_comp_event('tribute_notify_recip_state', src);
}
}
var el = document.getElementById('tribute_notify_recip_state');
if (el) {
Utils.addEvent(el, 'change', tribute_notify_recip_state_listChanged);
}
</script><noscript> </noscript>
</div>
</div>
<div id="tribute_notify_recip_zip_row" class="form-row form-text d-none" style="display: none;">
<div class="form-content"><span class="field-required"></span>
<label for="tribute_notify_recip_zipname">Notification Recipient ZIP/Postal Code:</label>
<input type="text" name="tribute_notify_recip_zipname" id="tribute_notify_recip_zipname" value="" maxlength="50">
<input type="hidden" name="tribute_notify_recip_zipsubmit_skip" id="tribute_notify_recip_zipsubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('tribute_notify_recip_zip', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('tribute_notify_recip_zip_row', _display);
this.disable_submit_flag(_hidden);
}
observe_component('tribute_show_honor_fields.true', new ComponentDisplayer('tribute_notify_recip_zip'));
</script><noscript> </noscript>
</div>
</div>
<div id="tribute_notify_recip_country_row" class="form-row form-selectlist d-none" style="display: none;">
<div class="form-content"><span class="field-required"></span>
<label class="FormLabel" for="tribute_notify_recip_country">Notification Recipient Country:</label>
<select name="tribute_notify_recip_country" id="tribute_notify_recip_country" size="1" onchange="fire_obs_comp_event('tribute_notify_recip_country', this)">
<option></option>
<option selected="selected" value="United States">United States</option>
<option value="Afghanistan">Afghanistan</option>
<option value="Aland Islands">Aland Islands</option>
<option value="Albania">Albania</option>
<option value="Algeria">Algeria</option>
<option value="American Samoa">American Samoa</option>
<option value="Andorra">Andorra</option>
<option value="Angola">Angola</option>
<option value="Anguilla">Anguilla</option>
<option value="Antarctica">Antarctica</option>
<option value="Antigua and Barbuda">Antigua and Barbuda</option>
<option value="Argentina">Argentina</option>
<option value="Armenia">Armenia</option>
<option value="Aruba">Aruba</option>
<option value="Australia">Australia</option>
<option value="Austria">Austria</option>
<option value="Azerbaijan">Azerbaijan</option>
<option value="Bahamas">Bahamas</option>
<option value="Bahrain">Bahrain</option>
<option value="Bangladesh">Bangladesh</option>
<option value="Barbados">Barbados</option>
<option value="Belarus">Belarus</option>
<option value="Belgium">Belgium</option>
<option value="Belize">Belize</option>
<option value="Benin">Benin</option>
<option value="Bermuda">Bermuda</option>
<option value="Bhutan">Bhutan</option>
<option value="Bolivia, Plurinational State of">Bolivia, Plurinational State of</option>
<option value="Bonaire, Sint Eustatius and Saba">Bonaire, Sint Eustatius and Saba</option>
<option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option>
<option value="Botswana">Botswana</option>
<option value="Bouvet Island">Bouvet Island</option>
<option value="Brazil">Brazil</option>
<option value="British Indian Ocean Territory">British Indian Ocean Territory</option>
<option value="Brunei Darussalam">Brunei Darussalam</option>
<option value="Bulgaria">Bulgaria</option>
<option value="Burkina Faso">Burkina Faso</option>
<option value="Burundi">Burundi</option>
<option value="Cambodia">Cambodia</option>
<option value="Cameroon">Cameroon</option>
<option value="Canada">Canada</option>
<option value="Cape Verde">Cape Verde</option>
<option value="Cayman Islands">Cayman Islands</option>
<option value="Central African Republic">Central African Republic</option>
<option value="Chad">Chad</option>
<option value="Chile">Chile</option>
<option value="China">China</option>
<option value="Christmas Island">Christmas Island</option>
<option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option>
<option value="Colombia">Colombia</option>
<option value="Comoros">Comoros</option>
<option value="Congo">Congo</option>
<option value="Congo, The Democratic Republic of the">Congo, The Democratic Republic of the</option>
<option value="Cook Islands">Cook Islands</option>
<option value="Costa Rica">Costa Rica</option>
<option value="Cote D'Ivoire">Cote D'Ivoire</option>
<option value="Croatia">Croatia</option>
<option value="Cuba">Cuba</option>
<option value="Curacao">Curacao</option>
<option value="Cyprus">Cyprus</option>
<option value="Czech Republic">Czech Republic</option>
<option value="Denmark">Denmark</option>
<option value="Djibouti">Djibouti</option>
<option value="Dominica">Dominica</option>
<option value="Dominican Republic">Dominican Republic</option>
<option value="Ecuador">Ecuador</option>
<option value="Egypt">Egypt</option>
<option value="El Salvador">El Salvador</option>
<option value="Equatorial Guinea">Equatorial Guinea</option>
<option value="Eritrea">Eritrea</option>
<option value="Estonia">Estonia</option>
<option value="Ethiopia">Ethiopia</option>
<option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option>
<option value="Faroe Islands">Faroe Islands</option>
<option value="Fiji">Fiji</option>
<option value="Finland">Finland</option>
<option value="France">France</option>
<option value="French Guiana">French Guiana</option>
<option value="French Polynesia">French Polynesia</option>
<option value="French Southern Territories">French Southern Territories</option>
<option value="Gabon">Gabon</option>
<option value="Gambia">Gambia</option>
<option value="Georgia">Georgia</option>
<option value="Germany">Germany</option>
<option value="Ghana">Ghana</option>
<option value="Gibraltar">Gibraltar</option>
<option value="Greece">Greece</option>
<option value="Greenland">Greenland</option>
<option value="Grenada">Grenada</option>
<option value="Guadeloupe">Guadeloupe</option>
<option value="Guam">Guam</option>
<option value="Guatemala">Guatemala</option>
<option value="Guernsey">Guernsey</option>
<option value="Guinea">Guinea</option>
<option value="Guinea-Bissau">Guinea-Bissau</option>
<option value="Guyana">Guyana</option>
<option value="Haiti">Haiti</option>
<option value="Heard Island and McDonald Islands">Heard Island and McDonald Islands</option>
<option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option>
<option value="Honduras">Honduras</option>
<option value="Hong Kong">Hong Kong</option>
<option value="Hungary">Hungary</option>
<option value="Iceland">Iceland</option>
<option value="India">India</option>
<option value="Indonesia">Indonesia</option>
<option value="Iran, Islamic Republic of">Iran, Islamic Republic of</option>
<option value="Iraq">Iraq</option>
<option value="Ireland">Ireland</option>
<option value="Isle of Man">Isle of Man</option>
<option value="Israel">Israel</option>
<option value="Italy">Italy</option>
<option value="Jamaica">Jamaica</option>
<option value="Japan">Japan</option>
<option value="Jersey">Jersey</option>
<option value="Jordan">Jordan</option>
<option value="Kazakhstan">Kazakhstan</option>
<option value="Kenya">Kenya</option>
<option value="Kiribati">Kiribati</option>
<option value="Korea, Democratic People's Republic of">Korea, Democratic People's Republic of</option>
<option value="Korea, Republic of">Korea, Republic of</option>
<option value="Kuwait">Kuwait</option>
<option value="Kyrgyzstan">Kyrgyzstan</option>
<option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option>
<option value="Latvia">Latvia</option>
<option value="Lebanon">Lebanon</option>
<option value="Lesotho">Lesotho</option>
<option value="Liberia">Liberia</option>
<option value="Libya">Libya</option>
<option value="Liechtenstein">Liechtenstein</option>
<option value="Lithuania">Lithuania</option>
<option value="Luxembourg">Luxembourg</option>
<option value="Macao">Macao</option>
<option value="Macedonia, The Former Yugoslav Republic of">Macedonia, The Former Yugoslav Republic of</option>
<option value="Madagascar">Madagascar</option>
<option value="Malawi">Malawi</option>
<option value="Malaysia">Malaysia</option>
<option value="Maldives">Maldives</option>
<option value="Mali">Mali</option>
<option value="Malta">Malta</option>
<option value="Marshall Islands">Marshall Islands</option>
<option value="Martinique">Martinique</option>
<option value="Mauritania">Mauritania</option>
<option value="Mauritius">Mauritius</option>
<option value="Mayotte">Mayotte</option>
<option value="Mexico">Mexico</option>
<option value="Micronesia, Federated States of">Micronesia, Federated States of</option>
<option value="Moldova, Republic of">Moldova, Republic of</option>
<option value="Monaco">Monaco</option>
<option value="Mongolia">Mongolia</option>
<option value="Montenegro">Montenegro</option>
<option value="Montserrat">Montserrat</option>
<option value="Morocco">Morocco</option>
<option value="Mozambique">Mozambique</option>
<option value="Myanmar">Myanmar</option>
<option value="Namibia">Namibia</option>
<option value="Nauru">Nauru</option>
<option value="Nepal">Nepal</option>
<option value="Netherlands">Netherlands</option>
<option value="New Caledonia">New Caledonia</option>
<option value="New Zealand">New Zealand</option>
<option value="Nicaragua">Nicaragua</option>
<option value="Niger">Niger</option>
<option value="Nigeria">Nigeria</option>
<option value="Niue">Niue</option>
<option value="Norfolk Island">Norfolk Island</option>
<option value="Northern Mariana Islands">Northern Mariana Islands</option>
<option value="Norway">Norway</option>
<option value="Oman">Oman</option>
<option value="Pakistan">Pakistan</option>
<option value="Palau">Palau</option>
<option value="Palestine, State of">Palestine, State of</option>
<option value="Panama">Panama</option>
<option value="Papua New Guinea">Papua New Guinea</option>
<option value="Paraguay">Paraguay</option>
<option value="Peru">Peru</option>
<option value="Philippines">Philippines</option>
<option value="Pitcairn">Pitcairn</option>
<option value="Poland">Poland</option>
<option value="Portugal">Portugal</option>
<option value="Puerto Rico">Puerto Rico</option>
<option value="Qatar">Qatar</option>
<option value="Reunion">Reunion</option>
<option value="Romania">Romania</option>
<option value="Russian Federation">Russian Federation</option>
<option value="Rwanda">Rwanda</option>
<option value="Saint Barthelemy">Saint Barthelemy</option>
<option value="Saint Helena, Ascension and Tristan da Cunha">Saint Helena, Ascension and Tristan da Cunha</option>
<option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option>
<option value="Saint Lucia">Saint Lucia</option>
<option value="Saint Martin (French Part)">Saint Martin (French Part)</option>
<option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option>
<option value="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option>
<option value="Samoa">Samoa</option>
<option value="San Marino">San Marino</option>
<option value="Sao Tome and Principe">Sao Tome and Principe</option>
<option value="Saudi Arabia">Saudi Arabia</option>
<option value="Senegal">Senegal</option>
<option value="Serbia">Serbia</option>
<option value="Seychelles">Seychelles</option>
<option value="Sierra Leone">Sierra Leone</option>
<option value="Singapore">Singapore</option>
<option value="Sint Maarten (Dutch Part)">Sint Maarten (Dutch Part)</option>
<option value="Slovakia">Slovakia</option>
<option value="Slovenia">Slovenia</option>
<option value="Solomon Islands">Solomon Islands</option>
<option value="Somalia">Somalia</option>
<option value="South Africa">South Africa</option>
<option value="South Georgia and the South Sandwich Islands">South Georgia and the South Sandwich Islands</option>
<option value="South Sudan">South Sudan</option>
<option value="Spain">Spain</option>
<option value="Sri Lanka">Sri Lanka</option>
<option value="Sudan">Sudan</option>
<option value="Suriname">Suriname</option>
<option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option>
<option value="Swaziland">Swaziland</option>
<option value="Sweden">Sweden</option>
<option value="Switzerland">Switzerland</option>
<option value="Syrian Arab Republic">Syrian Arab Republic</option>
<option value="Taiwan">Taiwan</option>
<option value="Tajikistan">Tajikistan</option>
<option value="Tanzania, United Republic of">Tanzania, United Republic of</option>
<option value="Thailand">Thailand</option>
<option value="Timor-Leste">Timor-Leste</option>
<option value="Togo">Togo</option>
<option value="Tokelau">Tokelau</option>
<option value="Tonga">Tonga</option>
<option value="Trinidad and Tobago">Trinidad and Tobago</option>
<option value="Tunisia">Tunisia</option>
<option value="Turkey">Turkey</option>
<option value="Turkmenistan">Turkmenistan</option>
<option value="Turks and Caicos Islands">Turks and Caicos Islands</option>
<option value="Tuvalu">Tuvalu</option>
<option value="Uganda">Uganda</option>
<option value="Ukraine">Ukraine</option>
<option value="United Arab Emirates">United Arab Emirates</option>
<option value="United Kingdom">United Kingdom</option>
<option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option>
<option value="Uruguay">Uruguay</option>
<option value="Uzbekistan">Uzbekistan</option>
<option value="Vanuatu">Vanuatu</option>
<option value="Venezuela, Bolivarian Republic of">Venezuela, Bolivarian Republic of</option>
<option value="Viet Nam">Viet Nam</option>
<option value="Virgin Islands, British">Virgin Islands, British</option>
<option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option>
<option value="Wallis and Futuna">Wallis and Futuna</option>
<option value="Western Sahara">Western Sahara</option>
<option value="Yemen">Yemen</option>
<option value="Zambia">Zambia</option>
<option value="Zimbabwe">Zimbabwe</option>
</select>
<script type="text/javascript">
<!--
var comp = new ObservableComponent('tribute_notify_recip_country', '');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('tribute_notify_recip_country_Row', _display);
this.disable_submit_flag(_hidden);
}
//
-->
</script>
<noscript><br>Required</noscript>
<input type="hidden" name="tribute_notify_recip_countrysubmit_skip" id="tribute_notify_recip_countrysubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('tribute_notify_recip_country', '');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('tribute_notify_recip_country_row', _display);
this.disable_submit_flag(_hidden);
}
observe_component('tribute_show_honor_fields.true', new ComponentDisplayer('tribute_notify_recip_country'));
function tribute_notify_recip_country_listChanged(_evt) {
var e = _evt ? _evt : event; // IE vs. Mozilla event model
if (e) {
var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model
fire_obs_comp_event('tribute_notify_recip_country', src);
}
}
var el = document.getElementById('tribute_notify_recip_country');
if (el) {
Utils.addEvent(el, 'change', tribute_notify_recip_country_listChanged);
}
</script><noscript> </noscript>
</div>
</div>
<div id="tribute_signature_row" class="form-row form-text d-none" style="display: none;">
<div class="form-content"><span class="field-required"></span>
<label for="tribute_signaturename">Message Signature:</label>
<input type="text" name="tribute_signaturename" id="tribute_signaturename" value="" maxlength="70">
<input type="hidden" name="tribute_signaturesubmit_skip" id="tribute_signaturesubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('tribute_signature', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('tribute_signature_row', _display);
this.disable_submit_flag(_hidden);
}
observe_component('tribute_show_honor_fields.true', new ComponentDisplayer('tribute_signature'));
</script><noscript> </noscript>
</div>
</div>
<div id="tribute_message_body_row" class="form-row form-text d-none" style="display: none;">
<div class="form-content"><span class="field-required"></span>
<label for="tribute_message_bodyname">Message Body:</label>
<textarea cols="50" rows="4" name="tribute_message_bodyname" id="tribute_message_bodyname"></textarea>
<input type="hidden" name="tribute_message_bodysubmit_skip" id="tribute_message_bodysubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('tribute_message_body', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('tribute_message_body_row', _display);
this.disable_submit_flag(_hidden);
}
observe_component('tribute_show_honor_fields.true', new ComponentDisplayer('tribute_message_body'));
</script><noscript> </noscript>
</div>
</div>
<h2 class="section-header-container"> Payment Information </h2>
<div class="payment-type-element-container">
<div class="payment-type-selection-container payment-field-container">
<h3>Payment Method:</h3>
<div id="responsive_payment_typepay_typeradio_row" class="form-row">
<div class="form-content">
<div class="payment-type-selections" id="responsive_payment_typepay_typeradio_payment_types">
<span class="internal-payment"><span class="payment-type-option selected payment-option-1"><input type="radio" name="responsive_payment_typepay_typeradio" id="responsive_payment_typepay_typeradiocredit" value="credit"
checked="checked" onclick="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);" onkeypress="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);"><label
for="responsive_payment_typepay_typeradiocredit"><a href="javascript:void(0);" class="payment-type-label">Credit Card</a></label>
<script type="text/javascript">
var comp = new ObservableRadioComponent('responsive_payment_typepay_typeradio', 'name');
</script><noscript> </noscript>
</span></span>
<span class="external-payment"><span class="payment-type-option"><input type="radio" name="responsive_payment_typepay_typeradio" id="responsive_payment_typepay_typeradiopaypal" value="paypal"
onclick="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);" onkeypress="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);"><label
for="responsive_payment_typepay_typeradiopaypal"><a href="javascript:void(0);" class="payment-type-label"><img src="../images/payment/paypal-logo.png" alt="Pay with Paypal"></a></label>
<script type="text/javascript">
var comp = new ObservableRadioComponent('responsive_payment_typepay_typeradio', 'name');
</script><noscript> </noscript>
</span></span>
</div>
<input type="hidden" name="responsive_payment_typepay_typeradiosubmit" id="responsive_payment_typepay_typeradiosubmit" value="true">
<script type="text/javascript">
Y.use("jquery-ui", function(Y) {
jQuery(function() {
// subscribe observable for payment type options
jQuery('.payment-type-option').each(function() {
var syncAction = function(obj) {
if (obj.hasClass('selected')) {
var radioGroupName = obj.find('input').attr('name');
obj.find('input').prop('checked', true);
fire_obs_comp_event(radioGroupName, obj.find('input').get());
}
return arguments.callee;
}(jQuery(this));
jQuery(this).click(function() {
jQuery('.payment-type-option').removeClass('selected');
jQuery(this).addClass('selected');
syncAction(jQuery(this));
var selectedValue = jQuery(this).find('input').val();
if (selectedValue == 'paypal' || selectedValue == 'amazon') {
// open up a boxinator dialog
jQuery(document).trigger('redirect-external');
jQuery('#btn_next').click();
}
});
});
});
});
var comp = new ObservableRadioComponent('responsive_payment_typepay_typeradio', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('responsive_payment_typepay_typeradio_row', _display);
this.disable_submit_flag(_hidden);
}
</script><noscript> </noscript>
</div>
</div>
</div>
<div id="payment_cc_container" class="payment-field-container">
<h3>Credit Card Information:</h3>
<div id="responsive_payment_typecc_type_row" class="form-row form-radio-array">
<div class="form-content">
<fieldset>
<legend>Credit Card Options:</legend>
<ul class="radio-array-list">
<li class="tender-row ">
<img src="../images/discovercard_sm.gif" alt="Discover" name="responsive_payment_typecc_type_Discover" id="responsive_payment_typecc_type_Discover">
</li>
<li class="tender-row ">
<img src="../images/amex_small.gif" alt="American Express" name="responsive_payment_typecc_type_American_Express" id="responsive_payment_typecc_type_American_Express">
</li>
<li class="tender-row ">
<img src="../images/mastercd_small.gif" alt="MasterCard" name="responsive_payment_typecc_type_MasterCard" id="responsive_payment_typecc_type_MasterCard">
</li>
<li class="tender-row ">
<img src="../images/visa_small.gif" alt="Visa" name="responsive_payment_typecc_type_Visa" id="responsive_payment_typecc_type_Visa">
</li>
</ul>
</fieldset>
<input type="hidden" name="responsive_payment_typecc_typesubmit" id="responsive_payment_typecc_typesubmit" value="true">
<script type="text/javascript">
var comp = new ObservableRadioComponent('responsive_payment_typecc_type', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('responsive_payment_typecc_type_row', _display);
this.disable_submit_flag(_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<div id="responsive_payment_typecc_number_row" class="form-row form-text">
<div class="form-content">
<label for="responsive_payment_typecc_numbername">Credit Card Number</label>
<span class="field-required"></span><input type="text" name="responsive_payment_typecc_numbername" id="responsive_payment_typecc_numbername" value="" maxlength="22" autocomplete="off" pattern="[0-9]*" inputmode="numeric">
<input type="hidden" name="responsive_payment_typecc_numbersubmit" id="responsive_payment_typecc_numbersubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('responsive_payment_typecc_number', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('responsive_payment_typecc_number_row', _display);
this.disable_submit_flag(_hidden);
}
observe_component('null', new ComponentDisplayer('responsive_payment_typecc_number'));
</script><noscript> </noscript>
</div>
</div>
<div id="responsive_payment_typecc_exp_date_row" class="form-row form-date">
<div class="form-content">
<label for="responsive_payment_typecc_exp_date_MONTH">
<span class="label-text">Expiration Date</span><span class="aural-only">Select month of credit card</span>
</label>
<label for="responsive_payment_typecc_exp_date_YEAR"><span class="aural-only">Select Expiration Year</span></label>
<span class="field-required"></span>
<div class="date-input-container">
<fieldset class="cardExpGroup">
<select name="responsive_payment_typecc_exp_date_MONTH" id="responsive_payment_typecc_exp_date_MONTH" onchange="fire_obs_comp_event('responsive_payment_typecc_exp_date_MONTH', this)">
<option value="1" selected="selected">01</option>
<option value="2">02</option>
<option value="3">03</option>
<option value="4">04</option>
<option value="5">05</option>
<option value="6">06</option>
<option value="7">07</option>
<option value="8">08</option>
<option value="9">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
<select name="responsive_payment_typecc_exp_date_YEAR" id="responsive_payment_typecc_exp_date_YEAR" onchange="fire_obs_comp_event('responsive_payment_typecc_exp_date_YEAR', this)">
<option value="2024" selected="selected">2024</option>
<option value="2025">2025</option>
<option value="2026">2026</option>
<option value="2027">2027</option>
<option value="2028">2028</option>
<option value="2029">2029</option>
<option value="2030">2030</option>
<option value="2031">2031</option>
<option value="2032">2032</option>
<option value="2033">2033</option>
<option value="2034">2034</option>
</select>
</fieldset>
<input type="hidden" name="responsive_payment_typecc_exp_date_DAY" id="responsive_payment_typecc_exp_date_DAY" value="1">
<script type="text/javascript">
<!--
var comp1 = new ObservableComponent('responsive_payment_typecc_exp_date_MONTH', '');
comp1.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('responsive_payment_typecc_exp_date_Row', _display);
this.disable_submit_flag(_hidden);
}
var comp2 = new ObservableComponent('responsive_payment_typecc_exp_date_YEAR', '');
comp2.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('responsive_payment_typecc_exp_date_Row', _display);
this.disable_submit_flag(_hidden);
}
//
-->
</script><noscript> </noscript>
</div>
<input type="hidden" name="responsive_payment_typecc_exp_datesubmit" id="responsive_payment_typecc_exp_datesubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('responsive_payment_typecc_exp_date', 'input');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('responsive_payment_typecc_exp_date_row', _display);
disable_submit_flag('responsive_payment_typecc_exp_datesubmit', _hidden);
}
comp.disable = function(_disabled) {
disable_element('responsive_payment_typecc_exp_date_MONTH', _disabled);
disable_element('responsive_payment_typecc_exp_date_DAY', _disabled);
disable_element('responsive_payment_typecc_exp_date_YEAR', _disabled);
disable_element('responsive_payment_typecc_exp_date_HOUR12', _disabled);
disable_element('responsive_payment_typecc_exp_date_HOUR24', _disabled); //For UK, 24 hour clock used
disable_element('responsive_payment_typecc_exp_date_MINUTE', _disabled);
disable_element('responsive_payment_typecc_exp_date_AMPM', _disabled);
}
</script><noscript> </noscript>
</div>
</div>
<div id="responsive_payment_typecc_cvv_row" class="form-row form-text cvv-input">
<div class="form-content">
<label for="responsive_payment_typecc_cvvname">
<span class="FormLabelText">CVV Number</span>
</label>
<span
class="field-required"></span><a href="http://help.convio.net/site/PageServer?s_site=nmss&pagename=user_donation_cvv" class="HelpLink" title="What is this? Opens new window." target="_blank"><div class="icon-wrapper"><div class="icon-circle"><i class="fas fa-question icon-question"></i></div></div></a>
<input type="text" name="responsive_payment_typecc_cvvname" id="responsive_payment_typecc_cvvname" value="" maxlength="4" autocomplete="cc-csc" pattern="[0-9]*" inputmode="numeric">
<input type="hidden" name="responsive_payment_typecc_cvvsubmit" id="responsive_payment_typecc_cvvsubmit" value="true">
<script type="text/javascript">
//chrome is mapping cvv as card name
if (/CriOS/.test(navigator.userAgent) || (/Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor))) {
document.getElementById('responsive_payment_typecc_cvvname').autocomplete = 'cc-csc';
}
var comp = new ObservableComponent('responsive_payment_typecc_cvv', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('responsive_payment_typecc_cvv_row', _display);
this.disable_submit_flag(_hidden);
}
</script><noscript> </noscript>
</div>
</div>
</div>
<div id="payment_check_container" class="payment-field-container" style="display: none;">
<h3>Check Information</h3>
</div>
<input type="hidden" name="responsive_payment_typesubmit" id="responsive_payment_typesubmit" value="true">
<script type="text/javascript">
function PaymentObserver() {
this.observe = function(_event) {
var sVal = _event.component.get();
switch (sVal) {
case 'check':
hide_element('payment_cc_container');
hide_element('payment_bank_container');
show_element('payment_check_container');
break;
case 'credit':
hide_element('payment_bank_container');
hide_element('payment_check_container');
show_element('payment_cc_container');
break;
case 'ach':
hide_element('payment_cc_container');
hide_element('payment_check_container');
show_element('payment_bank_container');
break;
case 'paypal':
case 'amazon':
case 'mobilepay':
default:
// hide all
hide_element('payment_bank_container');
hide_element('payment_cc_container');
hide_element('payment_check_container');
break;
}
}
}
// Set the observer to show/hide the relevant fields
observe_component('responsive_payment_typepay_typeradio', new PaymentObserver());
</script><noscript> </noscript>
</div>
<div class="form-row">
<div class="html-caption-container">
<!-- test conditional until client approves REMOVED -- LIVE,
don_formID =
levelID = [no donation level],
levelAmt =
-->
<script>
jQuery(document).ready(function() {
setTimeout(function() {
// adding PayPal/Venmo and Apple/Google pay buttons with jQuery
var x = jQuery('#apple_block').detach();
// if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){
// do something to show the click to pay button
if (window.ApplePaySession) {
// do something to show the Apple Pay button
jQuery('#responsive_payment_typepay_typeradio_payment_types').append(x);
}
// }
}, 100);
}); // end of doc ready
</script>
<style>
#apple_block a {
width: 100px;
display: inline-block;
border: 2px solid #ccc;
border-radius: 5px;
text-align: center;
}
.apple_btn {
height: 50px;
}
div.payment-field-container span.external-payment span.payment-type-option {
height: 55px;
padding-top: 10px;
}
</style>
</div>
</div>
<div class="form-row">
<div class="html-caption-container">
<hr>
</div>
</div>
<div class="FormRow">
<div id="transactionAmountConfirmation" style="background:#FCE397;border:1px solid #F3C539;padding:8px;margin-bottom:12px;">
<p style="margin:0;padding:0;font-size:14px;">Donation amount: <span id="transactionAmountConfirmation-amount"> of $0</span><br>Click "Submit Donation" to complete the transaction.</p>
</div>
</div>
<div class="button-container clearfix">
<div class="button-sub-container">
<button class="step-button action-button finish-step" type="submit" id="pstep_finish" name="pstep_finish" value="Submit Donation"><img src="../images/content/pagebuilder/nmss_fy23_donate_btn_arrow.png" class="arrow"> Complete My
Donation</button>
</div>
</div>
<input type="hidden" name="idb" id="idb" value="581987161">
<input type="hidden" name="df_id" id="df_id" value="66592">
<input type="hidden" name="mfc_pref" id="mfc_pref" value="T">
<div class="form-row">
<div class="html-caption-container">
<style type="text/css">
<!--
/*inherit styles from event forms*/
.js--donation-form.loading {
display: none;
}
.tr-donation-form .section-banner--text .overlay-text {
padding: 12px 0;
}
.tr-donation-form .section-banner--text .overlay-text h1 {
margin-bottom: 0;
}
.tr-donation-form .tr-donation-form__intro-text {
font-size: 16px;
}
@media (min-width: 576px) {
.tr-donation-form .tr-donation-form__intro-text {
font-size: 18px;
}
}
@media (min-width: 768px) {
.tr-donation-form .tr-donation-form__intro-text {
font-size: 24px;
}
}
@media (max-width: 720px) {
.l-horizon {
padding-bottom: 40px;
}
}
.tr-donation-form .tr-donation-form__intro-text span {
font-weight: bold;
}
.tr-donation-form div.donation-form-container.responsive {
background: transparent;
border: none;
border-radius: 0;
font-family: inherit;
padding: 18px 16px;
margin: 0 auto;
max-width: 576px;
}
@media (min-width: 992px) {
.tr-donation-form div.donation-form-container.responsive {
max-width: 920px;
}
}
@media (min-width: 1200px) {
.tr-donation-form div.donation-form-container.responsive {
max-width: 992px;
}
}
.tr-donation-form div.donation-form-container.responsive div.form-content {
width: 100%;
}
.tr-donation-form div.donation-form-container.responsive input:disabled {
cursor: not-allowed;
}
.tr-donation-form div.donation-form-container.responsive .text-muted--light {
opacity: .25;
}
.tr-donation-form div.donation-form-container.responsive input[type="text"],
.tr-donation-form div.donation-form-container.responsive input[type="number"],
.tr-donation-form div.donation-form-container.responsive input[type="password"],
.tr-donation-form div.donation-form-container.responsive input[type="email"],
.tr-donation-form div.donation-form-container.responsive textarea,
.tr-donation-form div.donation-form-container.responsive select,
.tr-donation-form div.donation-form-container.responsive div.form-row div.form-content>select {
border: 1px solid #a1a1a1;
color: #686158;
padding: .5285rem .75rem;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.tr-donation-form div.donation-form-container.responsive select,
.tr-donation-form div.donation-form-container.responsive div.form-row div.form-content>select {
height: 48px;
line-height: 46px;
padding: 0 .75rem;
color: #686158;
background-color: #ffffff;
}
.tr-donation-form div.donation-form-container.responsive label.FormLabel {
width: auto;
min-width: 0;
}
.tr-donation-form div.donation-form-container.responsive label.custom-element-checkbox-label {
max-width: none;
}
.tr-donation-form div.donation-form-container.responsive .btn-toggle {
background-image: none;
cursor: pointer;
padding: 12px 16px;
font-size: 18px;
line-height: 1.5;
border-radius: 0;
text-align: center;
margin-right: 16px;
}
.tr-donation-form div.donation-form-container.responsive .btn-toggle:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive .btn-toggle:link:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive .btn-toggle:visited:not(.primary-bg) {
color: #212529;
background-color: #ffffff;
border: 1px solid #686158;
}
.tr-donation-form div.donation-form-container.responsive .btn-toggle:hover:not(.primary-bg) {
color: #fff;
background-color: #3d3935;
border-color: #3d3935;
}
.tr-donation-form div.donation-form-container.responsive .btn-toggle:focus,
.tr-donation-form div.donation-form-container.responsive .btn-toggle.focus {
outline: 5px auto #5E9ED6;
-webkit-box-shadow: none;
box-shadow: none;
}
.tr-donation-form div.donation-form-container.responsive .btn-toggle.disabled,
.tr-donation-form div.donation-form-container.responsive .btn-toggle:disabled {
color: #212529;
background-color: #ffffff;
border-color: #686158;
}
.tr-donation-form div.donation-form-container.responsive .btn-toggle:not(:disabled):not(.disabled):active,
.tr-donation-form div.donation-form-container.responsive .btn-toggle:not(:disabled):not(.disabled).active,
.show>.tr-donation-form div.donation-form-container.responsive .btn-toggle.dropdown-toggle {
color: #fff;
background-color: #f06f0b;
border-color: #f06f0b;
}
.tr-donation-form div.donation-form-container.responsive .btn-toggle:not(:disabled):not(.disabled):active:focus,
.tr-donation-form div.donation-form-container.responsive .btn-toggle:not(:disabled):not(.disabled).active:focus,
.show>.tr-donation-form div.donation-form-container.responsive .btn-toggle.dropdown-toggle:focus {
outline: 5px auto #5E9ED6;
-webkit-box-shadow: none;
box-shadow: none;
}
.tr-donation-form div.donation-form-container.responsive .btn-toggle .badge:not(.badge-outline) {
color: #ffffff;
background-color: #212529;
}
.tr-donation-form div.donation-form-container.responsive .btn-toggle .fa-angle-down {
color: #212529;
margin-left: 3px;
}
.tr-donation-form div.donation-form-container.responsive .btn-toggle:not(.primary-bg) {
border: 3px solid #686158;
}
@media (min-width: 576px) {
.tr-donation-form div.donation-form-container.responsive .btn-toggle {
padding: 12px 48px;
font-size: 18px;
line-height: 1.5;
border-radius: 0;
}
}
.tr-donation-form div.donation-form-container.responsive .form-donation-level {
max-width: 375px;
}
@media (min-width: 992px) {
.tr-donation-form div.donation-form-container.responsive .form-donation-level {
max-width: none;
}
}
.tr-donation-form div.donation-form-container.responsive .form-donation-level .FormLabelText {
font-size: 24px;
font-weight: 600;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container {
border: 0 none;
margin: 0;
max-width: 90px;
margin-right: 4px;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container:last-child {
margin-right: 0px;
}
@media (min-width: 576px) {
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container {
margin-right: 12px;
max-width: 100px;
}
}
@media (min-width: 992px) {
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container {
margin-right: 16px;
}
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container div.form-content {
margin: 0;
width: auto;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container div.donation-level-label-container {
background-image: none;
cursor: pointer;
padding: 6px 12px;
font-size: 20px;
line-height: 1.5;
border-radius: 0;
min-width: 90px;
text-align: center;
vertical-align: top;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container div.donation-level-label-container:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container div.donation-level-label-container:link:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container div.donation-level-label-container:visited:not(.primary-bg) {
color: #212529;
background-color: #ffffff;
border: 1px solid #686158;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container div.donation-level-label-container:hover:not(.primary-bg) {
color: #fff;
background-color: #3d3935;
border-color: #3d3935;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container div.donation-level-label-container:focus,
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container div.donation-level-label-container.focus {
outline: 5px auto #5E9ED6;
-webkit-box-shadow: none;
box-shadow: none;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container div.donation-level-label-container.disabled,
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container div.donation-level-label-container:disabled {
color: #212529;
background-color: #ffffff;
border-color: #686158;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container div.donation-level-label-container:not(:disabled):not(.disabled):active,
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container div.donation-level-label-container:not(:disabled):not(.disabled).active,
.show>.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container div.donation-level-label-container.dropdown-toggle {
color: #fff;
background-color: #f06f0b;
border-color: #f06f0b;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container div.donation-level-label-container:not(:disabled):not(.disabled):active:focus,
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container div.donation-level-label-container:not(:disabled):not(.disabled).active:focus,
.show>.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container div.donation-level-label-container.dropdown-toggle:focus {
outline: 5px auto #5E9ED6;
-webkit-box-shadow: none;
box-shadow: none;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container div.donation-level-label-container .badge:not(.badge-outline) {
color: #ffffff;
background-color: #212529;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container div.donation-level-label-container .fa-angle-down {
color: #212529;
margin-left: 3px;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container div.donation-level-label-container:not(.primary-bg) {
border: 3px solid #686158;
}
@media (min-width: 576px) {
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container div.donation-level-label-container {
min-width: 100px;
}
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container .donation-level-label-input-container,
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container div.donation-level-input-container input[type="radio"] {
display: none;
visibility: hidden;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container div.donation-level-input-container {
padding: 0;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount {
width: auto;
max-width: none;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount input[type="text"],
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount .input-group-prepend {
background-image: none;
cursor: pointer;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount input[type="text"]:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount input[type="text"]:link:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount input[type="text"]:visited:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount .input-group-prepend:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount .input-group-prepend:link:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount .input-group-prepend:visited:not(.primary-bg) {
color: #212529;
background-color: #ffffff;
border: 1px solid #686158;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount input[type="text"]:hover:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount .input-group-prepend:hover:not(.primary-bg) {
color: #212529;
background-color: #ffffff;
border-color: #686158;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount input[type="text"]:focus,
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount input[type="text"].focus,
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount .input-group-prepend:focus,
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount .input-group-prepend.focus {
outline: 5px auto #5E9ED6;
-webkit-box-shadow: none;
box-shadow: none;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount input[type="text"].disabled,
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount input[type="text"]:disabled,
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount .input-group-prepend.disabled,
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount .input-group-prepend:disabled {
color: #212529;
background-color: #ffffff;
border-color: #686158;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount input[type="text"]:not(:disabled):not(.disabled):active,
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount input[type="text"]:not(:disabled):not(.disabled).active,
.show>.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount input[type="text"].dropdown-toggle,
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount .input-group-prepend:not(:disabled):not(.disabled):active,
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount .input-group-prepend:not(:disabled):not(.disabled).active,
.show>.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount .input-group-prepend.dropdown-toggle {
color: #fff;
background-color: #ffffff;
border-color: #686158;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount input[type="text"]:not(:disabled):not(.disabled):active:focus,
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount input[type="text"]:not(:disabled):not(.disabled).active:focus,
.show>.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount input[type="text"].dropdown-toggle:focus,
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount .input-group-prepend:not(:disabled):not(.disabled):active:focus,
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount .input-group-prepend:not(:disabled):not(.disabled).active:focus,
.show>.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount .input-group-prepend.dropdown-toggle:focus {
outline: 5px auto #5E9ED6;
-webkit-box-shadow: none;
box-shadow: none;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount input[type="text"] .badge:not(.badge-outline),
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount .input-group-prepend .badge:not(.badge-outline) {
color: #ffffff;
background-color: #212529;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount input[type="text"] .fa-angle-down,
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount .input-group-prepend .fa-angle-down {
color: #212529;
margin-left: 3px;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount input[type="text"]:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount .input-group-prepend:not(.primary-bg) {
height: 48px;
border: 3px solid #686158;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount .input-group-prepend {
height: 48px;
max-height: none;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount .input-group-prepend:not(.primary-bg) {
border-right: 0 none;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount div.donation-level-user-entered {
margin: 0px;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount div.donation-level-user-entered label {
display: none;
}
.tr-donation-form div.donation-form-container.responsive div.matching-gift-container button.step-button {
margin: 0 0 0 -5px;
display: inline;
height: 48px;
padding: 10px 15px;
font-size: 18px;
line-height: 1.5;
border-radius: 0;
width: auto;
min-width: 0px;
}
.tr-donation-form div.donation-form-container.responsive button.step-button,
.tr-donation-form div.donation-form-container.responsive a#previous_step.step-button,
.tr-donation-form div.donation-form-container.responsive button#previous_step.step-button,
.tr-donation-form div.donation-form-container.responsive a#cancel_button.step-button,
.tr-donation-form div.donation-form-container.responsive button#cancel_button.step-button,
.tr-donation-form div.donation-form-container.responsive button#pstep_cancel.step-button,
.tr-donation-form div.donation-form-container.responsive .button,
.tr-donation-form div.donation-form-container.responsive a.button {
background-image: none;
cursor: pointer;
padding: 10px 20px;
font-size: 18px;
line-height: 1.5;
border-radius: 0;
max-width: none;
}
.tr-donation-form div.donation-form-container.responsive button.step-button:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive button.step-button:link:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive button.step-button:visited:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive a#previous_step.step-button:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive a#previous_step.step-button:link:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive a#previous_step.step-button:visited:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive button#previous_step.step-button:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive button#previous_step.step-button:link:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive button#previous_step.step-button:visited:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive a#cancel_button.step-button:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive a#cancel_button.step-button:link:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive a#cancel_button.step-button:visited:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive button#cancel_button.step-button:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive button#cancel_button.step-button:link:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive button#cancel_button.step-button:visited:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive button#pstep_cancel.step-button:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive button#pstep_cancel.step-button:link:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive button#pstep_cancel.step-button:visited:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive .button:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive .button:link:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive .button:visited:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive a.button:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive a.button:link:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive a.button:visited:not(.primary-bg) {
color: #fff;
background-color: #f06f0b;
border: 1px solid transparent;
}
.tr-donation-form div.donation-form-container.responsive button.step-button:hover:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive a#previous_step.step-button:hover:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive button#previous_step.step-button:hover:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive a#cancel_button.step-button:hover:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive button#cancel_button.step-button:hover:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive button#pstep_cancel.step-button:hover:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive .button:hover:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive a.button:hover:not(.primary-bg) {
color: #fff;
background-color: #3d3935;
border-color: transparent;
}
.tr-donation-form div.donation-form-container.responsive button.step-button:focus,
.tr-donation-form div.donation-form-container.responsive button.step-button.focus,
.tr-donation-form div.donation-form-container.responsive a#previous_step.step-button:focus,
.tr-donation-form div.donation-form-container.responsive a#previous_step.step-button.focus,
.tr-donation-form div.donation-form-container.responsive button#previous_step.step-button:focus,
.tr-donation-form div.donation-form-container.responsive button#previous_step.step-button.focus,
.tr-donation-form div.donation-form-container.responsive a#cancel_button.step-button:focus,
.tr-donation-form div.donation-form-container.responsive a#cancel_button.step-button.focus,
.tr-donation-form div.donation-form-container.responsive button#cancel_button.step-button:focus,
.tr-donation-form div.donation-form-container.responsive button#cancel_button.step-button.focus,
.tr-donation-form div.donation-form-container.responsive button#pstep_cancel.step-button:focus,
.tr-donation-form div.donation-form-container.responsive button#pstep_cancel.step-button.focus,
.tr-donation-form div.donation-form-container.responsive .button:focus,
.tr-donation-form div.donation-form-container.responsive .button.focus,
.tr-donation-form div.donation-form-container.responsive a.button:focus,
.tr-donation-form div.donation-form-container.responsive a.button.focus {
outline: 5px auto #5E9ED6;
-webkit-box-shadow: none;
box-shadow: none;
}
.tr-donation-form div.donation-form-container.responsive button.step-button.disabled,
.tr-donation-form div.donation-form-container.responsive button.step-button:disabled,
.tr-donation-form div.donation-form-container.responsive a#previous_step.step-button.disabled,
.tr-donation-form div.donation-form-container.responsive a#previous_step.step-button:disabled,
.tr-donation-form div.donation-form-container.responsive button#previous_step.step-button.disabled,
.tr-donation-form div.donation-form-container.responsive button#previous_step.step-button:disabled,
.tr-donation-form div.donation-form-container.responsive a#cancel_button.step-button.disabled,
.tr-donation-form div.donation-form-container.responsive a#cancel_button.step-button:disabled,
.tr-donation-form div.donation-form-container.responsive button#cancel_button.step-button.disabled,
.tr-donation-form div.donation-form-container.responsive button#cancel_button.step-button:disabled,
.tr-donation-form div.donation-form-container.responsive button#pstep_cancel.step-button.disabled,
.tr-donation-form div.donation-form-container.responsive button#pstep_cancel.step-button:disabled,
.tr-donation-form div.donation-form-container.responsive .button.disabled,
.tr-donation-form div.donation-form-container.responsive .button:disabled,
.tr-donation-form div.donation-form-container.responsive a.button.disabled,
.tr-donation-form div.donation-form-container.responsive a.button:disabled {
color: #fff;
background-color: #cc3f10;
border-color: transparent;
}
.tr-donation-form div.donation-form-container.responsive button.step-button:not(:disabled):not(.disabled):active,
.tr-donation-form div.donation-form-container.responsive button.step-button:not(:disabled):not(.disabled).active,
.show>.tr-donation-form div.donation-form-container.responsive button.step-button.dropdown-toggle,
.tr-donation-form div.donation-form-container.responsive a#previous_step.step-button:not(:disabled):not(.disabled):active,
.tr-donation-form div.donation-form-container.responsive a#previous_step.step-button:not(:disabled):not(.disabled).active,
.show>.tr-donation-form div.donation-form-container.responsive a#previous_step.step-button.dropdown-toggle,
.tr-donation-form div.donation-form-container.responsive button#previous_step.step-button:not(:disabled):not(.disabled):active,
.tr-donation-form div.donation-form-container.responsive button#previous_step.step-button:not(:disabled):not(.disabled).active,
.show>.tr-donation-form div.donation-form-container.responsive button#previous_step.step-button.dropdown-toggle,
.tr-donation-form div.donation-form-container.responsive a#cancel_button.step-button:not(:disabled):not(.disabled):active,
.tr-donation-form div.donation-form-container.responsive a#cancel_button.step-button:not(:disabled):not(.disabled).active,
.show>.tr-donation-form div.donation-form-container.responsive a#cancel_button.step-button.dropdown-toggle,
.tr-donation-form div.donation-form-container.responsive button#cancel_button.step-button:not(:disabled):not(.disabled):active,
.tr-donation-form div.donation-form-container.responsive button#cancel_button.step-button:not(:disabled):not(.disabled).active,
.show>.tr-donation-form div.donation-form-container.responsive button#cancel_button.step-button.dropdown-toggle,
.tr-donation-form div.donation-form-container.responsive button#pstep_cancel.step-button:not(:disabled):not(.disabled):active,
.tr-donation-form div.donation-form-container.responsive button#pstep_cancel.step-button:not(:disabled):not(.disabled).active,
.show>.tr-donation-form div.donation-form-container.responsive button#pstep_cancel.step-button.dropdown-toggle,
.tr-donation-form div.donation-form-container.responsive .button:not(:disabled):not(.disabled):active,
.tr-donation-form div.donation-form-container.responsive .button:not(:disabled):not(.disabled).active,
.show>.tr-donation-form div.donation-form-container.responsive .button.dropdown-toggle,
.tr-donation-form div.donation-form-container.responsive a.button:not(:disabled):not(.disabled):active,
.tr-donation-form div.donation-form-container.responsive a.button:not(:disabled):not(.disabled).active,
.show>.tr-donation-form div.donation-form-container.responsive a.button.dropdown-toggle {
color: #fff;
background-color: #3d3935;
border-color: transparent;
}
.tr-donation-form div.donation-form-container.responsive button.step-button:not(:disabled):not(.disabled):active:focus,
.tr-donation-form div.donation-form-container.responsive button.step-button:not(:disabled):not(.disabled).active:focus,
.show>.tr-donation-form div.donation-form-container.responsive button.step-button.dropdown-toggle:focus,
.tr-donation-form div.donation-form-container.responsive a#previous_step.step-button:not(:disabled):not(.disabled):active:focus,
.tr-donation-form div.donation-form-container.responsive a#previous_step.step-button:not(:disabled):not(.disabled).active:focus,
.show>.tr-donation-form div.donation-form-container.responsive a#previous_step.step-button.dropdown-toggle:focus,
.tr-donation-form div.donation-form-container.responsive button#previous_step.step-button:not(:disabled):not(.disabled):active:focus,
.tr-donation-form div.donation-form-container.responsive button#previous_step.step-button:not(:disabled):not(.disabled).active:focus,
.show>.tr-donation-form div.donation-form-container.responsive button#previous_step.step-button.dropdown-toggle:focus,
.tr-donation-form div.donation-form-container.responsive a#cancel_button.step-button:not(:disabled):not(.disabled):active:focus,
.tr-donation-form div.donation-form-container.responsive a#cancel_button.step-button:not(:disabled):not(.disabled).active:focus,
.show>.tr-donation-form div.donation-form-container.responsive a#cancel_button.step-button.dropdown-toggle:focus,
.tr-donation-form div.donation-form-container.responsive button#cancel_button.step-button:not(:disabled):not(.disabled):active:focus,
.tr-donation-form div.donation-form-container.responsive button#cancel_button.step-button:not(:disabled):not(.disabled).active:focus,
.show>.tr-donation-form div.donation-form-container.responsive button#cancel_button.step-button.dropdown-toggle:focus,
.tr-donation-form div.donation-form-container.responsive button#pstep_cancel.step-button:not(:disabled):not(.disabled):active:focus,
.tr-donation-form div.donation-form-container.responsive button#pstep_cancel.step-button:not(:disabled):not(.disabled).active:focus,
.show>.tr-donation-form div.donation-form-container.responsive button#pstep_cancel.step-button.dropdown-toggle:focus,
.tr-donation-form div.donation-form-container.responsive .button:not(:disabled):not(.disabled):active:focus,
.tr-donation-form div.donation-form-container.responsive .button:not(:disabled):not(.disabled).active:focus,
.show>.tr-donation-form div.donation-form-container.responsive .button.dropdown-toggle:focus,
.tr-donation-form div.donation-form-container.responsive a.button:not(:disabled):not(.disabled):active:focus,
.tr-donation-form div.donation-form-container.responsive a.button:not(:disabled):not(.disabled).active:focus,
.show>.tr-donation-form div.donation-form-container.responsive a.button.dropdown-toggle:focus {
outline: 5px auto #5E9ED6;
-webkit-box-shadow: none;
box-shadow: none;
}
.tr-donation-form div.donation-form-container.responsive button.step-button .badge:not(.badge-outline),
.tr-donation-form div.donation-form-container.responsive a#previous_step.step-button .badge:not(.badge-outline),
.tr-donation-form div.donation-form-container.responsive button#previous_step.step-button .badge:not(.badge-outline),
.tr-donation-form div.donation-form-container.responsive a#cancel_button.step-button .badge:not(.badge-outline),
.tr-donation-form div.donation-form-container.responsive button#cancel_button.step-button .badge:not(.badge-outline),
.tr-donation-form div.donation-form-container.responsive button#pstep_cancel.step-button .badge:not(.badge-outline),
.tr-donation-form div.donation-form-container.responsive .button .badge:not(.badge-outline),
.tr-donation-form div.donation-form-container.responsive a.button .badge:not(.badge-outline) {
color: #cc3f10;
background-color: #fff;
}
.tr-donation-form div.donation-form-container.responsive button.step-button .fa-angle-down,
.tr-donation-form div.donation-form-container.responsive a#previous_step.step-button .fa-angle-down,
.tr-donation-form div.donation-form-container.responsive button#previous_step.step-button .fa-angle-down,
.tr-donation-form div.donation-form-container.responsive a#cancel_button.step-button .fa-angle-down,
.tr-donation-form div.donation-form-container.responsive button#cancel_button.step-button .fa-angle-down,
.tr-donation-form div.donation-form-container.responsive button#pstep_cancel.step-button .fa-angle-down,
.tr-donation-form div.donation-form-container.responsive .button .fa-angle-down,
.tr-donation-form div.donation-form-container.responsive a.button .fa-angle-down {
color: #fff;
margin-left: 3px;
}
.tr-donation-form div.donation-form-container.responsive .button-container .button-sub-container {
width: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.tr-donation-form div.donation-form-container.responsive .button-container .button-sub-container button.step-button {
padding: 10px 25px;
font-size: 24px;
line-height: 1.5;
border-radius: 0;
margin: 0 12px 24px;
}
.tr-donation-form div.donation-form-container.responsive .alert {
margin-top: 12px;
}
.tr-donation-form div.donation-form-container.responsive .alert p {
margin-bottom: 0;
}
.tr-donation-form div.donation-form-container.responsive div.form-row {
margin: 6px 0;
}
.tr-donation-form div.donation-form-container.responsive div.form-row.custom-field-container select {
display: block;
}
.tr-donation-form div.donation-form-container.responsive div.form-row.form-selectlist select {
margin-top: 0px;
display: block;
}
.tr-donation-form div.donation-form-container.responsive div.form-row div.form-content .field-required {
display: block;
float: left;
margin: 5px 2px 0 0;
}
.tr-donation-form div.donation-form-container.responsive div.form-row div.form-content div.form-input-label-block {
display: block;
}
.tr-donation-form div.donation-form-container.responsive div.form-row div.form-content>input[type="text"],
.tr-donation-form div.donation-form-container.responsive div.form-row div.form-content>input[type="number"],
.tr-donation-form div.donation-form-container.responsive div.form-row div.form-content>input[type="email"] {
margin-top: 0;
display: block;
}
.tr-donation-form div.donation-form-container.responsive div.form-row div.form-content>input[type="text"],
.tr-donation-form div.donation-form-container.responsive div.form-row div.form-content>input[type="number"],
.tr-donation-form div.donation-form-container.responsive div.form-row div.form-content>input[type="email"],
.tr-donation-form div.donation-form-container.responsive div.form-row div.form-content>textarea,
.tr-donation-form div.donation-form-container.responsive div.form-row div.form-content>select {
width: 100%;
max-width: 470px;
}
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_addr_street1_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_addr_street2_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_addr_city_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_addr_state_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_addr_zip_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_addr_country_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#tribute_notify_recip_street1_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#tribute_notify_recip_street2_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#tribute_notify_recip_city_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#tribute_notify_recip_state_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#tribute_notify_recip_zip_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#tribute_notify_recip_country_row {
display: block;
}
@media (min-width: 576px) {
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_addr_street1_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_addr_street2_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_addr_city_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_addr_state_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_addr_zip_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_addr_country_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#tribute_notify_recip_street1_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#tribute_notify_recip_street2_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#tribute_notify_recip_city_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#tribute_notify_recip_state_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#tribute_notify_recip_zip_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#tribute_notify_recip_country_row {
display: inline-block;
width: 49%;
}
}
@media (min-width: 576px) {
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_first_name_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_last_name_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#donor_email_address_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#responsive_payment_typecc_number_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#responsive_payment_typecc_exp_date_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#responsive_payment_typecc_cvv_row {
display: inline-block;
width: 32%;
}
}
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_last_name_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#donor_email_address_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_addr_street2_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_addr_state_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_addr_country_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#tribute_notify_recip_street2_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#tribute_notify_recip_state_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#tribute_notify_recip_country_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#responsive_payment_typecc_exp_date_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#responsive_payment_typecc_cvv_row {
margin-left: 0;
}
@media (min-width: 576px) {
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_last_name_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#donor_email_address_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_addr_street2_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_addr_state_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_addr_country_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#tribute_notify_recip_street2_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#tribute_notify_recip_state_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#tribute_notify_recip_country_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#responsive_payment_typecc_exp_date_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#responsive_payment_typecc_cvv_row {
margin-left: 1.3%;
}
}
@media (min-width: 1200px) {
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_last_name_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#donor_email_address_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_addr_street2_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_addr_state_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_addr_country_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#tribute_notify_recip_street2_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#tribute_notify_recip_state_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#tribute_notify_recip_country_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#responsive_payment_typecc_exp_date_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#responsive_payment_typecc_cvv_row {
margin-left: 1.6%;
}
}
.tr-donation-form div.donation-form-container.responsive .payment-field-container #responsive_payment_typecc_exp_date_row {
vertical-align: bottom;
}
@media (min-width: 992px) {
.tr-donation-form div.donation-form-container.responsive .payment-field-container #responsive_payment_typecc_exp_date_row {
vertical-align: top;
}
}
.tr-donation-form div.donation-form-container.responsive .payment-field-container .cardExpGroup {
display: block;
}
.tr-donation-form div.donation-form-container.responsive .payment-field-container .cardExpGroup select {
display: inline-block;
width: 47%;
margin-top: 0px;
}
.tr-donation-form div.donation-form-container.responsive .payment-field-container .cardExpGroup select:last-child {
margin-left: 6px;
}
@media (min-width: 992px) {
.tr-donation-form div.donation-form-container.responsive .payment-field-container .cardExpGroup select:last-child {
margin-left: 9px;
}
}
@media (min-width: 1200px) {
.tr-donation-form div.donation-form-container.responsive .payment-field-container .cardExpGroup select:last-child {
margin-left: 12px;
}
}
.tr-donation-form div.donation-form-container.responsive #employer_street_row input,
.tr-donation-form div.donation-form-container.responsive #billing_addr_street1_row input,
.tr-donation-form div.donation-form-container.responsive #billing_addr_street2_row input,
.tr-donation-form div.donation-form-container.responsive #billing_addr_street3_row input,
.tr-donation-form div.donation-form-container.responsive #billing_addr_country_row input.ui-autocomplete-input,
.tr-donation-form div.donation-form-container.responsive #donor_addr_street1_row input,
.tr-donation-form div.donation-form-container.responsive #donor_addr_street2_row input,
.tr-donation-form div.donation-form-container.responsive #donor_addr_street3_row input,
.tr-donation-form div.donation-form-container.responsive #donor_addr_country_row input.ui-autocomplete-input,
.tr-donation-form div.donation-form-container.responsive #shipping_addr_street1_row input,
.tr-donation-form div.donation-form-container.responsive #shipping_addr_street2_row input,
.tr-donation-form div.donation-form-container.responsive #shipping_addr_street3_row input,
.tr-donation-form div.donation-form-container.responsive #shipping_addr_country_row input.ui-autocomplete-input,
.tr-donation-form div.donation-form-container.responsive #tribute_notify_recip_street1_row input,
.tr-donation-form div.donation-form-container.responsive #tribute_notify_recip_street2_row input,
.tr-donation-form div.donation-form-container.responsive #tribute_notify_recip_street3_row input,
.tr-donation-form div.donation-form-container.responsive #tribute_notify_recip_country_row input.ui-autocomplete-input,
.tr-donation-form div.donation-form-container.responsive #tribute_signature_row input,
.tr-donation-form div.donation-form-container.responsive #tribute_message_closing_row input,
.tr-donation-form div.donation-form-container.responsive div.employer-address-container input#employer_street,
.tr-donation-form div.donation-form-container.responsive div.payment-field-container #responsive_payment_typecc_number_row input,
.tr-donation-form div.donation-form-container.responsive div.payment-field-container #responsive_payment_typecc_cvv_row input {
width: 100%;
max-width: 470px;
}
.tr-donation-form div.donation-form-container.responsive #captcha_row {
max-width: 300px;
}
.tr-donation-form div.donation-form-container.responsive div.donation-level-general-ask,
.tr-donation-form div.donation-form-container.responsive div.html-caption-container {
max-width: none;
width: 100%;
}
.tr-donation-form div.donation-form-container.responsive #tr_recognition_nameanonymous_row,
.tr-donation-form div.donation-form-container.responsive #tr_show_gift_to_public_row,
.tr-donation-form div.donation-form-container.responsive #tribute_show_honor_fields_row,
.tr-donation-form div.donation-form-container.responsive #tribute_type_row,
.tr-donation-form div.donation-form-container.responsive #tribute_show_honor_fields_row,
.tr-donation-form div.donation-form-container.responsive #donor_email_opt_in_Row {
display: none;
}
.tr-donation-form div.donation-form-container.responsive #payment_cc_container h3 {
display: none;
}
.tr-donation-form div.donation-form-container.responsive .tr-donation-thanks__info {
margin-bottom: 12px;
}
.tr-donation-form div.donation-form-container.responsive .tr-donation-thanks__info .gray-bg {
text-align: center;
padding: 8px 12px;
}
.tr-donation-form #ProcessForm fieldset.cardExpGroup {
float: none;
max-width: 470px;
}
.tr-donation-form div.donation-form-container.responsive div#donor_matching_employer_company_information div.form-content div.form-input-label-block {
display: inline-block;
vertical-align: middle;
}
.tr-donation-form div.donation-form-container.responsive div#donor_matching_employer_company_information div.form-content input {
vertical-align: text-top;
margin-right: 3px;
}
.tr-donation-form div.responsive div.ErrorMessage.page-error>span.field-error-text {
width: auto;
}
.tr-donation-form .donation-level-user-entered input.active {
background-color: #cc3f10;
border-color: #cc3f10;
}
/*active other amount button*/
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount .donation-level-user-entered.active .input-group-prepend,
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount .donation-level-user-entered.active input[type="text"]:not(:disabled):not(.disabled).active {
background: #cc3f10;
border-color: #cc3f10;
color: #fff;
}
/*hover other amount button*/
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount:hover .donation-level-user-entered:not(.active) .input-group-prepend,
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount:hover .donation-level-user-entered:not(.active) input {
background: #3d3935;
border-color: #3d3935;
color: #fff;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount:hover .donation-level-user-entered .input-group ::-webkit-input-placeholder {
color: #fff;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount:hover .donation-level-user-entered .input-group ::-moz-placeholder {
color: #fff;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount:hover .donation-level-user-entered .input-group :::-ms-input-placeholder {
color: #fff;
}
.input-group ::-webkit-input-placeholder {
color: #3d3935;
opacity: 1;
}
.input-group ::-moz-placeholder {
color: #3d3935;
opacity: 1;
}
.input-group :-ms-input-placeholder {
color: #3d3935;
opacity: 1;
}
div.responsive a:visited,
div.responsive a:link {
color: #f06f0b;
}
div.responsive span.field-required {
background-image: url('https://secure.nationalmssociety.org/images/content/pagebuilder/asterisk.png');
}
div.payment-field-container span.payment-type-option {
padding: 9px 20px 0 20px;
}
h3 {
display: none;
}
-->
</style>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css">
<!--fix to override bootstrap conficts with wrapper-->
<style type="text/css">
.dropdown {
position: absolute;
}
#nav-toggle span,
#nav-toggle:after {
box-sizing: initial;
color: #cc3f10
}
header * {
box-sizing: content-box;
}
header .container {
padding-left: 0;
padding-right: 0;
fc
}
</style>
<style>
body {
color: #686158;
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
font-size: 18px,
min-width: 0;
}
.search-box,
.search-box input,
.search-controls {
box-sizing: content-box;
}
.container.container--thin {
max-width: 1000px;
margin: auto;
}
.tr-donation-form .section-banner--text .overlay-text h1 {
font-weight: bold;
font-size: 40px;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount input[type="text"]:not(:disabled):not(.disabled).active {
color: inherit;
}
.tr-donation-form div.donation-form-container.responsive {
font-size: 18px;
}
div.donation-level-container {
float: none;
padding: 0;
}
div.responsive div.donation-level-user-entered {
display: inline-block;
}
div.responsive .otherAmount label {
display: none;
}
.input-group {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%;
}
.input-group-append,
.input-group-prepend {
display: -ms-flexbox;
display: flex;
}
.input-group-prepend {
margin-right: -1px;
}
.input-group-append,
.input-group-prepend {
padding: .5285rem .75rem;
max-height: 48px;
background: #fff;
border: 1px solid #a1a1a1;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount input[type="text"]:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount .input-group-prepend:not(.primary-bg) {
height: 48px;
border: 3px solid #686158;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount .input-group-prepend:not(.primary-bg) {
border-right: 0 none;
}
label {
display: inline-block;
}
#menu-bar ul li a span.menu-link-text {
height: auto !important;
}
#social .l-window {
height: 7em;
}
div#nav-panel {
border: 0;
}
div#nav-panel:after {
content: '';
border: 0;
}
.generic-repeat-label-checkbox-container label,
.custom-checkbox label {
position: relative;
padding-left: 25px;
cursor: pointer;
}
.generic-repeat-label-checkbox-container input[type=checkbox]+label:before,
.custom-checkbox input[type=checkbox]+label:before {
content: '';
position: absolute;
left: 0;
top: 5px;
background: #fff;
border-radius: 2px;
border: 2px solid #a1a1a1;
width: 20px;
height: 20px;
}
.generic-repeat-label-checkbox-container input[type=checkbox]:not(:checked),
.generic-repeat-label-checkbox-container input[type=checkbox]:checked,
.custom-checkbox input[type=checkbox]:checked,
.custom-checkbox input[type=checkbox]:not(:checked) {
position: absolute;
width: 20px;
height: 25px;
opacity: 0;
z-index: 10;
}
.generic-repeat-label-checkbox-container input[type=checkbox]:checked+label:after,
.custom-checkbox input[type=checkbox]:checked+label:after {
content: '\f00c';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
top: .3em;
left: .15em;
line-height: 1;
color: #f06f0b;
display: inline-block;
}
@media screen and (max-width: 767px) {
div#nav-panel {
border: 0;
}
div#nav-panel:after {
content: '';
border: 0;
}
.container.container--thin {
text-align: left;
}
.mobile #billing_addr_state_row select,
.mobile #billing_addr_country_row select {
max-width: 100%;
width: 100%;
}
}
.js--cover-fee-monthly {
display: none;
}
</style>
<!--[if lt IE 9]>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<![endif]--> <!--[if (gte IE 9) | (!IE)]><!-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js" type="text/javascript"></script>
<!--<![endif]-->
<script type="text/javascript">
// <![CDATA[
$.noConflict();
window.overrideYUI = {
use: function(module, fn) {}
};
Y.use('jquery-noconflict', function() {
(function($) {
$(function() {
var tributeLetterFields =
'#tribute_notify_recip_name_row, #tribute_notify_recip_street1_row, #tribute_notify_recip_city_row, #tribute_notify_recip_state_row, #tribute_notify_recip_zip_row, #tribute_notify_recip_country_row, #tribute_signature_row, #tribute_message_body_row',
required = '<span class="field-required"></span>'
//proxyType = '',
//frId = '-1',
//formId = '66592',
//screenWidth = window.innerwidth,
var tributeLetterFields2 =
'#tribute_notify_recip_name_row, #tribute_notify_recip_street1_row, #tribute_notify_recip_street2_row, #tribute_notify_recip_city_row, #tribute_notify_recip_state_row, #tribute_notify_recip_zip_row, #tribute_notify_recip_country_row, #tribute_signature_row, #tribute_message_body_row',
proxyType = '',
frId = '-1',
formId = '66592',
screenWidth = window.innerwidth,
//$('#tribute_notify_recip_street2_row').children('div').children('span').removeClass('field-required'),
createCookie = function(name, value, days) {
var expires;
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = '; expires=' + date.toGMTString();
} else {
expires = '';
}
document.cookie = encodeURIComponent(name) + '=' + encodeURIComponent(value) + expires + '; path=/';
},
readCookie = function(name) {
var nameEQ = encodeURIComponent(name) + '=',
ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) === ' ') {
c = c.substring(1, c.length);
}
if (c.indexOf(nameEQ) === 0) {
return decodeURIComponent(c.substring(nameEQ.length, c.length));
}
}
return null;
},
msibrowser = function() {
var msie = window.ActiveXObject;
if (msie) { // If Internet Explorer
if (readCookie('hasSeenBrowserWarning') != 'true') {
$('.browser_info').colorbox({
inline: true,
open: true,
scrolling: true,
width: 300,
height: 200,
onOpen: function() {
// add unique class
$('#colorbox').addClass('cd_coh');
$('#cboxOverlay').addClass('cd_coh');
}
});
createCookie('hasSeenBrowserWarning', 'true', 7);
}
}
},
getPhoto = function() {
var url = 'https://secure.nationalmssociety.org/site/TR?fr_id=&pg=personal&px=&action=getParticipantPhotos&pgwrap=n'
$.ajax({
method: 'GET',
dataType: 'json',
url: url,
}).done(function(data) {
var photo = data.getParticipantPhotosResponse.photoItem[0].customUrl;
var updatedPhoto = photo.indexOf('default') === -1 ? photo : null;
if (updatedPhoto) {
var updatedPhotoHtml = '<img src=' + updatedPhoto + ' />';
$(updatedPhotoHtml).prependTo('.js--photo');
$('.js--photo').removeClass('d-none');
} else {
$('.tr-donation-form__intro-text').addClass('text-center');
}
});
},
formatMoney = function(amount) {
amountInCents = Number(amount);
var i = parseInt(amount = Math.abs(+amount || 0).toFixed(2), 10) + '',
j = (j = i.length) > 3 ? j % 3 : 0,
formattedMoney = '$' + (j ? i.substr(0, j) + ',' : '') + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + ',') + '.' + Math.abs(amount - i).toFixed(2).slice(2);
formattedMoney = formattedMoney.replace('.00', '');
return formattedMoney;
},
getAmt = function(coverFee) {
var selectAmt = null;
if (jQuery('.otherAmount input[type="radio"]').is(':checked')) {
selectAmt = Number(delimitNumbers(jQuery('.donation-level-user-entered input').val()));
} else {
jQuery('.donation-level-user-entered > input').val('');
jQuery("[id^=level_standardexpanded], [id^=level_foreverexpanded], [id^=level_installmentexpanded]").each(function() {
if (jQuery(this).is(':checked')) {
var selectedLevelId = jQuery(this).prop('id');
selectAmt = Number(delimitNumbers(jQuery(this).parent().next().children('.donation-level-label-container').text()));
}
});
}
var activeAmtAdd = coverFee ? Number(strRound(delimitNumbers(selectAmt) * .06), 2) : 0,
activeAmt = coverFee ? strRound(delimitNumbers(selectAmt + activeAmtAdd)) : strRound(delimitNumbers(selectAmt)),
activeAmtFormat = selectAmt ? formatMoney(activeAmt) : '',
coverFeeFormat = selectAmt ? formatMoney(Number(strRound(delimitNumbers(selectAmt) * .06), 2)) : null;
jQuery('.js--cover-fee-amt').html(coverFeeFormat);
jQuery('.js--totalAmount').html(activeAmtFormat);
jQuery('#additional_amounthidden').val(activeAmtAdd * 100);
jQuery('.js--gift-message').removeClass('d-none');
if (activeAmtFormat !== '') {
createCookie('activeAmount_' + formId, activeAmtFormat, 1);
}
//jQuery('#pstep_finish').text('Complete My ' + activeAmtFormat + ' Donation');
jQuery('#pstep_finish').html('<img src="../images/content/pagebuilder/nmss_fy23_donate_btn_arrow.png" class="arrow"> Complete My ' + activeAmtFormat + ' Donation');
};
toggleCheck = function(elem) {
var nameField;
document.getElementById(elem).click();
if (elem === 'tribute_show_honor_fieldsname') {
nameField = jQuery('#tribute_honoree_name_row');
var showTribute = jQuery('#' + elem).is(':checked');
nameField[0].style.display = showTribute ? '' : 'none';
jQuery('.js--tribute-notification').toggleClass('d-none');
}
if (elem === 'tr_recognition_nameanonymousname') {
$('.tr-recognition-name-view').toggleClass('text-muted--light');
$('.tr-recognition-name-view').prev().toggleClass('text-muted--light');
}
},
selectTribute = function(type) {
jQuery('.js--tribute-notification .btn-toggle').removeClass('active')
var option;
option = type === 'memory' ? 'tribute_type_value1' : 'tribute_type_value2';
jQuery('#tribute_type').val(option);
if (type === 'memory') {
jQuery('.btn-toggle--memory').addClass('active');
} else {
jQuery('.btn-toggle--honor').addClass('active');
}
},
toggleLetterFields = function(status) {
jQuery(tributeLetterFields2).toggleClass('d-none');
};
function delimitNumbers(str) {
return (str + '').replace(/[^\d.-]/g, '');
}
function removeNonNumbers(str) {
return (str + '').replace(/[^0-9\.]+/g, '');
}
function strRound(str) {
str = removeNonNumbers(str).split('.', 2);
if (str[1]) {
str[1] = str[1].substring(0, 2);
}
str = str.join('.');
return str;
}
var formSetup = function(resolve) {
$('.donation-level-container').addClass('level');
$('.donation-level-container:last-child').addClass('otherAmount').removeClass('level');
$('.donation-level-user-entered').find('input').attr('placeholder', 'Other');
var otherAmountPrepend = '<div class="input-group-prepend">$</div>';
$('.donation-level-user-entered').find('input').wrap('<div class="input-group"></div>');
$('.donation-level-user-entered').find('.input-group').prepend(otherAmountPrepend);
$(tributeLetterFields2).addClass('d-none');
jQuery(tributeLetterFields).each(function(index) {
jQuery(this).find('.form-content').prepend(required);
});
var emailAddressName = document.getElementById('donor_email_addressname'),
cvvElem = document.getElementById('responsive_payment_typecc_cvvname'),
ccNum = document.getElementById('responsive_payment_typecc_numbername');
if (emailAddressName) {
emailAddressName.setAttribute('type', 'email');
}
if (cvvElem) {
cvvElem.setAttribute('pattern', '[0-9]*');
cvvElem.setAttribute('inputmode', 'numeric');
}
if (ccNum) {
ccNum.setAttribute('pattern', '[0-9]*');
ccNum.oninvalid = function(event) {
event.target.setCustomValidity('Please enter only numbers, no dashes or spaces');
};
ccNum.setAttribute('inputmode', 'numeric');
}
//format custom field checkboxes
$customCheckbox = $('.custom-field-container fieldset');
$('.custom-field-container fieldset').addClass('custom-checkbox form-group');
if ($customCheckbox.length > 0) {
$.each($customCheckbox, function(i) {
var $elem, labelText;
$elem = jQuery(this);
labelText = $elem[0].previousElementSibling.innerText;
$elem[0].previousElementSibling.hidden = true;
return $elem[0].lastElementChild.innerText = labelText;
});
}
// plugin for adding commas to numbers
$.fn.digits = function() {
return this.each(function() {
$(this).text($(this).text().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1,'));
});
};
$('.js--donation-form').removeClass('loading')
$('.tr-donation-form .tr-loader').addClass('d-none')
$('.donation-form-content').removeClass('d-none');
//check if amount cookie set for 2 page forms
var activeAmtCookie = readCookie('activeAmount_' + formId);
if (activeAmtCookie) {
jQuery('#pstep_finish').text('Donate ' + activeAmtCookie);
}
};
msibrowser();
if (proxyType === '20' && frId !== '-1') {
getPhoto();
}
formSetup();
$(".donation-level-label-container").click(function() {
$(".donation-level-label-container.active, .donation-level-user-entered input").removeClass("active");
$('.donation-level-user-entered input').val('');
$(this).addClass("active");
});
$(".donation-level-user-entered").click(function() {
$(".donation-level-label-container.active, .donation-level-user-entered input").removeClass("active");
$(this).find("input").addClass("active");
});
function showCoverFeeText() {
if ($('#level_standardauto_repeatname').prop('checked')) {
$('.js--cover-fee-monthly').show()
} else {
$('.js--cover-fee-monthly').hide()
}
}
$('#level_standardauto_repeatname').on('change', function() {
showCoverFeeText()
})
jQuery('#cover_fees, .donation-level-container').change(function(e) {
if (jQuery('#cover_fees').is(':checked')) {
getAmt(true);
} else {
getAmt(false);
}
});
//persist values on error
var $levels = $('.donation-level-container input[type="radio"]')
$.each($levels, function(i) {
if ($(this).is(':checked')) {
$(this).parent().parent().find('.donation-level-label-container').addClass('active')
}
});
if ($('#tribute-show').length > 0) {
if ($('#tr_show_gift_to_publicname').is(':checked')) {
$('#gift_privacy').prop('checked', false)
} else {
$('#gift_privacy').prop('checked', true)
}
if ($('#tr_recognition_nameanonymousname').is(':checked')) {
$('#donor_name_privacy').prop('checked', true)
} else {
$('#donor_name_privacy').prop('checked', false)
}
if ($('#tribute_show_honor_fieldsname').is(':checked')) {
$('#tribute-show').prop('checked', true)
jQuery('#tribute_honoree_name_row')[0].style.display = 'block';
jQuery('.js--tribute-notification').removeClass('d-none');
} else {
$('#tribute-show').prop('checked', false)
jQuery('#tribute_honoree_name_row')[0].style.display = 'none';
}
}
if ($('#additional_amounthidden').length > 0) {
if (($('#additional_amounthidden').val() !== '0') || ($('#cover_fees').is(':checked'))) {
$('#cover_fees').prop('checked', true)
getAmt(true);
showCoverFeeText()
} else {
$('#cover_fees').prop('checked', false)
getAmt(false);
showCoverFeeText()
}
}
/* disable submit button after first click */
if (document.getElementById('ProcessForm') && document.getElementById('pstep_finish')) {
Utils.addEvent(document.getElementById('ProcessForm'), 'submit', function(e) {
if (document.getElementById('pstep_finish').className.indexOf('disabledSubmit') > -1) {
e.preventDefault();
return false;
}
if (document.getElementById('pstep_finish').className.indexOf('disabledSubmit') == -1) {
document.getElementById('pstep_finish').className += ' disabledSubmit';
document.getElementById('pstep_finish').style.backgroundColor = 'gray';
}
return true;
});
}
});
})(jQuery);
});
//document.getElementById('tribute_notify_recip_street2_row').children[0].children[0].classList.remove('field-required');
// ]]>
</script>
<!-- CC masking removed on 1.18.22 as it was causing issues with autofill -->
<!--
<style>
#cc_mask_input {
display: none;
}
.tr-donation-form div.donation-form-container.responsive .toggle-cc {
padding: 2px 4px;
font-size: 12px;
}
.cc-mask {
display: block;
}
.cc-toggle-wrapper {
display: inline;
margin-left: 10px;
}
/*hack for weird & somehow being added to other donation causing breaking of row*/
.donation-level-user-entered {
font-size: 0;
}
.donation-level-user-entered .input-group {
font-size:18px;
}
</style>
<input autocomplete="off" type="password" maxlength="22" class="cc-mask d-none" inputmode="numeric" pattern="[0-9]*" />
<div class="cc-toggle-wrapper d-none">
<button type="button" class="toggle-cc button hide-cc-num" onClick="hideCCFields();">
Hide Number
</button>
<button type="button" class="toggle-cc button show-cc-num" onClick="showCCFields();">
Show Number
</button>
</div>
<script>
var paymentScreen = jQuery('#responsive_payment_typecc_numbername').length > 0;
if (paymentScreen) {
jQuery('.cc-mask').insertAfter('#responsive_payment_typecc_numbername');
jQuery('.cc-toggle-wrapper').appendTo('#responsive_payment_typecc_number_row label');
jQuery('.cc-toggle-wrapper').removeClass('d-none');
var showCCFields = () => {
jQuery('#responsive_payment_typecc_numbername').show();
jQuery('.hide-cc-num').show();
jQuery('.show-cc-num').hide();
jQuery('.cc-mask').addClass('d-none');
}
var hideCCFields = () => {
jQuery('#responsive_payment_typecc_numbername').hide();
jQuery('.hide-cc-num').hide();
jQuery('.show-cc-num').show();
jQuery('.cc-mask').removeClass('d-none');
jQuery('.cc-mask').change(function() {
var passwordVal = jQuery(this).val().replace(/\s/g, '');
jQuery('#responsive_payment_typecc_numbername').val(passwordVal);
});
}
if (jQuery('.errorMessageContainer').length) {
showCCFields();
} else {
hideCCFields();
}
}
</script>
-->
<style>
#js--allow-submit {
display: none;
}
#js--allow-submit label {
display: none;
}
#js--allow-submit input {
display: none;
}
.tr-donation-form div.donation-form-container.responsive button.step-button:disabled,
.tr-donation-form div.donation-form-container.responsive button.step-button button.step-button[disabled] {
cursor: not-allowed;
opacity: 0.5;
background: #cc3f10;
}
</style>
<div id="js--allow-submit" class="form-row">
<label>Do not fill out this field to allow for submission</label>
<input type="text" name="allow-submit" autcomplete="off">
<div>
<span class="field-error-text"> There was an error in submitting the form. </span>
</div>
</div>
<script>
var submitCheckElem = document.querySelector('#js--allow-submit input'),
formElem = document.querySelector('#ProcessForm'),
isBot = document.querySelector('#isbothidden'),
validateForm = function(e) {
var inputElemVal = document.querySelector('#js--allow-submit input').value,
rowElem = document.querySelector('#js--allow-submit'),
btnElem = document.querySelector('.step-button'),
isValid = inputElemVal === '';
if (!isValid) {
btnElem.disabled = true;
rowElem.classList.add('form-error');
rowElem.style.display = 'block';
if (isBot) {
isBot.value = true;
}
}
return isValid
};
submitCheckElem.addEventListener('change', validateForm);
formElem.addEventListener('submit', validateForm);
</script>
<style type="text/css">
<!--
/* Updated styles for test donation form - will override the general styles */
/* Give once/give monthly button styles begin */
.giving-selections {
display: flex;
justify-content: center;
flex-direction: column;
}
.giving-button {
display: inline-block;
padding: 10px 20px;
border: 3px solid #f06f0b;
background-color: transparent;
color: #005d63;
font-size: 20px;
font-weight: bold;
text-align: center;
text-decoration: none;
cursor: pointer;
width: 100%;
box-sizing: border-box;
}
.giving-button.active,
.giving-button:active {
background-color: #f06f0b;
color: #ffffff;
}
.giving-button:not(.active):hover {
background-color: #3d3935;
border-color: #3d3935;
;
color: #ffffff;
}
.giving-button:focus {
outline: none;
}
.giving-button:not(:last-child) {
margin-right: 20px;
margin-bottom: 20px;
}
/* Select Gift Amount text */
.tr-donation-form div.donation-form-container.responsive .form-donation-level .FormLabelText {
color: #005d63;
font-weight: bold;
}
/* Bold all Labels */
div.responsive label {
font-weight: bold;
}
/* Removing bold from certain labels */
label[for="responsive_payment_typepay_typeradiocredit"],
#give-monthly-checkbox+label,
#tribute-show+label,
label[for="responsive_payment_typepay_typeradiocredit"],
a.payment-type-label {
font-weight: normal;
}
/* Hides original monthly checkbox ask */
.donation-level-container-generic-repeat.form-input {
display: none;
}
/* Override original donation form styles begin */
.tr-donation-form .section-banner--text .overlay-text {
padding: 0;
}
.tr-donation-form div.donation-form-container.responsive {
background-color: #ffffff;
padding: 30px;
}
h2.section-header-container {
color: #005d63;
font-weight: bold;
}
/*Buttons*/
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container div.donation-level-label-container:hover:not(.primary-bg) {
background-color: #3d3935;
border-color: #3d3935;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container div.donation-level-label-container:not(.primary-bg) {
border: 3px solid #f06f0b;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container div.donation-level-label-container:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container div.donation-level-label-container:link:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container div.donation-level-label-container:visited:not(.primary-bg) {
color: #005d63;
font-weight: bold;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount input[type="text"]:not(.primary-bg),
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount .input-group-prepend:not(.primary-bg) {
height: 48px;
border: 3px solid #f06f0b;
width: 100px;
color: #005d63;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container.otherAmount input[type="text"]:not(:disabled):not(.disabled).active {
border-color: #f06f0b;
}
.donation-levels div.donation-level-container.otherAmount input[type="text"]::placeholder {
color: #005d63;
font-weight: bold;
}
.input-group-prepend {
max-width: 40px;
font-weight: bold;
}
.tr-donation-form div.donation-form-container.responsive .donation-levels div.donation-level-container {
margin-right: 10px;
}
.tr-donation-form div.donation-form-container.responsive div.form-row div.form-content>input[type="email"] {
max-width: 1000px;
}
/*Country*/
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_addr_country_row {
display: block;
}
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_addr_zip_row {
margin-left: 0;
display: block;
}
div.button-container {
border-top: 0;
margin-top: 0;
padding-top: 0;
}
/*Payment button*/
.h3,
h3 {
display: none;
}
div.payment-field-container span.payment-type-option {
padding: 9px 20px 0px 20px;
}
/* Asterik */
.tr-donation-form div.donation-form-container.responsive div.form-row div.form-content .field-required {
display: inline-block;
float: none;
margin: 0;
}
#level_standard_row span.field-required {
display: block;
float: left;
margin: 5px 2px 0 0;
}
/* Help icon */
.icon-wrapper {
display: inline-block;
width: 25px;
height: 25px;
}
.icon-circle {
width: 100%;
height: 100%;
border: 3px solid #308ddb;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: #0c5795;
text-align: center;
}
.icon-question {
font-size: 12px;
color: #fff;
}
/* reCAPTCHA */
div#captcha_row {
margin: 0 auto;
}
label[for="captchaname"] {
display: none;
}
/* Complete donation button arrow */
img.arrow {
margin: 0 2px 5px 0;
}
@media (min-width: 576px) {
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_addr_country_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_first_name_row {
display: inline-block;
width: 49%;
margin: 0;
}
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_addr_zip_row,
.tr-donation-form div.donation-form-container.responsive div.form-row#billing_last_name_row {
margin-left: 1.3%;
display: inline-block;
width: 49%;
}
.tr-donation-form div.donation-form-container.responsive div.form-row#donor_email_address_row {
max-width: 1000px;
width: 100%;
display: inline-block;
margin: 0;
}
}
@media only screen and (min-width: 992px) {
.giving-selections {
flex-direction: row;
}
/* Change button layout to column and set width to 100% */
.giving-button {
width: 35%;
}
.giving-button:not(:last-child) {
margin-bottom: 0px;
}
}
-->
</style>
<script type="text/javascript">
// <![CDATA[
//When give once/give monthly buttons are clicked
$('#give-monthly').click(function(event) {
event.preventDefault();
$('#give-monthly').addClass('active');
$('#give-once').removeClass('active');
$('#give-monthly-checkbox').prop('checked', true);
$('.js--cover-fee-monthly').show();
$('#level_standardauto_repeatname').prop('checked', true);
});
$('#give-once').click(function(event) {
event.preventDefault();
$('#give-once').addClass('active');
$('#give-monthly').removeClass('active');
$('#give-monthly-checkbox').prop('checked', false);
$('#level_standardauto_repeatname').prop('checked', false);
$('.js--cover-fee-monthly').hide();
});
//When give-monthly checkbox is checked
$("#give-monthly-checkbox").change(function() {
if (this.checked) {
$('#level_standardauto_repeatname').prop('checked', true);
$('#give-monthly').addClass('active');
$('#give-once').removeClass('active');
$('.js--cover-fee-monthly').show();
} else {
$('#level_standardauto_repeatname').prop('checked', false);
$('#give-monthly').prop('checked', false);
$('#give-once').addClass('active');
$('#give-monthly').removeClass('active');
$('.js--cover-fee-monthly').hide();
}
});
// Moving asterisks after label
$('#billing_first_name_row span.field-required').insertBefore('#billing_first_namename');
$('#billing_last_name_row span.field-required').insertBefore('#billing_last_namename');
$('#donor_email_address_row span.field-required').insertBefore('#donor_email_addressname');
$('#billing_addr_street1_row span.field-required').insertBefore('#billing_addr_street1name');
$('#billing_addr_zip_row span.field-required').insertBefore('#billing_addr_zipname');
$('#billing_addr_country_row span.field-required').insertAfter('label[for="billing_addr_country"]');
$('#billing_addr_city_row span.field-required').insertBefore('#billing_addr_cityname');
$('#billing_addr_state_row span.field-required').insertBefore('#billing_addr_state');
$('#responsive_payment_typecc_number_row span.field-required').insertBefore('#responsive_payment_typecc_numbername');
$('#responsive_payment_typecc_exp_date_row span.field-required').insertBefore('.date-input-container');
$('#responsive_payment_typecc_cvv_row span.field-required').insertBefore('.HelpLink');
// Adding help icon
$('.HelpLink').html('<div class="icon-wrapper"><div class="icon-circle"><i class="fas fa-question icon-question"></i></div></div>');
$('.HelpLink').attr('target', '_blank');
// Renaming Payment Information without colon
$('label[for="responsive_payment_typecc_numbername"]').html('Credit Card Number');
$('label[for="responsive_payment_typecc_exp_date_MONTH"] .label-text').html('Expiration Date');
$('label[for="responsive_payment_typecc_cvvname"] .FormLabelText').html('CVV Number');
// Change css
$(".section-header-container:contains('Contact Information')").css({
"border-top": "none",
"padding": "0",
"margin": "0"
});
$("h2.section-header-container:contains('Tribute')").css({
"color": "inherit",
"font-weight": "normal"
});
// ]]>
</script>
<div class="d-flex justify-content-center">
<img src="../images/content/pagebuilder/BBB_logo_105x57.jpg" alt="Better Business Bureau Logo">
</div>
</div>
</div>
<input type="hidden" name="isbothidden" id="isbothidden" value="">
<div class="form-row form-checkbox" id="donor_email_opt_in_Row">
<div class="form-content">
<span class="check-box-form-label-text"></span>
<input type="hidden" name="donor_email_opt_inname" id="donor_email_opt_inname" value="implicit">
<span class="auto-opt-in-warning-message">If you donate and have not already registered, you will receive periodic updates and communications from the National MS Society.</span>
<script type="text/javascript">
var comp = new ObservableComponent('donor_email_opt_in', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('donor_email_opt_in_Row', _display);
this.disable_submit_flag(_hidden);
}
comp.set = function(_value) {
if (document.getElementById('donor_email_opt_inname')) {
document.getElementById('donor_email_opt_inname').checked = _value;
this.fireEvent();
}
}
comp.get = function() {
if (document.getElementById('donor_email_opt_inname')) return document.getElementById('donor_email_opt_inname').checked;
}
comp.clear = function() {
this.set(false);
}
</script><noscript> </noscript>
<input type="hidden" name="donor_email_opt_insubmit" id="donor_email_opt_insubmit" value="true">
</div>
</div>
</div>
<input type="hidden" name="66592.donation" id="66592.donation" value="form1">
</div>
<script type="text/javascript">
var submitted = false;
function checkDoubleClick() {
var elCheck = '';
if (elCheck == 'el') {
alert('Form submission is not enabled when previewing an individual data element.');
return false;
} else if (submitted) {
alert('You have already submitted this payment. Please wait....');
return false;
} else {
submitted = true;
return true;
}
}
</script><noscript> </noscript>
</form>Text Content
HOME - NATIONAL MULTIPLE SCLEROSIS SOCIETY
Skip to navigation Skip to content
Menu
NAVIGATION
National Multiple Sclerosis Society
Sign In
In Your Area
DonateMake a donation
Searchv
* What Is MS?
WHAT IS MS?
* Definition of MS
* What Causes MS?
* Who Gets MS?
* Multiple Sclerosis FAQs
* Types of MS
* Related Conditions
What causes MS?
FACTORS IN MS
WHAT CAUSES MS?
In multiple sclerosis, damage to the myelin in the central nervous system
(CNS) — and to the nerve fibers themselves — interferes with the transmission
of nerve signals between the brain and spinal cord and other parts of the
body. Read More
* Symptoms & Diagnosis
SYMPTOMS & DIAGNOSIS
* MS Symptoms
* Diagnosing MS
* Magnetic Resonance Imaging (MRI)
* Cerebrospinal Fluid (CSF)
* Possible MS
* Clinically Isolated Syndrome (CIS)
* Newly Diagnosed
* Other Conditions to Rule Out
* For Clinicians
Symptoms of MS
MORE AND LESS COMMON SYMPTOMS
SYMPTOMS OF MS
MS symptoms are variable and unpredictable. No two people have exactly the
same symptoms, and each person’s symptoms can change or fluctuate over time.
Learn More
* Treating MS
TREATING MS
* Comprehensive Care
* Find Doctors & Resources
* Medications
* Managing Relapses
* Rehabilitation
* Complementary & Alternative Medicines
* For Clinicians
Partners in MS Care
BUILD YOUR HEALTHCARE TEAM
FIND DOCTORS & RESOURCES
Find healthcare providers and community resources to help you live your best
life with MS. Find Doctors & Resources now
* Resources & Support
RESOURCES & SUPPORT
* Library & Education Programs
* Find Support
* Advanced Care Needs
* Resources for Specific Populations
* Find Programs & Services in Your Area
* Calendar of Programs and Events
* Find Doctors & Resources
Find Doctors and Resources
FIND WHAT YOU NEED
RESOURCES TO LIVE YOUR BEST LIFE
Connect to doctors and resources in your community, including attorneys, home
care aides, adaptive vehicles and more, to address the unique challenges of
living with MS. Use our Find Doctors and Resources tool
* Living Well with MS
LIVING WELL WITH MS
* Diet, Exercise & Healthy Behaviors
* Emotional Well-Being
* Spiritual Well-Being
* Cognitive Health
* Work, Home & Leisure
* Relationships
Dave - Diagnosed in 1974
REAL BENEFITS FOR PEOPLE LIVING WITH MS
EXERCISE
Studies of people living with multiple sclerosis have shown that exercise can
help with fatigue and depression, improve strength, and result in increased
participation in social activities. Read on
* Research
RESEARCH
* Participate in Research Studies
* Research News & Progress
* Research We Fund
* For Researchers
SHARE YOUR VOICE
YOU CAN ADVANCE MS RESEARCH
You can share your research ideas, give DNA for genetic studies, advocate for
progress and government funding, register to indicate your future interest,
and/or participate in clinical trials. READ MORE
* Get Involved
GET INVOLVED
* Fundraising Events
* Volunteer
* Advocate for Change
* Raise Awareness
* Join the Community
* Stay Informed
* Corporate Support
* Personal Stories
DOMINIQUE, DIAGNOSED IN 2015
We’re Stronger Together.
JOIN A WALK MS EVENT!
Ending multiple sclerosis for good will take all of us. It’s why Walk MS
matters so much. And it’s why you matter so much. Walk MS helps us team up
with friends, loved ones and co-workers to change the world for everyone
affected by MS. FIND YOUR WALK
* d What Is MS?
* d Definition of MS
* Myelin
* Immune-Mediated Disease
* d What Causes MS?
* Viruses
* Clusters
* d Who Gets MS?
* Pediatric MS
* African Americans
* Hispanics & Latinx
* d Multiple Sclerosis FAQs
* d Types of MS
* Clinically Isolated Syndrome (CIS)
* Relapsing-remitting MS (RRMS)
* Secondary progressive MS (SPMS)
* Primary progressive MS (PPMS)
* d Related Conditions
* Acute Disseminated Encephalomyelitis (ADEM)
* Balo’s Disease
* HTLV-I Associated Myelopathy (HAM)
* Neuromyelitis Optica (NMO)
* Schilder's Disease
* Transverse Myelitis
* d Symptoms & Diagnosis
* d Diagnosing MS
* d Magnetic Resonance Imaging (MRI)
* d Cerebrospinal Fluid (CSF)
* d Possible MS
* d Clinically Isolated Syndrome (CIS)
* d Newly Diagnosed
* d Other Conditions to Rule Out
* Lyme Disease
* Lupus
* Neuromyelitis Optica
* Acute Disseminated Encephalomyelitis (ADEM)
* d For Clinicians
* d Treating MS
* d Comprehensive Care
* Developing a Healthcare Team
* Make the Most of Your Healthcare Provider Visits
* Advance Medical Directives
* d Find Doctors & Resources
* d Medications
* Adherence
* Patient Assistance Programs
* Meds Used Off Label
* Make Medications Accessible
* Generic and Biosimilar - Medications
* d Managing Relapses
* Plasmapheresis
* d Rehabilitation
* Functional Electrical Stimulation (FES)
* d Complementary & Alternative Medicines
* Chiropractic Therapy
* Marijuana
* Massage and Bodywork
* Acupuncture
* Low-Dose Naltrexone
* d For Clinicians
* d Resources & Support
* d Library & Education Programs
* Email newsletter
* Webinar Series
* Momentum Magazine
* Educational Videos
* Knowledge Is Power
* Pathways to a Cure
* Live Fully, Live Well
* Everyday Matters
* Free From Falls
* Relationship Matters
* Resilience: Addressing the Challenges of MS
* Webcasts
* DVDs
* Books
* For Kids: Keep S'myelin
* Información en Español
* Brochures
* d Find Support
* Ask an MS Navigator
* Community at MSconnection.org
* Join a Local Support Group
* Peer Connections: One-on-One
* Edward M. Dowd Personal Advocate Program
* d Advanced Care Needs
* Pressure Sores
* Osteoporosis
* Seeking Services: Questions to Ask
* d Resources for Specific Populations
* Pediatric MS Support
* Veterans with Multiple Sclerosis
* d Find Programs & Services in Your Area
* d Calendar of Programs and Events
* d Find Doctors & Resources
* d Living Well with MS
* d Diet, Exercise & Healthy Behaviors
* Diet & Nutrition
* Exercise
* Heat & Temperature Sensitivity
* Sleep
* Vaccinations
* Women's Health
* Unhealthy Habits
* Managing MS and Another Condition
* Aging with MS
* Anesthesia and Surgery
* Managing Your MS
* d Emotional Well-Being
* Mood Changes
* d Spiritual Well-Being
* Building Spirituality into Your Life
* d Cognitive Health
* d Work, Home & Leisure
* Employment
* Insurance & Financial Information
* Staying Mobile
* Reclaiming Control
* Accessibility
* Technology
* Recreation
* Travel
* Emergencies & Disasters
* d Relationships
* Disclosure
* Family Matters
* Parenting
* Intimacy
* Self Advocacy in the Family
* Preventing Abuse
* Testing for Living well
* d Research
* d Participate in Research Studies
* Participate in a Clinical Trial
* Surveys and Other Research Studies
* Participate in Genetic Studies
* Donate to Tissue Banks
* d Research News & Progress
* Research News
* Stem Cells in MS
* Progressive MS Research
* Clinical Trials in MS
* Wellness and Lifestyle Research
* Diet
* Vitamin D
* How and Why Do Scientists Share Results
* d Research We Fund
* Stopping MS In Its Tracks
* Restoring What's Been Lost
* Ending the Disease Forever
* How We Fund Research
* FAQs about Society Research
* Past Research Efforts
* Driving Solutions
* d For Researchers
* d Get Involved
* d Volunteer
* Volunteer Information
* Volunteer Recognition
* d Advocate for Change
* Become an MS Activist
* Take Action
* Current Advocacy Issues
* Advocacy Results
* Advocacy News
* d Raise Awareness
* d Join the Community
* d Stay Informed
* d Corporate Support
* Corporate Partners
* National Teams
* Partnership Opportunities
* d Personal Stories
* Ambassadors & Familiar Faces
* Life with MS
* Givers
* Shakers
* Families with MS
* Seekers
* Movers
* Tributes
* d Donate
* d Support an Event Participant
* d Donate Online
* d Give in Honor or Memory
* d Workplace Giving
* d Employer Matching Gifts
* d Gifts of Stock or Securities
* d Giving Circles
* Golden Circle
* Circle of Distinction
* Lawry Circle
* Circle of Influence
* d Planned Giving
* d Other Ways to Give
* Donate by Mail or Phone
* d About the Society
* d Vision
* Strategic Plan
* Independent Review of Society's Research Programs
* d Careers
* d Leadership
* Board of Directors
* Senior Leadership Team
* Founder Sylvia Lawry
* d Cultural Values
* d Financials
* Annual Reports
* Sources of Support
* d News
* d Press Room
* Events at a Glance
* MS the Disease
* Public Service Announcements
* In the News Archives
* d MS Prevalence
* MS Prevalence FAQs
* d Charitable Ratings
* d Corporate Support and Programs
* d Helpful Links
* d Información en Español
* d Site Map
* d Site Tour
* d Contact Us
* d For Professionals
* d Researchers
* Society Funding
* Deadlines
* Apply Online
* Funding Policies and Procedures
* Scientific Peer Reviewers
* Resources for Researchers
* d Professional Resource Center
* About MS
* Diagnosing MS
* Managing MS
* Resources for You and Your Practice
* Publications for Clinicians
* Publications for Your Patients
* MS Navigator Program
* Programs and Services for Your Patients
* Contact Us
* Clinical Fellows
* d Careers in MS
* Clinical Care
* Research
* Have you met?
* d Our Healthcare Voice
✕
Your 2023 tax-deductible gift will help accelerate discoveries that will change
the world for the nearly 1 million people living with multiple sclerosis in the
U.S. Please make your life-changing donation now. Thank you!
Give Once Give Monthly
Field Is Required Select Gift Amount:
$35.00
$35
$55.00
$55
$75.00
$75
$100.00
$100
$150.00
$150
$250.00
$250
$1,000.00
$1,000
Other
Enter amount
$
Please verify the donation amount of $0 is correct.
Make your gift monthly to give vital, stable support for people with MS and
progress toward a cure.
Yes, I want to help even more. Please make my gift monthly.
CONTACT INFORMATION
First name
Last name
Email Address
Street
Address 2
Country United States Afghanistan Aland Islands Albania Algeria American Samoa
Andorra Angola Anguilla Antarctica Antigua and Barbuda Argentina Armenia Aruba
Australia Austria Azerbaijan Bahamas Bahrain Bangladesh Barbados Belarus Belgium
Belize Benin Bermuda Bhutan Bolivia, Plurinational State of Bonaire, Sint
Eustatius and Saba Bosnia and Herzegovina Botswana Bouvet Island Brazil British
Indian Ocean Territory Brunei Darussalam Bulgaria Burkina Faso Burundi Cambodia
Cameroon Canada Cape Verde Cayman Islands Central African Republic Chad Chile
China Christmas Island Cocos (Keeling) Islands Colombia Comoros Congo Congo, The
Democratic Republic of the Cook Islands Costa Rica Cote D'Ivoire Croatia Cuba
Curacao Cyprus Czech Republic Denmark Djibouti Dominica Dominican Republic
Ecuador Egypt El Salvador Equatorial Guinea Eritrea Estonia Ethiopia Falkland
Islands (Malvinas) Faroe Islands Fiji Finland France French Guiana French
Polynesia French Southern Territories Gabon Gambia Georgia Germany Ghana
Gibraltar Greece Greenland Grenada Guadeloupe Guam Guatemala Guernsey Guinea
Guinea-Bissau Guyana Haiti Heard Island and McDonald Islands Holy See (Vatican
City State) Honduras Hong Kong Hungary Iceland India Indonesia Iran, Islamic
Republic of Iraq Ireland Isle of Man Israel Italy Jamaica Japan Jersey Jordan
Kazakhstan Kenya Kiribati Korea, Democratic People's Republic of Korea, Republic
of Kuwait Kyrgyzstan Lao People's Democratic Republic Latvia Lebanon Lesotho
Liberia Libya Liechtenstein Lithuania Luxembourg Macao Macedonia, The Former
Yugoslav Republic of Madagascar Malawi Malaysia Maldives Mali Malta Marshall
Islands Martinique Mauritania Mauritius Mayotte Mexico Micronesia, Federated
States of Moldova, Republic of Monaco Mongolia Montenegro Montserrat Morocco
Mozambique Myanmar Namibia Nauru Nepal Netherlands New Caledonia New Zealand
Nicaragua Niger Nigeria Niue Norfolk Island Northern Mariana Islands Norway Oman
Pakistan Palau Palestine, State of Panama Papua New Guinea Paraguay Peru
Philippines Pitcairn Poland Portugal Puerto Rico Qatar Reunion Romania Russian
Federation Rwanda Saint Barthelemy Saint Helena, Ascension and Tristan da Cunha
Saint Kitts and Nevis Saint Lucia Saint Martin (French Part) Saint Pierre and
Miquelon Saint Vincent and the Grenadines Samoa San Marino Sao Tome and Principe
Saudi Arabia Senegal Serbia Seychelles Sierra Leone Singapore Sint Maarten
(Dutch Part) Slovakia Slovenia Solomon Islands Somalia South Africa South
Georgia and the South Sandwich Islands South Sudan Spain Sri Lanka Sudan
Suriname Svalbard and Jan Mayen Swaziland Sweden Switzerland Syrian Arab
Republic Taiwan Tajikistan Tanzania, United Republic of Thailand Timor-Leste
Togo Tokelau Tonga Trinidad and Tobago Tunisia Turkey Turkmenistan Turks and
Caicos Islands Tuvalu Uganda Ukraine United Arab Emirates United Kingdom United
States Minor Outlying Islands Uruguay Uzbekistan Vanuatu Venezuela, Bolivarian
Republic of Viet Nam Virgin Islands, British Virgin Islands, U.S. Wallis and
Futuna Western Sahara Yemen Zambia Zimbabwe
Required
Postcode
City
State None AK - Alaska AL - Alabama AR - Arkansas AZ - Arizona CA - California
CO - Colorado CT - Connecticut DC - District of Columbia DE - Delaware FL -
Florida GA - Georgia HI - Hawaii IA - Iowa ID - Idaho IL - Illinois IN - Indiana
KS - Kansas KY - Kentucky LA - Louisiana MA - Massachusetts MD - Maryland ME -
Maine MI - Michigan MN - Minnesota MO - Missouri MS - Mississippi MT - Montana
NC - North Carolina ND - North Dakota NE - Nebraska NH - New Hampshire NJ - New
Jersey NM - New Mexico NV - Nevada NY - New York OH - Ohio OK - Oklahoma OR -
Oregon PA - Pennsylvania RI - Rhode Island SC - South Carolina SD - South Dakota
TN - Tennessee TX - Texas UT - Utah VA - Virginia VT - Vermont WA - Washington
WI - Wisconsin WV - West Virginia WY - Wyoming AS - American Samoa FM -
Federated States of Micronesia GU - Guam MH - Marshall Islands MP - Northern
Mariana Islands PR - Puerto Rico PW - Palau VI - Virgin Islands AA - Armed
Forces Americas AE - Armed Forces AP - Armed Forces Pacific AB - Alberta BC -
British Columbia MB - Manitoba NB - New Brunswick NL - Newfoundland and Labrador
NS - Nova Scotia NT - Northwest Territories NU - Nunavut ON - Ontario PE -
Prince Edward Island QC - Quebec SK - Saskatchewan YT - Yukon
Required
Make your gift monthly to give vital, stable support for people with MS and
progress toward a cure.
Yes, I want to help even more. Please make my gift monthly.
Please add to my donation to help offset service and processing fees. Applied on
your first transaction only.
TRIBUTE
My donation is in honor or memory of someone special.
In Honor In Memory
Yes, this is an honor or memorial gift
Honoree Name:
Send a notification letter of my donation to the recipient I indicate below.
Honor Gift Type: In Memory of In Honor of
Required
Notification Recipient Name:
Notification Recipient Street 1:
Notification Recipient Street 2:
Notification Recipient City:
Notification Recipient State/Province: None AK - Alaska AL - Alabama AR -
Arkansas AZ - Arizona CA - California CO - Colorado CT - Connecticut DC -
District of Columbia DE - Delaware FL - Florida GA - Georgia HI - Hawaii IA -
Iowa ID - Idaho IL - Illinois IN - Indiana KS - Kansas KY - Kentucky LA -
Louisiana MA - Massachusetts MD - Maryland ME - Maine MI - Michigan MN -
Minnesota MO - Missouri MS - Mississippi MT - Montana NC - North Carolina ND -
North Dakota NE - Nebraska NH - New Hampshire NJ - New Jersey NM - New Mexico NV
- Nevada NY - New York OH - Ohio OK - Oklahoma OR - Oregon PA - Pennsylvania RI
- Rhode Island SC - South Carolina SD - South Dakota TN - Tennessee TX - Texas
UT - Utah VA - Virginia VT - Vermont WA - Washington WI - Wisconsin WV - West
Virginia WY - Wyoming AS - American Samoa FM - Federated States of Micronesia GU
- Guam MH - Marshall Islands MP - Northern Mariana Islands PR - Puerto Rico PW -
Palau VI - Virgin Islands AA - Armed Forces Americas AE - Armed Forces AP -
Armed Forces Pacific AB - Alberta BC - British Columbia MB - Manitoba NB - New
Brunswick NL - Newfoundland and Labrador NS - Nova Scotia NT - Northwest
Territories NU - Nunavut ON - Ontario PE - Prince Edward Island QC - Quebec SK -
Saskatchewan YT - Yukon
Required
Notification Recipient ZIP/Postal Code:
Notification Recipient Country: United States Afghanistan Aland Islands Albania
Algeria American Samoa Andorra Angola Anguilla Antarctica Antigua and Barbuda
Argentina Armenia Aruba Australia Austria Azerbaijan Bahamas Bahrain Bangladesh
Barbados Belarus Belgium Belize Benin Bermuda Bhutan Bolivia, Plurinational
State of Bonaire, Sint Eustatius and Saba Bosnia and Herzegovina Botswana Bouvet
Island Brazil British Indian Ocean Territory Brunei Darussalam Bulgaria Burkina
Faso Burundi Cambodia Cameroon Canada Cape Verde Cayman Islands Central African
Republic Chad Chile China Christmas Island Cocos (Keeling) Islands Colombia
Comoros Congo Congo, The Democratic Republic of the Cook Islands Costa Rica Cote
D'Ivoire Croatia Cuba Curacao Cyprus Czech Republic Denmark Djibouti Dominica
Dominican Republic Ecuador Egypt El Salvador Equatorial Guinea Eritrea Estonia
Ethiopia Falkland Islands (Malvinas) Faroe Islands Fiji Finland France French
Guiana French Polynesia French Southern Territories Gabon Gambia Georgia Germany
Ghana Gibraltar Greece Greenland Grenada Guadeloupe Guam Guatemala Guernsey
Guinea Guinea-Bissau Guyana Haiti Heard Island and McDonald Islands Holy See
(Vatican City State) Honduras Hong Kong Hungary Iceland India Indonesia Iran,
Islamic Republic of Iraq Ireland Isle of Man Israel Italy Jamaica Japan Jersey
Jordan Kazakhstan Kenya Kiribati Korea, Democratic People's Republic of Korea,
Republic of Kuwait Kyrgyzstan Lao People's Democratic Republic Latvia Lebanon
Lesotho Liberia Libya Liechtenstein Lithuania Luxembourg Macao Macedonia, The
Former Yugoslav Republic of Madagascar Malawi Malaysia Maldives Mali Malta
Marshall Islands Martinique Mauritania Mauritius Mayotte Mexico Micronesia,
Federated States of Moldova, Republic of Monaco Mongolia Montenegro Montserrat
Morocco Mozambique Myanmar Namibia Nauru Nepal Netherlands New Caledonia New
Zealand Nicaragua Niger Nigeria Niue Norfolk Island Northern Mariana Islands
Norway Oman Pakistan Palau Palestine, State of Panama Papua New Guinea Paraguay
Peru Philippines Pitcairn Poland Portugal Puerto Rico Qatar Reunion Romania
Russian Federation Rwanda Saint Barthelemy Saint Helena, Ascension and Tristan
da Cunha Saint Kitts and Nevis Saint Lucia Saint Martin (French Part) Saint
Pierre and Miquelon Saint Vincent and the Grenadines Samoa San Marino Sao Tome
and Principe Saudi Arabia Senegal Serbia Seychelles Sierra Leone Singapore Sint
Maarten (Dutch Part) Slovakia Slovenia Solomon Islands Somalia South Africa
South Georgia and the South Sandwich Islands South Sudan Spain Sri Lanka Sudan
Suriname Svalbard and Jan Mayen Swaziland Sweden Switzerland Syrian Arab
Republic Taiwan Tajikistan Tanzania, United Republic of Thailand Timor-Leste
Togo Tokelau Tonga Trinidad and Tobago Tunisia Turkey Turkmenistan Turks and
Caicos Islands Tuvalu Uganda Ukraine United Arab Emirates United Kingdom United
States Minor Outlying Islands Uruguay Uzbekistan Vanuatu Venezuela, Bolivarian
Republic of Viet Nam Virgin Islands, British Virgin Islands, U.S. Wallis and
Futuna Western Sahara Yemen Zambia Zimbabwe
Required
Message Signature:
Message Body:
PAYMENT INFORMATION
PAYMENT METHOD:
Credit Card
CREDIT CARD INFORMATION:
Credit Card Options:
*
*
*
*
Credit Card Number
Expiration DateSelect month of credit card Select Expiration Year
01 02 03 04 05 06 07 08 09 10 11 12 2024 2025 2026 2027 2028 2029 2030 2031 2032
2033 2034
CVV Number
CHECK INFORMATION
--------------------------------------------------------------------------------
Donation amount: of $0
Click "Submit Donation" to complete the transaction.
Complete My Donation
Do not fill out this field to allow for submission
There was an error in submitting the form.
If you donate and have not already registered, you will receive periodic updates
and communications from the National MS Society.
COLOPHON
JOIN US
Facebook Twitter LinkedIn YouTube Pinterest
STAY INFORMED
* What is MS?
* Symptoms & Diagnosis
* Treating MS
* Resources & Support
* Living Well With MS
* Research
* Get Involved
* About the Society
* Vision
* Careers
* Leadership
* Core Values
* Financials
* News
* Press Room
* MS Prevalence
* Charitable Ratings
* Corporate Support and Programs
* More …
* Helpful Links
* Donate
* Informacion en Espanol
* Glossary
* Legal Notice/Privacy Policy
* Site Map
* Contact Us
* For Professionals
* Researchers
* Physicians
* Nurses
* Rehabilitation Professionals
* Mental Health Professionals
* Health and Wellness Professionals
© 2024 The National Multiple Sclerosis Society is a tax exempt 501(c)3 nonprofit
organization and our Identification Number (EIN) is 13-5661935.