<!DOCTYPE html>
<html>
<head>
<base href="https://action.lung.org/site/" />
<title>
Donate - American Lung Association
</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="Keywords" content=" " />
<meta name="Description" content="" />
<meta name="Robots" content="index, follow" />
<script type="text/javascript" src="../yui3/yui/yui-min.js"></script><noscript> </noscript>
<script type="text/javascript" src="../js/convio/modules.js?version=2.9"></script><noscript> </noscript>
<script type="text/javascript">
var Y = YUI({base: '../yui3/',
insertBefore: 'yui_marker_loader_css', // insert all YUI module css before customstyle so it can be overridden
debug: false,
modules: getModules('../', 'convio', true)});
</script><noscript> </noscript>
<script type="text/javascript" src="../js/utils.js"></script><noscript> </noscript>
<script type="text/javascript" src="../js/obs_comp_rollup.js"></script><noscript> </noscript>
<link href="../css/themes/default.css" rel="stylesheet" type="text/css" />
<link href="../css/themes/alphacube.css" rel="stylesheet" type="text/css"/>
<link href="../css/UserGlobalStyle.css" rel="stylesheet" type="text/css" />
<link href="../css/responsive/ResponsiveBase.css" rel="stylesheet" type="text/css" />
<link href="../css/responsive/DonFormResponsive.css" rel="stylesheet" type="text/css" />
<link href="../css/FormComponentsBehavior.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../js/FormComponentsBehavior.js"></script><noscript> </noscript>
<script type="text/javascript" src="../js/don_level_elements.js"></script><noscript> </noscript>
<script type="text/javascript" src="../js/don_premium_elements.js"></script><noscript> </noscript>
<script type="text/javascript" src="../js/donations2.js"></script><noscript> </noscript>
<link rel="stylesheet" type="text/css" id="yui_marker_loader_css" />
<link href="../css/CustomStyle.css" rel="stylesheet" type="text/css" />
<link href="../css/CustomWysiwygStyle.css" rel="stylesheet" type="text/css" />
<meta name="CnvHeaderVersion" content="v5.0" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="SHORTCUT ICON" href="https://action.lung.org/images/brand/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="/../images/content/pagebuilder/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/../images/content/pagebuilder/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/../images/content/pagebuilder/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/../images/content/pagebuilder/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="/../images/content/pagebuilder/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="/../images/content/pagebuilder/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="/../images/content/pagebuilder/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="/../images/content/pagebuilder/apple-touch-icon-152x152.png">
<link rel="icon" type="image/png" href="/../images/content/pagebuilder/favicon-196x196.png" sizes="196x196">
<link rel="icon" type="image/png" href="/../images/content/pagebuilder/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/../images/content/pagebuilder/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/../images/content/pagebuilder/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/../images/content/pagebuilder/favicon-128.png" sizes="128x128">
<meta name="application-name" content=" ">
<meta name="msapplication-TileColor" content="#FFFFFF">
<meta name="msapplication-TileImage" content="/../images/content/pagebuilder/mstile-144x144.png">
<meta name="msapplication-square70x70logo" content="/../images/content/pagebuilder/mstile-70x70.png">
<meta name="msapplication-square150x150logo" content="/../images/content/pagebuilder/mstile-150x150.png">
<meta name="msapplication-wide310x150logo" content="/../images/content/pagebuilder/mstile-310x150.png">
<meta name="msapplication-square310x310logo" content="/../images/content/pagebuilder/mstile-310x310.png">
<!--SECUREDVISIT START. PLACE AT START OF DOCUMENT HEAD. DO NOT CHANGE--> <script type="text/javascript"> window._svq = window._svq || []; window._svq.push(['_setAccount', '2905_03975']); window._svq.push(['_trackPageView']); (function (d, c) { var sv = d.createElement(c); sv.type = 'text/javascript'; sv.src = '//track.securedvisit.com/js/sv.js'; var s = d.getElementsByTagName(c)[0]; s.parentNode.insertBefore(sv, s); })(document, 'script'); </script> <!-- SECUREDVISIT END -->
<!-- JavaScript -->
<script>
Y.use('jquery-noconflict','utils','yui2-yde', function() {
var i = jQuery('.donation-level-label-input-container input[type=radio]:checked').val();
jQuery(function(){
jQuery('.donation-level-label-input-container input[type=radio]').filter(':checked').each(function(index) {
jQuery(this).parentsUntil('.donation-vele-container').addClass('active');
});
console.log(i);
});
});
</script>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-P37QJ4"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-P37QJ4');</script>
<!-- End Google Tag Manager -->
<script>
</script>
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="/../css/style.min.css">
<style>
div.responsive a:visited, div.responsive a:link {color: #0064ff;}
p:empty {display: none;}
a {word-break: break-word; overflow-wrap: break-word; word-wrap: break-word;}
input, textarea, select {color: #8d8d8d; border: 2px solid #d9d9d9;}
input {background: #f6f6f6; filter: none;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {-webkit-box-shadow: 0 0 0 30px white inset !important; font-family: "Aeonik", Arial, sans-serif !important;}
@-webkit-keyframes autofill {
to {font-family: "Aeonik", Arial, sans-serif !important;}
}
input:-webkit-autofill {-webkit-animation-name: autofill; -webkit-animation-fill-mode: both;}
textarea {background: #fff;}
select {line-height: 1.25; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%230064ff' viewBox='0 0 24 24'><path d='M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z'/></svg>") no-repeat 95% 60% #f6f6f6; background-size: 14px; background-position: calc(100% - 20px) 50%; background-position: -webkit-calc(100% - 20px) 50%; background-position: -moz-calc(100% - 20px) 50%; background-position: -ms-calc(100% - 20px) 50%; background-position: -o-calc(100% - 20px) 50%; padding: 0 50px 0 20px !important; box-shadow: none; -webkit-box-shadow: none; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
input:focus, textarea:focus, select:focus {color: #000; border-color: #0064ff !important; outline: none; -webkit-box-shadow: none; box-shadow: none;}
fieldset {border: 0 none; margin: 0; padding: 0;}
fieldset>legend + table td input[type=checkbox] {position: inherit; left: auto; width: auto; height: auto; z-index: 10; opacity: 1; cursor: pointer; background: #fff;}
.pbSkinM {top: 23px !important; left: auto !important; right: 0px !important;}
.pbSkin1 {top: 0 !important; left: auto !important; right: 0px !important;}
#stravaWidget {min-height: 454px;}
.center {text-align: center;}
.center img {margin: 0 auto;}
.header-logo img {height: 33px;}
.header-logo img.secondary-logo, .header-logo img#logo2 {margin-left: 6%; padding-left: 6%; display: inline-block; padding-bottom: 2px; border-left: 1px solid #0d2354;}
.header-logo img.secondary-logo.white, .header-logo img#logo2 {border-left: 1px solid #fff;}
div.responsive span.field-error-text {font-size: 16px; font-size: 1rem; color: #d0021b;}
a.white, div.responsive a.white:visited, div.responsive a.white:link {color: #fff;}
.margin {margin-top: 25px;}
.margin-bottom {margin-bottom: 25px;}
.double-margin-top {margin-top: 25px;}
.double-margin-bottom {margin-bottom: 25px;}
.padding-top {padding-top: 25px;}
.padding-bottom {padding-bottom: 25px;}
.double-padding-top {padding-top: 25px;}
.double-padding-bottom {padding-bottom: 25px;}
.nav-open section.promo.promo-hero {margin-top: 60px;}
/*--------------------
Featherlight
---------------------*/
.lightbox {display: none;}
html.with-featherlight {overflow: hidden;}
.featherlight {display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; text-align: center; white-space: nowrap; cursor: pointer;}
.featherlight:last-of-type {background: rgba(13, 35, 84, .8);}
.featherlight:before {content: ''; vertical-align: middle; height: 100%; display: inline-block;}
.featherlight .featherlight-content {position: relative; text-align: left; vertical-align: middle; display: inline-block; overflow: auto; margin-left: 5%; margin-right: 5%; max-height: 95%; cursor: auto; white-space: normal; overflow: visible; width: 100%;}
.modaal-content-container .location-modal {padding: 30px 30px 0; border-bottom: 30px solid transparent; background: #fff;}
.modaal-content-container .location-modal h3 {font-size: 40px; font-size: 2.5rem;}
.featherlight .featherlight-inner {display: block;}
.featherlight link.featherlight-inner, .featherlight script.featherlight-inner, .featherlight style.featherlight-inner {display: none;}
.featherlight .featherlight-close-icon {font-family: Aeonik, sans-serif; font-size: 21px; font-size: 1.5rem; font-weight: 700; line-height: 44px; color: #fff; text-align: center; background: #0064ff; opacity: 1; width: 44px; height: 44px; padding: 0; border: 0 none; border-radius: 100%; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; position: absolute; top: 20px; right: 20px; z-index: 9999; -webkit-appearance: none; cursor: pointer; text-transform: none; -webkit-font-smoothing: antialiased;}
.featherlight .featherlight-close-icon::-moz-focus-inner {padding: 0 border: 0;}
.featherlight .featherlight-image {width: 100%;}
.featherlight-iframe .featherlight-content {padding: 0; border-bottom: 0; -webkit-overflow-scrolling: touch;}
.featherlight iframe {border: 0;}
.featherlight * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.modaal-content-container .location-modal p {font-size: 16px; color: #000;}
.modaal-content-container .location-modal .or {font-style: italic; text-align: center; margin: 10px auto; display: block;}
.modaal-content-container .location-modal .input-type label {font-weight: 700; line-height: 1.25; margin-bottom: 7px;}
.modaal-content-container .location-modal .input-type input, .modaal-content-container .location-modal .input-type select {width: 100%; padding: 0 20px;}
#stateSelectList option {font-size: 16px; font-size: 1rem; border-bottom: 2px solid #ebebeb; color: #000; line-height: 35px; display: inline-block;}
#stateSelectList option:after {content: ' '; display: block; border-bottom: 2px solid #ebebeb;}
#stateSelectList option:hover {text-decoration: none; background-color: #f8f9fa;}
#stateSelectList option:last-child {border-bottom: 0 none; color: #000;}
.header {width: 100%;}
.section-signup-donate {height: 100%; margin-right: -15px; padding-right: 15px;}
.footer-nav li:hover {cursor: pointer;}
.footer-nav li a {pointer-events: none;}
.footer-nav li > ul li a {pointer-events: inherit;}
/*--------------------
Session Timeout
---------------------*/
.yui-panel-container {background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: fixed; vertical-align: middle; text-align: center; display: block; top: 0 !important; left: 0 !important;}
.yui-overlay {top: 50%; margin: 0 auto; background: #ffffff; position: relative; width: 100% !important; max-width: 334px; padding: 30px; text-align: left; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.yui-panel-container .container-close {position: absolute; background-color: #0064ff; color: #fff; height: 44px; width: 44px; right: 20px; top: 20px; color: #fff; cursor: pointer; opacity: 1; border-radius: 100%; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.yui-panel-container .container-close:before, .yui-panel-container .container-close:after {display: block; content: " "; position: absolute; top: 14px; left: 23px; width: 4px; height: 22px; border-radius: 4px; background: #fff; -webkit-transition: background .2s ease-in-out; transition: background .2s ease-in-out; height: 22px; width: 3px; top: 11px; left: 21px; background: #fff;}
.yui-panel-container .container-close:before {-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.yui-panel-container .container-close:after {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.yui-panel-container .hd {cursor: default !important; font-size: 32px; margin-bottom: 10px; color: #0d2354; font-family: Aeonik,Arial,sans-serif; font-weight: 700; margin: 0 0 15px; padding-right: 40px; line-height: 1.1;}
.yui-panel-container .bd {font-size: 16px; padding-right: 40px; margin-bottom: 15px;}
.yui-panel-container .bd .yui-icon.warnicon {display: none;}
.yui-panel-container .ft .yui-button.yui-push-button {margin-bottom: 15px; display: block;}
.yui-panel-container .ft .yui-button.yui-push-button + .yui-button.yui-push-button {margin-right: 0; margin-bottom: 0;}
.yui-panel-container .ft .yui-button button {background-color: #0064ff; width: 100%; border: 3px solid #0064ff;}
.yui-panel-container .ft .yui-button button:hover {background-color: transparent; border: 3px solid #0064ff;}
.yui-panel-container .ft .yui-button button.yui-gen188-button {display: none;}
.back-to-top:hover {background: #0d2354; color: #fff; text-decoration: underline;}
.back-to-top:after {content: "\E90A"; font-size: 10px; font-size: .625rem; color: #fff; font-family: icomoon; margin-left: 10px; margin-top: -13px; display: inline-block;}
.back-to-top:hover:after {text-decoration: none;}
/*--------------------
Embedded Video
---------------------*/
.widget-video {padding-left: 0; padding-right: 0;}
.widget-caption {font-size: 13px; font-size: .8125rem; line-height: 1.31; padding: 10px; background: #f6f6f6; display: block; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; height: 100%;}
.widget-caption p {margin-bottom: 10px;}
.widget-video-cta {font-size: 12px; font-size: .75rem; text-transform: uppercase; color: #0064ff; font-weight: 700;}
.widget-video-cta .icon-play {font-size: 14px; font-size: .875rem; margin-left: 10px;}
.modaal-wrapper {position: relative; z-index: 9998;}
.modaal-video-container {position: static;}
.mobile-hide {display: none;}
.section.no-padding-top {padding: 0 0 30px;}
.section.no-padding-bottom {padding: 30px 0 0;}
/*--------------------
Promos
---------------------*/
.promo.promo-section.double-padding-bottom {padding-bottom: 30px;}
.promo.promo-section .promo-card-content div p {max-width: 50em !important; margin: 0;}
.promo-section.no-img.no-icon.promo-section .promo-card-content-wrap {margin-top: 40px;}
.promo-section.no-img.no-icon.promo-section .promo-card-content-wrap a.btn, .promo-section.no-img.no-icon.promo-section .promo-card-content-wrap a.button {margin-bottom: 0 !important;}
.promo-section.promo-section--center .promo-card-content .card-icon {font-size: 0px;}
.promo-section.promo-section--center .promo-card-content .card-icon:before {font-size: 55px; font-size: 3.4375rem;}
.cta-card.no-bk-img {background-image: none;}
.card-content h3 {font-size: 20px; font-size: 1.25rem;}
.card-content h3 + .btn, .card-content h3 + .button {margin-top: 15px;}
.cta-card.bg-accent .btn:hover, .cta-card.bg-accent .button:hover {color: #0064ff; background: #fff;}
/*--------------------
Partner recognition
---------------------*/
.partner-recognition {font-size: 14px; font-size: .875rem; line-height: 1.44; margin: 30px 0 0;}
.partner-recognition p {font-size: inherit; margin: 0 0 10px;}
.partner-recognition .logo {max-width: 200px;}
/*--------------------
Carousel
---------------------*/
.js .slider-single > div:nth-child(1n+2) {display: none;}
.js .slider-single.slick-initialized > div:nth-child(1n+2) {display: block;}
.slider-nav .slick-slide {cursor: pointer;}
.slick-slide {outline: none;}
/*--------------------
Utility Nav
---------------------*/
.nav-utilities {border-top: 1px solid #ebebeb;}
.mobile-flip {order: 1;}
/*--------------------
Person Listings
---------------------*/
.drop-shadow, .drop-shadow-promo {border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: 0 2px 26px 0 rgba(0, 0, 0, .09); box-shadow: 0 2px 26px 0 rgba(0, 0, 0, .09);}
.drop-shadow-promo .row {margin-left: 0; margin-right: 0;}
.person-info {font-size: 18px; font-size: 1.125rem; color: #0d2354;}
.person-info p {margin: 0;}
.person-info span {display: block; font-weight: 700;}
.person-info span:last-of-type {margin-bottom: 10px;}
.person-info span:last-of-type:after {content: " "; padding-top: 10px; border-bottom: 3px solid #0064ff; display: block; width: 175px;}
.person-info li:before, .person-info li:after {content: none !important;}
.person-info .person-title {font-style: italic;}
.person-listing {font-size: 18px; font-size: 1.125rem; color: #0064ff;}
.person-listing:not(.center) h2, .person-listing:not(.center) h3, .person-listing:not(.center) h4, .person-listing:not(.center) h5, .person-listing:not(.center) h6 {padding-left: 15px;}
.person-listing .person-info {margin: 0; list-style: none; list-style-position: inside; padding: 0; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.person-listing .person-info li {display: inline-block; vertical-align: top; padding-left: 15px; padding-right: 15px; margin-bottom: 30px; width: 100%;}
.person-listing .person-info a {text-decoration: none;}
.person-listing .person-info .person-listing-image {width: 200px; height: 200px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden; position: relative; border: 8px solid #fff; background: #fff;}
.bg-gray .person-listing .person-info .person-listing-image {border: 8px solid #f6f6f6; background: #f6f6f6;}
.bg-primary .person-listing .person-info .person-listing-image {border: 8px solid #0064ff; background: #0064ff;}
.bg-accent .person-listing .person-info .person-listing-image {border: 8px solid #0d2354; background: #0d2354;}
.person-listing .person-info .person-listing-image img {width: 100%; min-width: 184px; max-width: 184px; min-height: 100%; height: auto; position: absolute; left: 50%; top: 0; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); -o-object-fit: cover; object-fit: cover;}
.person-listing .person-info .person-listing-text {font-size: 16px; font-size: 1rem; margin-top: 15px;}
.person-listing .person-info .person-listing-text p {color: #000; display: block; margin: 0;}
.person-listing .person-info .person-listing-text .person-name {font-size: 20px; font-size: 1.25rem; font-weight: 700;}
.person-listing .person-info .person-listing-text span {color: #000; display: block; font-weight: 700;}
.person-listing .person-info .person-listing-text .person-title {font-style: italic;}
.person-listing .person-info .person-listing-text span:last-of-type {margin-bottom: 10px;}
.person-listing .person-info .person-listing-text p {color: #000; display: block; margin: 0;}
.person-listing .person-info .person-listing-text .person-title {font-style: italic;}
.person-listing .person-info .person-listing-text span:last-of-type:after {content: " "; padding-top: 10px; border-bottom: 3px solid #0064ff; display: block; width: 200px;}
.person-listing.center .person-info .person-listing-image, .person-listing.center .person-info .person-listing-text span:last-of-type:after {margin: auto;}
@media (max-width: 1024px) {
.featherlight .featherlight-content {margin-left: 0; margin-right: 0; max-height: 98%; padding: 10px 10px 0; border-bottom: 10px solid transparent;}
}
@media (min-width: 375px) {
.header-logo img {height: 43px;}
}
@media (min-width: 768px) {
.nav {display: block !important;}
.nav.hide {display: none !important;}
.double-margin-top {margin-top: 50px;}
.double-margin-bottom {margin-bottom: 50px;}
.double-padding-top {padding-top: 50px;}
.double-padding-bottom {padding-bottom: 50px;}
.featherlight .featherlight-content {max-width: 590px; margin: 0 auto;}
.featherlight .featherlight-close-icon {top: 60px; right: 60px;}
.modaal-content-container {padding: 30px 30px 0;}
.modaal-content-container .location-modal {margin: 0 auto;}
.modaal-content-container .location-modal p {font-size: 18px;}
.modaal-content-container .location-modal .or {margin-top: 40px; padding: 0;}
.modaal-content-container .location-modal .btn.primary-btn {margin: 0 auto; display: block;}
#hero-div.promo[class*=tablet-].promo-hero .promo-card {min-height: auto; height: auto; padding: 60px 0;}
#hero-div.promo[class*=tablet-].promo-hero .promo-card-content-wrap {width: 70%;}
#hero-div.promo[class*=tablet-].promo-hero .social-icons {margin-top: 30px;}
#hero-div.promo[class*=tablet-].promo-hero .promo-card-img {width: 30%;}
.yui-overlay {max-width: 530px;}
.yui-panel-container .container-close {right: 30px; top: 30px;}
.yui-panel-container .hd {font-size: 40px; margin-bottom: 16px;}
.yui-panel-container .bd {font-size: 18px; margin-bottom: 30px;}
.yui-panel-container .ft .yui-button.yui-push-button {margin-right: 15px; margin-bottom: 0; display: inline-block;}
.yui-panel-container .ft .yui-button button {min-width: 225px;}
.mobile-hide {display: block;}
.section.no-padding-top {padding: 0 0 50px;}
.section.no-padding-bottom {padding: 50px 0 0;}
.mobile-flip {order: 2;}
.person-info {padding-bottom: 25px;}
.person-listing .person-info li {padding-left: 15px; padding-right: 15px;}
.person-listing.one-column .person-info li {-webkit-box-flex: 0; -ms-flex: 0 0 99%; flex: 0 0 99%; max-width: 99%;}
.person-listing.two-column .person-info li {-webkit-box-flex: 0; -ms-flex: 0 0 49.5%; flex: 0 0 49.5%; max-width: 49.5%;}
.person-listing.three-column .person-info li {-webkit-box-flex: 0; -ms-flex: 0 0 32.8%; flex: 0 0 32.8%; max-width: 32.8%;}
.promo-section.promo-section--center.promo-section.double-padding-bottom {padding-bottom: 50px;}
}
@media (min-width: 992px) {
.header-logo img {height: 80px;}
.header-logo img.secondary-logo, .header-logo img#logo2 {margin-left: 20px; padding-left: 20px; padding-bottom: 3px;}
.footer-nav li:hover {cursor: default;}
.footer-nav li a {pointer-events: inherit;}
}
@media print {
html.with-featherlight>*>:not(.featherlight) {display: none;}
}
</style>
<style>
img#hero-image {display: none;}
.header.trusted {background: #0064ff;}
header .Group {width: 199px; height: 81px; object-fit: contain;}
.header-inner {padding: 0; display: -ms-grid; display: grid; -ms-grid-rows: auto; grid-template-rows: auto; -ms-grid-columns: auto 1fr auto; grid-template-columns: auto 1fr auto;}
.header-inner-wrap {-ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1/3; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin-right: auto;}
.header-inner .seo-title {font-size: 13px; font-size: .8125rem; font-weight: 700; margin: 0; line-height: 1.1; color: #ffffff; text-align: right; display: none; position: static; background: transparent; padding: 0 15px 0 0; -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1/3; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center;}
.breadcrumbs.back-to {padding: 15px 0;}
.breadcrumbs.back-to li {display: inline;}
.breadcrumbs-nav li a.solo {font-weight: 700; pointer-events: inherit;}
.breadcrumbs-nav li a.solo:hover {text-decoration: underline;}
.bg-primary.midnight>.promo-card {background: #002158; padding: 10px 0 0;}
.bg-primary.midnight .promo-card-img {background-position: 0% 0%;}
.bg-primary.midnight .corner-img:before {color: #002158;}
.bg-primary.midnight .no-hero {display: none;}
.bg-primary.midnight .no-hero:before {content: none;}
footer .Group {width: 159px; height: 65px; object-fit: contain;}
.footer .no-seo {text-align: center; padding-bottom: 30px; padding-top: 30px;}
.footer .no-seo .footer-column-wrap {margin-right: 0; margin-left: 0;}
.footer .no-seo .logo-spacer {margin-bottom: 10px;}
.footer .no-seo .footer-meta-list {text-align: center; display: block; border: 0;}
.footer .no-seo .footer-meta-list-item {border: 0; display: inline-block; -webkit-box-flex: 0; -ms-flex: none; flex: none; max-width: none;}
.footer .no-seo .footer-meta-list-item a {font-weight: 700; line-height: 17px; color: #002158; padding: 0 10px 0 0; margin-right: 10px;}
.footer .no-seo .footer-meta-list-item a:after {content: ""; width: 1px; height: 12px; background-color: #002158; position: absolute; top: 3px; right: 0;}
.footer .no-seo .footer-meta-list-item:last-child a {margin-right: 0; padding: 0;}
.footer .no-seo .footer-meta-list-item:last-child a:after {content: none;}
.footer .no-seo .copyright {font-family: inherit; font-size: 14px; font-size: .875rem; color: #002158; margin: 20px 0;}
.footer .no-seo .copyright a {color: #002158; white-space: nowrap;}
.footer .no-seo .footer-logo {text-align: center; margin: auto 0 0; display: block;}
.footer .no-seo .footer-logo-img {width: 32%; margin: 0 auto; padding: 0 5px; display: inline-block;}
.footer .no-seo .footer-logo-img:last-of-type {margin: 0 auto;}
.ErrorMessage, #action-alert .ErrorMessage {font-size: 16px; font-size: 1rem; font-weight: 400; line-height: 1.2; text-align: left; color: #d0021b; margin: 3px 0 20px; display: block;}
.ErrorMessage:before {font-size: 10px; font-size: .625rem; content: "\E90E"; font-family: icomoon; margin-top: 4px; margin-right: 3px; vertical-align: top; display: inline-block;}
@media (min-width: 376px) {
.header-inner .seo-title {display: block;}
}
@media (min-width: 415px) {
.footer .no-seo .footer-logo-img {width: auto;}
}
@media (min-width: 480px) {
.header-inner-wrap {margin-right: 50px;}
.header-inner .seo-title {font-size: 14px; font-size: .875rem;}
}
@media (min-width: 576px) {
.header-inner .seo-title {font-size: 16px; font-size: 1rem; padding: 0 20px;}
}
@media (min-width: 768px) {
.bg-primary.midnight .no-hero {display: block;}
.promo[class*=tablet-].promo-hero #hero.promo-card-content-wrap {width: 50%; margin-bottom: 0;}
.promo[class*=thanks].promo-hero .promo-card {min-height: auto; height: auto; padding: 60px 0;}
.promo[class*=thanks].promo-hero .promo-card-content-wrap {width: 70%;}
.promo[class*=thanks].promo-hero .social-icons {margin-top: 30px;}
.breadcrumbs-nav li a.back {cursor: pointer;}
.breadcrumbs-nav li a.home:before, .breadcrumbs-nav li a.back:before {content: "<"; text-decoration: none; margin: 0 5px; display: inline-block;}
.breadcrumbs-nav li a.home:hover:before {text-decoration: none;}
.bg-primary.midnight>.promo-card {padding: 40px 0 0;}
.promo[class*=tablet-].promo-hero .promo-card {min-height: 350px; padding: 50px 0;}
.promo[class*=tablet-].promo-hero .promo-card-content {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: start;}
.footer .no-seo {text-align: left; padding-bottom: 30px; padding-top: 40px;}
.footer .no-seo .logo-spacer {margin-bottom: 20px;}
.footer .no-seo .footer-meta-list {text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex;}
.footer .no-seo .copyright {margin: 12px 20px 10px 0; display: inline-block;}
.footer .no-seo .footer-logo {text-align: left; display: block; float: right; position: relative; bottom: auto; right: auto;}
.footer .no-seo .footer-logo-img {margin: 0 5px; padding: 0;}
}
@media (min-width: 992px) {
.header-inner {padding: 16px 0;}
.header-inner .seo-title {font-size: 26px; font-size: 1.625rem;}
}
</style>
<style>
.header-inner-wrap {-webkit-box-shadow: none; box-shadow: none;}
.bg-primary.midnight .promo-card-img.has-hero {background-position: 50% 25%; height: 350px;}
.bg-primary.midnight .promo-card-img.has-hero:before {color: #0d2354; content: "\E91D"; top: -1px; left: -1px; bottom: 0; right: 0; font-size: 42vw; -webkit-transform: scale(-1, .3); -ms-transform: scale(-1, .3); transform: scale(-1, .3); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top;}
div.responsive div.form-content {margin-top: 0; margin-bottom: 0;}
div.form-row div.form-content {display: inline;}
#hero-text p:last-of-type {margin-bottom: 30px;}
label.FormLabel, .form-content label {color: #000000;}
.form-info-message {margin-bottom: 30px; color: #000000;}
.border-shadow {-webkit-box-shadow: 0 2px 26px 0 rgba(0, 0, 0, .09); box-shadow: 0 2px 26px 0 rgba(0, 0, 0, .09); margin-bottom: 15px;}
.section-header-container {margin-top: 0; padding-top: 10px;}
div.responsive span.header-info-message {background-image: none; width: auto; height: auto; margin-top: 0;}
div.responsive span.header-info-message:before {content: "\E90D"; font-family: icomoon; font-size: 16px; font-size: 1rem;}
.More-Ways-to-Donate {font-family: Aeonik; font-size: 30px; font-size: 1.875rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.15; letter-spacing: normal; color: #ffffff;}
.More-Ways-to-Donate p {font-size: 20px; font-size: 1.25rem; color: #fff; line-height: 1.6;}
.Donate-Ways {font-family: Aeonik; font-size: 18px; font-size: 1.125rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.22; letter-spacing: normal; color: #ffffff; display: inline-block; padding-top: 15px; padding-bottom: 10px; padding-right: 25px; position: relative;}
.Donate-Ways a {color: #ffffff !important;}
.Donate-Ways a:hover {text-decoration: none;}
.Donate-Ways a:after {content: "\E90B"; font-family: icomoon; font-size: 10px; font-size: .625rem; font-weight: 700; position: absolute; top: 20px; right: 0px; -webkit-transition: right .5s ease-in-out; transition: right .5s ease-in-out;}
.Donate-Ways a:hover:after {right: -5px;}
.Your-One-Time-Gift, .Your-Gift {font-family: Aeonik,Arial,sans-serif; font-size: 40px; font-size: 2.5rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: center; color: #0d2354; width: 100%; padding: 20px 20px 10px; display: block;}
.Your-One-Time-Gift p, .Your-Gift p {line-height: 1.6;}
.monthly-button {/*width: 370px; height: 52px; border-radius: 26px; background-color: #c4d600;*/}
.monthly-button a {/*position: relative; top: -5px; left: 20px;*/ font-size: 16px; font-size: 1rem; text-transform: uppercase; background: #c4d600; color: #0d2354; font-weight: 700; font-style: normal; line-height: 1.25; letter-spacing: 1px; text-align: center; margin-bottom: 30px; padding: 13px 20px; display: block; vertical-align: top; text-decoration: none; border: 3px solid #c4d600; border-radius: 26px; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; background-clip: border-box; -webkit-font-smoothing: antialiased; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.donate-button a {font-size: 16px; font-size: 1rem; text-transform: uppercase; background: #c4d600; color: #0d2354; font-weight: 700; font-style: normal; line-height: 1.25; letter-spacing: 1px; text-align: center; margin-top: 20px; padding: 13px 20px; display: block; vertical-align: top; text-decoration: none; border: 3px solid #c4d600; border-radius: 26px; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; background-clip: border-box; -webkit-font-smoothing: antialiased; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.monthly-button a:hover, .donate-button a:hover {background: transparent;}
.Make-this-text {font-family:Aeonik,Arial,sans-serif; font-size: 16px; font-size: 1rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: 1px; text-align: center; color: #0d2354; text-transform: uppercase; display: inline-block;}
.donate-button a:hover, .donate-button a:hover .Make-this-text {color: #fff;}
.Make-this-a-Monthly {font-family:Aeonik,Arial,sans-serif; font-size: 16px; font-size: 1rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: 1px; text-align: center; color: #0d2354; text-transform: uppercase; display: inline-block;}
.Mask-Copy-7 {text-align: center; background-color: #0064ff; width: 100%; height: auto; border-radius: 0 0 4px 4px; padding: 20px 20px 25px; display: block;}
.Mask-Copy-7 .right {padding-top: 15px; float: right;}
.Mask-Copy-7 .promo-text {color: #fff;}
.promo-text {font-size: 18px; font-size: 1.125rem; font-weight: 700; line-height: 1.44; display: block; margin: 0;}
.promo-text.large {font-size:24px; font-size: 1.5rem;}
.promo-text.plain {font-weight: 400;}
#tr_show_gift_to_public_row {padding: 0 20px 20px;}
.tr-recognition-name-view {padding: 20px;}
.tr-recognition-name-view #tr_recognition_namerec_name_row {-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 10px;}
.tr-recognition-name-view #tr_recognition_namerec_name_row input {width: 100%;}
.Your-One-Time-Gift + #tr_show_gift_to_public_row, .Your-One-Time-Gift + .tr-recognition-name-view, , .Your-Gift + #tr_show_gift_to_public_row, .Your-Gift + .tr-recognition-name-view {margin: -20px 0 0; padding: 0 20px 20px;}
.Your-One-Time-Gift + #tr_show_gift_to_public_row + .tr-recognition-name-view, .Your-Gift + #tr_show_gift_to_public_row + .tr-recognition-name-view {margin: -10px 0 0; padding: 0 20px 20px;}
#hero-text {display: none;}
#hero #hero-text {display: inline-block;}
.FormLabelText {width: 530px !important; height: auto !important; font-family: Aeonik,Arial,sans-serif; font-size: 18px !important; font-size: 1.125rem !important; font-weight: 700 !important; font-stretch: normal !important; font-style: normal !important; line-height: 1.4 !important; letter-spacing: normal !important; color: #000000 !important; margin: 0 0 15px; display: inline;}
div.donation-form-container.responsive div.donation-level-container {font-weight: 700; color: #ffffff; background-color: #0064ff; width: inherit; margin: 0 0 20px; padding: 0; display: block; border-radius: 4px; cursor: pointer;}
div.donation-form-container.responsive div.donation-level-container label {cursor: pointer;}
div.donation-form-container.responsive div.donation-level-container .donation-level-input-container {width: 100%; padding: 0;}
div.donation-form-container.responsive div.donation-level-container .donation-level-input-container label {width: 100%; padding: 15px 0; display: inline-block;}
div.donation-form-container.responsive .donation-level-container.user-entered div.donation-level-container .donation-level-input-container label div.donation-level-label-container {margin-top: 0;}
div.donation-form-container.responsive .donation-level-container.user-entered div.donation-level-container .donation-level-input-container label {padding: 0;}
.donation-level-container.user-entered {text-align: left;}
.donation-level-container.user-entered .form-content {font-size: 0 !important;}
.donation-level-container.user-entered label {color: #ffffff; padding: 5px 10px 0 !important;}
.donation-level-container.user-entered .donation-level-user-entered label {display: none;}
.donation-level-label-container {vertical-align: top !important; font-size: 14px; font-size: .875rem; text-align: center;}
div.donation-level-amount-container {display: none; font-family: Aeonik,Arial,sans-serif; font-size: 22px; font-size: 1.375rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.36; letter-spacing: normal; text-align: center; color: #ffffff; min-width: 90px; height: 30px;}
div.donation-level-amount-container+div.donation-level-label-container {font-family: Aeonik,Arial,sans-serif; font-size: 22px; font-size: 1.375rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.36; letter-spacing: normal; text-align: center; color: #ffffff; min-width: 90px; height: 30px; margin-top: 0; margin-left: auto;}
.donation-level-container.active {background-color: #0d2354 !important;}
.section-header-container {font-size: 40px; font-size: 2.5rem; color: #0d2354; font-family: Aeonik,Arial,sans-serif;}
label + div.donation-level-user-entered {margin-left: 0; display: block; margin-top: 0; padding: 0 5px 10px;}
label + div.donation-level-user-entered label {display: none;}
label + div.donation-level-user-entered input[type="text"] {font-size: 16px; font-size: 1rem; height: auto; width: 100%;}
p {font-size: 18px; font-size: 1.125rem; font-weight: normal; font-family: Aeonik,Arial,sans-serif; color: #000;}
div.responsive {width: 100%; max-width: none;}
div.html-caption-container {max-width: none;}
div.donation-level-label-input-container {display: none;}
#level_standard_row {/*margin-top: -169px; margin-bottom: 75px; padding-left: 50px;*/ margin-top: 15px; margin-bottom: 0;}
#level_standard_row .form-content {font-size: 18px; font-size: 1.125rem; margin-top: 0; margin-bottom: 0; display: block;}
#level_standard_row .form-content .donation-levels {text-align: center; padding-top: 10px;}
#tribute_type_row {margin-top: 50px;}
#tribute_type_header2 {display: none;}
.section-header-container {border-top: none;}
div.donation-form-container.responsive {background: #fff; max-width: 1140px; border: none; padding: 0;}
.FormLabel {font-weight: bold; font-size: 16px; font-size: 1rem;}
div.responsive label {font-weight: bold;}
div.donation-form-container.responsive .donation-form-content #honoree_title_row, div.donation-form-container.responsive .donation-form-content #tribute_honoree_first_name_row, div.donation-form-container.responsive .donation-form-content #tribute_honoree_last_name_row, div.donation-form-container.responsive .donation-form-content #tribute_notify_recip_title_row, div.donation-form-container.responsive .donation-form-content #tribute_notifiee_first_name_row, div.donation-form-container.responsive .donation-form-content #tribute_notifiee_last_name_row, div.donation-form-container.responsive .donation-form-content #tribute_notify_recip_street1_row, div.donation-form-container.responsive .donation-form-content #tribute_notify_recip_street2_row, div.donation-form-container.responsive .donation-form-content #tribute_notify_recip_city_row, div.donation-form-container.responsive .donation-form-content #tribute_notify_recip_state_row, div.donation-form-container.responsive .donation-form-content #tribute_notify_recip_zip_row, div.donation-form-container.responsive .donation-form-content #donor_title_row, div.donation-form-container.responsive .donation-form-content #donor_first_name_row, div.donation-form-container.responsive .donation-form-content #donor_middle_name_row, div.donation-form-container.responsive .donation-form-content #donor_last_name_row, div.donation-form-container.responsive .donation-form-content #donor_suffix_row, div.donation-form-container.responsive .donation-form-content #donor_addr_street1_row, div.donation-form-container.responsive .donation-form-content #donor_addr_street2_row, div.donation-form-container.responsive .donation-form-content #donor_addr_city_row, div.donation-form-container.responsive .donation-form-content #donor_addr_state_row, div.donation-form-container.responsive .donation-form-content #donor_addr_zip_row, div.donation-form-container.responsive .donation-form-content #donor_addr_country_row, div.donation-form-container.responsive .donation-form-content #donor_email_address_row, #billing_title_row, #billing_first_name_row, #billing_middle_name_row, #billing_last_name_row, #billing_suffix_row, #billing_addr_street1_row, #billing_addr_street2_row, #billing_addr_city_row, #billing_addr_state_row, #billing_addr_zip_row, #billing_addr_country_row, #responsive_payment_typecc_number_row, #responsive_payment_typecc_exp_date_row, #responsive_payment_typecc_cvv_row, #tribute_notify_recip_name_row, div.donation-form-container.responsive .donation-form-content #donor_company_name_row {margin-bottom: 20px; display: inline-block;}
#donor_addr_street2_row:after, #billing_addr_street2_row:after, #tribute_notify_recip_street2_row:after {content: 'Apt, Unit, PO Box, etc'; font-size: 16px; font-size: 1rem; font-style: italic; line-height: 1.6;}
#tribute_message_body_row .form-content:after {content: 'Write a message to the recipient about why you chose to make this donation'; font-size: 16px; font-size: 1rem; font-style: italic; line-height: 1.6;}
#tribute_message_closing_row .form-content:after {content: 'For example: Sincerely, Your Truly, etc.'; font-size: 16px; font-size: 1rem; font-style: italic; line-height: 1.6;}
#tribute_signature_row .form-content:after {content: 'Enter your name'; font-size: 16px; font-size: 1rem; font-style: italic; line-height: 1.6;}
#tribute_notify_recip_street1_row:after {content: 'Enter the address of the person you would like to notify about the gift'; font-size: 16px; font-size: 1rem; font-style: italic; line-height: 1.6;}
#donor_title, #billing_title, #honoree_title, #tribute_notify_recip_title, #donor_addr_country, #billing_addr_country, #tribute_notify_recip_country, #donor_addr_state, #billing_addr_state, #tribute_notify_recip_state, #billing_suffix, #tribute_type {width: 100%; margin-top: 4px;}
#donor_first_namename, #donor_last_namename, #donor_email_addressname, #billing_first_namename, #billing_last_namename, #tribute_honoree_first_namename, #tribute_honoree_last_namename, #tribute_notify_recip_namename, #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, #donor_addr_cityname, #billing_addr_cityname, #tribute_notify_recip_cityname, #donor_addr_zipname, #billing_addr_zipname, #tribute_notify_recip_zipname, #notifiee_first_name_input, #notifiee_last_name_input, #donor_company_name_row input {width: 100%;}
#donor_title_row, #billing_title_row, #honoree_title_row, #donor_first_name_row, #billing_first_name_row, #billing_last_name_row, #tribute_honoree_first_name_row {margin-right: 0;}
#pstep_finish {width: 100%; max-width:none; height: 52px; border-radius: 26px; background-color: #c4d600; background-image: none; color: #0d2354; border: none; float: left;}
.cardExpGroup {padding: 0; /*display: table-cell;*/}
.cardExpGroup select {width: 100%;}
.cardExpGroup select#responsive_payment_typecc_exp_date_MONTH {max-width: 49%;}
.cardExpGroup select#ccExp_MONTH {max-width: 48%; margin-right: 5px;}
.cardExpGroup select#responsive_payment_typecc_exp_date_YEAR, .cardExpGroup select#ccExp_YEAR {max-width: 50%;}
input[type="checkbox"] ~ label {font-weight: normal !important; /*width: 494px;*/ width: 100%;}
#pstep_cancel {display: none;}
.payment-type-selection-container.payment-field-container > h3 {display: none;}
div.button-container {border-top: none; margin-top: 0; padding-top: 0;}
fieldset {border: 0; margin: 0; padding: .35em .35em .35em;}
.payment-type-element-container .form-content {width: 100%; display: inline-block !important; margin-top: 8px !important; margin-bottom: 8px !important;}
#payment_cc_container > h3 {display: none;}
.payment-type-element-container {margin-bottom: 10px;}
#responsive_payment_typecc_number_row {width: 100%; margin-bottom: 0;}
div.payment-field-container #responsive_payment_typecc_number_row input {width: 100%;}
#responsive_payment_typecc_type_row {}
#responsive_payment_typecc_type_row .form-content {margin-top: 0 !important; margin-bottom: 0 !important;}
#payment_cc_container {}
div#responsive_payment_typecc_cvv_row div span {font-size: 1em !important; font-weight: bold !important; color: rgb(0,0,0)!important;}
#responsive_payment_typecc_exp_date_row {margin-bottom: 12px;}
#responsive_payment_typecc_exp_date_row, #responsive_payment_typecc_cvv_row {display: block; vertical-align: top;}
div.payment-field-container #responsive_payment_typecc_cvv_row input {width: 100%; margin-top: 0; display: block;}
#pstep_finish:hover {background: transparent; border: 3px solid #c4d600;}
/* error messages after submit */
div.responsive div.form-error {border: none; background-color: inherit;}
.ErrorMessage {position: absolute; bottom: 0;}
div.responsive div.form-error {position: relative; padding: 0 15px 30px;}
#level_standard_row.form-error {padding: 0 0 10px;}
#tribute_type_row.form-error, #responsive_payment_typecc_number_row.form-error {padding: 0 0 30px;}
#tribute_type_row.form-error .ErrorMessage {margin-left: 15px;}
div.responsive div.ErrorMessage.page-error {position: relative; top: 0; border: none; background-color: inherit; margin-top: 0; margin-bottom: 0;}
div.responsive div.ErrorMessage.page-error > span.field-error-indicator {display:none;}
div.responsive div.ErrorMessage.page-error > span.field-error-text {border: none; background-color: transparent; color: #fff; padding-left:0;}
div.responsive div.ErrorMessage.page-error::before {margin-top: 10px; background-color: transparent; color: #fff; margin-left: 5px; margin-right: 0;}
.errorMessageContainer {font-size: 18px; font-size: 1.125rem; color: #fff; background: #d0021b; margin: 0; padding: 30px 0;}
.errorMessageContainer .ErrorMessage {position: inherit; bottom: inherit; max-width: 1140px; margin: 0 auto; padding: 0 15px; color: #ffffff;}
div.payment-field-container span.payment-type-option {padding: 7px 10px;}
span.field-required::after {content: '*'; font-size: 26px; font-size: 1.625rem; position: relative; top: -7px !important; color: #0064FF; font-weight: bold;}
div.responsive span.field-required {background-image: none; margin-top: 0;}
div.responsive #level_standard_row span.field-required {margin-top: 4px;}
#tribute_message_bodyname {width: 100%; min-height: 150px; resize: none;}
#message_include_gift_amount_row {margin-bottom: 20px;}
#tribute_signature_row {margin-top: 20px;}
.promo[class*=tablet-].promo-hero #hero.promo-card-content-wrap .tributes-caption {font-size: 48px; font-size: 3rem; font-weight: 700; margin: 0 0 15px; line-height: 1.1;}
/*---------------------------
TICKETED EVENTS
---------------------------*/
.appArea {width: 100%; margin-left: 0; margin-top: 0;}
div.appArea {margin: 0;}
div.appArea > table[summary="layout table"] + p.Explicit, div.appArea p#previous_button_instructions {font-family: "Aeonik", Arial, sans-serif; font-size: 18px; font-size: 1.125rem;}
table.WrapperBack, table.Backed {background-color: transparent;}
table.WrapperBack {margin: 0;}
table.Backed {margin: 0 0 20px; border-bottom: 3px solid #0d2354;}
table.Backed tr {border-left: 3px solid #0d2354; border-right: 3px solid #0d2354;}
table.Backed th.lc_Heading {background-color: #0d2354; border-left: 0 none; border-right: 1px solid #fff; color: #fff; padding: 15px 9px;}
table.Backed th.lc_Heading:last-child, table.Backed tr.lc_Totals td:last-child {border-right: 0px none;}
table.Backed th.lc_Heading[width="30%"], table.Backed th.lc_Heading[width="12%"] {width: auto;}
table.Backed th.lc_Heading p, table.Backed td p {font-size: 16px; font-size: 1rem; margin: 0; font-weight: 700; text-align: right; line-height: normal;}
table.Backed th.lc_Heading p {color: #fff;}
table.Backed th.lc_Heading[width="30%"] p {text-align: left;}
table.Backed tr.lc_Row0 {border-bottom: 1px solid #0d2354;}
table.Backed td {border-right: 1px solid #0d2354; color: #000; padding: 15px 9px;}
table.Backed td:first-child p {text-align: left;}
table.Backed td:last-child {border-right: 0px none;}
table.Backed td p {font-weight: 400; color: #000;}
table.Backed tr.lc_Totals {background-color: #0d2354; border-bottom: 0 none;}
table.Backed tr.lc_Totals td {border-right: 1px solid #fff;}
table.Backed tr.lc_Totals td p {font-size: 18px; font-size: 1.125rem; font-weight: 700; color: #c4d600;}
div.BorderContainer {padding: 0; border-width: 0; border-style: none; border-color: #eaeaea; margin-bottom: 0;}
div.BorderContainer div#billing_info_header_id { font-size: 40px; font-size: 2.5rem; font-weight: 700; line-height: 1.1; color: #0d2354; padding-top: 10px; display: block !important;}
div.BorderContainer div.form-row {margin-top: 4px; margin-bottom: 4px;}
div.BorderContainer label {font-size: 16px; font-size: 1rem; font-weight: 700; white-space: normal;}
div.BorderContainer label > a.Smaller {font-size: 16px; font-size: 1rem; font-weight: 400; white-space: normal; position: relative; z-index: 10;}
div.BorderContainer label > a.Smaller:hover {text-decoration: underline;}
div.BorderContainer label.req:before {content: '*'; font-size: 26px; font-size: 1.625rem; position: relative; top: 5px !important; color: #0064FF; font-weight: 700; line-height: 1; margin: -7px 2px 0 0; display: inline-block;}
div.BorderContainer select, div.BorderContainer input[type=text] {width: 100%; margin-top: 3px;}
div.BorderContainer table {display: none;}
div.BorderContainer table, div.BorderContainer table tbody, div.BorderContainer table tbody tr {/*display: block;*/}
div.BorderContainer table tbody tr {/*display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;*/}
div.BorderContainer table tbody tr td {}
div.BorderContainer table tbody tr td[width="63%"] {}
div.BorderContainer table tbody tr td[width="63%"] table {}
div.BorderContainer table tbody tr td[width="63%"] table td[colspan="3"] {}
div.BorderContainer table tbody tr td[width="63%"] table td[colspan="3"] strong {font-size: 40px; font-size: 2.5rem; color: #0d2354; font-family: Aeonik,Arial,sans-serif;}
div.BorderContainer #billing_email_row {margin-bottom: 20px; display: inline-block;}
div.BorderContainer div.payment-field-container #responsive_payment_typecc_cvv_row input {margin-top: 3px;}
div.ButtonContainer {padding-top: 30px;}
div.ButtonContainer p {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0;}
div.ButtonContainer p input[type="submit"] {max-width: none;}
div.ButtonContainer p input[type="submit"]#CANCEL_DIRECT_PAY_FORM, div.ButtonContainer p input[type="submit"]#SHOW_PAYMENT_FORM {background: #0d2354; border: 3px solid #0d2354;}
div.ButtonContainer p input[type="submit"]#CANCEL_DIRECT_PAY_FORM:hover, div.ButtonContainer p input[type="submit"]#SHOW_PAYMENT_FORM:hover {color: #0d2354; background: transparent; border: 3px solid #0d2354;}
div.ButtonContainer p input[type="reset"]#home, div.BorderContainer label[for="ccExp_YEAR"] {display: none;}
div.BorderContainer select option, div.ButtonContainer select option {font-size: 18px; font-size: 1.125rem;}
div.BorderContainer #payment_cc_container:before {content: "Payment Information"; font-size: 40px; font-size: 2.5rem; font-weight: 700; line-height: 1.1; color: #0d2354; padding-top: 10px; display: block;}
table#ticket_hero_table {margin: 0;}
table#ticket_hero_table, table#ticket_hero_table tbody, table#ticket_hero_table tbody tr, table#ticket_hero_table tbody tr td {display: block;}
table#ticket_hero_table td:first-child {display: none;}
table#ticket_hero_table td p {font-size: 18px; font-size: 1.125rem; line-height: 1.4; margin: 0;}
table#ticket_hero_table tr:first-child td p {font-size: 48px; font-size: 3rem; font-weight: 700; margin: 0 0 5px; line-height: 1.1;}
table#ticket_hero_table tr:last-child td p {margin: 0 0 15px;}
div.requiredLegend {float: none; margin-bottom: 0; margin: 0;}
div.requiredLegend p.Hint {font-size: 16px; font-size: 1rem; font-weight: 700; color: #000;}
ul#credit_card_type {list-style-type: none; margin: 0; border: 0; padding: .35em .35em .35em;}
ul#credit_card_type li.tender-row {display: inline; margin-right: 4px;}
h3.ObjTitle.session-timeout.blank-donation-page + br + table, h3.ObjTitle.session-timeout.blank-donation-page + br + table tbody, h3.ObjTitle.session-timeout.blank-donation-page + br + table tbody tr {display: block;}
h3.ObjTitle.session-timeout.blank-donation-page + br + table tbody tr td, h3.ObjTitle.session-timeout.blank-donation-page + br + table tbody tr td p, h3.ObjTitle.session-timeout.blank-donation-page + br + table tbody tr td p.Smaller {font-size: 18px; font-size: 1.125rem; line-height: 1.4; color: #000;}
h3.ObjTitle.session-timeout.blank-donation-page + br, h3.ObjTitle.session-timeout.blank-donation-page + br + table tbody tr td[width="1%"], h3.ObjTitle.session-timeout.blank-donation-page + br + table tbody tr td[width="70%"], h3.ObjTitle.session-timeout.blank-donation-page + br + table tbody tr td[width="2%"], h3.ObjTitle.session-timeout.blank-donation-page + br + table tbody tr td[width="27%"] br {display: none;}
h3.ObjTitle.session-timeout.blank-donation-page + br + table tbody tr td[width="27%"] {width: 100%;}
div.appArea + div.appArea table[summary="layout table"] {margin: 30px 0 0;}
div.appArea + div.appArea table[summary="layout table"] td {font-size: 18px; font-size: 1.125rem; line-height: 1.2; padding: 15px; border-bottom: 1px solid #f6f6f6; width: 50%; word-break: break-word; overflow-wrap: break-word; -ms-word-break: break-all; vertical-align: top;}
div.appArea + div.appArea table[summary="layout table"] td:first-child {font-weight: 700;}
div.appArea + div.appArea table[summary="layout table"] td.ROValue {background-color: #f6f6f6; border-bottom: 1px solid #fff;}
div.appArea + div.appArea table[summary="layout table"] td[rowspan="12"] {display: none;}
@media (min-width: 768px) {
.promo[class*=tablet-].promo-hero #hero.promo-card-content-wrap .tributes-caption {font-size: 52px; font-size: 3.25rem;}
}
@media (min-width: 576px) {
.section-header-container {margin-top: 20px; padding-top: 20px;}
.border-shadow {margin-bottom: 0;}
.monthly-button a {display: inline-block;}
#level_standard_row .form-content {display: inline-block;}
div.donation-form-container.responsive div.donation-level-container {width: inherit; margin: 0 10px 20px 0; display: inline-block;}
div.donation-form-container.responsive div.donation-level-container.user-entered {margin: 0 0 20px;}
div.donation-form-container.responsive div.donation-level-container .donation-level-input-container label {/*padding: 18px 0 24px;*/}
#level_standard_row .form-content .donation-levels {text-align: center;}
.donation-level-container.user-entered {text-align: center; position: relative; top: -5px; text-align: center; padding: 0 !important;}
.donation-level-container.user-entered label {padding: 2px 10px 3px !important;}
label + div.donation-level-user-entered {margin-top: -5px; padding: 0 5px 5px;}
label + div.donation-level-user-entered input[type="text"] {height: 33px;}
#payment_cc_container {margin-top: -51px;}
div.BorderContainer #payment_cc_container {margin-top: -31px;}
#responsive_payment_typecc_type_row {position: relative; top: 55px; left: 170px; width: 50%;}
#responsive_payment_typecc_type_row .form-content {margin-top: 8px !important; margin-bottom: 8px !important;}
#responsive_payment_typecc_number_row {width: 85%;}
div.BorderContainer #responsive_payment_typecc_number_row {width: 100%;}
div.payment-field-container #responsive_payment_typecc_number_row input {max-width: 83.33333%;}
div.BorderContainer div.payment-field-container #responsive_payment_typecc_number_row input {max-width: none;}
#responsive_payment_typecc_exp_date_row, #responsive_payment_typecc_cvv_row {display: table-cell;}
.cardExpGroup {width: 250px;}
.cardExpGroup select#responsive_payment_typecc_exp_date_MONTH, .cardExpGroup select#ccExp_MONTH {max-width: 100px;}
.cardExpGroup select#ccExp_MONTH {margin-right: 5px;}
.cardExpGroup select#responsive_payment_typecc_exp_date_YEAR, .cardExpGroup select#ccExp_YEAR {max-width: 120px;}
div.payment-field-container #responsive_payment_typecc_cvv_row input {width: 80px;}
#pstep_finish {width: 290px;}
div.BorderContainer #payment_cc_container:before {position: relative; top: 55px;}
}
@media (min-width: 768px) {
.bg-primary.midnight .promo-card-img.has-hero {height: auto;}
.bg-primary.midnight .promo-card-img.has-hero:before {content: "\E91A"; top: -1px; left: -1px; bottom: 0; right: 0; font-size: inherit; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1);}
#hero-text p:last-of-type {margin-bottom: 0;}
div.donation-form-container.responsive {padding: 0 50px;}
div.html-caption-container.border-shadow {margin-left: -50px; margin-right: -50px;}
.Your-One-Time-Gift, .Your-Gift {text-align: left; width: 59%; padding: 30px 20px 30px 50px; display: table-cell; vertical-align: top;}
.Your-One-Time-Gift + #tr_show_gift_to_public_row, .Your-One-Time-Gift + .tr-recognition-name-view, .Your-Gift + #tr_show_gift_to_public_row, .Your-Gift + .tr-recognition-name-view {margin: -40px 0 0; padding: 0 50px 50px;}
.Your-One-Time-Gift + #tr_show_gift_to_public_row + .tr-recognition-name-view, .Your-Gift + #tr_show_gift_to_public_row + .tr-recognition-name-view {margin: -40px 0 0; padding: 0 50px 50px;}
#level_standard_row .form-content .donation-levels {text-align: left;}
.tr-recognition-name-view #tr_recognition_namerec_name_row {-webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
.Mask-Copy-7 {text-align: left; width: 41%; border-radius: 0 4px 4px 0; padding: 30px 25px; display: table-cell; vertical-align: top;}
.promo-text {margin: 0 0 15px;}
div.BorderContainer, div.appArea > table[summary="layout table"] + p.Explicit, div.appArea p#previous_button_instructions {padding: 0 15px;}
table.Backed {width: 97%; width: calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); margin: 0 15px 30px;}
table#ticket_hero_table tr:first-child td p {font-size: 52px; font-size: 3.25rem;}
table.WrapperBack + p, div.appArea + div.appArea > p {padding: 0 15px;}
div.requiredLegend {margin: 0 15px;}
div.BorderContainer #responsive_payment_typecc_number_row {width: 85%;}
div.BorderContainer div.payment-field-container #responsive_payment_typecc_number_row input {max-width: 83.33333%;}
div.ButtonContainer {padding-top: 50px;}
div.ButtonContainer p input[type="submit"] {max-width: 210px;}
div.ButtonContainer p input[type="submit"]#PARSE_PAYMENT_FORM, div.ButtonContainer p input[type="submit"]#TRANSACT_CHARGE{-webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1;}
}
@media (min-width: 1200px) {
.Your-One-Time-Gift, .Your-Gift {width: 62%; padding: 50px;}
.Mask-Copy-7 {width: 32%; padding: 50px;}
.Your-One-Time-Gift + #tr_show_gift_to_public_row, .Your-One-Time-Gift + .tr-recognition-name-view, .Your-Gift + #tr_show_gift_to_public_row, .Your-Gift + .tr-recognition-name-view {margin: -50px 0 0;}
}
@media (max-width: 480px) {
#hero-text h1 {font-size: 40px; font-size: 2.5rem;}
.Your-One-Time-Gift, .Your-Gift {font-size: 32px; font-size: 2rem; padding: 15px 15px 0;}
.Your-One-Time-Gift + #tr_show_gift_to_public_row, .Your-One-Time-Gift + .tr-recognition-name-view, .Your-Gift + #tr_show_gift_to_public_row, .Your-Gift + .tr-recognition-name-view {margin: 0; padding: 0 15px 15px;}
.Your-One-Time-Gift + #tr_show_gift_to_public_row + .tr-recognition-name-view, .Your-Gift + #tr_show_gift_to_public_row + .tr-recognition-name-view {margin: -5px 0 0; padding: 0 15px 15px;}
.monthly-button a {padding: 13px 0px;}
.Make-this-a-Monthly {/*font-size: 15px; font-size: 0.9375rem;*/}
.Mask-Copy-7 {padding: 15px;}
.More-Ways-to-Donate, .section-header-container, div.BorderContainer #payment_cc_container:before, div.BorderContainer div#billing_info_header_id {font-size: 32px; font-size: 2rem;}
.cardExpGroup select#responsive_payment_typecc_exp_date_MONTH, .cardExpGroup select#responsive_payment_typecc_exp_date_YEAR, .cardExpGroup select#ccExp_MONTH, .cardExpGroup select#ccExp_YEAR {max-width: none;}
.cardExpGroup select#responsive_payment_typecc_exp_date_MONTH, .cardExpGroup select#ccExp_MONTH {margin-bottom: 20px;}
}
@media only screen and (max-width: 480px), (min-device-width: 768px) and (max-device-width: 1024px) {
table.Backed, table.Backed tbody, table.Backed th, table.Backed td, table.Backed tr {display: block;}
table.Backed th {position: absolute; top: -9999px; left: -9999px;}
table.Backed tr {border-top: 3px solid #0d2354; }
table.Backed tr:first-child {border-top: 0 none; }
table.Backed td {border: none; border-bottom: 1px solid #0d2354; position: relative; padding: 0; text-align: left;}
table.Backed td p {padding: 15px 9px;}
table.Backed td:first-child p {text-align: right;}
table.Backed td:before {position: absolute; top: 0; left: 0; white-space: nowrap; padding: 15px 9px; font-size: 16px; font-size: 1rem; font-weight: 700; line-height: 1.1;}
table.Backed tr.lc_Totals td:before {color: #c4d600;}
table.Backed tr.lc_Totals td {border-right: 0 none;}
table.Backed tr.lc_Totals td:nth-of-type(1) {padding-left: 0;}
table.Backed tr.lc_Totals td:nth-of-type(1) p {text-align: left;}
table.Backed td:nth-of-type(1):before {content: "Ticket Class";}
table.Backed td:nth-of-type(2):before {content: "Price";}
table.Backed td:nth-of-type(3):before {content: "Quantity";}
table.Backed td:nth-of-type(4):before {content: "Amount";}
table.Backed td:nth-of-type(5):before {content: "Tax Deductible Portion";}
table.Backed tr.lc_Totals td:nth-of-type(1):before {content: none;}
table.Backed tr.lc_Totals td:nth-of-type(2) {display: none;}
table.Backed tr.lc_Totals td:nth-of-type(3):before {content: "Quantity";}
table.Backed tr.lc_Totals td:nth-of-type(4):before {content: "Amount";}
table.Backed tr.lc_Totals td:nth-of-type(5):before {content: "Tax Deductible Portion";}
}
</style>
</head>
<body
>
<header class="header trusted" data-scroll-header="">
<div id="cookieNotice" class="banner--notification banner js-banner midnight" style="display: none;">
<div class="global-container">
<div class="row">
<div class="banner-container col-12">
<div class="banner-content">
<p>This website uses cookies. By continuing you are agreeing to our <a href="https://www.lung.org/privacy-policy.html" target="_blank" id="readPrivacy">privacy policy</a>.</p>
</div>
<div id="hideNotice" class="banner-close js-banner-close" data-create-cookie="true"></div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
Y.use('jquery-noconflict','utils','yui2-yde', function() {
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+'; path=/; domain=.lung.org';
}
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;
}
function eraseCookie(name) {
createCookie(name,"",-1);
}
if (!readCookie('seenGDPR')) {
jQuery("#cookieNotice").css('display', 'block');
jQuery('.utility.desk').addClass('popup');
}
else {
jQuery("#cookieNotice").hide();
}
jQuery("#readPrivacy").click(function(){
jQuery("#cookieNotice").css('display', 'none');
jQuery('.utility.desk').removeClass('popup');
createCookie('seenGDPR', true, 20*365);
});
jQuery("#hideNotice").click(function(){
jQuery("#cookieNotice").css('display', 'none');
jQuery('.utility.desk').removeClass('popup');
createCookie('seenGDPR', true, 20*365);
});
createCookie('seenGDPR', true, 20*365)
});
</script>
<a href="#main" class="skip-link show-on-focus">Skip to main content</a>
<div class="header-wrap js-header-wrap">
<div class="full-width-container">
<div class="header-inner">
<div class="header-inner-wrap">
<a class="header-logo" href="https://www.lung.org/"><img src="/../images/content/pagebuilder/hdr-group.svg" alt="Launchpad"></a>
</div>
<div class="search js-search seo-title">
Donate to the American Lung Association
</div>
</div>
</div>
</div>
</header>
<main id="main" class="main">
<div class="breadcrumbs back-to home-crumb" aria-label="Breadcrumb">
<div class="full-width-container">
<ol class="breadcrumbs-nav">
<li><a href="https://www.lung.org" class="solo home">Back to Lung.org</a></li>
</ol>
</div>
</div>
<section class="bg-primary promo promo-hero tablet-middle-top-left-corner top-right-corner-mobile midnight">
<div class="promo-card">
<div class="global-container">
<div class="promo-card-content">
<div id="hero" class="promo-card-content-wrap"></div>
</div>
</div>
<div class="promo-card-img corner-img" style="background-image: url('/../images/content/pagebuilder/default-hero-midnight.png ');"></div>
</div>
</section>
<section class="section bg-white">
<div class="global-container">
<form name="process" id="ProcessForm" action="post.php" method="post" onsubmit="return deny_submit()" >
<div class="donation-form-container responsive">
<script type="text/javascript">
<!--
function reloadPage() {
window.location.reload(true);
}
function testAjax() {
var xmlHttp = null;
// Opera 8.0+, Firefox, Chrome, Safari
try {
xmlHttp = new XMLHttpRequest();
}catch (e){
// Internet Explorer Browsers
try{
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch (e) {
try{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch (e){
return false;
}
}
}
xmlHttp.open('POST','AjaxHelper;jsessionid=00000000.app30003a?NONCE_TOKEN=F8077847D09D112A86E3FBF790BDA6BB', true);
xmlHttp.send();
}
addOnLoadHandler(testAjax);
// -->
</script>
<div class="donation-form-content">
<input type="hidden" name="user_donation_amt" id="user_donation_amt" value="" />
<input type="hidden" name="company_min_matching_amt" id="company_min_matching_amt" value="" />
<input type="hidden" name="currency_locale" id="currency_locale" value="en_US" />
<div class="form-row">
<div class="html-caption-container">
<div class="Your-One-Time-Gift">
Your One Time Gift
</div>
<div class="Mask-Copy-7">
<div class="More-Ways-to-Donate">More Ways to Give</div>
<div class="donate-button">
<a href="https://action.lung.org/site/Donation2?df_id=31270&mfc_pref=T&31270.donation=form1"><span class="Make-this-text">Make a monthly gift</span></a>
</div>
<div class="donate-button">
<a href="https://action.lung.org/site/Donation2?df_id=31272&mfc_pref=T&31272.donation=form1"><span class="Make-this-text">Make a tribute gift</span></a>
</div>
</div>
</div>
</div>
<div class="form-row">
<div class="html-caption-container">
<img src="https://action.lung.org/images/content/pagebuilder/donation-hero-31271.jpg" id="hero-image">
<div id="hero-text">
<h1>Make a Donation to the American Lung Association</h1>
<p>Make a donation that will save lives. Your tax-deductible donation funds lung disease and lung cancer medical research, new treatments, CT screenings, lung health education and more.</p>
<p>Please make a donation today. Your gift is vital to helping end lung cancer and lung disease.</p>
</div>
</div>
</div>
<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">How much would you like to give?</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_standardexpanded45244"
value="45244"
onclick="evalMatchingGift('$500.00');"
/>
</div>
<label for="level_standardexpanded45244" onclick="">
<div class="donation-level-amount-container">
$500.00
</div>
<div class="donation-level-label-container">
$500
</div>
</label>
</div>
<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_45244expandedsubmit" 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_standardexpanded45245"
value="45245"
onclick="evalMatchingGift('$250.00');"
/>
</div>
<label for="level_standardexpanded45245" onclick="">
<div class="donation-level-amount-container">
$250.00
</div>
<div class="donation-level-label-container">
$250
</div>
</label>
</div>
<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_45245expandedsubmit" 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_standardexpanded45246"
value="45246"
onclick="evalMatchingGift('$100.00');"
/>
</div>
<label for="level_standardexpanded45246" onclick="">
<div class="donation-level-amount-container">
$100.00
</div>
<div class="donation-level-label-container">
$100
</div>
</label>
</div>
<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_45246expandedsubmit" 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_standardexpanded45260"
value="45260"
checked="checked"
onclick="evalMatchingGift('$50.00');"
/>
</div>
<label for="level_standardexpanded45260" onclick="">
<div class="donation-level-amount-container">
$50.00
</div>
<div class="donation-level-label-container">
$50
</div>
</label>
</div>
<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_45260expandedsubmit" 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_standardexpanded45247"
value="45247"
onclick="evalMatchingGift(document.getElementById('level_standardexpanded45247amount').value);"
/>
</div>
<label for="level_standardexpanded45247" onclick="">
<div class="donation-level-label-container">
Your Best Gift
</div>
</label>
<div class="donation-level-user-entered">
<label for="level_standardexpanded45247amount"><span class="aural-only">Enter amount</span></label>
<input type="text" name="level_standardexpanded45247amount" id="level_standardexpanded45247amount" value="" size="12"
onfocus="var el = document.getElementById ('level_standardexpanded45247');if (el) el.click(); fire_obs_comp_event('level_standardexpanded45247amount', this, event);evalMatchingGift(value); "
onchange="fire_obs_comp_event('level_standardexpanded45247amount', this, event);evalMatchingGift(value);"
onkeyup="fire_obs_comp_event('level_standardexpanded45247amount', this, event);evalMatchingGift(value);"/>
</div>
</div>
<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_45247expandedsubmit" 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 evalMatchingGift(gift) {
}
</script><noscript> </noscript>
</div>
<h2 class="section-header-container">
Personal Information
</h2>
<div id="donor_title_row" class="form-row form-selectlist">
<div class="form-content">
<label class="FormLabel" for="donor_title">Title:</label>
<select name="donor_title" id="donor_title" size="1"
>
<option ></option>
<option value="Mr." >Mr.</option>
<option value="Ms." >Ms.</option>
<option value="Mrs." >Mrs.</option>
<option value="Miss" >Miss</option>
<option value="Dr." >Dr.</option>
<option value="Mr. & Mrs." >Mr. & Mrs.</option>
</select>
<script type="text/javascript">
<!--
var comp = new ObservableComponent('donor_title', '');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('donor_title_Row', _display);
this.disable_submit_flag (_hidden);
}
//-->
</script>
<noscript><br/>Required</noscript>
<input type="hidden" name="donor_titlesubmit" id="donor_titlesubmit" value="true" />
<script type="text/javascript">
var comp = new ObservableComponent ('donor_title', '');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('donor_title_row', _display);
this.disable_submit_flag (_hidden);
}
function donor_title_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('donor_title', src);
}
}
var el = document.getElementById('donor_title');
if (el) {
Utils.addEvent (el, 'change', donor_title_listChanged);
}
</script><noscript> </noscript>
</div>
</div>
<div id="donor_first_name_row" class="form-row form-text">
<div class="form-content">
<span class="field-required"></span>
<label for="donor_first_namename">First Name:</label>
<input type="text" name="donor_first_namename" id="donor_first_namename"
value=""
maxlength="50"
/>
<input type="hidden" name="donor_first_namesubmit" id="donor_first_namesubmit" value="true" />
<script type="text/javascript">
var comp = new ObservableComponent ('donor_first_name', 'name');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('donor_first_name_row', _display);
this.disable_submit_flag (_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<div id="donor_last_name_row" class="form-row form-text">
<div class="form-content">
<span class="field-required"></span>
<label for="donor_last_namename">Last Name:</label>
<input type="text" name="donor_last_namename" id="donor_last_namename"
value=""
maxlength="50"
/>
<input type="hidden" name="donor_last_namesubmit" id="donor_last_namesubmit" value="true" />
<script type="text/javascript">
var comp = new ObservableComponent ('donor_last_name', 'name');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('donor_last_name_row', _display);
this.disable_submit_flag (_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<div id="donor_email_address_row" class="form-row form-text">
<div class="form-content">
<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="hidden" name="donor_email_opt_inname" id="donor_email_opt_inname" value="implicit" />
<span class="auto-opt-in-warning-message">If you donate and have not already registered, you will receive periodic updates and communications from American Lung Association.</span>
<script type="text/javascript">
var comp = new ObservableComponent ('donor_email_opt_in', 'name');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('donor_email_opt_in_Row', _display);
this.disable_submit_flag (_hidden);
}
comp.set = function (_value)
{
if (document.getElementById('donor_email_opt_inname')) {
document.getElementById('donor_email_opt_inname').checked = _value;
this.fireEvent();
}
}
comp.get = function()
{
if (document.getElementById('donor_email_opt_inname'))
return document.getElementById('donor_email_opt_inname').checked;
}
comp.clear = function()
{
this.set(false);
}
</script><noscript> </noscript>
<input type="hidden" name="donor_email_opt_insubmit" id="donor_email_opt_insubmit" value="true" />
</div>
</div>
<h2 class="section-header-container">
Mailing Address
</h2>
<div class="form-row">
<div class="html-caption-container">
<p>We will use this to verify your credit card information.</p>
</div>
</div>
<div id="donor_addr_street1_row" class="form-row form-text">
<div class="form-content">
<span class="field-required"></span>
<label for="donor_addr_street1name">Address Line 1:</label>
<input type="text" name="donor_addr_street1name" id="donor_addr_street1name"
value=""
maxlength="50"
/>
<input type="hidden" name="donor_addr_street1submit" id="donor_addr_street1submit" value="true" />
<script type="text/javascript">
var comp = new ObservableComponent ('donor_addr_street1', 'name');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('donor_addr_street1_row', _display);
this.disable_submit_flag (_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<div id="donor_addr_street2_row" class="form-row form-text">
<div class="form-content">
<label for="donor_addr_street2name">Address Line 2 (Optional):</label>
<input type="text" name="donor_addr_street2name" id="donor_addr_street2name"
value=""
maxlength="50"
/>
<input type="hidden" name="donor_addr_street2submit" id="donor_addr_street2submit" value="true" />
<script type="text/javascript">
var comp = new ObservableComponent ('donor_addr_street2', 'name');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('donor_addr_street2_row', _display);
this.disable_submit_flag (_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<div id="donor_addr_city_row" class="form-row form-text">
<div class="form-content">
<span class="field-required"></span>
<label for="donor_addr_cityname">City:</label>
<input type="text" name="donor_addr_cityname" id="donor_addr_cityname"
value=""
maxlength="50"
/>
<input type="hidden" name="donor_addr_citysubmit" id="donor_addr_citysubmit" value="true" />
<script type="text/javascript">
var comp = new ObservableComponent ('donor_addr_city', 'name');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('donor_addr_city_row', _display);
this.disable_submit_flag (_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<div id="donor_addr_state_row" class="form-row form-selectlist">
<div class="form-content">
<span class="field-required"></span>
<label class="FormLabel" for="donor_addr_state">State:</label>
<select name="donor_addr_state" id="donor_addr_state" size="1"
onchange="fire_obs_comp_event('donor_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('donor_addr_state', '');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('donor_addr_state_Row', _display);
this.disable_submit_flag (_hidden);
}
//-->
</script>
<noscript><br/>Required</noscript>
<input type="hidden" name="donor_addr_statesubmit" id="donor_addr_statesubmit" value="true" />
<script type="text/javascript">
var comp = new ObservableComponent ('donor_addr_state', '');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('donor_addr_state_row', _display);
this.disable_submit_flag (_hidden);
}
function donor_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('donor_addr_state', src);
}
}
var el = document.getElementById('donor_addr_state');
if (el) {
Utils.addEvent (el, 'change', donor_addr_state_listChanged);
}
</script><noscript> </noscript>
</div>
</div>
<div id="donor_addr_zip_row" class="form-row form-text">
<div class="form-content">
<span class="field-required"></span>
<label for="donor_addr_zipname">Zip Code:</label>
<input type="text" name="donor_addr_zipname" id="donor_addr_zipname"
value=""
maxlength="50"
/>
<input type="hidden" name="donor_addr_zipsubmit" id="donor_addr_zipsubmit" value="true" />
<script type="text/javascript">
var comp = new ObservableComponent ('donor_addr_zip', 'name');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('donor_addr_zip_row', _display);
this.disable_submit_flag (_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<div id="donor_addr_country_row" class="form-row form-selectlist">
<div class="form-content">
<span class="field-required"></span>
<label class="FormLabel" for="donor_addr_country">Country:</label>
<select name="donor_addr_country" id="donor_addr_country" size="1"
onchange="fire_obs_comp_event('donor_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('donor_addr_country', '');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('donor_addr_country_Row', _display);
this.disable_submit_flag (_hidden);
}
//-->
</script>
<noscript><br/>Required</noscript>
<input type="hidden" name="donor_addr_countrysubmit" id="donor_addr_countrysubmit" value="true" />
<script type="text/javascript">
var comp = new ObservableComponent ('donor_addr_country', '');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('donor_addr_country_row', _display);
this.disable_submit_flag (_hidden);
}
function donor_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('donor_addr_country', src);
}
}
var el = document.getElementById('donor_addr_country');
if (el) {
Utils.addEvent (el, 'change', donor_addr_country_listChanged);
}
</script><noscript> </noscript>
</div>
</div>
<div class="form-row">
<div class="html-caption-container">
<div id="">
<h2 class="section-header-container">Donation Matching</h2>
</div>
<script src="https://doublethedonation.com/api/js/ddplugin.js" type="text/javascript"></script>
<p><link href="https://doublethedonation.com/api/css/ddplugin.css" rel="stylesheet" /></p>
<div id="dd-company-name-input"> </div>
<script type="text/javascript">
var dtd_load = function () {
window.addEventListener("doublethedonation_company_id", function (event) {
document.querySelector('#double_the_donation_company_idhidden').value = event.detail || "";
});
};
if (
document.readyState === "complete" ||
(document.readyState !== "loading" && !document.documentElement.doScroll)
) {
callback();
} else {
document.addEventListener("DOMContentLoaded", dtd_load);
}
</script>
</div>
</div>
<input type="hidden" name="double_the_donation_company_idhidden" id="double_the_donation_company_idhidden" value="" />
<h2 class="section-header-container">
Payment Information
</h2>
<div class="payment-type-element-container">
<div class="payment-type-selection-container payment-field-container">
<h3>Payment Method:</h3>
<div id="responsive_payment_typepay_typeradio_row" class="form-row">
<div class="form-content">
<div class="payment-type-selections" id="responsive_payment_typepay_typeradio_payment_types">
<span class="internal-payment"><span class="payment-type-option selected"><input type="radio" name="responsive_payment_typepay_typeradio" id="responsive_payment_typepay_typeradiocredit"
value="credit"
checked="checked"
onclick="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);"
onkeypress="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);" /><label for="responsive_payment_typepay_typeradiocredit"><a href="javascript:void(0);" class="payment-type-label">Credit Card</a></label><script type="text/javascript">
var comp = new ObservableRadioComponent ('responsive_payment_typepay_typeradio', 'name');
</script><noscript> </noscript></span></span>
<span class="external-payment"><span class="payment-type-option"><input type="radio" name="responsive_payment_typepay_typeradio" id="responsive_payment_typepay_typeradiopaypal"
value="paypal"
onclick="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);"
onkeypress="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);" /><label for="responsive_payment_typepay_typeradiopaypal"><a href="javascript:void(0);" class="payment-type-label"><img src="../images/payment/paypal-logo.png" alt="Pay with Paypal" /></a></label><script type="text/javascript">
var comp = new ObservableRadioComponent ('responsive_payment_typepay_typeradio', 'name');
</script><noscript> </noscript></span></span>
</div>
<input type="hidden" name="responsive_payment_typepay_typeradiosubmit" id="responsive_payment_typepay_typeradiosubmit" value="true" />
<script type="text/javascript">
Y.use("jquery-ui", function(Y) {
jQuery(function() {
// subscribe observable for payment type options
jQuery('.payment-type-option').each(function() {
var syncAction = function(obj) {
if (obj.hasClass('selected')) {
var radioGroupName = obj.find('input').attr('name');
obj.find('input').attr('checked', true);
fire_obs_comp_event(radioGroupName, obj.find('input').get());
}
return arguments.callee;
}(jQuery(this));
jQuery(this).click(function() {
jQuery('.payment-type-option').removeClass('selected');
jQuery(this).addClass('selected');
syncAction(jQuery(this));
var selectedValue = jQuery(this).find('input').val();
if (selectedValue == 'paypal' || selectedValue == 'amazon') {
// open up a boxinator dialog
jQuery(document).trigger('redirect-external');
jQuery('#btn_next').click();
}
});
});
});
});
var comp = new ObservableRadioComponent ('responsive_payment_typepay_typeradio', 'name');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('responsive_payment_typepay_typeradio_row', _display);
this.disable_submit_flag (_hidden);
}
</script><noscript> </noscript>
</div>
</div>
</div>
<div id="payment_cc_container" class="payment-field-container">
<h3>Credit Card Information:</h3>
<div id="responsive_payment_typecc_type_row" class="form-row form-radio-array">
<div class="form-content">
<fieldset>
<legend>Credit Card Type:</legend>
<ul class="radio-array-list">
<li class="tender-row ">
<img src="../images/discovercard_sm.gif" alt="Discover" name="responsive_payment_typecc_type_Discover" id="responsive_payment_typecc_type_Discover" />
</li><li class="tender-row ">
<img src="../images/amex_small.gif" alt="American Express" name="responsive_payment_typecc_type_American_Express" id="responsive_payment_typecc_type_American_Express" />
</li><li class="tender-row ">
<img src="../images/mastercd_small.gif" alt="MasterCard" name="responsive_payment_typecc_type_MasterCard" id="responsive_payment_typecc_type_MasterCard" />
</li><li class="tender-row ">
<img src="../images/visa_small.gif" alt="Visa" name="responsive_payment_typecc_type_Visa" id="responsive_payment_typecc_type_Visa" />
</li>
</ul>
</fieldset>
<input type="hidden" name="responsive_payment_typecc_typesubmit" id="responsive_payment_typecc_typesubmit" value="true" />
<script type="text/javascript">
var comp = new ObservableRadioComponent ('responsive_payment_typecc_type', 'name');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('responsive_payment_typecc_type_row', _display);
this.disable_submit_flag (_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<div id="responsive_payment_typecc_number_row" class="form-row form-text">
<div class="form-content">
<span class="field-required"></span>
<label for="responsive_payment_typecc_numbername">Credit Card Number:</label>
<input type="text" name="responsive_payment_typecc_numbername" id="responsive_payment_typecc_numbername"
value=""
maxlength="22"
autocomplete="off" />
<input type="hidden" name="responsive_payment_typecc_numbersubmit" id="responsive_payment_typecc_numbersubmit" value="true" />
<script type="text/javascript">
var comp = new ObservableComponent ('responsive_payment_typecc_number', 'name');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('responsive_payment_typecc_number_row', _display);
this.disable_submit_flag (_hidden);
}
observe_component ('null', new ComponentDisplayer ('responsive_payment_typecc_number'));
</script><noscript> </noscript>
</div>
</div>
<div id="responsive_payment_typecc_exp_date_row" class="form-row form-date">
<div class="form-content">
<span class="field-required"></span>
<label for="responsive_payment_typecc_exp_date_MONTH">
<span class="label-text">Expiration Date:</span><span class="aural-only">Select month of credit card</span>
</label>
<label for="responsive_payment_typecc_exp_date_YEAR" ><span class="aural-only">Select Expiration Year</span></label>
<div class="date-input-container">
<fieldset class="cardExpGroup">
<select name="responsive_payment_typecc_exp_date_MONTH" id="responsive_payment_typecc_exp_date_MONTH" onChange="fire_obs_comp_event('responsive_payment_typecc_exp_date_MONTH', this)">
<option value="1" >01</option>
<option value="2" >02</option>
<option value="3" >03</option>
<option value="4" >04</option>
<option value="5" >05</option>
<option value="6" >06</option>
<option value="7" >07</option>
<option value="8" >08</option>
<option value="9" selected="selected">09</option>
<option value="10" >10</option>
<option value="11" >11</option>
<option value="12" >12</option>
</select>
<select name="responsive_payment_typecc_exp_date_YEAR" id="responsive_payment_typecc_exp_date_YEAR" onChange="fire_obs_comp_event('responsive_payment_typecc_exp_date_YEAR', this)">
<option value="2020" selected="selected">2020</option>
<option value="2021" >2021</option>
<option value="2022" >2022</option>
<option value="2023" >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>
</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=ala&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="off" />
<input type="hidden" name="responsive_payment_typecc_cvvsubmit" id="responsive_payment_typecc_cvvsubmit" value="true" />
<script type="text/javascript">
var comp = new ObservableComponent ('responsive_payment_typecc_cvv', 'name');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('responsive_payment_typecc_cvv_row', _display);
this.disable_submit_flag (_hidden);
}
</script><noscript> </noscript>
</div>
</div>
</div>
<div id="payment_check_container" class="payment-field-container">
<h3>Check Information</h3>
</div>
<input type="hidden" name="responsive_payment_typesubmit" id="responsive_payment_typesubmit" value="true" />
<script type="text/javascript">
function PaymentObserver()
{
this.observe = function(_event)
{
var sVal = _event.component.get();
switch (sVal)
{
case 'check':
hide_element('payment_cc_container');
hide_element('payment_bank_container');
show_element('payment_check_container');
break;
case 'credit':
hide_element('payment_bank_container');
hide_element('payment_check_container');
show_element('payment_cc_container');
break;
case 'ach':
hide_element('payment_cc_container');
hide_element('payment_check_container');
show_element('payment_bank_container');
break;
case 'paypal':
case 'amazon':
case 'mobilepay':
default:
// hide all
hide_element('payment_bank_container');
hide_element('payment_cc_container');
hide_element('payment_check_container');
break;
}
}
}
// Set the observer to show/hide the relevant fields
observe_component ('responsive_payment_typepay_typeradio', new PaymentObserver());
</script><noscript> </noscript>
</div>
<div id="billing_info_same_as_donor_row" class="form-row form-checkbox">
<div class="form-content">
<input type="checkbox" name="billing_info_same_as_donorname" id="billing_info_same_as_donorname"
checked="checked"
onclick="fire_obs_comp_event('billing_info_same_as_donor', this);" />
<label for="billing_info_same_as_donorname">Billing information is the same as mailing information</label>
<input type="hidden" name="billing_info_same_as_donorsubmit" id="billing_info_same_as_donorsubmit" value="true" />
<script type="text/javascript">
var comp = new ObservableComponent ('billing_info_same_as_donor', 'name');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('billing_info_same_as_donor_row', _display);
this.disable_submit_flag (_hidden);
}
comp.set = function (_value)
{
if (document.getElementById('billing_info_same_as_donorname')) {
document.getElementById('billing_info_same_as_donorname').checked = _value;
this.fireEvent();
}
}
comp.get = function()
{
if (document.getElementById('billing_info_same_as_donorname')) {
return document.getElementById('billing_info_same_as_donorname').checked;
}
}
comp.clear = function()
{
this.set(false);
}
</script><noscript> </noscript>
</div>
</div>
<script type="text/javascript">
Y.use("jquery-ui", function(Y) {
jQuery(function(){
jQuery('#billing_info_same_as_donorname').click (function() {
if (jQuery(this).attr('checked')) {
copySrcNameElement ('donor_addr_street1', '', 'billing_addr_street1');
copySrcNameElement ('donor_addr_street2', '', 'billing_addr_street2');
copySrcNameElement ('donor_addr_city', '', 'billing_addr_city');
copySrcElement ('donor_addr_state', '', 'billing_addr_state');
copySrcNameElement ('donor_addr_zip', '', 'billing_addr_zip');
copySrcElement ('donor_addr_country', '', 'billing_addr_country');
copySrcElement ('donor_title', '', 'billing_title');
copySrcNameElement ('donor_first_name', '', 'billing_first_name');
copySrcNameElement ('donor_middle_name', '', 'billing_middle_name');
copySrcNameElement ('donor_last_name', '', 'billing_last_name');
copySrcElement ('donor_suffix', '', 'billing_suffix');
copySrcElement ('donor_prof_suffix', '', 'billing_prof_suffix');
copySrcNameElement ('donor_email_address', '', 'billing_email_address');
copySrcNameElement ('donor_phone', '', 'billing_phone');
copySrcNameElement ('donor_addr_street3', '', 'billing_addr_street3');
copySrcNameElement ('donor_addr_county', '', 'billing_addr_county');
copySrcNameElement ('donor_addr_postcode', '', 'billing_addr_postcode');
}
else {
clearDestinationNameElement ('billing_addr_street1');
clearDestinationNameElement ('billing_addr_street2');
clearDestinationNameElement ('billing_addr_city');
clearDestinationElement ('billing_addr_state');
clearDestinationNameElement ('billing_addr_zip');
clearDestinationElement ('billing_addr_country');
clearDestinationElement ('billing_title');
clearDestinationNameElement ('billing_first_name');
clearDestinationNameElement ('billing_middle_name');
clearDestinationNameElement ('billing_last_name');
clearDestinationElement ('billing_suffix');
clearDestinationElement ('billing_prof_suffix');
clearDestinationNameElement ('billing_email_address');
clearDestinationNameElement ('billing_phone');
clearDestinationNameElement ('billing_addr_street3');
clearDestinationNameElement ('billing_addr_county');
clearDestinationNameElement ('billing_addr_postcode');
}
});
});
function copySrcNameElement (source, previousPageValue, destination) {
copySrcElement (source + "name", previousPageValue, destination + "name");
}
function copySrcElement (source, previousPageValue, destination) {
if (previousPageValue !== '') {
jQuery('#' + destination).val(previousPageValue);
} else if (jQuery('#' + source).val() != undefined) {
jQuery('#' + destination).val(jQuery('#' + source).val());
}
}
function clearDestinationNameElement(destination) {
clearDestinationElement (destination + "name");
}
function clearDestinationElement(destination) {
jQuery('#' + destination).val("");
}
});
</script><noscript> </noscript>
<div class="form-row">
<div class="html-caption-container">
<div id="billing_section_title_row">
<h2 class="section-header-container">Billing Information</h2>
</div>
</div>
</div>
<div id="billing_title_row" class="form-row form-selectlist">
<div class="form-content">
<label class="FormLabel" for="billing_title">Title:</label>
<select name="billing_title" id="billing_title" size="1"
>
<option ></option>
<option value="Mr." >Mr.</option>
<option value="Ms." >Ms.</option>
<option value="Mrs." >Mrs.</option>
<option value="Miss" >Miss</option>
<option value="Dr." >Dr.</option>
<option value="Mr. & Mrs." >Mr. & Mrs.</option>
</select>
<script type="text/javascript">
<!--
var comp = new ObservableComponent('billing_title', '');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('billing_title_Row', _display);
this.disable_submit_flag (_hidden);
}
//-->
</script>
<noscript><br/>Required</noscript>
<input type="hidden" name="billing_titlesubmit" id="billing_titlesubmit" value="true" />
<script type="text/javascript">
var comp = new ObservableComponent ('billing_title', '');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('billing_title_row', _display);
this.disable_submit_flag (_hidden);
}
function billing_title_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_title', src);
}
}
var el = document.getElementById('billing_title');
if (el) {
Utils.addEvent (el, 'change', billing_title_listChanged);
}
</script><noscript> </noscript>
</div>
</div>
<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_suffix_row" class="form-row form-selectlist">
<div class="form-content">
<label class="FormLabel" for="billing_suffix">Suffix</label>
<select name="billing_suffix" id="billing_suffix" size="1"
>
<option ></option>
<option value="Sr." >Sr.</option>
<option value="Jr." >Jr.</option>
<option value="II" >II</option>
<option value="III" >III</option>
<option value="IV" >IV</option>
<option value="V" >V</option>
</select>
<script type="text/javascript">
<!--
var comp = new ObservableComponent('billing_suffix', '');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('billing_suffix_Row', _display);
this.disable_submit_flag (_hidden);
}
//-->
</script>
<noscript><br/>Required</noscript>
<input type="hidden" name="billing_suffixsubmit" id="billing_suffixsubmit" value="true" />
<script type="text/javascript">
var comp = new ObservableComponent ('billing_suffix', '');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('billing_suffix_row', _display);
this.disable_submit_flag (_hidden);
}
function billing_suffix_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_suffix', src);
}
}
var el = document.getElementById('billing_suffix');
if (el) {
Utils.addEvent (el, 'change', billing_suffix_listChanged);
}
</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 Line 1:</label>
<input type="text" name="billing_addr_street1name" id="billing_addr_street1name"
value=""
maxlength="50"
/>
<input type="hidden" name="billing_addr_street1submit" id="billing_addr_street1submit" value="true" />
<script type="text/javascript">
var comp = new ObservableComponent ('billing_addr_street1', 'name');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('billing_addr_street1_row', _display);
this.disable_submit_flag (_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<div id="billing_addr_street2_row" class="form-row form-text">
<div class="form-content">
<label for="billing_addr_street2name">Address Line 2 (Optional)</label>
<input type="text" name="billing_addr_street2name" id="billing_addr_street2name"
value=""
maxlength="50"
/>
<input type="hidden" name="billing_addr_street2submit" id="billing_addr_street2submit" value="true" />
<script type="text/javascript">
var comp = new ObservableComponent ('billing_addr_street2', 'name');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('billing_addr_street2_row', _display);
this.disable_submit_flag (_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<div id="billing_addr_city_row" class="form-row form-text">
<div class="form-content">
<span class="field-required"></span>
<label for="billing_addr_cityname">City:</label>
<input type="text" name="billing_addr_cityname" id="billing_addr_cityname"
value=""
maxlength="50"
/>
<input type="hidden" name="billing_addr_citysubmit" id="billing_addr_citysubmit" value="true" />
<script type="text/javascript">
var comp = new ObservableComponent ('billing_addr_city', 'name');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('billing_addr_city_row', _display);
this.disable_submit_flag (_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<div id="billing_addr_state_row" class="form-row form-selectlist">
<div class="form-content">
<span class="field-required"></span>
<label class="FormLabel" for="billing_addr_state">State:</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 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 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="Make Your Donation">Make Your Donation</button>
</div>
</div>
<input type="hidden" name="idb" id="idb" value="2054269068" />
<input type="hidden" name="df_id" id="df_id" value="31271" />
<input type="hidden" name="mfc_pref" id="mfc_pref" value="T" />
</div>
<input type="hidden" name="31271.donation" id="31271.donation" value="form1" />
</div>
<script type="text/javascript">
var submitted = false;
function deny_submit()
{
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>
</div>
</section>
</main>
<footer class="footer">
<div class="footer-container global-container no-seo">
<div class="footer-column-wrap">
<div class="footer-column col-md col-final">
<div>
<div class="logo-spacer">
<a href="https://www.lung.org/">
<img src="/../images/content/pagebuilder/header-logo.svg" class="Group">
</a>
</div>
<ul class="footer-meta-list">
<li id="terns-of-use" class="footer-meta-list-item"><a href="https://www.lung.org/policies/terms-of-use/" class="">Terms of Use</a></li>
<li id="policies-all" class="footer-meta-list-item"><a href="https://www.lung.org/policies/" class="">Policies</a></li>
<li id="site-map" class="footer-meta-list-item"><a href="https://www.lung.org/sitemap/" class="">Sitemap</a></li>
<li id="privacy-policies" class="footer-meta-list-item"><a href="https://www.lung.org/policies/privacy-policy/" class="">Privacy Policy</a></li>
</ul>
<p class="copyright">©2020 American Lung Association<br />
55 W. Wacker Drive, Suite 1150, Chicago, IL 60601 T: <a href="tel:1-800-586-4872">1-800-LUNGUSA</a>
</p>
<div class="footer-logo">
<div class="footer-logo-img">
<img src="/../images/content/pagebuilder/footer-logo.png" alt="National Health Council">
</div>
<div class="footer-logo-img">
<img src="/../images/content/pagebuilder/charity-navigator-g.png" alt="Charity Navigator">
</div>
<div class="footer-logo-img">
<img src="/../images/content/pagebuilder/accredited-charity-seal.png" alt="Accredited Charity">
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<button class="d-none back-to-top">Back to top</button>
<!-- donation application -->
<style>
/*--------------------
Donation Form
---------------------*/
.dtd-streamlined-plugin {margin-bottom: 15px;}
#dd-container {font-family: Aeonik,Arial,sans-serif !important;}
#dd-container, .dtd-plugin {font-family: Aeonik,Arial,sans-serif !important; font-size: 16px !important; font-size: 1rem !important; color: #000 !important;}
#dd-container .dtd-search-input, .dtd-plugin .dtd-search-input, #dd-company-name-input .dtd-search-input, .dtd-streamlined-plugin .dtd-search-input, .dtd-plugin .dtd-search-box input[type=text] {background-color: #f6f6f6 !important; color: #8d8d8d !important; min-height: auto !important;}
.dd-company-selected {margin-top: 4px !important; margin-bottom: 4px !important; padding: 25px !important; -webkit-box-shadow: 0 2px 26px 0 rgba(0, 0, 0, .09) !important; box-shadow: 0 2px 26px 0 rgba(0, 0, 0, .09) !important;}
.dd-company-selected .wrongcompany {display: block !important; white-space: nowrap !important;}
#dd-intro {display: none;}
#dd-container .search-title, .dtd-plugin .search-title {font-size: 24px !important; font-size: 1.5rem !important; font-weight: 700 !important; color: #0d2354 !important; margin-bottom: 15px !important; text-align: left !important;}
#dd-container .text-center.search-title, .dtd-plugin .text-center.search-title {text-align: left !important;}
.dtd-search-box:before {content: "Does your employer have a matching gift program? Please use the field below to find out."; font-size: 18px; font-size: 1.125rem; color: #000; margin: 0 0 15px; display: block;}
#dd-container .dtd-search-box, .dtd-plugin .dtd-search-box {position: relative; background: transparent !important; border: 0 none !important; box-shadow: 0px 2px 2px rgba(0,0,0,0), 0px 0px 2px rgba(0,0,0,0) !important; border-radius: 0 !important;}
#dd-container .dtd-search-box input[type="text"]#dd-input, .dtd-plugin .dtd-search-box input[type="text"]#dd-input {background-color: #f6f6f6 !important; color: #8d8d8d !important; background-image: none !important; min-height: auto !important; border: 2px solid #d9d9d9 !important; background: #f6f6f6; font-family: Aeonik, Arial, sans-serif; height: 50px; line-height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 20px !important; border-radius: 4px !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
#dd-container .Select-menu-outer, .dtd-plugin .Select-menu-outer, #dd-company-name-input .Select-menu-outer, .dtd-streamlined-plugin .Select-menu-outer {font-size: 18px !important; font-size: 1.125rem !important; color: #8d8d8d !important; border: 2px solid #d9d9d9 !important; line-height: 35px !important; background-color: #f6f6f6 !important; width: 100% !important; max-height: 202px !important; margin-top: -2px !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; position: absolute !important; left: 0 !important; top: 100% !important; z-index: 1 !important; -webkit-overflow-scrolling: touch !important;}
#dd-container .Select-option, .dtd-plugin .Select-option, #dd-company-name-input .Select-option, .dtd-streamlined-plugin .Select-option {color: #000 !important; padding: 8px 10px 8px 20px !important;}
#dd-container .Select-menu-outer .Select-menu .Select-option.dtd-dropdown-is-selected, #dd-container .dtd-dropdown-is-selected, .dtd-plugin .dtd-dropdown-is-selected, #dd-company-name-input .dtd-dropdown-is-selected, .dtd-streamlined-plugin .dtd-dropdown-is-selected {color: #fff !important; background-color: #0064ff !important;}
#dd-container .streamlined-powered-by, .dtd-plugin .streamlined-powered-by, #dd-company-name-input .streamlined-powered-by, .dtd-streamlined-plugin .streamlined-powered-by, .dtd-plugin .dtd-footer {display: none;}
#dd-company-name-input {margin-top: 4px; padding-right: 7px;}
#dd-container .grid-x, .dtd-plugin .grid-x {margin-top: 0px;}
#dd-container button.lets-check, .dtd-plugin button.lets-check {width: 100%; max-width: none; border-radius: 26px; background-color: #0064ff; background-image: none; color: #fff !important; text-decoration: none !important; border: none; float: none; font-family: Aeonik, Arial, sans-serif; text-transform: uppercase; background-clip: border-box; font-size: 16px; font-size: 1rem; font-weight: 700; font-style: normal; line-height: 1.25; letter-spacing: 1px; text-align: center; padding: 13px 20px; display: inline-block; vertical-align: top; text-decoration: none; border: 3px solid #0064ff; border-radius: 26px; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; background-clip: border-box; -webkit-font-smoothing: antialiased; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; margin-top: 0;}
#dd-container button.lets-check:focus, .dtd-plugin button.lets-check:focus, #dd-container button.lets-check:active, .dtd-plugin button.lets-check:active, #dd-container button.lets-check:hover, .dtd-plugin button.lets-check:hover {text-decoration: none; color: #0064ff !important; background: transparent;}
/*--------------------
Thank You Page
---------------------*/
.dtd-plugin {font-family: Aeonik,Arial,sans-serif; font-size: 18px; font-size: 1.125rem;}
#dd-container .dtd-callout, .dtd-plugin .dtd-callout {padding: 15px !important; border-radius: 4px !important; -webkit-box-shadow: 0 2px 26px 0 rgba(0, 0, 0, .09) !important; box-shadow: 0 2px 26px 0 rgba(0, 0, 0, .09) !important; background-color: #fff !important; border: 0 none !important;}
#dd-container .email-dtd a, .dtd-plugin .email-dtd a, #dd-container .mg-description a, .dtd-plugin .mg-description a, #dd-container .dtd-noresults p a, .dtd-plugin .dtd-noresults p a {line-height: inherit; color: #0064ff !important; text-decoration: none; cursor: pointer;}
#dd-container .email-dtd a:hover, .dtd-plugin .email-dtd a:hover, #dd-container .email-dtd a:focus, .dtd-plugin .email-dtd a:focus, #dd-container .mg-description a:hover, .dtd-plugin .mg-description a:hover, #dd-container .mg-description a:focus, .dtd-plugin .mg-description a:focus, #dd-container .dtd-noresults p a:hover, .dtd-plugin .dtd-noresults p a:hover, #dd-container .dtd-noresults p a:focus, .dtd-plugin .dtd-noresults p a:focus, #dd-container a:hover, #dd-container a:focus {color: #0d2354 !important; text-decoration: underline;}
.dtd-plugin .search-title {font-size: 24px; font-size: 1.5rem; font-weight: 700; color: #0d2354; margin-bottom: 15px;}
#dd-container .text-center, .dtd-plugin .text-center {text-align: center !important;}
.dtd-plugin .text-center.search-title {text-align: left !important;}
.dtd-plugin .grid-x {background-color: #f6f6f6; margin-left: 0; margin-right: 0; padding-bottom: 20px !important; margin-bottom: 20px !important;}
.dtd-plugin .dtd-search-box + .grid-x {background-color: transparent; margin-left: 0; margin-right: 0; padding-bottom: 0 !important; margin-top: 20px !important; margin-bottom: 0 !important;}
.dtd-plugin .dtd-search-box + .grid-x button {margin-bottom: 0;}
.dtd-plugin .mg-summary + .grid-x {padding-bottom: 0 !important;}
.dtd-plugin .grid-x.text-center {text-align: center; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important;}
.dtd-plugin .grid-x > .cell {background-color: #fff !important;}
.dtd-plugin .dtd-search-box {position: relative; background: #fff; border: 0 none; box-sizing: border-box; box-shadow: 0px 0px 0px rgba(0,0,0,0), 0px 0px 0px rgba(0,0,0,0); border-radius: 0; min-height: auto !important;}
.dtd-plugin .dtd-search-box:before {content: none;}
.dtd-plugin .dtd-search-box input[type=text] {font-size: 18px; font-size: 1.125rem; color: #8d8d8d; border: 2px solid #d9d9d9 !important; background: #f6f6f6; background-image: none !important; background-color: rgb(246, 246, 246); font-family: Aeonik, Arial, sans-serif; height: 50px; line-height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 20px !important; border-radius: 4px !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
.dtd-plugin .dtd-search-box input:read-only, .dtd-plugin .dtd-search-box input:-moz-read-only {display: none;}
.dtd-plugin .search-another-top + .dtd-search-box {display: none !important;}
#dd-container .search-another-top, .dtd-plugin .search-another-top {margin-bottom: 0 !important;}
#dd-container .search-another-top a, .dtd-plugin .search-another-top a {font-size: 16px; font-size: 1rem; font-weight: 700; line-height: 1.1 !important; text-align: left; text-decoration: none; color: #0064ff !important; width: auto; margin: 0 auto 15px; display: inline-block; position: relative; overflow: visible; padding: 0 !important; background-color: transparent !important; border-radius: 0; !important}
#dd-container .search-another-top a:before, .dtd-plugin .search-another-top a:before {font-size: 10px; font-size: .625rem; content: "\E90B"!important; font-family: icomoon; margin-right: 10px; position: relative; top: 0; left: 0; -webkit-transition: left .5s ease-in-out; transition: left .5s ease-in-out; display: inline-block; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
#dd-container .search-another-top a:after, .dtd-plugin .search-another-top a:after {display: block; content: ""!important; height: 4px; width: 0; position: absolute; bottom: -10px; left: 0; background: #0064ff; overflow: hidden; -webkit-transition: width .5s ease-in-out; transition: width .5s ease-in-out;}
#dd-container .search-another-top a:hover, .dtd-plugin .search-another-top a:hover {color: #0064ff !important;}
#dd-container .search-another-top a:hover:before, .dtd-plugin .search-another-top a:hover:before {left: -5px;}
#dd-container .search-another-top a:hover:after, .dtd-plugin .search-another-top a:hover:after {width: 100%;}
#dd-container .search-another-top a:hover:after, .dtd-plugin .search-another-top a:hover:after {right: -5px;}
#dd-container .search-another-top a .dtd-icon-left-open, .dtd-plugin .search-another-top a .dtd-icon-left-open {display: none;}
.dtd-plugin .dtd-mg-eligible {margin-top: 0 !important;}
.dtd-plugin .grid-x {display: flex; flex-flow: row wrap;}
#dd-container .grid-x>.medium-4, .dtd-plugin .grid-x>.medium-4 {}
.dtd-plugin .grid-x>.medium-4:empty {display: none;}
.dtd-plugin .lets-check, .dtd-plugin .mg-forms-button, .dtd-plugin .mg-guidelines-button {width: 100% !important; max-width: none; border-radius: 26px !important; background-color: #0064ff !important; background-image: none; color: #fff !important; text-decoration: none !important; float: none; font-family: Aeonik, Arial, sans-serif !important; text-transform: uppercase; background-clip: border-box !important; font-size: 16px !important; font-size: 1rem !important; font-weight: 700; font-style: normal; line-height: 1.25 !important; letter-spacing: 1px; text-align: center !important; padding: 13px 20px !important; display: inline-block; vertical-align: top; text-decoration: none !important; border: 3px solid #0064ff !important; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; background-clip: border-box; -webkit-font-smoothing: antialiased; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; margin-top: 0 !important;}
.dtd-plugin .lets-check:hover, .dtd-plugin .mg-forms-button:hover, .dtd-plugin .mg-guidelines-button:hover, .dtd-plugin .lets-check:active, .dtd-plugin .mg-forms-button:active, .dtd-plugin .mg-guidelines-button:active {text-decoration: none !important; color: #0064ff !important; background: transparent !important;}
.dtd-plugin .mg-forms-button, .dtd-plugin .mg-guidelines-button {padding-bottom: 13px !important;}
#dd-container .mg-yes, .dtd-plugin .mg-yes {margin-top: 0 !important; background-color: #fff; border-left: 15px solid #f6f6f6; border-right: 15px solid #f6f6f6; padding: 10px 15px 0 !important;}
#dd-container div[role~=heading].mg-yes, .dtd-plugin div[role~=heading].mg-yes {margin-top: 0 !important; font-weight: 700 !important; font-size: 0px !important; border-left: 0 none !important; border-right: 0 none !important; padding: 0 !important;}
#dd-container div[role~=heading].mg-yes:before, .dtd-plugin div[role~=heading].mg-yes:before {content: "Yes!"; font-weight: 700; font-size: 36px; font-size: 2.25rem; line-height: 1; color: #0d2354; display: block;}
#dd-container .mg-summary p, .dtd-plugin .mg-summary p {font-size: 18px !important; font-size: 1.125rem !important; font-weight: 400; color: #000 !important; margin-top: 0 !important; background-color: #fff; border-left: 15px solid #f6f6f6; border-right: 15px solid #f6f6f6; padding: 0 15px 15px !important;}
#dd-container .mg-summary div[role~=heading].mg-yes + p, .dtd-plugin .mg-summary div[role~=heading].mg-yes + p {font-size: 24px !important; font-size: 1.5rem !important; font-weight: 400; line-height: 1.4; color: #0d2354 !important; background-color: #fff; border-left: 0 none !important; border-right: 0 none !important; padding: 0 !important; margin-bottom: 15px !important;}
.dtd-plugin .dtd-section-image, .dtd-plugin .dtd-section-image-first {margin-top: 0 !important;}
.dtd-plugin .dtd-section-image img, .dtd-plugin .dtd-section-image-first img {width: 0 !important; height: 0 !important; display: block !important; position: relative;}
.dtd-plugin .dtd-section-header[class*=" icon-"]:before, .dtd-plugin .dtd-section-header[class^=icon-]:before {margin: auto auto 10px; font-size: 48px; font-size: 3rem; width: 80px; height: 80px; display: block; background: #0064ff; color: #fff; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: icomoon!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.dtd-plugin .dtd-section-header {font-family: Aeonik, Arial, sans-serif !important; font-weight: 700 !important; text-align: center !important; font-size: 24px !important; font-size: 1.5rem !important; line-height: 1.2 !important; color: #0d2354; background-color: #f6f6f6; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 20px !important; padding-bottom: 15px !important;}
.dtd-plugin .amount-header, .dtd-plugin .eligibility-text {font-size: 16px !important; font-size: 1rem !important; font-weight: 700 !important; line-height: 1.2; text-align: center !important; color: #000 !important; margin-top: 15px !important; margin-bottom: 5px !important;}
.dtd-plugin .amount-small {font-size: 24px !important; font-size: 1.5rem !important; font-weight: 700 !important; line-height: 1.1; text-align: center !important; color: #0d2354 !important; margin-top: 0 !important; margin-bottom: 15px !important;}
.dtd-plugin .amount, .dtd-plugin .eligibility-status {font-size: 24px !important; font-size: 1.5rem !important; font-weight: 700 !important; text-align: center !important; color: #0d2354 !important; margin-top: 0 !important; margin-bottom: 15px !important;}
.dtd-plugin .eligibility-status [class^="dtd-icon-"]:before, .dtd-plugin .eligibility-status [class*=" dtd-icon-"]:before {margin-left: 0; margin-right: 0;}
#dd-container p, .dtd-plugin p {margin-bottom: 15px !important; color: #000 !important;}
#dd-container ul, .dtd-plugin ul {margin-left: 0 !important; margin: 15px 0 20px !important;}
#dd-container ul li, .dtd-plugin ul li {margin: 0 !important; padding-left: 30px !important; margin-bottom: 15px !important;}
.dtd-plugin .mg-description {margin: 0 15px 5px !important; padding: 25px !important; background-color: #fff;}
.dtd-plugin .mg-description p:last-of-type {margin-bottom: 0 !important;}
.dtd-plugin .data-cell {background-color: #f6f6f6 !important;}
.dtd-plugin .data-cell.corporate-information {background-color: #fff !important; border-left: 15px solid #f6f6f6; border-right: 15px solid #f6f6f6; border-bottom: 15px solid #f6f6f6;}
#dd-container .Select-menu, .dtd-plugin .Select-menu, #dd-company-name-input .Select-menu, .dtd-streamlined-plugin .Select-menu {max-height: none !important;}
#dd-container .Select-menu, .dtd-plugin .Select-menu, #dd-company-name-input .Select-menu, .dtd-streamlined-plugin .Select-menu {overflow-y: visible !important;}
#dd-container .dtd-noresults, .dtd-plugin .dtd-noresults {text-align: left !important; padding: 15px 20px;}
#dd-container .dtd-noresults p, .dtd-plugin .dtd-noresults p {margin-bottom: 0 !important;}
@media (min-width: 768px) {
#dd-company-name-input {-webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
.dd-company-selected .wrongcompany {display: inline !important;}
.dtd-plugin .mg-forms-button, .dtd-plugin .mg-guidelines-button {width: auto !important; min-width: 300px;}
#dd-container .dtd-callout, .dtd-plugin .dtd-callout {padding: 30px 50px !important;}
#dd-container .mg-yes, .dtd-plugin .mg-yes {border-left: 25px solid #f6f6f6; border-right: 25px solid #f6f6f6; padding: 20px 25px 0 !important;}
#dd-container .mg-summary p, .dtd-plugin .mg-summary p {font-size: 18px !important; font-size: 1.125rem !important; font-weight: 400; color: #000 !important; margin-top: 0 !important; background-color: #fff; border-left: 25px solid #f6f6f6; border-right: 25px solid #f6f6f6; padding: 0 25px 25px !important;}
.dtd-plugin .mg-description {margin: 0 25px 5px !important;}
.dtd-plugin .search-another-top a {line-height: 1 !important;}
}
</style>
<script>
Y.use('jquery-noconflict','utils','yui2-yde', function() {
if (jQuery('#logo2').length > 0){
jQuery('#logo2').insertAfter('.primary-logo');
}
if (jQuery('#hero-image').length > 0){
var image_source = jQuery('#hero-image').first().attr('src');
image_source = "url('" + image_source + "')";
jQuery('.promo-card-img.corner-img').css('background-image', image_source);
jQuery('.promo-card-img.corner-img').addClass('has-hero');
var cornerHeight = jQuery('.bg-primary .promo-card-img.corner-img').height() +300;
jQuery('.bg-primary .promo-card-img.corner-img').css('font-size', cornerHeight);
}
if (jQuery('#hero-image').length == 0){
jQuery('.promo-card-img.corner-img').addClass('no-hero');
}
//adding class to user entered for styling
//jQuery('.donation-level-container').last().addClass('user-entered');
if (jQuery('.donation-level-user-entered').length > 0) {
jQuery('.donation-level-user-entered').closest('.donation-level-container').addClass('user-entered');
}
jQuery('.html-caption-container').first().addClass('border-shadow');
// Inline error messages
//jQuery('#donor_first_namename').attr('required','required');
if (jQuery('#hero-text').length){
jQuery('#hero-text').prependTo('#hero');
}
if (jQuery('.tributes-caption').length){
jQuery('.tributes-caption').prependTo('#hero');
}
if (jQuery('#level_standard_row').length){
jQuery('#level_standard_row').appendTo('.Your-One-Time-Gift');
}
if (jQuery('.tr-recognition-name-view').length){
jQuery('.tr-recognition-name-view').appendTo('.border-shadow');
}
if (jQuery('#tr_show_gift_to_public_row').length){
jQuery('#tr_show_gift_to_public_row').insertAfter('.Your-One-Time-Gift');
}
var jQueryradioButtons = jQuery('.donation-level-label-input-container input[type="radio"]');
jQueryradioButtons.click(function() {
jQueryradioButtons.each(function() {
jQuery(this).parentsUntil('.donation-vele-container').toggleClass('active', this.checked);
});
});
// donor rows
jQuery('#donor_first_name_row').before(jQuery('<div id="donorTitleFirstLast" class="row"></div>'));
jQuery('#donorTitleFirstLast').after(jQuery('<div id="emailOnly" class="row"></div>'));
jQuery('#donor_addr_street1_row').before(jQuery('<div id="donorAddReq" class="row"></div>'));
jQuery('#donorAddReq').after(jQuery('<div id="donorAddOpt" class="row"></div>'));
jQuery('#donorAddOpt').after(jQuery('<div id="donorCityStateZip" class="row"></div>'));
jQuery('#donorCityStateZip').after(jQuery('<div id="donorCountry" class="row"></div>'));
// billing rows
jQuery('#billing_title_row').before(jQuery('<div id="billTitleFirstLastSuffix" class="row"></div>'));
jQuery('#billing_addr_street1_row').before(jQuery('<div id="billAddReq" class="row"></div>'));
jQuery('#billAddReq').after(jQuery('<div id="billAddOpt" class="row"></div>'));
jQuery('#billAddOpt').after(jQuery('<div id="billCityStateZip" class="row"></div>'));
jQuery('#billCityStateZip').after(jQuery('<div id="billCountry" class="row"></div>'));
// donor title
if (jQuery('#donor_title_row').length){
jQuery('#donor_title_row').appendTo('#donorTitleFirstLast');
jQuery('#donor_title_row').addClass('col-12 col-sm-3');
}
// donor first name
if (jQuery('#donor_first_name_row').length){
jQuery('#donor_first_name_row').appendTo('#donorTitleFirstLast');
jQuery('#donor_first_name_row').addClass('col-12 col-sm-4');
}
jQuery('input[name=donor_first_namename]').blur(function(){
if(jQuery(this).val().length == 0){
jQuery( "#donor_first_name_row" ).addClass( "warning" );
}
});
jQuery('input[name=donor_first_namename]').blur(function(){
if(jQuery(this).val().length > 0){
jQuery( "#donor_first_name_row" ).removeClass( "warning" );
}
});
// donor last name
if (jQuery('#donor_last_name_row').length){
jQuery('#donor_last_name_row').appendTo('#donorTitleFirstLast');
jQuery('#donor_last_name_row').addClass('col-12 col-sm-4');
}
jQuery('input[name=donor_last_namename]').blur(function(){
if(jQuery(this).val().length == 0){
jQuery( "#donor_last_name_row" ).addClass( "warning" );
}
});
jQuery('input[name=donor_last_namename]').blur(function(){
if(jQuery(this).val().length > 0){
jQuery( "#donor_last_name_row" ).removeClass( "warning" );
}
});
// donor email
if (jQuery('#donor_email_address_row').length){
jQuery('#donor_email_address_row').appendTo('#emailOnly');
jQuery('#donor_email_address_row').addClass('col-12 col-sm-9');
}
jQuery('input[name=donor_email_addressname]').blur(function(){
if(jQuery(this).val().length == 0){
jQuery( "#donor_email_address_row" ).addClass( "warning" );
}
});
jQuery('input[name=donor_email_addressname]').blur(function(){
if(jQuery(this).val().length > 0){
jQuery( "#donor_email_address_row" ).removeClass( "warning" );
}
});
// donor company
if (jQuery('#company_name_input').length > 0){
jQuery('#company_name_input').parent('.form-content').parent('.custom-field-container').addClass('row');
jQuery('#company_name_input').parent('.form-content').addClass('form-text col-12 col-sm-9').attr('id', 'donor_company_name_row');
}
// donor address 1
if (jQuery('#donor_addr_street1_row').length){
jQuery('#donor_addr_street1_row').appendTo('#donorAddReq');
jQuery('#donor_addr_street1_row').addClass('col-12 col-sm-9');
}
jQuery('input[name=donor_addr_street1name]').blur(function(){
if(jQuery(this).val().length == 0){
jQuery( "#donor_addr_street1_row" ).addClass( "warning" );
}
});
jQuery('input[name=donor_addr_street1name]').blur(function(){
if(jQuery(this).val().length > 0){
jQuery( "#donor_addr_street1_row" ).removeClass( "warning" );
}
});
// donor address 2
if (jQuery('#donor_addr_street2_row').length){
jQuery('#donor_addr_street2_row').appendTo('#donorAddOpt');
jQuery('#donor_addr_street2_row').addClass('col-12 col-sm-9');
}
// donor city
if (jQuery('#donor_addr_city_row').length){
jQuery('#donor_addr_city_row').appendTo('#donorCityStateZip');
jQuery('#donor_addr_city_row').addClass('col-12 col-sm-3');
}
jQuery('input[name=donor_addr_cityname]').blur(function(){
if(jQuery(this).val().length == 0){
jQuery( "#donor_addr_city_row" ).addClass( "warning" );
}
});
jQuery('input[name=donor_addr_cityname]').blur(function(){
if(jQuery(this).val().length > 0){
jQuery( "#donor_addr_city_row" ).removeClass( "warning" );
}
});
// donor state
if (jQuery('#donor_addr_state_row').length){
jQuery('#donor_addr_state_row').appendTo('#donorCityStateZip');
jQuery('#donor_addr_state_row').addClass('col-12 col-sm-3');
}
jQuery('#donor_addr_state').blur(function(){
console.log(jQuery('#donor_addr_state').val());
if(jQuery(this).val() == ''){
console.log('blank');
jQuery('#donor_addr_state_row').addClass('warning');
} else {
console.log('value set: "' + jQuery(this).val() + '"');
jQuery('#donor_addr_state_row').removeClass('warning');
}
});
// donor zip code
if (jQuery('#donor_addr_zip_row').length){
jQuery('#donor_addr_zip_row').appendTo('#donorCityStateZip');
jQuery('#donor_addr_zip_row').addClass('col-12 col-sm-3');
}
jQuery('input[name=donor_addr_zipname]').blur(function(){
if(jQuery(this).val().length == 0){
jQuery( "#donor_addr_zip_row" ).addClass( "warning" );
}
});
jQuery('input[name=donor_addr_zipname]').blur(function(){
if(jQuery(this).val().length > 0){
jQuery( "#donor_addr_zip_row" ).removeClass( "warning" );
}
});
// donor country
if (jQuery('#donor_addr_country_row').length){
jQuery('#donor_addr_country_row').appendTo('#donorCountry');
jQuery('#donor_addr_country_row').addClass('col-12 col-sm-9');
}
jQuery('#donor_addr_country').blur(function(){
console.log(jQuery('#donor_addr_country').val());
if(jQuery(this).val() == ''){
console.log('blank');
jQuery('#donor_addr_country_row').addClass('warning');
} else {
console.log('value set: "' + jQuery(this).val() + '"');
jQuery('#donor_addr_country_row').removeClass('warning');
}
});
// credit card
jQuery('input[name=responsive_payment_typecc_numbername]').blur(function(){
if(jQuery(this).val().length == 0){
jQuery( "#responsive_payment_typecc_number_row" ).addClass( "warning" );
}
});
jQuery('input[name=responsive_payment_typecc_numbername]').blur(function(){
if(jQuery(this).val().length > 0){
jQuery( "#responsive_payment_typecc_number_row" ).removeClass( "warning" );
}
});
// exp date dropdown
jQuery('input[name=donor_email_addressname]').blur(function(){
if(jQuery(this).val().length == 0){
jQuery( "#donor_email_address_row" ).addClass( "warning" );
}
});
jQuery('input[name=donor_email_addressname]').blur(function(){
if(jQuery(this).val().length > 0){
jQuery( "#donor_email_address_row" ).removeClass( "warning" );
}
});
// CVV
jQuery('input[name=responsive_payment_typecc_cvvname]').blur(function(){
if(jQuery(this).val().length == 0){
jQuery( "#responsive_payment_typecc_cvv_row" ).addClass( "warning" );
}
});
jQuery('input[name=responsive_payment_typecc_cvvname]').blur(function(){
if(jQuery(this).val().length > 0){
jQuery( "#responsive_payment_typecc_cvv_row" ).removeClass( "warning" );
}
});
// billing title
if (jQuery('#billing_title_row').length){
jQuery('#billing_title_row').appendTo('#billTitleFirstLastSuffix');
jQuery('#billing_title_row').addClass('col-12 col-sm-2');
}
// billing first name
if (jQuery('#billing_first_name_row').length){
jQuery('#billing_first_name_row').appendTo('#billTitleFirstLastSuffix');
jQuery('#billing_first_name_row').addClass('col-12 col-sm-4');
}
jQuery('input[name=billing_first_namename]').blur(function(){
if(jQuery(this).val().length == 0){
jQuery( "#billing_first_name_row" ).addClass( "warning" );
}
});
jQuery('input[name=billing_first_namename]').blur(function(){
if(jQuery(this).val().length > 0){
jQuery( "#billing_first_name_row" ).removeClass( "warning" );
}
});
// billing last name
if (jQuery('#billing_last_name_row').length){
jQuery('#billing_last_name_row').appendTo('#billTitleFirstLastSuffix');
jQuery('#billing_last_name_row').addClass('col-12 col-sm-4');
}
jQuery('input[name=billing_last_namename]').blur(function(){
if(jQuery(this).val().length == 0){
jQuery( "#billing_last_name_row" ).addClass( "warning" );
}
});
jQuery('input[name=billing_last_namename]').blur(function(){
if(jQuery(this).val().length > 0){
jQuery( "#billing_last_name_row" ).removeClass( "warning" );
}
});
// billing suffix
if (jQuery('#billing_suffix_row').length){
jQuery('#billing_suffix_row').appendTo('#billTitleFirstLastSuffix');
jQuery('#billing_suffix_row').addClass('col-12 col-sm-2');
}
// billing address 1
if (jQuery('#billing_addr_street1_row').length){
jQuery('#billing_addr_street1_row').appendTo('#billAddReq');
jQuery('#billing_addr_street1_row').addClass('col-12 col-sm-9');
}
jQuery('input[name=billing_addr_street1name]').blur(function(){
if(jQuery(this).val().length == 0){
jQuery( "#billing_addr_street1_row" ).addClass( "warning" );
}
});
jQuery('input[name=billing_addr_street1name]').blur(function(){
if(jQuery(this).val().length > 0){
jQuery( "#billing_addr_street1_row" ).removeClass( "warning" );
}
});
// billing address 2
if (jQuery('#billing_addr_street2_row').length){
jQuery('#billing_addr_street2_row').appendTo('#billAddOpt');
jQuery('#billing_addr_street2_row').addClass('col-12 col-sm-9');
}
// billing city
if (jQuery('#billing_addr_city_row').length){
jQuery('#billing_addr_city_row').appendTo('#billCityStateZip');
jQuery('#billing_addr_city_row').addClass('col-12 col-sm-3');
}
jQuery('input[name=billing_addr_cityname]').blur(function(){
if(jQuery(this).val().length == 0){
jQuery( "#billing_addr_city_row" ).addClass( "warning" );
}
});
jQuery('input[name=billing_addr_cityname]').blur(function(){
if(jQuery(this).val().length > 0){
jQuery( "#billing_addr_city_row" ).removeClass( "warning" );
}
});
// billing state
if (jQuery('#billing_addr_state_row').length){
jQuery('#billing_addr_state_row').appendTo('#billCityStateZip');
jQuery('#billing_addr_state_row').addClass('col-12 col-sm-3');
}
jQuery('input[name=billing_addr_state]').blur(function(){
if(jQuery(this).val().length == 0){
jQuery( "#billing_addr_state_row" ).addClass( "warning" );
}
});
jQuery('input[name=billing_addr_state]').blur(function(){
if(jQuery(this).val().length > 0){
jQuery( "#billing_addr_state_row" ).removeClass( "warning" );
}
});
// billing zip
if (jQuery('#billing_addr_zip_row').length){
jQuery('#billing_addr_zip_row').appendTo('#billCityStateZip');
jQuery('#billing_addr_zip_row').addClass('col-12 col-sm-3');
}
jQuery('input[name=billing_addr_zipname]').blur(function(){
if(jQuery(this).val().length == 0){
jQuery( "#billing_addr_zip_row" ).addClass( "warning" );
}
});
jQuery('input[name=billing_addr_zipname]').blur(function(){
if(jQuery(this).val().length > 0){
jQuery( "#billing_addr_zip_row" ).removeClass( "warning" );
}
});
// billing country
if (jQuery('#billing_addr_country_row').length){
jQuery('#billing_addr_country_row').appendTo('#billCountry');
jQuery('#billing_addr_country_row').addClass('col-12 col-sm-9');
}
// toggle billing info
function showHideBilling(){
if(jQuery('#billing_info_same_as_donorname').prop("checked") == true){
jQuery("#billing_section_title_row, #billing_title_row, #billing_first_name_row, #billing_last_name_row, #billing_suffix_row, #billing_addr_street1_row, #billing_addr_street2_row, #billing_addr_city_row, #billing_addr_state_row, #billing_addr_zip_row, #billing_addr_country_row").hide();
}
else if(jQuery('#billing_info_same_as_donorname').prop("checked") == false){
jQuery("#billing_section_title_row, #billing_title_row, #billing_first_name_row, #billing_last_name_row, #billing_suffix_row, #billing_addr_street1_row, #billing_addr_street2_row, #billing_addr_city_row, #billing_addr_state_row, #billing_addr_zip_row, #billing_addr_country_row").show();
}
}
showHideBilling();
jQuery('#billing_info_same_as_donorname').change(function() {
showHideBilling();
});
// gift type
if (jQuery('#tribute_type_row').length){
jQuery('#tribute_type_row').addClass('row');
jQuery('#tribute_type_row .form-content').addClass('col-12 col-sm-3');
jQuery('#honoree_title_row').before(jQuery('<div id="honorTitleFirstLast" class="row"></div>'));
jQuery('#tribute_type').change(function(){
if(jQuery(this).val() == 'tribute_type_value1'){
jQuery('#tribute_type_header1').show();
jQuery('#tribute_type_header2').hide();
} else if(jQuery(this).val() == 'tribute_type_value2') {
jQuery('#tribute_type_header1').hide();
jQuery('#tribute_type_header2').show();
}
});
jQuery('input[name=tribute_type]').blur(function(){
if(jQuery(this).val().length == 0){
jQuery( "#tribute_type_row" ).addClass( "warning" );
}
});
jQuery('input[name=tribute_type]').blur(function(){
if(jQuery(this).val().length > 0){
jQuery( "#tribute_type_row" ).removeClass( "warning" );
}
});
}
// honor title
if (jQuery('#honoree_title_row').length){
jQuery('#honoree_title_row').appendTo('#honorTitleFirstLast');
jQuery('#honoree_title_row').addClass('col-12 col-sm-3');
}
// honor first name
if (jQuery('#tribute_honoree_first_name_row').length){
jQuery('#tribute_honoree_first_name_row').appendTo('#honorTitleFirstLast');
jQuery('#tribute_honoree_first_name_row').addClass('col-12 col-sm-4');
jQuery('input[name=tribute_honoree_first_namename]').blur(function(){
if(jQuery(this).val().length == 0){
jQuery( "#tribute_honoree_first_name_row" ).addClass( "warning" );
}
});
jQuery('input[name=tribute_honoree_first_namename]').blur(function(){
if(jQuery(this).val().length > 0){
jQuery( "#tribute_honoree_first_name_row" ).removeClass( "warning" );
}
});
}
// honor last name
if (jQuery('#tribute_honoree_last_name_row').length){
jQuery('#tribute_honoree_last_name_row').appendTo('#honorTitleFirstLast');
jQuery('#tribute_honoree_last_name_row').addClass('col-12 col-sm-4');
}
// notification message
if (jQuery('#tribute_notify_recip_title_row').length){
jQuery('#tribute_notify_recip_title_row').before(jQuery('<div id="notifyTitleName" class="row"></div>'));
} else if (jQuery('#tribute_notify_recip_title_row').length == 0 && jQuery('#tribute_notify_recip_name_row').length > 0){
jQuery('#tribute_notify_recip_name_row').before(jQuery('<div id="notifyTitleName" class="row"></div>'));
} else {
}
// notify title
if (jQuery('#tribute_notify_recip_title_row').length){
jQuery('#tribute_notify_recip_title_row').appendTo('#notifyTitleName');
jQuery('#tribute_notify_recip_title_row').addClass('col-12 col-sm-3');
}
// notify full name
if (jQuery('#tribute_notify_recip_name_row').length){
jQuery('#tribute_notify_recip_name_row').appendTo('#notifyTitleName');
jQuery('#tribute_notify_recip_name_row').addClass('col-12 col-sm-8');
}
// notify first name
if (jQuery('#notifiee_first_name_input').length){
jQuery('#notifiee_first_name_input').closest('.custom-field-container').addClass('tribute_notify_recip_first_name_row');
jQuery('.tribute_notify_recip_first_name_row').appendTo('#notifyTitleName');
jQuery('.tribute_notify_recip_first_name_row').addClass('col-12 col-sm-4');
}
// notify last name
if (jQuery('#notifiee_last_name_input').length){
jQuery('#notifiee_last_name_input').closest('.custom-field-container').addClass('tribute_notify_recip_last_name_row');
jQuery('.tribute_notify_recip_last_name_row').appendTo('#notifyTitleName');
jQuery('.tribute_notify_recip_last_name_row').addClass('col-12 col-sm-4');
}
// notify message
if (jQuery('#tribute_message_body_row').length){
jQuery('#tribute_message_body_row').addClass('row');
jQuery('#tribute_message_body_row .form-content').addClass('col-12 col-sm-7');
}
// notify closing
if (jQuery('#tribute_message_closing_row').length){
jQuery('#tribute_message_closing_row').addClass('row');
jQuery('#tribute_message_closing_row .form-content').addClass('col-12 col-sm-7');
}
// notify signature
if (jQuery('#tribute_signature_row').length){
jQuery('#tribute_signature_row').addClass('row');
jQuery('#tribute_signature_row .form-content').addClass('col-12 col-sm-7');
}
// notify address 1
if (jQuery('#tribute_notify_recip_street1_row').length){
jQuery('#tribute_notify_recip_street1_row').before(jQuery('<div id="notifyAddReq" class="row"></div>'));
jQuery('#tribute_notify_recip_street1_row').appendTo('#notifyAddReq');
jQuery('#tribute_notify_recip_street1_row').addClass('col-12 col-sm-9');
}
// notify address 2
if (jQuery('#tribute_notify_recip_street2_row').length){
jQuery('#tribute_notify_recip_street2_row').before(jQuery('<div id="notifyAddOpt" class="row"></div>'));
jQuery('#tribute_notify_recip_street2_row').appendTo('#notifyAddOpt');
jQuery('#tribute_notify_recip_street2_row').addClass('col-12 col-sm-9');
}
// notify city
if (jQuery('#tribute_notify_recip_city_row').length){
jQuery('#tribute_notify_recip_city_row').before(jQuery('<div id="notifyCityStateZip" class="row"></div>'));
jQuery('#tribute_notify_recip_city_row').appendTo('#notifyCityStateZip');
jQuery('#tribute_notify_recip_city_row').addClass('col-12 col-sm-3');
}
// notify state
if (jQuery('#tribute_notify_recip_state_row').length){
jQuery('#tribute_notify_recip_state_row').appendTo('#notifyCityStateZip');
jQuery('#tribute_notify_recip_state_row').addClass('col-12 col-sm-3');
}
// notify zip code
if (jQuery('#tribute_notify_recip_zip_row').length){
jQuery('#tribute_notify_recip_zip_row').appendTo('#notifyCityStateZip');
jQuery('#tribute_notify_recip_zip_row').addClass('col-12 col-sm-3');
}
// notify country
if (jQuery('#tribute_notify_recip_country_row').length){
jQuery('#tribute_notify_recip_country_row').addClass('row');
jQuery('#tribute_notify_recip_country_row .form-content').addClass('col-12 col-sm-9');
}
// error message
if (jQuery('.errorMessageContainer').length){
jQuery('.errorMessageContainer').insertAfter('.breadcrumbs');
}
if (jQuery('.previous-crumb').length){
if (document.referrer == "") {
jQuery('.breadcrumbs.previous-crumb').hide();
}
}
// ticketed event
});
</script>
<script>
Y.use('jquery-noconflict', function() {
jQuery(document).ready(function() {
if($('[id$=payment_typepay_typeradiocredit]').length > 0) {
// cc button exists
console.log('cc button exists');
ccType = $('[id$=payment_typepay_typeradiocredit]');
$(ccType).parent().click(function() {
console.log('cc span clicked');
console.log(this);
if (jQuery(this).hasClass('selected')) {
console.log('cc is selected');
jQuery(this).children('input[type="radio"]').prop('checked', true);
$('div#payment_cc_container').css('display','block');
$('div#payment_bank_container').css('display','none');
}
});
}
if($('[id$=payment_typepay_typeradioach]').length > 0) {
// ach button exists
console.log('ach button exists');
achType = $('[id$=payment_typepay_typeradioach]');
$(achType).parent().click(function() {
console.log('ach span clicked');
console.log(this);
if (jQuery(this).hasClass('selected')) {
console.log('ach is selected');
jQuery(this).children('input[type="radio"]').prop('checked', true);
$('div#payment_cc_container').css('display','none');
$('div#payment_bank_container').css('display','block');
}
});
}
if($('[id$=payment_typepay_typeradiopaypal]').length > 0) {
// paypal button exists
console.log('paypal button exists');
paypalType = $('[id$=payment_typepay_typeradiopaypal]');
$(paypalType).parent().click(function() {
console.log('paypal span clicked');
console.log(this);
if (jQuery(this).hasClass('selected')) {
console.log('paypal is selected');
jQuery(this).children('input[type="radio"]').prop('checked', true);
$('#payment_bank_container').css('display','none');
$('#payment_cc_container').css('display','none');
}
});
}
});//docready
});//yui
</script>
</body>
</html>