donate.k9sforwarriors.org
Open in
urlscan Pro
216.235.194.94
Public Scan
Submitted URL: http://support.k9sforwarriors.org/
Effective URL: https://donate.k9sforwarriors.org/site/Donation2?df_id=4060&mfc_pref=T&4060.donation=form1
Submission: On November 27 via api from US — Scanned from DE
Effective URL: https://donate.k9sforwarriors.org/site/Donation2?df_id=4060&mfc_pref=T&4060.donation=form1
Submission: On November 27 via api from US — Scanned from DE
Form analysis 1 forms found in the DOM
Name: process — POST https://donate.k9sforwarriors.org/site/Donation2
<form name="process" id="ProcessForm" action="https://donate.k9sforwarriors.org/site/Donation2" method="post" onsubmit="return checkDoubleClick();">
<div class="donation-form-container responsive loaded">
<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.app20024a?NONCE_TOKEN=275EAF1681320BDBBE1C9D37102C3AB4', 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">
<input type="hidden" name="upsellhidden" id="upsellhidden" value="">
<div class="form-row">
<div class="html-caption-container">
<h1>Your gift will help save a Warrior and a rescue dog!</h1>
<p>Your generosity will go right to work to help pair a struggling Warrior with a shelter dog trained to help veterans with post-traumatic stress, traumatic brain injury and/or military sexual trauma. Thank you for saving two lives with one
act of kindness today!</p>
<div id="freq_selection">
<div id="freq_once" class="selected">One-time Gift</div>
<div id="freq_monthly">Monthly Gift</div>
<div class="clearfix"> </div>
</div>
<div id="donation_description" class="hidden"> </div>
<style type="text/css">
<!--
@media (min-width: 768px) {
.main-container {
background-image: url(../images/content/pagebuilder/background_-_no_watermark.png) !important;
}
}
< !-- Facebook Pixel Code
-->
<script>
! function(f, b, e, v, n, t, s) {
if (f.fbq) return;
n = f.fbq = function() {
n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments)
};
if (!f._fbq) f._fbq = n;
n.push = n;
n.loaded = !0;
n.version = '2.0';
n.queue = [];
t = b.createElement(e);
t.async = !0;
t.src = v;
s = b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t, s)
}(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '2194843780772032');
fbq('track', 'PageView');
</script>
<noscript>
<img height="1" width="1" src="https://www.facebook.com/tr?id=2194843780772032&ev=PageView
&noscript=1" />
</noscript>
<!-- End Facebook Pixel Code -->
<!-- Global site tag (gtag.js) - Google Ads: 10789738230 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-10789738230"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'AW-10789738230');
</script>
<!-- Bing Tag-->
<!-- moved to reus_head PB page --->
<!-- End Bing Tag-->
<input id="upsellhidden" name="upsellhidden" type="hidden" /></p> -->
</style>
</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">
<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_standardexpanded9149" value="9149" onclick="evalMatchingGift('$75.00');
updateDonorCoverAmount('$75.00');">
</div>
<label for="level_standardexpanded9149" onclick="">
<div class="donation-level-amount-container"> $75 </div>
</label>
</div>
<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_9149expandedsubmit" 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_standardexpanded9141" value="9141" onclick="evalMatchingGift('$100.00');
updateDonorCoverAmount('$100.00');">
</div>
<label for="level_standardexpanded9141" onclick="">
<div class="donation-level-amount-container"> $100 </div>
</label>
</div>
<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_9141expandedsubmit" 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_standardexpanded9143" value="9143" onclick="evalMatchingGift('$200.00');
updateDonorCoverAmount('$200.00');">
</div>
<label for="level_standardexpanded9143" onclick="">
<div class="donation-level-amount-container"> $200 </div>
</label>
</div>
<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_9143expandedsubmit" 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_standardexpanded9160" value="9160" onclick="evalMatchingGift('$500.00');
updateDonorCoverAmount('$500.00');">
</div>
<label for="level_standardexpanded9160" onclick="">
<div class="donation-level-amount-container"> $500 </div>
</label>
</div>
<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_9160expandedsubmit" value="true">
</div>
</div>
<div class="donation-level-container hidden">
<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_standardexpanded9153" value="9153" onclick="evalMatchingGift('$20.00');
updateDonorCoverAmount('$20.00');">
</div>
<label for="level_standardexpanded9153" onclick="">
<div class="donation-level-amount-container"> $20 </div>
</label>
</div>
<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_9153expandedsubmit" value="true">
</div>
</div>
<div class="donation-level-container hidden">
<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_standardexpanded9148" value="9148" onclick="evalMatchingGift('$30.00');
updateDonorCoverAmount('$30.00');">
</div>
<label for="level_standardexpanded9148" onclick="">
<div class="donation-level-amount-container"> $30 </div>
</label>
</div>
<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_9148expandedsubmit" value="true">
</div>
</div>
<div class="donation-level-container hidden">
<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_standardexpanded9144" value="9144" onclick="evalMatchingGift('$40.00');
updateDonorCoverAmount('$40.00');">
</div>
<label for="level_standardexpanded9144" onclick="">
<div class="donation-level-amount-container"> $40 </div>
</label>
</div>
<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_9144expandedsubmit" value="true">
</div>
</div>
<div class="donation-level-container hidden">
<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_standardexpanded9146" value="9146" onclick="evalMatchingGift('$50.00');
updateDonorCoverAmount('$50.00');">
</div>
<label for="level_standardexpanded9146" onclick="">
<div class="donation-level-amount-container"> $50 </div>
</label>
</div>
<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_9146expandedsubmit" 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_standardexpanded9145" value="9145" onclick="evalMatchingGift(document.getElementById('level_standardexpanded9145amount').value);
updateDonorCoverAmount(document.getElementById('level_standardexpanded9145amount').value);">
</div>
<label for="level_standardexpanded9145" onclick="">
<div class="donation-level-label-container"> Your Best Gift </div>
</label>
<div class="donation-level-user-entered">
<label for="level_standardexpanded9145amount"><span class="aural-only">Enter amount</span></label>
<input type="text" name="level_standardexpanded9145amount" id="level_standardexpanded9145amount" value="" size="12" maxlength="50"
onfocus="var el = document.getElementById ('level_standardexpanded9145');if (el) el.click(); fire_obs_comp_event('level_standardexpanded9145amount', this, event);evalMatchingGift(value); "
onchange="fire_obs_comp_event('level_standardexpanded9145amount', this, event);evalMatchingGift(value);" onkeyup="fire_obs_comp_event('level_standardexpanded9145amount', this, event);evalMatchingGift(value);"
onblur="fire_obs_comp_event('level_standardexpanded9145amount', this);updateDonorCoverAmount(value);">
</div>
</div>
<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_9145expandedsubmit" 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 hidden">
<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://donate.k9sforwarriors.org/site/Donation2?idb=1821138447&level_standardajaxfetch=true&df_id=4060&mfc_pref=T&4060.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>
<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_type_row" class="form-row form-selectlist" style="display: none;">
<div class="form-content">
<span class="field-required"></span>
<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_honoree_first_name_row" class="form-row form-text" style="display: none;">
<div class="form-content">
<span class="field-required"></span>
<label for="tribute_honoree_first_namename">Honoree First Name:</label>
<input type="text" name="tribute_honoree_first_namename" id="tribute_honoree_first_namename" value="" maxlength="50">
<input type="hidden" name="tribute_honoree_first_namesubmit_skip" id="tribute_honoree_first_namesubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('tribute_honoree_first_name', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('tribute_honoree_first_name_row', _display);
this.disable_submit_flag(_hidden);
}
observe_component('tribute_show_honor_fields.true', new ComponentDisplayer('tribute_honoree_first_name'));
</script><noscript> </noscript>
</div>
</div>
<div id="tribute_honoree_last_name_row" class="form-row form-text" style="display: none;">
<div class="form-content">
<span class="field-required"></span>
<label for="tribute_honoree_last_namename">Honoree Last Name:</label>
<input type="text" name="tribute_honoree_last_namename" id="tribute_honoree_last_namename" value="" maxlength="50">
<input type="hidden" name="tribute_honoree_last_namesubmit_skip" id="tribute_honoree_last_namesubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('tribute_honoree_last_name', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('tribute_honoree_last_name_row', _display);
this.disable_submit_flag(_hidden);
}
observe_component('tribute_show_honor_fields.true', new ComponentDisplayer('tribute_honoree_last_name'));
</script><noscript> </noscript>
</div>
</div>
<div id="tribute_notify_recip_name_row" class="form-row form-text" 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" 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_city_row" class="form-row form-text" 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" 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="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('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" 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_message_body_row" class="form-row form-text" style="display: none;">
<div class="form-content">
<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"> 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 id="billing_addr_street1_row" class="form-row form-text">
<div class="form-content">
<span class="field-required"></span>
<label for="billing_addr_street1name">Address:</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_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></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="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="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 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="checkbox" name="donor_email_opt_inname" id="donor_email_opt_inname" onclick="fire_obs_comp_event('donor_email_opt_in', this);">
<label for="donor_email_opt_inname"> Yes, I would like to receive communication from this organization. </label>
<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 class="form-row">
<div class="html-caption-container">
<style>
@import url('https://fonts.googleapis.com/css?family=Proxima+Nova');
@import url('https://fonts.googleapis.com/css?family=Neue+Helvetica');
/* Header/Navbar Styling START */
/* Hides page wrapper elements that are not needed*/
.navbar-toggle,
.region-signup-block,
ul.nav {
display: none;
}
div.donation-form-container.responsive label,
div.donation-form-container.responsive .FormLabel {
display: inline;
font-size: 16px;
font-weight: lighter;
/* normal */
}
.section-header-container {
border-bottom: #fff;
}
.navbar .logo {
display: block;
}
/* Header/Navbar Styling END */
/* Body Styling START */
html,
body {
max-width: 100%;
overflow-x: hidden;
}
body {
background: #ffffff;
}
*,
html,
body,
form,
input,
input.AddressBookButtons,
input.Advocacy,
input.btn,
input.btnLg,
input.btnMed,
input.btnMini,
input.btnSm,
select,
select.Advocacy,
textarea,
legend,
ul,
ol,
li,
option,
table,
tr,
th,
th.rfl_infoStatus,
td,
td.AlertListDescription,
td.cstmBack,
p,
p.cstmBtnText,
p.cstmFrame,
p.cstmHeading,
p.cstmText,
p.cstmTitle,
p.dividerHeading,
p.scrollingText,
span.cstmHeading,
a,
a.btn,
a.btn:visited,
a.cstmBtnText:hover,
a.cstmBtnText:link,
a.cstmBtnText:visited,
#navList,
.AdvocacyInstructions,
.AdvocacyNSFix,
.BlogHeader,
.Button,
.Divider,
.FieldLabels,
.FormBox,
.FormBox06,
.FormBoxHeader,
.Hint,
.Instructions,
.Instructions,
.ListItem0,
.ListItem1,
.NetscapeFix,
.NoteText,
.ObjTitle,
.PhotoLinks,
.Premiums,
.ProgressBox,
.ProgressBoxCurrent,
.SectionHead,
.SmallButton,
.Smaller,
.SmallerC,
.TribBtnText1,
.Upgrades,
.WhatNext,
.alphacube_content,
.dialog_content,
.dialog_title,
.Explicit,
.fr_register_another,
.paraBlueSansSmall,
.smallBlack,
.smallSans,
.smallSansBold,
.smallWhiteBoldSans,
.smallWhiteSans,
.smallestBlackSans {
font-family: 'Proxima Nova', sans-serif;
}
h1 {
font-size: 32px;
line-height: 38px;
font-family: 'Proxima Nova', sans-serif;
font-weight: bold !important;
}
h2.section-header-container {
font-size: 28px;
/* 24px */
padding-bottom: 10px;
font-family: 'Proxima Nova', sans-serif;
color: #020202;
}
/* Removes clutter headings and text */
div#payment_typecc_type_row .form-content>fieldset>legend {
display: none;
}
div#payment_cc_container h3 {
display: none;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 0px !important;
border: 1px solid transparent;
background-color: #ffffff;
}
.centered-logo {
text-align: center;
display: block;
}
/* remove page wrapper border on header */
@media (min-width: 768px) {
.container .navbar-header.innercontainer,
.container .navbar-collapse.innercontainer {
padding: 0 105px;
-webkit-box-shadow: active;
-moz-box-shadow: none;
box-shadow: none;
background-color: none;
}
.main-container {
/* background-image: url(../images/content/pagebuilder/69252545_2647948418572381_8044215201261682688_o.jpg); */
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: auto;
padding: 0px 0px 0px 0px !important;
width: 100%;
background-attachment: fixed;
}
.watermark-container {
width: 100%;
position: absolute;
float: right;
right: 0;
clear: right;
}
.watermark {
display: block;
position: relative;
bottom: 150px;
right: 30px;
float: right;
clear: right;
}
}
/* Body Styling END */
/* Form Styling START */
form {
margin: 25px 0;
}
.form-content {
background: transparent;
}
div.responsive span.field-required {
background-image: url(../images/content/pagebuilder/asterisk_font_transparent.png) !important;
}
div.donation-form-container.responsive {
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
background: rgba(255, 255, 255, .80);
font-family: 'Proxima Nova', sans-serif !important;
font-size: 16px;
padding: 40px;
margin: 0;
background: rgba(255, 255, 255, .90);
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
border: 1px solid #eaeaea;
font-family: 'Helvetica Neue', sans-serif !important;
max-width: 550px;
border: none !important;
}
/* resetting padding from original page wrapper */
.first.container {
background: transparent !important;
padding: 0 !important;
letter-spacing: 0px;
margin-left: 10px;
margin-top: -50px;
}
.container {
/*background: transparent !important;*/
background-color: #ffffff;
padding: 10px;
}
/* Makes Donation Form input container 100% width */
div.form-row div.form-content {
display: block;
width: 100%;
}
/* Form Element Resets */
div.donation-level-amount-container,
div.donation-level-label-container {
margin-top: 0 !important;
vertical-align: initial;
}
div.responsive input[type="text"],
div.responsive input[type="number"],
div.responsive input[type="password"],
div.responsive textarea {
margin: 0;
font-size: 18px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: none;
-moz-border-radius: none;
-ms-border-radius: none;
-o-border-radius: none;
border-radius: none;
width: 400px;
}
div.responsive input[type="text"]:focus,
div.responsive input[type="number"]:focus,
div.responsive input[type="password"]:focus,
div.responsive textarea:focus {
outline: none;
}
/* Donation Form Styling */
div.responsive input[type="text"],
div.responsive input[type="number"],
div.responsive input[type="password"],
div.responsive textarea,
div.responsive select {
padding: 10px;
border: solid 1px gainsboro;
-webkit-transition: box-shadow 0.3s, border 0.3s;
-moz-transition: box-shadow 0.3s, border 0.3s;
-o-transition: box-shadow 0.3s, border 0.3s;
transition: box-shadow 0.3s, border 0.3s;
}
div.responsive input[type="text"]:focus,
div.responsive input[type="number"]:focus,
div.responsive input[type="password"]:focus,
div.responsive textarea:focus,
div.responsive select:focus {
border: solid 1px gainsboro;
/* #707070 */
-webkit-box-shadow: 0 0 5px 1px #969696;
-moz-box-shadow: 0 0 5px 1px #969696;
box-shadow: 0 0 5px 1px #969696;
}
div.donation-form-container.responsive select {
height: 47px;
border-radius: 5px;
}
div.form-row {
padding: 0px 0px 0px 0px;
}
div.form-donation-level {
border: none !important;
}
div.responsive button.finish-step {
float: left;
}
.no_notif {
margin-left: -90px;
margin-top: -55px;
}
@media (max-width: 767px) {
.mobile div.donation-form-container.responsive {
border: 0;
max-width: 100%;
width: 100%;
}
.mobile div.responsive button.step-button,
.mobile div.button-container {
max-width: 100%;
width: 100%;
}
div.form-row div.form-content>select,
div.form-row div.form-content>input[type="text"],
div.form-row div.form-content input.ui-autocomplete-input,
div.form-row div.form-content>textarea,
div.form-row div.form-content>button {
width: 100%;
}
.mobile #billing_addr_street1_row input,
.mobile #billing_addr_street2_row input,
.mobile #billing_addr_street3_row input,
.mobile #billing_addr_country_row input.ui-autocomplete-input,
.mobile #donor_addr_street1_row input,
.mobile #donor_addr_street2_row input,
.mobile #donor_addr_street3_row input,
.mobile #donor_addr_country_row input.ui-autocomplete-input,
.mobile #shipping_addr_street1_row input,
.mobile #shipping_addr_street2_row input,
.mobile #shipping_addr_street3_row input,
.mobile #shipping_addr_country_row input.ui-autocomplete-input,
.mobile #tribute_notify_recip_street1_row input,
.mobile #tribute_notify_recip_street2_row input,
.mobile #tribute_notify_recip_street3_row input,
.mobile #tribute_notify_recip_country_row input.ui-autocomplete-input,
.mobile #tribute_signature_row input,
.mobile #tribute_message_closing_row input,
.mobile div.employer-address-container input#employer_street {
width: 100%;
}
.mobile #billing_addr_country_row select,
.mobile #billing_addr_state_row select,
.mobile #donor_addr_state_row select,
.mobile #donor_addr_country_row select,
.mobile #donor_occupation_row select,
.mobile #shipping_addr_country_row select,
.mobile #shipping_addr_state_row select,
.mobile #tribute_notify_recip_state_row select,
.mobile #tribute_notify_recip_country_row select,
.mobile .custom-field-container select,
.mobile div.employer-address-container select {
max-width: 100%;
}
div.donation-level-container,
#billing_first_name_row,
#billing_middle_name_row,
#billing_last_name_row {
float: none !important;
}
div.donation-form-container.responsive {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.donation-form-container.responsive {
top: 20px;
left: 20px;
}
.mobile div.responsive div.form-content {
margin: 0;
}
.watermark {
display: none;
}
#freq_monthly {
margin-bottom: 10px;
}
#freq_once {
margin-bottom: 10px;
}
.first.container {
padding: 30px 0px 100px 0px !important;
}
div.form-row {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
.mobile div.button-sub-container {
width: 100%;
display: block;
zoom: 1;
}
}
.tsm--recommended-gift {
margin-left: 90px;
position: absolute;
width: 100%;
margin-top: 40px;
font-family: 'Proxima Nova', sans-serif;
font-size: 25px;
line-height: 14px;
color: #50beec;
width: 150px;
text-align: center;
transform: rotate(-5deg);
}
.tsm--recommended-gift-child3 {
margin-left: 210px;
position: absolute;
width: 100%;
margin-top: 40px;
font-family: 'Proxima Nova', sans-serif;
font-size: 25px;
line-height: 14px;
color: #50beec;
width: 150px;
text-align: center;
transform: rotate(-5deg);
}
#level_standard_row>div>span.FormLabelText {
margin-bottom: 20px;
display: block;
margin-top: -25px;
}
#level_standardauto_repeatname {
display: none;
}
#tribute_show_honor_fieldsname {
display: none;
}
#donor_email_opt_inname {
display: none;
}
.donation-level-container-generic-repeat {
margin-left: 10px;
/* display: none; */
}
#tribute_show_honor_fields_row {
margin-left: 10px;
}
#donor_email_opt_in_Row {
margin-left: 10px;
/* display: none; */
}
/* span.FormLabelText {
margin-left: 15px;
} */
div.donation-form-container.responsive div.donation-form-content div.donation-level-container {
margin: 25px 10px 25px 0px;
padding: 0px 10px 0px 10px;
min-width: 100px;
background-color: #315470 !important;
color: #ffffff;
text-align: center;
}
div.donation-form-container.responsive div.donation-form-content div.donation-level-container.selected {
background-color: #AB2328 !important;
}
div.donation-form-container.responsive div.donation-form-content div.donation-level-container:hover {
background-color: #AB2328 !important;
opacity: 0.75;
}
#freq_monthly:hover {
background-color: #AB2328;
opacity: 0.75;
}
#freq_once:hover {
background-color: #AB2328;
opacity: 0.75;
}
#freq_once,
#freq_monthly {
background-color: #315470;
border: 1px solid #315470;
min-width: 210px;
box-sizing: border-box;
height: 50px;
line-height: 48px;
color: #FFFFFF;
font-size: 18px;
font-family: 'Helvetica Neue', sans-serif;
font-weight: bold;
display: inline-block;
vertical-align: top;
float: left;
margin-right: 20px;
text-align: center;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
cursor: pointer;
}
#freq_monthly {
margin-right: 0px;
}
#freq_once.selected,
#freq_monthly.selected {
background-color: #AB2328;
border-color: #AB2328;
color: #ffffff;
}
#freq_once,
#freq_monthly {
width: 170px;
}
button#pstep_finish {
background-color: #AB2328;
border-color: #AB2328;
color: #ffffff;
min-width: 210px;
box-sizing: border-box;
height: 50px;
color: #FFFFFF;
font-size: 18px;
font-family: 'Helvetica Neue', sans-serif;
font-weight: bold;
display: inline-block;
vertical-align: top;
float: left;
margin-right: 20px;
text-align: center;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
cursor: pointer;
text-transform: capitalize;
}
/* Selects the span/label after the checkbox for monthly giving, and styles that text */
input[type=checkbox]+label {
display: inline-block;
cursor: pointer;
transition: all 0.25s linear;
align-items: center;
padding: 10px 12px;
color: #020202;
font-size: 1rem;
font-size: 14px !important;
font-weight: lighter !important;
}
/* Credit Card Styling */
.visa-creditcard {
width: 61px !important;
height: 33px !important;
}
.discover-creditcard {
width: 61px !important;
height: 33px !important;
}
.ae-creditcard {
width: 61px !important;
height: 33px !important;
}
.mc-creditcard {
width: 61px !important;
height: 33px !important;
}
/* Selects the span/label after the checkbox for monthly giving, and styles that text to be bold if the checkbox is checked */
input[type=checkbox]:checked+label {
font-weight: lighter;
}
/* Creates a faux checkbox that appears before the text for the monthly giving option */
input[type=checkbox]+label:before {
transition-timing-function: cubic-bezier(.075, .820, .165, 1);
border: 1px solid;
border-radius: 0px;
background-color: #ffffff;
border-color: #707070;
box-sizing: border-box;
color: #315470;
content: close-quote;
display: inline-block;
height: 20px;
/* outline: 3px solid #315470; */
transition-duration: .5s;
transition-property: background-color, border-color;
width: 20px;
margin-left: -15px;
margin-right: 10px;
vertical-align: middle;
}
/* Styles that faux checkbox when option is checked */
input[type=checkbox]:checked+label:before {
background-color: #AB2328;
border-color: #AB2328;
margin-left: -20px;
margin-right: 10px;
}
/* Hides the original checkbox */
input[type=checkbox] {
opacity: 0;
}
/* styles the honor memorial fields */
div#tribute_message_body_row input[type="text"],
div#tribute_notify_recip_zip_row input[type="text"],
div#tribute_type_row select,
div#tribute_notify_recip_state_row select,
div#tribute_notify_recip_city_row input[type="text"],
div#tribute_notify_recip_street1_row input[type="text"],
div#tribute_notify_recip_name_row input[type="text"],
div#tribute_honoree_last_name_row input[type="text"],
div#tribute_honoree_first_name_row input[type="text"],
#tribute_message_bodyname {
width: 500px;
max-width: 100%;
}
div.responsive button.step-button,
div.responsive button.action-button {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
div.responsive button.action-button:hover {
opacity: 0.75;
}
div.responsive span.field-required {
background-color: transparent !important;
}
/* Donation Form - Ask String Styling */
div.donation-form-container.responsive div.donation-form-content div.form-donation-level {
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 5px;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: auto;
}
div.donation-form-container.responsive div.donation-form-content div.donation-levels {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 50px;
}
div.donation-form-container.responsive div.donation-form-content div.donation-level-container,
div.donation-form-container.responsive div.donation-form-content div.donation-level-container * {
float: none;
display: inline-block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border: 0px;
width: auto;
height: auto;
vertical-align: inherit;
}
div.donation-form-container.responsive div.donation-form-content div.donation-level-container {
margin: 5px 0px 5px 0px;
padding: 0px 10px 0px 10px;
min-width: 100px;
background-color: #90292a;
background-color: rgb(102, 102, 102);
color: #ffffff;
text-align: center;
}
div.donation-form-container.responsive div.donation-form-content div.donation-level-container:hover {
background-color: #90292a;
opacity: 0.75;
}
div.donation-form-container.responsive div.donation-form-content div.donation-level-container.selected {
background-color: #90292a;
}
div.donation-form-container.responsive div.donation-form-content div.donation-level-container label {
font-size: 18px;
font-weight: normal;
}
div.donation-form-container.responsive div.donation-form-content div.donation-level-container div.donation-level-label-input-container {
display: none;
}
div.donation-form-container.responsive div.donation-form-content div.donation-level-container div.donation-level-user-entered {
line-height: normal;
}
div.donation-form-container.responsive div.donation-form-content div.donation-level-container div.donation-level-user-entered input {
color: rgb(60, 60, 60);
padding: 5px 70px 5px 10px;
line-height: normal;
}
div#payment_cc_container label {
display: inline-block;
}
div#payment_cc_container input,
div#payment_cc_container select {
margin: 0px 0px 0px 0px;
width: 120px;
}
div#billing_title_row,
div#billing_first_name_row,
div#billing_middle_name_row,
div#billing_last_name_row,
div#billing_suffix_row {
float: none;
display: inline-block;
margin-right: 10px;
vertical-align: bottom;
}
div#responsive_payment_typecc_number_row input[type="text"],
div#donor_email_address_row input[type="text"],
div#billing_addr_country_row select,
div#billing_addr_zip_row input[type="text"],
div#billing_addr_state_row select,
div#billing_title_row input[type="text"],
div#billing_first_name_row input[type="text"],
div#billing_middle_name_row input[type="text"],
div#billing_last_name_row input[type="text"],
div#billing_suffix_row input[type="text"],
div#billing_addr_street1_row input[type="text"],
div#billing_addr_city_row input[type="text"] {
max-width: 470px;
/* max-width:100%; */
}
div#responsive_payment_typecc_number_row,
div#responsive_payment_typecc_exp_date_row,
div#responsive_payment_typecc_cvv_row {
float: none;
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
}
input#responsive_payment_typecc_cvvname {
min-height: 47px;
min-width: 120px;
}
#responsive_payment_typecc_type_row {
display: none;
}
@media (max-width: 767px) {
.mobile div.donation-form-container.responsive {
max-width: 100%;
width: 100%;
}
.mobile div.responsive button.step-button,
.mobile div.button-container {
max-width: 100%;
width: 100%;
float: none !important;
}
div.form-row div.form-content>select,
div.form-row div.form-content>input[type="text"],
div.form-row div.form-content input.ui-autocomplete-input,
div.form-row div.form-content>textarea,
div.form-row div.form-content>button {
width: 100%;
margin: 0px;
}
.mobile #billing_addr_street1_row input,
.mobile #billing_addr_street2_row input,
.mobile #billing_addr_street3_row input,
.mobile #billing_addr_country_row input.ui-autocomplete-input,
.mobile #donor_addr_street1_row input,
.mobile #donor_addr_street2_row input,
.mobile #donor_addr_street3_row input,
.mobile #donor_addr_country_row input.ui-autocomplete-input,
.mobile #shipping_addr_street1_row input,
.mobile #shipping_addr_street2_row input,
.mobile #shipping_addr_street3_row input,
.mobile #shipping_addr_country_row input.ui-autocomplete-input,
.mobile #tribute_notify_recip_street1_row input,
.mobile #tribute_notify_recip_street2_row input,
.mobile #tribute_notify_recip_street3_row input,
.mobile #tribute_notify_recip_country_row input.ui-autocomplete-input,
.mobile #tribute_signature_row input,
.mobile #tribute_message_closing_row input,
.mobile div.employer-address-container input#employer_street {
width: 100%;
}
.mobile #billing_addr_country_row select,
.mobile #billing_addr_state_row select,
.mobile #donor_addr_state_row select,
.mobile #donor_addr_country_row select,
.mobile #donor_occupation_row select,
.mobile #shipping_addr_country_row select,
.mobile #shipping_addr_state_row select,
.mobile #tribute_notify_recip_state_row select,
.mobile #tribute_notify_recip_country_row select,
.mobile .custom-field-container select,
.mobile div.employer-address-container select {
max-width: 100%;
}
div.donation-level-container,
#billing_first_name_row,
#billing_middle_name_row,
#billing_last_name_row {
float: none !important;
}
div.donation-form-container.responsive {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.mobile div.responsive div.form-content {
margin: 0;
}
div.button-container clearfix {
float: left;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
.mobile div.button-sub-container {
width: 100%;
display: block;
zoom: 1;
}
}
@media only screen and (max-width: 580px) {
div#responsive_payment_typecc_number_row input[type="text"],
div#donor_email_address_row input[type="text"],
div#billing_addr_country_row select,
div#billing_addr_zip_row input[type="text"],
div#billing_addr_state_row select,
div#billing_title_row input[type="text"],
div#billing_first_name_row input[type="text"],
div#billing_middle_name_row input[type="text"],
div#billing_last_name_row input[type="text"],
div#billing_suffix_row input[type="text"],
div#billing_addr_street1_row input[type="text"],
div#billing_addr_city_row input[type="text"] {
width: 400px;
max-width: 100%;
}
div.donation-levels {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
max-width: 220px;
}
div.other-amount-container {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
max-width: 200px;
}
}
@media only screen and (max-width: 480px) {
div.donation-form-container.responsive div.donation-form-content div.donation-level-container * {
width: 100%;
}
div#billing_title_row input[type="text"],
div#billing_first_name_row input[type="text"],
div#billing_middle_name_row input[type="text"],
div#billing_last_name_row input[type="text"],
div#billing_suffix_row input[type="text"],
input[id="responsive_payment_typecc_numbername"] {
max-width: 100%;
}
div#responsive_payment_typecc_number_row input[type="text"],
div#donor_email_address_row input[type="text"],
div#billing_addr_country_row select,
div#billing_addr_zip_row input[type="text"],
div#billing_addr_state_row select,
div#billing_title_row input[type="text"],
div#billing_first_name_row input[type="text"],
div#billing_middle_name_row input[type="text"],
div#billing_last_name_row input[type="text"],
div#billing_suffix_row input[type="text"],
div#billing_addr_street1_row input[type="text"],
div#billing_addr_city_row input[type="text"] {
width: 300px;
max-width: 100%;
}
}
@media only screen and (max-width: 380px) {
div#responsive_payment_typecc_number_row input[type="text"],
div#donor_email_address_row input[type="text"],
div#billing_addr_country_row select,
div#billing_addr_zip_row input[type="text"],
div#billing_addr_state_row select,
div#billing_title_row input[type="text"],
div#billing_first_name_row input[type="text"],
div#billing_middle_name_row input[type="text"],
div#billing_last_name_row input[type="text"],
div#billing_suffix_row input[type="text"],
div#billing_addr_street1_row input[type="text"],
div#billing_addr_city_row input[type="text"],
div.captcha-input-container input[type="text"] {
max-width: 250px;
}
}
/* Buttons */
div.responsive button.step-button,
div.responsive button.action-button,
.appArea input.Button {
padding: 10px 0px;
max-width: 380px;
position: relative;
text-transform: uppercase;
font-size: 24px;
text-align: center;
background-color: #AB2328;
vertical-align: middle;
border: none;
background-image: none;
color: #fff;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
padding-left: 30px;
padding-right: 30px;
text-decoration: none;
}
div.responsive button.step-button:hover,
div.responsive button.action-button:hover {
background-image: none;
}
div.responsive button.cancel-step:hover,
div.responsive button.cancel-step:focus,
div.responsive button.cancel-step:active {
color: #fff;
filter: none;
background-image: none;
text-decoration: none;
}
@media (max-width: 479px) {
div.donation-form-container.responsive,
.mobile div.html-caption-container {
width: 100%;
}
}
/* ********************************************************** */
/* Media Query Overrides */
/* ********************************************************** */
/* Tablet Layout: 768px.
Gutters: 24px.
Outer margins: 28px.
Inherits styles from: Default Layout.
Displays blue border in debug mode.
-----------------------------------------------------------------
cols 1 2 3 4 5 6 7 8
px 68 160 252 344 436 528 620 712 */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mobile div.progress-bar-step-text-container {
max-width: 60px;
}
.mobile .custom-field-container select {
max-width: 400px;
}
/* Page level errors */
.mobile div.responsive div.ErrorMessage.page-error {
width: auto;
}
/* Page level error text */
.mobile div.responsive div.ErrorMessage.page-error>span.field-error-text {
width: 500px;
}
/* Donation Levels element */
.mobile div.form-input-label-block,
.mobile div.donation-level-label-container {
max-width: 600px;
}
.mobile div.indented div.form-input-label-block {
max-width: 588px;
}
.mobile div.donation-level-expanded-label,
.mobile div.donation-level-general-ask,
.moblie div.html-caption-container {
max-width: 590px;
}
div.gift-aid-description div.description-text {
display: inline-block;
zoom: 1;
*display: inline;
max-width: 400px;
}
.mobile div.responsive div.form-checkbox label,
label.custom-element-checkbox-label {
max-width: 600px;
}
/* Left side of designee selection container */
.mobile div.designated-giving-input-row div.designated-giving-selection-container {
width: 300px;
}
/* Right side of designee selection container */
.mobile div.designated-giving-input-row div.designated-giving-amount-container {
max-width: 350px;
vertical-align: top;
}
/* Premium Selector Description */
.mobile div.responsive div.premium-selector-radio-option-description {
max-width: 570px;
}
}
/* Mobile Layout: 320px.
Gutters: 24px.
Outer margins: 34px.
Inherits styles from: Default Layout.
Displays red border in debug mode.
---------------------------------------------
cols 1 2 3
px 68 160 252 */
@media only screen and (max-width: 767px) {
/* give components spacing between themselves */
.mobile div.responsive div.form-row {
margin-top: 0px;
margin-bottom: 0px;
}
.mobile div.responsive div.form-content {
margin-top: 15px;
margin-bottom: 15px;
}
.mobile div.responsive div.form-error div.form-content {
padding-left: 0;
padding-right: 0;
}
.mobile div.responsive textarea {
max-width: 186px;
}
/* Page level errors */
.mobile div.responsive div.ErrorMessage.page-error {
width: auto;
}
/* Page level error text */
.mobile div.responsive div.ErrorMessage.page-error>span.field-error-text {
width: 185px;
}
.mobile div.responsive div.ErrorMessage.page-error>span.field-error-indicator {
vertical-align: baseline;
}
/* Page container*/
.mobile div.donation-form-container.responsive {
padding: 10px;
}
/* Buttons */
.mobile div.button-container {
text-align: center;
}
.mobile div.button-sub-container {
width: 220px;
display: inline-block;
zoom: 1;
*display: inline;
}
.mobile div.responsive button.step-button {
width: 220px;
max-width: 220px;
float: none;
}
/* Billing Information Fields */
.mobile #billing_addr_street1_row input,
.mobile #billing_addr_street2_row input,
.mobile #billing_addr_street3_row input,
.mobile #billing_addr_country_row input.ui-autocomplete-input,
.mobile #donor_addr_street1_row input,
.mobile #donor_addr_street2_row input,
.mobile #donor_addr_street3_row input,
.mobile #donor_addr_country_row input.ui-autocomplete-input,
.mobile #shipping_addr_street1_row input,
.mobile #shipping_addr_street2_row input,
.mobile #shipping_addr_street3_row input,
.mobile #shipping_addr_country_row input.ui-autocomplete-input,
.mobile #tribute_notify_recip_street1_row input,
.mobile #tribute_notify_recip_street2_row input,
.mobile #tribute_notify_recip_street3_row input,
.mobile #tribute_notify_recip_country_row input.ui-autocomplete-input,
.mobile #tribute_signature_row input,
.mobile #tribute_message_closing_row input,
.mobile div.employer-address-container input#employer_street {
width: 185px;
}
.mobile #billing_addr_country_row select,
.mobile #billing_addr_state_row select,
.mobile #donor_addr_state_row select,
.mobile #donor_addr_country_row select,
.mobile #donor_occupation_row select,
.mobile #shipping_addr_country_row select,
.mobile #shipping_addr_state_row select,
.mobile #tribute_notify_recip_state_row select,
.mobile #tribute_notify_recip_country_row select,
.mobile .custom-field-container select,
.mobile div.employer-address-container select {
max-width: 185px;
}
.mobile #billing_info_name div.form-row {
display: block;
}
.mobile #billing_addr_postcode_matchingAddresses {
width: 100%;
}
/* Payment Type */
.mobile div.payment-field-container span.internal-payment {
background-color: transparent;
border: none;
}
.mobile div.payment-field-container span.internal-payment span.payment-type-option {
border: 2px solid #e4e2dd;
}
.mobile div.payment-field-container div.payment-type-selections {
width: 240px;
}
.mobile div.payment-field-container div.payment-type-selections span {
display: block;
width: auto;
text-align: center;
}
.mobile div.payment-field-container span.payment-type-option {
margin-bottom: 10px;
}
.mobile div.payment-field-container span.internal-payment span.payment type option :first-child {
margin-right: 0;
}
/* Transaction Summary */
.mobile div.transaction-summary-entry span.entry-label,
.mobile div.transaction-summary-entry span.entry-value {
display: block;
width: auto;
}
/* Progress Bar */
.mobile div.progress-bar-step-text-container {
display: none;
}
.mobile div.form-input-label-block {
max-width: 176px;
}
.mobile div.indented div.form-input-label-block {
max-width: 156px;
}
/* Donation Levels element */
.mobile div.donation-level-expanded-label,
.mobile div.donation-level-amount-container+div.donation-level-expanded-label,
.mobile div.donation-level-label-container+div.donation-level-expanded-label,
.mobile div.donation-level-user-entered+div.donation-level-expanded-label {
display: none;
}
.mobile div.donation-level-general-ask {
display: none;
}
.mobile div.donation-level-label-container {
max-width: 140px;
}
.mobile div.gift-aid-description div.description-text {
display: block;
}
.mobile div.gift-aid-description div.description-image {
display: block;
}
.mobile div.responsive div.form-checkbox label,
label.custom-element-checkbox-label {
max-width: 180px;
}
.mobile div.html-caption-container {
width: 250px;
}
/* eCard */
.mobile div#preview_button_row button {
margin-left: 2px;
margin-right: 2px;
}
/* Add space between radio buttons for ease of clicking */
.mobile div.radio-button-container {
margin-top: 12px;
margin-bottom: 12px;
}
/* Left side of designee selection container */
.mobile div.designated-giving-input-row div.designated-giving-selection-container {
display: block;
width: auto;
padding-top: 0;
}
/* Right side of designee selection container */
.mobile div.designated-giving-input-row div.designated-giving-amount-container {
display: block;
width: auto;
}
.mobile div.designated-giving-input-row div.designated-giving-amount-container.dual-selector {
padding-bottom: 0px;
}
.mobile div.designated-giving-input-row div.designated-giving-selection-container select {
width: 240px;
}
.mobile div.designated-giving-input-row div.designated-giving-selection-container select {
width: 195px;
margin-bottom: 22px;
}
.mobile div.form-error div.designated-giving-input-row div.designated-giving-selection-container select {
width: 180px;
}
.mobile div.designated-giving-input-row div.designated-giving-amount-container input {
width: 179px;
}
.mobile div.form-error div.designated-giving-input-row div.designated-giving-amount-container input {
width: 164px;
}
.mobile div.designated-giving-input-row label.designated-giving-amount-label {
margin-left: 0px;
}
.mobile div.form-designee div.designated-option label,
.mobile div.form-designee div.unrestricted-option label {
display: inline-block;
zoom: 1;
*display: inline;
width: 180px;
}
.mobile div.form-designee div.designated-option select {
display: block;
margin-left: 25px;
}
.mobile div.form-designee div.unrestricted-option,
.mobile div.form-designee div.designated-option {
margin-top: 15px;
margin-bottom: 15px;
}
/* Matching Gift */
div.responsive div.matching-gift-container button.step-button {
margin-left: 2px;
margin-right: 0px;
width: 206px;
max-width: 206px;
display: block;
}
/* Premium Selector Description */
.mobile div.responsive div.premium-selector-radio-option-description {
max-width: 140px;
}
.mobile div.responsive a.premium-selector-more-info-link {
display: none;
}
.mobile div.responsive img.premium-selector-option-image {
max-width: 42px;
height: auto;
}
.mobile div.responsive div.premium-selector-list-container select {
max-width: 200px;
font-size: .825em;
}
}
/* Wide Mobile Layout: 480px.
Gutters: 24px.
Outer margins: 22px.
Inherits styles from: Default Layout, Mobile Layout.
Displays yellow border in debug mode.
------------------------------------------------------------
cols 1 2 3 4 5
px 68 160 252 344 436 */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.mobile div.responsive div.form-error div.form-content {
padding-left: 10px;
padding-right: 10px;
}
/* Page level errors */
.mobile div.responsive div.ErrorMessage.page-error {
width: auto;
}
/* Page level error text */
.mobile div.responsive div.ErrorMessage.page-error>span.field-error-text {
width: 368px;
}
.mobile div.responsive div.ErrorMessage.page-error>span.field-error-indicator {
vertical-align: top;
}
/* Buttons */
.mobile div.button-container {
text-align: center;
}
.mobile div.button-sub-container {
width: 250px;
display: inline-block;
zoom: 1;
*display: inline;
}
.mobile div.responsive button.step-button {
width: 250px;
max-width: 250px;
}
.mobile div.form-input-label-block {
max-width: 344px;
}
.mobile div.indented div.form-input-label-block {
max-width: 340px;
}
/* Billing Information Field */
.mobile #billing_addr_street1_row input,
.mobile #billing_addr_street2_row input,
.mobile #billing_addr_street3_row input,
.mobile #billing_addr_country_row input.ui-autocomplete-input,
.mobile #donor_addr_street1_row input,
.mobile #donor_addr_street2_row input,
.mobile #donor_addr_street3_row input,
.mobile #donor_addr_country_row input.ui-autocomplete-input,
.mobile #shipping_addr_street1_row input,
.mobile #shipping_addr_street2_row input,
.mobile #shipping_addr_street3_row input,
.mobile #shipping_addr_country_row input.ui-autocomplete-input,
.mobile #tribute_notify_recip_street1_row input,
.mobile #tribute_notify_recip_street2_row input,
.mobile #tribute_notify_recip_street3_row input,
.mobile #tribute_notify_recip_country_row input.ui-autocomplete-input,
.mobile #tribute_signature_row input,
.mobile #tribute_message_closing_row input,
.mobile div.employer-address-container input#employer_street {
width: 300px;
}
.mobile #billing_addr_country_row select,
.mobile #billing_addr_state_row select,
.mobile #donor_addr_state_row select,
.mobile #donor_addr_country_row select,
.mobile #donor_occupation_row select,
.mobile #shipping_addr_country_row select,
.mobile #shipping_addr_state_row select,
.mobile #tribute_notify_recip_state_row select,
.mobile #tribute_notify_recip_country_row select,
.mobile div.employer-address-container select {
max-width: none;
}
.mobile .custom-field-container select {
max-width: 300px;
}
/* Transaction Summary */
.mobile div.transaction-summary-entry span.entry-label,
.mobile div.transaction-summary-entry span.entry-value {
display: inline-block;
zoom: 1;
*display: inline;
width: 49%;
}
/* Payment Type */
.mobile div.payment-field-container #responsive_payment_typepay_typeradio_row {
text-align: center;
}
/* Donation Levels element */
.mobile div.donation-level-label-container {
max-width: 320px;
}
.mobile div.responsive div.form-checkbox label,
label.custom-element-checkbox-label {
max-width: 360px;
}
.mobile div.html-caption-container {
width: 360px;
}
.mobile div.designated-giving-input-row div.designated-giving-selection-container select {
width: 240px;
}
.mobile div.form-designee div.designated-option label,
.mobile div.form-designee div.unrestricted-option label {
width: 340px;
}
/* Premium Selector Description */
.mobile div.responsive div.premium-selector-radio-option-description {
max-width: 320px;
}
.mobile div.responsive img.premium-selector-option-image {
max-width: 60px;
height: auto;
}
.mobile div.responsive div.premium-selector-list-container select {
max-width: 390px;
}
}
/* Form Styling END */
/* Footer Styling START */
a.hover {
text-decoration: none;
color: #ffffff;
}
a.hover:hover {
text-decoration: underline;
color: #AB2328;
}
.A:link {
color: #fff !important;
}
.A:hover {
color: #AB2328 !important;
}
.footer {
font-family: 'Proxima Nova', sans-serif !important;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
border: 0px;
display: block;
}
.tsm-footer {
background-color: #315470 !important;
padding: 30px 50px;
color: #fff;
text-align: center !important;
line-height: 20px;
font-size: 18px;
font-weight: normal;
font-family: 'Proxima Nova', sans-serif !important;
z-index: 100;
}
.footer-address {}
.footer-address-text {
margin: 0px;
}
.address-bold {}
.telephone-thin {}
.email-thin {}
.footer-aboutus {}
.footer-aboutus-text {
font-family: 'Proxima-Nova', sans-serif;
font-size: 14px;
text-align: center;
background-color: #315470;
color: #fff;
line-height: 20px;
}
.about-thin {}
.about-bold {}
.footer-social-icons {}
.footer-social-icons-text {}
.social-icon-footer {
margin: 25px 8px 10px 8px;
}
.footer-copyright {}
p.footer-copyright-text {
margin: 0px 0px;
}
.copyright-text-thin {}
a.privacy-footer {
color: #ffffff;
font-family: 'Proxima Nova', sans-serif;
font-size: 14px;
font-weight: 300;
}
.privacy-footer a {
color: #ffffff;
}
.footer-links {
color: #ffffff;
}
a.terms-of-use-footer {
color: #ffffff;
font-family: 'Proxima Nova', sans-serif;
font-size: 14px;
font-weight: 300;
}
.terms-of-use-footer a {
color: #ffffff;
}
.terms-of-use-thin {}
.space {
padding: 0 5px 0 5px;
}
/* Footer Styling END */
/* Other Styling START */
.hidden {
display: none;
}
.appArea {
width: 100%;
}
/* Generic Element */
div.responsive div.form-content {
margin-top: 8px;
margin-bottom: 8px;
margin-right: 0;
}
div.responsive div.form-error {
padding: 10px;
}
/* Page level errors */
div.responsive div.ErrorMessage.page-error {
width: auto;
margin-bottom: 10px;
}
/* Page level error text */
div.responsive div.ErrorMessage.page-error>span.field-error-text {
width: 798px;
}
/* sets the label and form input element on its own line */
div.form-row div.form-content>select,
div.form-row div.form-content>input[type="text"],
div.form-row div.form-content input.ui-autocomplete-input,
div.form-row div.form-content>textarea,
div.form-row div.form-content>button {
margin-top: 3px;
display: block;
}
/* keep checkbox on the same line as its label */
div.form-row.form-checkbox div.form-content>input {
display: inline;
}
/* prevent the error background to not expand the whole screen */
div.form-row div.form-content {
display: inline-block;
zoom: 1;
*display: inline;
}
/* give components spacing between themselves */
div.form-row {
margin-top: 4px;
margin-bottom: 4px;
}
div.responsive select.multi-select {
width: 160px;
padding: 10px;
}
/* form labels for checkboxes by default should be on its own line */
span.check-box-form-label-text {
display: block;
}
/* don't display the bullets for lists */
div.form-content ul {
list-style-type: none;
margin: 0;
padding: 0;
}
div.don-level-total-row {
border: 5px solid #DAD4D0;
background-color: #fff;
padding: 10px 20px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
div.don-level-total-row span.donation-level-total-label {
float: left;
}
div.don-level-total-row span.donation-level-total-amount {
float: right;
font-weight: bold;
font-size: 1.5em;
}
div.button-container {
border-top: 1px;
/*solid #707070;*/
margin-top: 0px;
/* 20px */
padding-top: 20px;
}
div.responsive button.step-button {
max-width: 150px;
}
/*
Section Header */
.section-header-container {
border-top: none;
padding: 0px;
margin: 0px;
}
.section-header-container {
margin: 0px;
}
/* Designated Giving */
#level_designated_row div.form-content {
display: block;
}
div.contact-amount-container {
margin: 10px 0;
}
div.contact-amount-container input,
div.contact-amount-container textarea {
display: block;
}
div.contact-name-container,
div.amount-input-container {
display: inline-block;
zoom: 1;
*display: inline;
}
div.contact-amount-container label {
padding-left: 5px;
}
div.contact-amount-labels label,
div.contact-amount-controls input {
display: inline-block;
zoom: 1;
*display: inline;
}
div.contact-amount-labels label {
padding: 5px;
}
div.contact-amount-labels label.contact-label,
div.contact-amount-controls input.contact-input-text {
width: 300px;
}
div.contact-amount-labels label.amount-label,
div.contact-amount-controls input.amount-input-text {
width: 300px;
}
div.contact-info-container {
margin-top: 20px;
}
div.contact-info-container textarea {
display: block;
}
div.designated-giving-input-row {
border: 5px solid #DAD4D0;
background-color: #DAD4D0;
padding: 10px;
margin-bottom: 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
div.flexible-designated-giving-container div.section-header {
color: #555;
}
div.designated-giving-input-row label.designated-giving-amount-label {
font-size: .8em;
color: #555;
display: block;
}
/* Left side of designee selection container */
div.designated-giving-input-row div.designated-giving-selection-container {
display: inline-block;
zoom: 1;
*display: inline;
width: 412px;
padding-top: 20px;
vertical-align: bottom;
}
/* Right side of designee selection container */
div.designated-giving-input-row div.designated-giving-amount-container {
display: inline-block;
zoom: 1;
*display: inline;
max-width: 365px;
}
div.designated-giving-input-row div.designated-giving-amount-container.dual-selector {
padding-bottom: 20px;
}
div.designated-giving-input-row div.designated-giving-selection-container select {
width: 240px;
}
/* Billing Information Fields */
#employer_street_row input,
#billing_addr_street1_row input,
#billing_addr_street2_row input,
#billing_addr_street3_row input,
#billing_addr_country_row input.ui-autocomplete-input,
#donor_addr_street1_row input,
#donor_addr_street2_row input,
#donor_addr_street3_row input,
#donor_addr_country_row input.ui-autocomplete-input,
#shipping_addr_street1_row input,
#shipping_addr_street2_row input,
#shipping_addr_street3_row input,
#shipping_addr_country_row input.ui-autocomplete-input,
#tribute_notify_recip_street1_row input,
#tribute_notify_recip_street2_row input,
#tribute_notify_recip_street3_row input,
#tribute_notify_recip_country_row input.ui-autocomplete-input,
#tribute_signature_row input,
#tribute_message_closing_row input,
div.employer-address-container input#employer_street {
width: 400px;
}
#billing_addr_postcode_row input {
display: inline;
}
/* Transaction Summary */
div.form-row.form-summary div.form-content {
display: block;
}
div.transaction-summary-entry span.entry-value {
word-wrap: break-word;
}
div.transaction-summary-entry span.entry-label,
div.transaction-summary-entry span.entry-value {
display: inline-block;
zoom: 1;
*display: inline;
width: 49%;
}
div.transaction-summary-entry {
background-color: #e9e9e9;
border-top: 1px solid #ddd;
padding: 10px 15px;
}
h5.summary-section-header {
margin: 15px 0 0 0;
padding: 18px 15px;
background-color: #e9e9e9;
width: auto;
/* border */
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
}
/* Payment Type */
div.payment-field-container ul {
list-style-type: none;
margin: 0;
padding: 0;
/*display: none !important;*/
}
div.payment-field-container div.direct-debit-dialog-message ul {
list-style-type: disc;
}
div.payment-field-container div.direct-debit-dialog-message li {
margin-left: 15px;
padding: 5px;
}
div.payment-field-container div.payment-type-selections a {
text-decoration: none;
}
div.payment-field-container div.payment-type-selections span {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: bottom;
}
div.payment-field-container span.payment-type-option:hover {
cursor: pointer;
}
div.payment-field-container span.payment-type-option {
padding: 10px 20px;
border: 2px solid #e4e2dd;
color: #3596d4;
background-color: #efefef;
background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #efefef));
background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 100%);
background: -o-linear-gradient(top, #ffffff 0%, #efefef 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef', GradientType=0);
background: linear-gradient(top, #ffffff 0%, #efefef 100%);
}
div.payment-field-container span.payment-type-option.selected {
background-color: #fdf2e0;
background: -moz-linear-gradient(top, #ffffff 0%, #f2c357 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2c357));
background: -webkit-linear-gradient(top, #ffffff 0%, #f2c357 100%);
background: -o-linear-gradient(top, #ffffff 0%, #f2c357 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #f2c357 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2c357', GradientType=0);
background: linear-gradient(top, #ffffff 0%, #f2c357 100%);
}
div.payment-field-container span.payment-type-option.selected a:link {
color: #000000;
}
div.payment-field-container span.internal-payment span.payment-type-option {
border: none;
}
div.payment-field-container span.internal-payment span.payment-type-option+span.payment-type-option {
margin-left: -1px;
}
div.payment-field-container span.internal-payment {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 2px solid #e4e2dd;
display: inline-block;
zoom: 1;
*display: inline;
background-color: #e4e2dd;
margin-right: 10px;
}
div.payment-field-container span.external-payment span.payment-type-option {
margin-right: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 6px 5px 0;
}
div.payment-field-container span.payment-type-option input {
display: none;
}
/* CSS for the CC fields section */
div.payment-field-container li.tender-row {
display: inline;
}
div.payment-field-container #responsive_payment_typecc_number_row input {
width: 500px;
}
div.payment-field-container #responsive_payment_typecc_cvv_row input {
width: 80px;
}
div.payment-field-container #responsive_payment_typecc_type_row legend {
display: none;
}
div.ach-sort-code-input-container input {
display: inline;
vertical-align: middle;
}
/* Progress Bar */
div.progress-bar-step-container {
padding-right: 18px;
margin-bottom: 5px;
}
div.progress-bar-step-container,
div.progress-bar-step-number-container,
div.progress-bar-step-text-container {
display: inline-block;
zoom: 1;
*display: inline;
font-weight: bold;
}
div.progress-bar-step-text-container {
max-width: 80px;
vertical-align: text-top;
font-size: 12px;
margin-top: -9px;
padding-left: 5px;
}
div.progress-bar-step-container a {
text-decoration: none;
}
div.progress-bar-step-number-container {
width: 30px;
height: 30px;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
font-size: 16px;
color: #f0efeb;
line-height: 30px;
text-decoration: none;
text-align: center;
background: #cfccc5;
}
div.progress-bar-step-text-container {
color: #cfccc5;
}
div.progress-bar-step-current div.progress-bar-step-text-container {
color: #716e69;
}
div.progress-bar-step-current div.progress-bar-step-number-container {
background: #dea70f;
}
div.donation-level-expanded-label {
margin-left: 10px;
}
div.donation-level-input-container,
div.generic-repeat-label-checkbox-container {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: middle;
padding: 10px 0;
}
div.donation-level-container {
border: 2px solid transparent;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
margin-top: 5px;
margin-bottom: 5px;
}
div.donation-level-container.selected {
border-color: #f1ac09;
}
div.donation-level-amount-container,
div.donation-level-label-container {
display: inline-block;
zoom: 1;
*display: inline;
max-width: 780px;
vertical-align: text-top;
}
span.donation-level-total-amount {
font-weight: bold;
}
div.donation-level-amount-container+div.donation-level-label-container {
display: block;
margin-top: 5px;
margin-left: 24px;
}
div.form-input-label-block,
div.donation-level-expanded-label {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: text-top;
max-width: 770px;
overflow: hidden;
word-wrap: break-word;
}
div.donation-level-general-ask,
div.html-caption-container {
max-width: 770px;
overflow: hidden;
}
label+div.donation-level-expanded-label,
div.donation-level-user-entered+div.donation-level-expanded-label {
display: block;
margin-left: 34px;
}
div.form-input-choose-block,
div.donation-level-label-input-container {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
}
div.donation-level-user-entered {
display: inline-block;
zoom: 1;
*display: inline;
margin-top: 10px;
}
label+div.donation-level-user-entered {
margin-left: 24px;
display: block;
}
/* Forever Donation */
div#level_foreverduration_row,
div#level_foreverDirectDebitDayOfMonth_row,
div.form-row.indented {
margin-left: 14px;
}
select#level_foreverduration,
select#level_foreverDirectDebitDayOfMonth {
margin-left: 24px;
margin-top: 10px;
}
/* Gift Aid Match */
div.gift-aid-match-container,
span.gift-aid-match-label.currency-label {
font-weight: bold;
}
span.gift-aid-match-label {
font-weight: normal;
font-style: italic;
padding-left: 5px;
}
div.indented.gift-aid-ineligible-reason {
margin-left: 36px;
}
/* Gift aid selector */
div.gift-aid-description div.description-text,
div.direct-debit-description div.description-text {
display: inline-block;
zoom: 1;
*display: inline;
max-width: 600px;
}
div.gift-aid-description div.description-image,
div.direct-debit-description div.description-image {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: text-bottom;
}
div.responsive div.form-checkbox label,
label.custom-element-checkbox-label {
display: inline-block;
zoom: 1;
*display: inline;
max-width: 800px;
}
/* eCards */
div.responsive div.layout-choice-thumbnail-container {
margin: 5px;
float: left;
}
div.responsive div.layout-choice-thumbnail-container label {
display: block;
}
div.responsive div.layout-choice-thumbnail-container input {
display: block;
width: 13px;
margin-left: auto;
margin-right: auto;
}
div.responsive div#ecard_send_date_row select {
display: inline;
}
/* Custom Elements */
.custom-field-container select {
max-width: 400px;
}
/* Installment Selector */
div.responsive span.calculated-value-container {
font-weight: bold;
}
/* TR Designated Addon */
div.responsive div#addon_designated_Row {
border: 2px solid #DAD4D0;
padding: 10px 20px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
/* Captcha */
div.form-captcha div.form-input {
background-color: transparent;
padding: 10px 0px;
}
div.form-captcha div.captcha-image-container {
margin: 0 0 5px 3px;
}
div.form-captcha a.change-captcha-link {
text-decoration: none;
}
/* Premium Selector */
div.responsive div.premium-selector-radio-container,
div.responsive div.premium-selector-select-option-container {
border: 1px solid #DAD4D0;
background-color: white;
padding: 10px 20px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
div.responsive div.premium-selector-radio-option-row,
div.responsive div.premium-selector-option-row {
padding-top: 20px;
padding-bottom: 20px;
}
div.responsive div.premium-selector-radio-option-row.premium-separator {
border-top-style: solid;
border-top-color: #DAD4D0;
border-top-width: 1px;
}
div.responsive div.premium-selector-radio-option-row {
margin-top: 5px;
margin-bottom: 5px;
}
div.responsive div.premium-selector-radio-option-description-img-and-text label {
font-weight: bold;
display: block;
}
div.responsive div.premium-selector-config-option-container label {
font-weight: bold;
}
div.responsive span.premium-selector-radio-option-short-description {
word-wrap: break-word;
}
div.responsive div.premium-selector-radio-option-description-img-and-text img,
div.responsive div.premium-selector-option-description-img-and-text img {
float: left;
margin-right: 5px;
margin-bottom: 5px;
}
div.responsive div.premium-selector-radio-option-description {
display: inline-block;
zoom: 1;
*display: inline;
max-width: 750px;
vertical-align: text-top;
}
div.responsive div.premium-selector-list-container select {
margin-top: 10px;
margin-bottom: 10px;
}
/* Matching Gift */
div.responsive div.matching-gift-container button.step-button {
margin-top: 0px;
margin-bottom: 0px;
}
.first.container {
padding: 30px 0px 100px 0px !important;
}
body,
.main-container p,
.main-container td {
font-family: 'Proxima Nova', sans-serif !important;
font-size: 16px !important;
line-height: 22px;
}
/* begin validate */
input.validate.required.error {
border: solid 1px #960a06 !important;
box-shadow: 0 0 4px #f9a89f !important;
}
input.validate.required.valid {
border: solid 1px #598C28;
box-shadow: 0 0 4px #7FC666;
}
div.responsive div.ErrorMessage.page-error>span.field-error-text {
width: auto;
}
/* end validate */
/* Page wrapper contains link to this stylesheet */
i.icon.reorder.hamburger::before {
content: url(https://secure3.convio.net/rfbo/tsm-optimized-form/bars-solid.svg);
}
#ecard_recpients_row,
#tribute_ecard_subject_row,
#tribute_ecard_message_row,
#select_grid_row,
#ecard_send_date_row,
#preview_button_row {
display: none;
}
/* memorial section styles */
div#message_include_gift_amount_row {
margin-bottom: 30px;
}
fieldset select {
display: inline-block;
}
form {
position: relative;
border: none;
}
.donation-form-container.responsive {
position: relative;
top: 48px;
left: 48px;
margin: 0;
margin-bottom: 48px;
}
.form-content {
width: 100%;
}
div.sealContainer {
text-align: center;
}
#tsm--disclaimer-wrapper.p {
color: #9e9e9e;
font-size: 12px;
line-height: 20px;
}
/* for confirmation screen */
/* #page-content > div.donation-form-container.responsive {
width: 50%;
} */
#sec_seal {
display: none;
}
img.seal {
width: 80px;
height: auto;
}
label.FormLabel {
width: 16.6666% !important;
min-width: 0;
margin-top: 0;
}
h2.section-header-container {
padding-top: 0px;
padding-bottom: 25px;
margin: 20px 0 0 0;
font-size: 2em;
font-weight: 500;
}
#level_flexiblegift_type_Row {
margin-bottom: 40px;
}
/* Other Styling END */
</style>
<style>
/* Selects the span/label after the checkbox for monthly giving, and styles that text */
input[type=checkbox]+label {
display: inline-block;
cursor: pointer;
transition: all 0.25s linear;
align-items: center;
padding: 10px 12px;
color: #000000;
font-size: 1rem;
}
/* Selects the span/label after the checkbox for monthly giving, and styles that text to be bold if the checkbox is checked */
input[type=checkbox]:checked+label {
font-weight: normal;
}
/* Creates a faux checkbox that appears before the text for the monthly giving option */
input[type=checkbox]+label:before {
transition-timing-function: cubic-bezier(.075, .820, .165, 1);
border: 1px solid;
border-radius: 0px;
background-color: #ffffff;
border-color: #707070;
box-sizing: border-box;
color: #315470;
content: close-quote;
display: inline-block;
height: 20px;
/* outline: 3px solid #315470; */
transition-duration: .5s;
transition-property: background-color, border-color;
width: 20px;
margin-left: -15px;
margin-right: 10px;
vertical-align: middle;
}
/* Styles that faux checkbox when option is checked */
input[type=checkbox]:checked+label:before {
background-color: #AB2328;
border-color: #AB2328;
margin-left: -20px;
margin-right: 10px;
}
/* Hides the original checkbox */
input[type=checkbox] {
opacity: 0;
}
/* styles the honor memorial fields */
div#tribute_message_body_row input[type="text"],
div#tribute_notify_recip_zip_row input[type="text"],
div#tribute_type_row select,
div#tribute_notify_recip_state_row select,
div#tribute_notify_recip_city_row input[type="text"],
div#tribute_notify_recip_street1_row input[type="text"],
div#tribute_notify_recip_name_row input[type="text"],
div#tribute_honoree_last_name_row input[type="text"],
div#tribute_honoree_first_name_row input[type="text"],
#tribute_message_bodyname {
width: 500px;
max-width: 100%;
}
</style>
</div>
</div>
<h2 class="section-header-container"> Payment Information </h2>
<div id="captcha_row" class="form-row form-captcha">
<div class="form-content">
<input type="hidden" name="captcha_text" id="captcha_text" value="">
<input type="hidden" name="captcha_text_proxy_submit" id="captcha_text_proxy_submit" value="">
<script src="https://www.google.com/recaptcha/api.js?render=6LcVyLgZAAAAAIaCdeocZ0n27ZV5AVFs-ptKOles"></script>
<script type="text/javascript">
Y.use('jquery-noconflict', function() {
jQuery(document).ready(function() {
jQuery('#captcha_text').parents('form').find('input[type="submit"], button[type="submit"]').click(function(e) {
e.preventDefault();
e.stopPropagation();
jQuery('#captcha_text_proxy_submit').val(this.value);
jQuery('#captcha_text_proxy_submit').prop('name', this.name);
grecaptcha.ready(function() {
grecaptcha.execute('6LcVyLgZAAAAAIaCdeocZ0n27ZV5AVFs-ptKOles', {
action: 'submit'
}).then(function(token) {
jQuery('#captcha_text').val(token);
if (typeof checkDoubleClick === "function") {
if (checkDoubleClick()) {
jQuery('#captcha_text').parents('form')[0].submit();
}
} else {
jQuery('#captcha_text').parents('form')[0].submit();
}
});
});
});
});
});
</script>
<style type="text/css">
.grecaptcha-badge {
visibility: visible !important;
}
</style>
</div>
<input type="hidden" name="captchasubmit" id="captchasubmit" value="true">
</div>
<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"
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 class="payment-type-option payment-option-2"><input type="radio" name="responsive_payment_typepay_typeradio" id="responsive_payment_typepay_typeradioach" value="ach"
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_typeradioach"><a href="javascript:void(0);" class="payment-type-label">Bank Account</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 class="form-row" id="credit-card-icon-row">
<div class="html-caption-container">
<style>
.creditcredit-layout {
display: flex;
justify-content: space-between;
max-width: 300px;
}
</style>
<div class="credit-card-row">
<div class="form-content">
<fieldset>
<div class="creditcredit-layout">
<div class="visa-creditcard">
<img src="../images/content/pagebuilder/visa.png" alt="Visa" name="responsive_payment_typecc_type_Visa" id="responsive_payment_typecc_type_Visa">
</div>
<div class="discover-creditcard">
<img src="../images/content/pagebuilder/discover.png" alt="Discover" name="responsive_payment_typecc_type_Discover" id="responsive_payment_typecc_type_Discover">
</div>
<div class="ae-creditcard">
<img src="../images/content/pagebuilder/america-express.png " alt="American Express" name="responsive_payment_typecc_type_American_Express" id="responsive_payment_typecc_type_American_Express">
</div>
<div class="mc-creditcard">
<img src="../images/content/pagebuilder/mastercard.png" alt="MasterCard" name="responsive_payment_typecc_type_MasterCard" id="responsive_payment_typecc_type_MasterCard">
</div>
</div>
</fieldset>
<input type="hidden" name="responsive_payment_typecc_typesubmit" id="responsive_payment_typecc_typesubmit" value="true">
<noscript> </noscript>
</div>
</div>
</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">09</option>
<option value="10">10</option>
<option value="11" selected="selected">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="2023" selected="selected">2023</option>
<option value="2024">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>
</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=k9sfw&pagename=user_donation_cvv" class="HelpLink" title="What is this? Opens new window.">What is this?</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_bank_container" class="payment-field-container" style="display: none;">
<h3>Bank Account Information: </h3>
<div id="responsive_payment_typerouting_number_row" class="form-row form-text">
<div class="form-content">
<span class="field-required"></span>
<label for="responsive_payment_typerouting_numbername">Bank Routing Number:</label>
<a href="http://help.convio.net/site/PageServer?s_site=k9sfw&pagename=User_Donation_ACH" class="HelpLink" title="What is this? Opens new window.">What is this?</a>
<input type="text" name="responsive_payment_typerouting_numbername" id="responsive_payment_typerouting_numbername" value="" size="20" maxlength="20" onchange="fire_obs_comp_event('responsive_payment_typerouting_number', this);"
autocomplete="off">
<input type="hidden" name="responsive_payment_typerouting_numbersubmit" id="responsive_payment_typerouting_numbersubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('responsive_payment_typerouting_number', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('responsive_payment_typerouting_number_row', _display);
this.disable_submit_flag(_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<div id="responsive_payment_typebank_account_row" class="form-row form-text">
<div class="form-content">
<span class="field-required"></span>
<label for="responsive_payment_typebank_accountname">Bank Account Number:</label>
<input type="text" name="responsive_payment_typebank_accountname" id="responsive_payment_typebank_accountname" value="" maxlength="20" autocomplete="off">
<input type="hidden" name="responsive_payment_typebank_accountsubmit" id="responsive_payment_typebank_accountsubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('responsive_payment_typebank_account', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('responsive_payment_typebank_account_row', _display);
this.disable_submit_flag(_hidden);
}
observe_component('null', new ComponentDisplayer('responsive_payment_typebank_account'));
</script><noscript> </noscript>
</div>
</div>
<div id="responsive_payment_typeverify_bank_account_row" class="form-row form-text">
<div class="form-content">
<span class="field-required"></span>
<label for="responsive_payment_typeverify_bank_accountname">Verify Bank Account Number:</label>
<input type="text" name="responsive_payment_typeverify_bank_accountname" id="responsive_payment_typeverify_bank_accountname" value="" maxlength="20" autocomplete="off">
<input type="hidden" name="responsive_payment_typeverify_bank_accountsubmit" id="responsive_payment_typeverify_bank_accountsubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('responsive_payment_typeverify_bank_account', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('responsive_payment_typeverify_bank_account_row', _display);
this.disable_submit_flag(_hidden);
}
observe_component('null', new ComponentDisplayer('responsive_payment_typeverify_bank_account'));
</script><noscript> </noscript>
</div>
</div>
<div id="responsive_payment_type.account_type_row" class="form-row form-radio-array">
<div class="form-content">
<fieldset>
<legend><span class="field-required"></span> Account Type:</legend>
<ul class="radio-array-list">
<li>
<input type="radio" name="responsive_payment_type.account_type" id="responsive_payment_type.account_type_responsive_payment_typeaccount_type_checking" value="CHECKING"
onclick="fire_obs_comp_event('responsive_payment_type.account_type', this);">
<span class="radio-label">
<label for="responsive_payment_type.account_type_responsive_payment_typeaccount_type_checking">Checking</label>
</span>
</li>
<li>
<input type="radio" name="responsive_payment_type.account_type" id="responsive_payment_type.account_type_responsive_payment_typeaccount_type_savings" value="SAVINGS"
onclick="fire_obs_comp_event('responsive_payment_type.account_type', this);">
<span class="radio-label">
<label for="responsive_payment_type.account_type_responsive_payment_typeaccount_type_savings">Savings</label>
</span>
</li>
</ul>
</fieldset>
<input type="hidden" name="responsive_payment_type.account_typesubmit" id="responsive_payment_type.account_typesubmit" value="true">
<script type="text/javascript">
var comp = new ObservableRadioComponent('responsive_payment_type.account_type', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('responsive_payment_type.account_type_row', _display);
this.disable_submit_flag(_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<div id="responsive_payment_typeach_confirm_row" class="form-row form-checkbox">
<div class="form-content">
<span class="field-required"></span>
<input type="checkbox" name="responsive_payment_typeach_confirmname" id="responsive_payment_typeach_confirmname" onclick="fire_obs_comp_event('responsive_payment_typeach_confirm', this);">
<label for="responsive_payment_typeach_confirmname">By checking this option, I agree to use my bank account as a payment method and authorize K9s For Warriors to debit my bank account to fulfill my donation commitment.</label>
<input type="hidden" name="responsive_payment_typeach_confirmsubmit" id="responsive_payment_typeach_confirmsubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('responsive_payment_typeach_confirm', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('responsive_payment_typeach_confirm_row', _display);
this.disable_submit_flag(_hidden);
}
comp.set = function(_value) {
if (document.getElementById('responsive_payment_typeach_confirmname')) {
document.getElementById('responsive_payment_typeach_confirmname').checked = _value;
this.fireEvent();
}
}
comp.get = function() {
if (document.getElementById('responsive_payment_typeach_confirmname')) {
return document.getElementById('responsive_payment_typeach_confirmname').checked;
}
}
comp.clear = function() {
this.set(false);
}
observe_component('null', new ComponentEnabler('responsive_payment_typeach_confirm'));
</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="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="Donate Now"><span class="fa fa-lock" style="font-size: 1.1em; color: #fff; margin-right: .5em;"></span>Donate Now</button>
</div>
</div>
<input type="hidden" name="idb" id="idb" value="1821138447">
<input type="hidden" name="df_id" id="df_id" value="4060">
<input type="hidden" name="mfc_pref" id="mfc_pref" value="T">
<div class="form-row">
<div class="html-caption-container">
<style>
/* Selects the span/label after the checkbox for monthly giving, and styles that text */
input[type=checkbox]+label {
display: inline-block;
cursor: pointer;
transition: all 0.25s linear;
align-items: center;
padding: 10px 12px;
color: #000000;
font-size: 1rem;
}
/* Selects the span/label after the checkbox for monthly giving, and styles that text to be bold if the checkbox is checked */
input[type=checkbox]:checked+label {
font-weight: normal;
}
/* Creates a faux checkbox that appears before the text for the monthly giving option */
input[type=checkbox]+label:before {
transition-timing-function: cubic-bezier(.075, .820, .165, 1);
border: 2px solid;
border-radius: 6px;
background-color: transparent;
border-color: #263746;
box-sizing: border-box;
color: #263746;
content: close-quote;
display: inline-block;
height: 25px;
/* outline: 3px solid #263746; */
transition-duration: .5s;
transition-property: background-color, border-color;
width: 25px;
margin-left: -20px;
margin-right: 10px;
vertical-align: middle;
}
/* Styles that faux checkbox when option is checked */
input[type=checkbox]:checked+label:before {
background-color: #90292a;
border-color: #90292a;
margin-left: -20px;
margin-right: 10px;
}
/* Hides the original checkbox */
input[type=checkbox] {
opacity: 0;
}
/* styles the honor memorial fields */
div#tribute_message_body_row input[type="text"],
div#tribute_notify_recip_zip_row input[type="text"],
div#tribute_type_row select,
div#tribute_notify_recip_state_row select,
div#tribute_notify_recip_city_row input[type="text"],
div#tribute_notify_recip_street1_row input[type="text"],
div#tribute_notify_recip_name_row input[type="text"],
div#tribute_honoree_last_name_row input[type="text"],
div#tribute_honoree_first_name_row input[type="text"],
#tribute_message_bodyname {
width: 500px;
max-width: 100%;
}
</style>
</div>
</div>
<div class="form-row">
<div class="html-caption-container">
<script>
(function() {
Y.use('jquery-noconflict', function() {
jQuery(function($) {
$(document).ready(function() {
//console.log("custom javascript ready!");
$("div.donation-level-container input:radio").each(function() {
if ($(this).prop("checked")) {
$(this).parents("div.donation-level-container").addClass("selected");
}
});
$("div.donation-level-container").click(function() {
$("div.donation-level-container").removeClass("selected");
$(this).addClass("selected");
$('.donation-level-user-entered input[type="text"]').val('');
});
});
});
});
})();
</script>
<script>
jQuery(document).ready(function($) {
var rememberLevel = readCookie('levelId');
var otherAmt = readCookie('otherAmt');
var coverFees = readCookie('coverFees');
$('div.donation-level-label-input-container input[type="radio"]:checked').parent().parent().parent().parent().addClass('cca-donation-amount-selected');
var deleteCookie = function(name) {
document.cookie = name + '=;expires= Thu, 01 Jan 1970 00:00:01 GMT;';
};
var 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;
}
var getAmt = function() {
if ($('.other-amount input[type="radio"]').is(':checked')) {
selectAmt = Number(delimitNumbers($('.donation-level-user-entered input').val()));
document.cookie = "levelId=other";
document.cookie = "otherAmt=" + selectAmt;
} else {
if ($('#level_standard_row').length > 0) {
$("[id^=level_standardexpanded]").each(function() {
if ($(this).is(':checked')) {
var selectedLevelId = $(this).prop('id');
selectAmt = Number(delimitNumbers($(this).parent().next().children('.donation-level-amount-container').text()));
document.cookie = "levelId=" + selectedLevelId;
}
});
} else {
$("[id^=level_flexibleexpanded]").each(function() {
if ($(this).is(':checked')) {
var selectedLevelId = $(this).prop('id');
selectAmt = Number(delimitNumbers($(this).parent().next().children('.donation-level-amount-container').text()));
document.cookie = "levelId=" + selectedLevelId;
}
});
}
}
selectAmtFormat = formatMoney(selectAmt);
selectAmt15 = selectAmt * 0.15;
selectAmtUpsell = Math.ceil((selectAmt * 0.15) / 5) * 5;
selectAmtUpsellFormat = formatMoney(selectAmtUpsell);
activeAmtAdd = Number(strRound(delimitNumbers(selectAmt) * .03), 2);
activeAmtAdd = activeAmtAdd + 0;
activeAmt = strRound(delimitNumbers(selectAmt + activeAmtAdd));
activeAmtFormat = formatMoney(activeAmt);
activeAmt15 = activeAmt * 0.15;
activeAmtUpsell = Math.ceil((activeAmt * 0.15) / 5) * 5;
activeAmtUpsellFormat = formatMoney(activeAmtUpsell);
totalAmt = Number(selectAmt) + Number(activeAmt);
totalAmtFormat = formatMoney(totalAmt);
activeAmtAddFormat = formatMoney(activeAmtAdd);
paypalAmtAdd = Number(strRound(delimitNumbers(selectAmt) * .03), 2);
paypalAmtAdd = paypalAmtAdd + 0;
paypalAmt = strRound(delimitNumbers(paypalAmtAdd + selectAmt));
paypalAmtFormat = formatMoney(paypalAmt);
}
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;
}
function readCookie(name) {
var nameEQ = name + '=';
var 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 c.substring(nameEQ.length, c.length);
}
return null;
}
$('.donation-level-user-entered').parent().addClass('other-amount');
if (rememberLevel != undefined || rememberLevel != null) {
$('#' + rememberLevel).prop('checked', true).closest('.donation-level-container').addClass('cca-donation-amount-selected');
$('.donation-level-user-entered input[type="text"]').val('');
if (rememberLevel == 'other') {
$('.other-amount input[type="radio"]').prop('checked', true);
$('.donation-level-user-entered input[type="text"]').val(otherAmt);
}
}
if ($('div.donation-level-label-input-container input[type="radio"]:checked').length > 0) {
getAmt();
}
//populateBtn(donateAmt);
});
</script>
<script>
jQuery(document).ready(function($) {
$('div.donation-level-user-entered').parent().parent().parent().addClass('other-amount-container');
$('div.donation-level-container input[type="radio"]:checked').parent().parent().parent().parent().addClass('selected');
$('div.donation-level-amount-container').each(function() {
$(this).html($(this).html().replace('.00', ''));
});
$('div.donation-level-container input[type="radio"]').change(function(e) {
$('div.donation-level-container').removeClass('selected');
$('div.donation-level-container input[type="radio"]:checked').parent().parent().parent().parent().addClass('selected');
});
function delimitNumbers(str) {
return (str + '').replace(/[^\d.-]/g, '');
}
function formatMoney(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;
}
function getAmt() {
var isOther = false;
var selectAmt = 0;
$('.other-amount-container').each(function() {
if ($(this).find('input[type="radio"]').is(':checked')) {
isOther = true;
selectAmt = Number(delimitNumbers($(this).find('input[type="text"]').val()));
}
});
if (!isOther) {
$('div.donation-level-container').each(function() {
if ($(this).find('input[type="radio"]').is(':checked')) {
selectAmt = Number(delimitNumbers($(this).find('.donation-level-amount-container').text()));
}
});
}
selectAmtFormat = formatMoney(selectAmt);
$('#pstep_finish').html('Donate ' + 'Now');
}
$('.donation-level-container, div.donation-level-label-input-container input[type="radio"]').change(function() {
getAmt();
});
if ($('div.donation-level-label-input-container input[type="radio"]:checked').length > 0) {
getAmt();
}
$('.donation-form-container.responsive').addClass('loaded');
if ($('#level_standardauto_repeatname').is(':checked')) {
$('#freq_once').removeClass('selected');
$('#freq_monthly').addClass('selected');
$('#level_standardauto_repeatname').prop('checked', true);
$('div.donation-level-container').addClass('hidden').removeClass('selected');
$('.donation-level-user-entered input[type="text"]').val('');
$('div.donation-level-container:nth-child(5)').removeClass('hidden');
$('div.donation-level-container:nth-child(6)').removeClass('hidden');
$('div.donation-level-container:nth-child(7)').removeClass('hidden');
$('div.donation-level-container:nth-child(8)').removeClass('hidden');
$('.other-amount-container').removeClass('hidden');
$('div.donation-level-container-generic-repeat').addClass('hidden');
$('.other-amount-container').appendTo('.donation-levels');
}
$('#freq_once').click(function(e) {
$('#freq_once').addClass('selected');
$('#freq_monthly').removeClass('selected');
$('#level_standardauto_repeatname').prop('checked', false);
$('div.donation-level-container').addClass('hidden').removeClass('selected');
$('.donation-level-user-entered input[type="text"]').val('');
$('div.donation-level-container:nth-child(1)').removeClass('hidden');
$('div.donation-level-container:nth-child(2)').removeClass('hidden');
$('div.donation-level-container:nth-child(3)').removeClass('hidden');
$('div.donation-level-container:nth-child(4)').removeClass('hidden');
$('.other-amount-container').removeClass('hidden');
$('div.donation-level-container-generic-repeat').addClass('hidden');
});
$('#freq_monthly').click(function(e) {
$('#freq_once').removeClass('selected');
$('#freq_monthly').addClass('selected');
$('#level_standardauto_repeatname').prop('checked', true);
$('div.donation-level-container').addClass('hidden').removeClass('selected');
$('.donation-level-user-entered input[type="text"]').val('');
$('div.donation-level-container:nth-child(5)').removeClass('hidden');
$('div.donation-level-container:nth-child(6)').removeClass('hidden');
$('div.donation-level-container:nth-child(7)').removeClass('hidden');
$('div.donation-level-container:nth-child(8)').removeClass('hidden');
$('.other-amount-container').removeClass('hidden');
$('div.donation-level-container-generic-repeat').addClass('hidden');
$('.other-amount-container').appendTo('.donation-levels');
});
$('div.donation-level-amount-container').each(function() {
$(this).html($(this).html().replace('.00', ''));
});
function showDonationLevels() {
if ($('#freq_once').hasClass('selected')) {
$('#level_standardauto_repeatname').prop('checked', false);
$('div.donation-level-container').addClass('hidden').removeClass('selected');
$('.donation-level-user-entered input[type="text"]').val('');
$('div.donation-level-container:nth-child(1)').removeClass('hidden');
$('div.donation-level-container:nth-child(2)').removeClass('hidden');
$('div.donation-level-container:nth-child(3)').removeClass('hidden');
$('div.donation-level-container:nth-child(4)').removeClass('hidden');
$('.other-amount-container').removeClass('hidden');
$('div.donation-level-container-generic-repeat').addClass('hidden');
} else if ($('#freq_monthly').hasClass('selected')) {
$('#level_standardauto_repeatname').prop('checked', true);
$('div.donation-level-container').addClass('hidden').removeClass('selected');
$('.donation-level-user-entered input[type="text"]').val('');
$('div.donation-level-container:nth-child(5)').removeClass('hidden');
$('div.donation-level-container:nth-child(6)').removeClass('hidden');
$('div.donation-level-container:nth-child(7)').removeClass('hidden');
$('div.donation-level-container:nth-child(8)').removeClass('hidden');
$('.other-amount-container').removeClass('hidden');
$('div.donation-level-container-generic-repeat').addClass('hidden');
$('.other-amount-container').appendTo('.donation-levels');
}
getAmt();
}
showDonationLevels();
$('#freq_selection div').click(function(e) {
showDonationLevels();
});
});
</script>
</div>
</div>
<div class="form-row">
<div class="html-caption-container">
<script>
var _wds_im = " ";
var _wds_ae = "";
var _wds_oi = "0";
var _wds_oa = "($0.01)";
</script>
<script type="text/javascript" src="//tags.wdsvc.net/controller.js?id=100395" defer=""></script>
<noscript><img src="//tags.wdsvc.net/noscript?id=100395&wdsim=&wdsoi=0&wdsoa=($0.01)" style="display:none" alt=""></noscript>
</div>
</div>
</div>
<input type="hidden" name="4060.donation" id="4060.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
Donate - K9s For Warriors Connecting Service Dogs With Military Veterans | K9 For Warriors Toggle navigation Thanks for signing up! YOUR GIFT WILL HELP SAVE A WARRIOR AND A RESCUE DOG! Your generosity will go right to work to help pair a struggling Warrior with a shelter dog trained to help veterans with post-traumatic stress, traumatic brain injury and/or military sexual trauma. Thank you for saving two lives with one act of kindness today! One-time Gift Monthly Gift Field Is Required Select Gift Amount: $75 $100 $200 $500 $20 $30 $40 $50 Your Best Gift Enter amount Yes, automatically repeat this gift every month. Yes, this is an honor or memorial gift. Honor Gift Type: In Memory of In Honor of Required Honoree First Name: Honoree Last Name: Notification Recipient Name: Notification Recipient Street 1: Notification Recipient City: Notification Recipient State/Province: 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 Notification Recipient ZIP/Postal Code: Message Body: BILLING INFORMATION First Name: Last Name: Address: City: State/Province: 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 Lao 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: Yes, I would like to receive communication from this organization. PAYMENT INFORMATION PAYMENT METHOD: Credit Card Bank Account 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 2023 2024 2025 2026 2027 2028 2029 2030 2031 2032 2033 CVV Number: What is this? BANK ACCOUNT INFORMATION: Bank Routing Number: What is this? Bank Account Number: Verify Bank Account Number: Account Type: * Checking * Savings By checking this option, I agree to use my bank account as a payment method and authorize K9s For Warriors to debit my bank account to fulfill my donation commitment. CHECK INFORMATION Donate Now 114 Camp K9 Road, Ponte Vedra, Florida 32081 Tel: 904-686-1956 | Fax: 904-686-1957 info@k9sforwarriors.org When you make a donation or sign up to receive our newsletter we keep your information private and secure. K9s For Warriors does not distribute, sell, rent or share your personal information collected online or offline to anyone, including third party vendors or businesses. We use this information to process your payment and to ensure your gift is correctly credited to your account. K9s For Warriors (K9FW) is a 501(c)(3) organization registered with Tax ID Number 27-5219467. © 2023 K9s For Warriors | Privacy | Terms of Use