support.mspca.org
Open in
urlscan Pro
74.123.152.129
Public Scan
Submitted URL: https://secure.northeastanimalshelter.org/
Effective URL: https://support.mspca.org/site/Donation2?df_id=23980&mfc_pref=T&23980.donation=form1
Submission: On September 04 via automatic, source certstream-suspicious — Scanned from US
Effective URL: https://support.mspca.org/site/Donation2?df_id=23980&mfc_pref=T&23980.donation=form1
Submission: On September 04 via automatic, source certstream-suspicious — Scanned from US
Form analysis
1 forms found in the DOMName: process — POST https://support.mspca.org/site/Donation2
<form name="process" id="ProcessForm" action="https://support.mspca.org/site/Donation2" method="post" onsubmit="return checkDoubleClick();" class="no_notif">
<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.app20062a?NONCE_TOKEN=8A8421248BA8B6D5C05B149F62FE6D83', 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-progress-bar">
<div class="progress-bar-step-container progress-bar-step-current">
<div class="progress-bar-step-number-container">1</div>
<div class="progress-bar-step-text-container">Gift & Payment Information</div>
</div>
</div>
<div class="form-row">
<div class="html-caption-container">
<style>
.sn-header>.sn-logo-container>.sn-logo {
background: url('http://support.mspca.org/images/content/pagebuilder/logo-2024-white.png') no-repeat center;
background-size: contain;
}
</style>
</div>
</div>
<div class="form-row">
<div class="html-caption-container">
<style>
.sn-main>.sn-main-content>.sn-heading {
font: 700 20px/1.45 "Montserrat", sans-serif;
color: #000;
}
.sn-main>.sn-main-content>.sn-text {
font: 500 15px/1.6 "Montserrat", sans-serif;
color: #333;
padding-top: 10px;
}
.sn-section>.sn-charity-trust {
width: 100%;
text-align: center;
padding-top: 27px;
}
.sn-section>.sn-charity-trust>a>.sn-charity-nav,
.sn-section>.sn-charity-trust>a>.sn-charity-2 {
width: 47px;
}
.sn-section>.sn-charity-trust>a>.sn-charity-nav {
margin-right: 15px;
}
.sn-charity-nav {
margin-left: 15px;
}
.sn-section>.sn-pie-chart,
.sn-section>.sn-pie-chart>.sn-pie-chart-image {
width: 100%;
}
.sn-section>.sn-confidence {
margin-top: 30px;
}
.sn-section>.sn-confidence>.sn-confidence-heading {
font: 700 20px/1.45 "Montserrat", sans-serif;
color: #000;
}
.sn-section>.sn-confidence>.sn-confidence-text {
font: 500 15px/1.6 "Montserrat", sans-serif;
color: #333;
}
.sn-section>.sn-pie-chart>.sn-pie-chart-image {
display: block;
max-width: 240px;
margin: 0 auto;
padding: 40px 12px;
}
@media (min-width: 480px) {
.sn-main>.sn-main-content>.sn-heading {
font-size: 30px;
line-height: 1.2;
}
.sn-main>.sn-main-content>.sn-text {
line-height: 1.733;
padding-top: 20px;
}
.sn-section>.sn-charity-trust {
padding-top: 0;
}
.sn-section>.sn-charity-trust>a>.sn-charity-nav,
.sn-section>.sn-charity-trust>a>.sn-charity-2 {
width: 52px;
}
.sn-section>.sn-charity-trust>a>.sn-charity-nav {
margin-right: 12.5px;
}
.sn-charity-nav {
margin-left: 12.5px;
}
.sn-section>.sn-confidence {
margin-top: 30px;
}
.sn-section>.sn-pie-chart>.sn-pie-chart-image {
margin-top: 40px;
padding: 0;
}
}
@media (min-width: 1200px) {
.sn-aside>.sn-heading {
font: 700 30px/1.2 "Montserrat", sans-serif;
color: #000;
padding-right: 38px;
}
.sn-aside>.sn-text {
font: 500 15px/1.733 "Montserrat", sans-serif;
color: #333;
padding-top: 14px;
}
.sn-aside>.sn-charity-trust {
padding-top: 32px;
}
.sn-aside>.sn-charity-trust>a>.sn-charity-nav,
.sn-aside>.sn-charity-trust>a>.sn-charity-2 {
width: 70px;
margin: 0;
}
.sn-aside>.sn-charity-trust>a>.sn-charity-nav {
margin-right: 17px;
}
.sn-charity-nav {
margin-left: 17px;
}
.sn-aside>.sn-confidence {
margin-top: 32px;
}
.sn-aside>.sn-confidence>.sn-confidence-heading {
font: 700 20px/1.45 "Montserrat", sans-serif;
color: #000;
}
.sn-aside>.sn-confidence>.sn-confidence-text {
font: 500 15px/1.6 "Montserrat", sans-serif;
color: #333;
}
.sn-aside>.sn-pie-chart>.sn-pie-chart-image {
width: 270px;
margin-top: 35px;
}
}
</style>
<style>
div.donation-level-amount-container,
div.donation-level-user-entered input[type="text"] {
font-size: 20px !important;
}
@media (min-width: 480px) {
.sn-header-background {
background: url('http://support.mspca.org/images/content/pagebuilder/MSPCA-ConfirmationPage-Header-Desktop.jpg') no-repeat top center;
background-size: cover;
}
}
@media (min-width: 1200px) {
.sn-aside>.sn-confidence>.sn-confidence-heading {
font-size: 19px;
}
}
</style>
</div>
</div>
<div class="form-row">
<div class="html-caption-container">
<style>
.sn-payment-interval-heading {
font-size: 22px;
font-weight: 600;
line-height: 1.3em;
margin-bottom: 0.5em;
text-align: left;
}
</style>
<h2 class="sn-payment-interval-heading">Select Donation Amount:</h2>
<style>
div.html-caption-container {
overflow: visible;
}
div.generic-repeat-label-checkbox-container {
display: none;
}
*,
html,
body {
box-sizing: border-box;
padding: 0;
margin: 0;
}
p,
h1,
h2 {
padding: 0;
margin: 0;
}
.sn-payment-interval {
width: 256px;
height: 31px;
}
.sn-one-time,
.sn-monthly {
display: inline-block;
width: 50%;
line-height: 31px;
text-align: center;
font-size: 15px;
color: #000;
}
.sn-one-time {
border-radius: 6.17px 0 0 6.17px;
}
.sn-monthly {
float: right;
border-radius: 0 6.17px 6.17px 0;
}
.sn-monthly span strong {
color: #E8BB20;
margin-right: 5px;
}
.sn-one-time,
.sn-monthly,
.sn-triangle {
cursor: pointer;
}
.sn-triangles {
position: relative;
width: 256px;
margin-top: -1px;
}
.sn-triangle {
position: absolute;
display: inline-block;
width: 10px;
height: 15px;
clip-path: polygon(0 0, 100% 0, 50% 50%);
}
.sn-triangle:first-child {
left: 25%;
}
.sn-yellow {
background-color: #E8BB20;
}
.sn-triangle:nth-child(3) {
left: 75%;
}
.sn-triangle:nth-child(2),
.sn-triangle:nth-child(4) {
background-color: rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
width: 12px;
z-index: -1;
}
.sn-triangle:nth-child(2) {
left: 24.4%;
display: none;
}
.sn-triangle:nth-child(4) {
left: 74.4%;
}
.sn-grey {
background-color: #EAEAEA;
}
.sn-inactive {
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
opacity: 0.9;
}
@media (min-width: 480px) {
.sn-payment-interval {
width: 365px;
height: 44px;
margin-top: 23px;
}
.sn-one-time,
.sn-monthly {
line-height: 44px;
font-size: 21px;
}
.sn-triangles {
width: 365px;
}
.sn-triangle {
width: 15px;
height: 22px;
}
.sn-triangle:first-child {
left: 24%;
}
.sn-triangle:nth-child(2) {
left: 23.5%;
display: none;
}
.sn-triangle:nth-child(3) {
left: 74%;
}
.sn-triangle:nth-child(4) {
left: 73.5%;
}
}
</style>
<div class="sn-payment-interval">
<div class="sn-one-time sn-yellow">
<span>One-Time</span>
</div>
<div class="sn-monthly sn-grey sn-inactive">
<span><strong>♥</strong> Monthly</span>
</div>
</div>
<div class="sn-triangles">
<div class="sn-triangle sn-yellow"></div>
<div class="sn-triangle sn-shadow"></div>
<div class="sn-triangle sn-grey"></div>
<div class="sn-triangle sn-shadow"></div>
</div>
</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"> </span>
<span class="FormLabelText">Enter A Gift Amount:</span>
<div class="donation-level-general-ask">
</div>
<div class="donation-levels">
<div class="donation-level-container">
<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_standardexpanded29016" value="29016" onclick="evalMatchingGift('$35.00');
updateDonorCoverAmount('$35.00');">
</div>
<label for="level_standardexpanded29016" onclick="">
<div class="donation-level-amount-container"> $35 </div>
<div class="donation-level-label-container"> 50% HPC External </div>
</label>
<input type="hidden" name="level_standardexpanded29016dynamicAmount" id="level_standardexpanded29016dynamicAmount" value="3500">
</div>
<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_29016expandedsubmit" value="true">
</div>
</div>
<div class="donation-level-container selected cca-donation-amount-selected">
<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_standardexpanded29018" value="29018" checked="checked" onclick="evalMatchingGift('$50.00');
updateDonorCoverAmount('$50.00');">
</div>
<label for="level_standardexpanded29018" onclick="">
<div class="donation-level-amount-container"> $50 </div>
<div class="donation-level-label-container"> 100% HPC External </div>
</label>
<input type="hidden" name="level_standardexpanded29018dynamicAmount" id="level_standardexpanded29018dynamicAmount" value="5000">
</div>
<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_29018expandedsubmit" value="true">
</div>
</div>
<div class="donation-level-container">
<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_standardexpanded29019" value="29019" onclick="evalMatchingGift('$100.00');
updateDonorCoverAmount('$100.00');">
</div>
<label for="level_standardexpanded29019" onclick="">
<div class="donation-level-amount-container"> $100 </div>
<div class="donation-level-label-container"> 150% HPC External </div>
</label>
<input type="hidden" name="level_standardexpanded29019dynamicAmount" id="level_standardexpanded29019dynamicAmount" value="10000">
</div>
<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_29019expandedsubmit" value="true">
</div>
</div>
<div class="donation-level-container">
<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_standardexpanded29020" value="29020" onclick="evalMatchingGift('$250.00');
updateDonorCoverAmount('$250.00');">
</div>
<label for="level_standardexpanded29020" onclick="">
<div class="donation-level-amount-container"> $250 </div>
<div class="donation-level-label-container"> 200% HPC External </div>
</label>
<input type="hidden" name="level_standardexpanded29020dynamicAmount" id="level_standardexpanded29020dynamicAmount" value="25000">
</div>
<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_29020expandedsubmit" value="true">
</div>
</div>
<div class="donation-level-container other-amount-container">
<div class="form-content">
<div class="donation-level-input-container form-input other-amount">
<div class="donation-level-label-input-container">
<input type="radio" name="level_standardexpanded" id="level_standardexpanded28841" value="28841" onclick="evalMatchingGift(document.getElementById('level_standardexpanded28841amount').value);
updateDonorCoverAmount(document.getElementById('level_standardexpanded28841amount').value);">
</div>
<div class="donation-level-user-entered">
<label for="level_standardexpanded28841amount"><span class="aural-only">Enter amount</span></label>
<input type="text" name="level_standardexpanded28841amount" id="level_standardexpanded28841amount" value="" size="12" maxlength="10"
onfocus="var el = document.getElementById ('level_standardexpanded28841');if (el) el.click(); fire_obs_comp_event('level_standardexpanded28841amount', this, event);evalMatchingGift(value); "
onchange="fire_obs_comp_event('level_standardexpanded28841amount', this, event);evalMatchingGift(value);" onkeyup="fire_obs_comp_event('level_standardexpanded28841amount', this, event);evalMatchingGift(value);"
onblur="fire_obs_comp_event('level_standardexpanded28841amount', this);updateDonorCoverAmount(value);" placeholder="$Other">
</div>
</div>
<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_28841expandedsubmit" 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="donation-level-container-generic-repeat form-input">
<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, automatically repeat this gift every month. </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://support.mspca.org/site/Donation2?idb=917333415&level_standardajaxfetch=true&df_id=23980&mfc_pref=T&23980.donation=form1&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"> Billing Information </h2>
<div id="billing_first_name_row" class="form-row form-text">
<div class="form-content">
<span class="field-required"></span>
<label for="billing_first_namename">First Name:</label>
<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">
<span class="field-required"></span>
<label for="billing_last_namename">Last Name:</label>
<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 class="clearfix"></div>
<div id="billing_addr_street1_row" class="form-row form-text">
<div class="form-content">
<span class="field-required"></span>
<label for="billing_addr_street1name">Street 1:</label>
<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">Street 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_city_row" class="form-row form-text">
<div class="form-content">
<span class="field-required"></span>
<label for="billing_addr_cityname">City:</label>
<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">
<span class="field-required"></span>
<label class="FormLabel" for="billing_addr_state">State/Province:</label>
<select name="billing_addr_state" id="billing_addr_state" size="1" onchange="fire_obs_comp_event('billing_addr_state', this)">
<option disabled="disabled">Select</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>
<option value="None">None</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 id="billing_addr_zip_row" class="form-row form-text">
<div class="form-content">
<span class="field-required"></span>
<label for="billing_addr_zipname">ZIP/Postal Code:</label>
<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_country_row" class="form-row form-selectlist">
<div class="form-content">
<label class="FormLabel" for="billing_addr_country">Country:</label>
<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="Bolivarian Republic of Venezuela">Bolivarian Republic of Venezuela</option>
<option value="Bonaire, Sint Eustatios and Saba">Bonaire, Sint Eustatios 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="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="Democratic People's Republic of Korea">Democratic People's Republic of Korea</option>
<option value="The Democratic Republic of the Congo">The Democratic Republic of the Congo</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="Federated States of Micronesia">Federated States of Micronesia</option>
<option value="Fiji">Fiji</option>
<option value="Finland">Finland</option>
<option value="The Former Yugoslav Republic of Macedonia">The Former Yugoslav Republic of Macedonia</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="Iraq">Iraq</option>
<option value="Ireland">Ireland</option>
<option value="Islamic Republic of Iran">Islamic Republic of Iran</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="Kuwait">Kuwait</option>
<option value="Kyrgyzstan">Kyrgyzstan</option>
<option value="Laos People's Democratic Republic">Laos 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="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="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="Palestinian Territory, Occupied">Palestinian Territory, Occupied</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="Plurinational State of Bolivia">Plurinational State of Bolivia</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="Republic of Korea">Republic of Korea</option>
<option value="Republic of Moldova">Republic of Moldova</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)">Saint Martin (French)</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="S. Georgia & S. Sandwich Isls.">S. Georgia & S. Sandwich Isls.</option>
<option value="Sierra Leone">Sierra Leone</option>
<option value="Singapore">Singapore</option>
<option value="Sint Maarten (Dutch)">Sint Maarten (Dutch)</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 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, Province of China">Taiwan, Province of China</option>
<option value="Tajikistan">Tajikistan</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 Republic of Tanzania">United Republic of Tanzania</option>
<option value="Uruguay">Uruguay</option>
<option value="USA Minor Outlying Islands">USA Minor Outlying Islands</option>
<option value="Uzbekistan">Uzbekistan</option>
<option value="Vanuatu">Vanuatu</option>
<option value="Viet Nam">Viet Nam</option>
<option value="Virgin Islands (British)">Virgin Islands (British)</option>
<option value="Virgin Islands (USA)">Virgin Islands (USA)</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="donor_email_address_row" class="form-row form-text">
<div class="form-content">
<span class="field-required"></span>
<label for="donor_email_addressname">Email Address:</label>
<input type="text" 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="donor_phone_row" class="form-row form-text">
<div class="form-content">
<label for="donor_phonename">Phone Number:</label>
<input type="text" name="donor_phonename" id="donor_phonename" value="" maxlength="50">
<input type="hidden" name="donor_phonesubmit" id="donor_phonesubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('donor_phone', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('donor_phone_row', _display);
this.disable_submit_flag(_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<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"> </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>
<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"><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 Type:</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">
<span class="field-required"></span>
<label for="responsive_payment_typecc_numbername">Credit Card Number:</label>
<input type="text" name="responsive_payment_typecc_numbername" id="responsive_payment_typecc_numbername" value="" maxlength="22" autocomplete="off">
<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">
<span class="field-required"></span>
<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>
<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">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" selected="selected">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">
<span class="field-required"></span>
<label for="responsive_payment_typecc_cvvname">
<span class="FormLabelText">CVV Number:</span>
</label>
<a href="http://help.convio.net/site/PageServer?s_site=mspca&pagename=user_donation_cvv" class="HelpLink" title="What is this? Opens new window."><i class="fas fa-info-circle"></i></a>
<input type="text" name="responsive_payment_typecc_cvvname" id="responsive_payment_typecc_cvvname" value="" maxlength="4" autocomplete="cc-csc">
<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 id="cc_fees_row" style="clear: both; margin: 20px 0px;" class="form-checkbox">
<input type="checkbox" name="cover_fees" id="cover_fees" checked="checked">
<label for="cover_fees"> Please add <span class="cover_fees_total">$1.50 to cover the transaction fees so 100% of my donation helps save animals.</span>
</label>
<input type="hidden" id="s_cover_fees" name="s_cover_fees">
<div class="clearfix"></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="Process">Donate $51.50</button>
</div>
</div>
<input type="hidden" name="idb" id="idb" value="917333415">
<input type="hidden" name="df_id" id="df_id" value="23980">
<input type="hidden" name="mfc_pref" id="mfc_pref" value="T">
<input type="hidden" name="cover_feeshidden" id="cover_feeshidden" value="false">
<div class="form-row">
<div class="html-caption-container">
<script>
const paymentIntervalWindow = document.querySelector('.sn-payment-interval');
const oneTime = document.querySelector('.sn-one-time');
const monthly = document.querySelector('.sn-monthly');
const oneTimeSpan = oneTime.firstElementChild;
const monthlySpan = monthly.firstElementChild;
const oneTimeTriangle = document.querySelector('.sn-triangles').firstElementChild;
const monthlyTriangle = document.querySelector('.sn-triangles').lastElementChild.previousElementSibling;
const oneTimeTriangleShadow = oneTimeTriangle.nextElementSibling;
const monthlyTriangleShadow = monthlyTriangle.nextElementSibling;
const heart = monthly.firstElementChild.firstElementChild;
const checkBox = document.querySelector('#level_standardauto_repeatname');
function selectInterval(selected, deselected, sTriangle, dTriangle, sShadow, dShadow, heartColor, checkMark) {
deselected.classList.add('sn-inactive');
selected.classList.remove('sn-inactive');
deselected.classList.add('sn-grey');
deselected.classList.remove('sn-yellow');
dTriangle.classList.add('sn-grey');
dTriangle.classList.remove('sn-yellow');
selected.classList.add('sn-yellow');
selected.classList.remove('sn-grey');
sTriangle.classList.add('sn-yellow');
sTriangle.classList.remove('sn-grey');
heart.style.color = heartColor;
sShadow.style.display = 'none';
dShadow.style.display = 'block';
checkBox.checked = checkMark;
}
paymentIntervalWindow.addEventListener('click', (e) => {
e.preventDefault();
const target = e.target;
if (target === monthly || target === monthlySpan || target === heart) {
selectInterval(monthly, oneTime, monthlyTriangle, oneTimeTriangle, monthlyTriangleShadow, oneTimeTriangleShadow, '#000', true);
};
if (target === oneTime || target === oneTimeSpan) {
selectInterval(oneTime, monthly, oneTimeTriangle, monthlyTriangle, oneTimeTriangleShadow, monthlyTriangleShadow, '#E8BB20', false);
};
});
</script>
<script>
const [body] = Array.from(document.getElementsByTagName('body'));
body.id = "neas";
</script>
</div>
</div>
</div>
<input type="hidden" name="23980.donation" id="23980.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
HELP ALL ANIMALS, GREAT AND SMALL Your contribution - no matter the amount - helps us provide the best possible care and services for homeless, injured, sick, and abused animals. Because of you, they have a future. 1 Gift & Payment Information SELECT DONATION AMOUNT: One-Time ♥ Monthly Enter A Gift Amount: $35 50% HPC External $50 100% HPC External $100 150% HPC External $250 200% HPC External Enter amount Yes, automatically repeat this gift every month. BILLING INFORMATION First Name: Last Name: Street 1: Street 2: City: State/Province: Select 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 None Required ZIP/Postal Code: 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 Bolivarian Republic of Venezuela Bonaire, Sint Eustatios 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 Cook Islands Costa Rica Cote D'Ivoire Croatia Cuba Curacao Cyprus Czech Republic Democratic People's Republic of Korea The Democratic Republic of the Congo Denmark Djibouti Dominica Dominican Republic Ecuador Egypt El Salvador Equatorial Guinea Eritrea Estonia Ethiopia Falkland Islands (Malvinas) Faroe Islands Federated States of Micronesia Fiji Finland The Former Yugoslav Republic of Macedonia 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 Iraq Ireland Islamic Republic of Iran Isle of Man Israel Italy Jamaica Japan Jersey Jordan Kazakhstan Kenya Kiribati Kuwait Kyrgyzstan Laos People's Democratic Republic Latvia Lebanon Lesotho Liberia Libya Liechtenstein Lithuania Luxembourg Macao Madagascar Malawi Malaysia Maldives Mali Malta Marshall Islands Martinique Mauritania Mauritius Mayotte Mexico 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 Palestinian Territory, Occupied Panama Papua New Guinea Paraguay Peru Philippines Pitcairn Plurinational State of Bolivia Poland Portugal Puerto Rico Qatar Republic of Korea Republic of Moldova Reunion Romania Russian Federation Rwanda Saint Barthelemy Saint Helena, Ascension and Tristan da Cunha Saint Kitts and Nevis Saint Lucia Saint Martin (French) Saint Pierre and Miquelon Saint Vincent and the Grenadines Samoa San Marino Sao Tome and Principe Saudi Arabia Senegal Serbia Seychelles S. Georgia & S. Sandwich Isls. Sierra Leone Singapore Sint Maarten (Dutch) Slovakia Slovenia Solomon Islands Somalia South Africa South Sudan Spain Sri Lanka Sudan Suriname Svalbard and Jan Mayen Swaziland Sweden Switzerland Syrian Arab Republic Taiwan, Province of China Tajikistan 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 Republic of Tanzania Uruguay USA Minor Outlying Islands Uzbekistan Vanuatu Viet Nam Virgin Islands (British) Virgin Islands (USA) Wallis and Futuna Western Sahara Yemen Zambia Zimbabwe Required Email Address: Phone Number: PAYMENT INFORMATION PAYMENT METHOD: Credit Card CREDIT CARD INFORMATION: Credit Card Type: * * * * Credit Card Number: Expiration Date:Select 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 Please add $1.50 to cover the transaction fees so 100% of my donation helps save animals. Donate $51.50 Send Notification By Select eCard Mailed card No notification required Due to restricted business hours from COVID-19 shutdowns, there will be a significant delay in mailing physical cards. There is no delay in sending eCards. To view the eCard preview, please disable your browser's pop-up blocker. HELP ALL ANIMALS, GREAT AND SMALL Your contribution - no matter the amount - helps us provide the best possible care and services for homeless, injured, sick, and abused animals. Because of you, they have a future. WE SAVE MORE LIVES TOGETHER Northeast Animal Shelter has joined with the MSPCA-Angell. Together we’re helping even more animals and members of our community through our robust combined initiatives. Your gift today supports operations at Northeast Animal Shelter. WE SAVE MORE LIVES TOGETHER Northeast Animal Shelter has joined with the MSPCA-Angell. Together we’re helping even more animals and members of our community through our robust combined initiatives. Your gift today supports operations at Northeast Animal Shelter. The shared mission of Northeast Animal Shelter and the MSPCA-Angell is to protect animals, relieve their suffering, advance their health and welfare, prevent cruelty, and work for a just and compassionate society. The MSPCA-Angell is a 501(c)(3) nonprofit and is not operated by any national humane organization. The MSPCA-Angell and its Northeast Animal Shelter operations rely on the support of generous individuals and do not receive funding from state or federal agencies. We will occasionally send updates about campaigns to help homeless animals. You can unsubscribe at any time. Contact Us | Privacy Policy © 2024 MSPCA-Angell | EIN 04-2103597 | 617.522.7400 | 350 South Huntington Ave. | Boston, MA 02130