CINXE.COM

<!DOCTYPE html> <html> <head> <base href="https://support.cpj.org/site/" /> <title> Donate to Defend Press Freedom - Committee to Protect Journalists </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.2"></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, false)}); </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/UserIEStyle.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 charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="preconnect" href="https://code.jquery.com"> <link rel="dns-prefetch" href="https://maxcdn.bootstrapcdn.com"> <link rel="dns-prefetch" href="https://cdnjs.cloudflare.com"> <link rel="dns-prefetch" href="https://fonts.googleapis.com"> <link rel="dns-prefetch" href="https://www.googletagmanager.com"> <link rel="dns-prefetch" href="https://www.google-analytics.com"> <link rel="dns-prefetch" href="https://analytics.google.com"> <link rel="dns-prefetch" href="https://www.google.com"> <link rel="dns-prefetch" href="https://www.gstatic.com">   <link rel="preload" href="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous" as="script"> <link rel="preload" href="https://www.google.com/recaptcha/api.js?render=6LcVyLgZAAAAAIaCdeocZ0n27ZV5AVFs-ptKOles" as="script">  <link rel="apple-icon-precomposed" sizes="57x57" href="../images/content/favicon/apple-icon-57x57.png" /> <link rel="apple-icon-precomposed" sizes="114x114" href="../images/content/favicon/apple-icon-114x114.png" /> <link rel="apple-icon-precomposed" sizes="72x72" href="../images/content/favicon/apple-icon-72x72.png" /> <link rel="apple-icon-precomposed" sizes="144x144" href="../images/content/favicon/apple-icon-144x144.png" /> <link rel="apple-icon-precomposed" sizes="60x60" href="../images/content/favicon/apple-icon-60x60.png" /> <link rel="apple-icon-precomposed" sizes="120x120" href="../images/content/favicon/apple-icon-120x120.png" /> <link rel="apple-icon-precomposed" sizes="76x76" href="../images/content/favicon/apple-icon-76x76.png" /> <link rel="apple-icon-precomposed" sizes="152x152" href="../images/content/favicon/apple-icon-152x152.png" /> <link rel="icon" type="image/png" href="../images/content/favicon/favicon-96x96.png" sizes="96x96" /> <link rel="icon" type="image/png" href="../images/content/favicon/favicon-32x32.png" sizes="32x32" /> <link rel="icon" type="image/png" href="../images/content/favicon/favicon-16x16.png" sizes="16x16" /> <link rel="icon" type="image/png" href="../images/content/favicon/android-icon-36x36.png" sizes="36x36" /> <link rel="icon" type="image/png" href="../images/content/favicon/android-icon-48x48.png" sizes="48x48" /> <link rel="icon" type="image/png" href="../images/content/favicon/android-icon-72x72.png" sizes="72x72" /> <link rel="icon" type="image/png" href="../images/content/favicon/android-icon-96x96.png" sizes="96x96" /> <link rel="icon" type="image/png" href="../images/content/favicon/android-icon-144x144.png" sizes="144x144" /> <link rel="icon" type="image/png" href="../images/content/favicon/android-icon-192x192.png" sizes="192x192" /> <meta name="application-name" content=" "/> <link rel="manifest" href="../images/content/favicon/manifest.json"> <link rel="shortcut icon" href="../images/content/favicon/favicon.ico"> <meta name="msapplication-TileColor" content="#FFFFFF" /> <meta name="msapplication-TileImage" content="../images/content/favicon/mstile-144x144.png" /> <meta name="msapplication-square70x70logo" content="../images/content/favicon/mstile-70x70.png" /> <meta name="msapplication-square150x150logo" content="../images/content/favicon/mstile-150x150.png" /> <meta name="msapplication-wide310x150logo" content="../images/content/favicon/mstile-310x150.png" /> <meta name="msapplication-square310x310logo" content="../images/content/favicon/mstile-310x310.png" />   <script src="//code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script> <script src="//code.jquery.com/jquery-migrate-3.4.1.min.js" integrity="sha256-UnTxHm+zKuDPLfufgEMnKGXDl6fEIjtM+n1Q6lL73ok=" crossorigin="anonymous"></script>  <style type="text/css">body { opacity: 0; -webkit-transition: all 0.5s 0s ease; -moz-transition: all 0.5s 0s ease; -o-transition: all 0.5s 0s ease; transition: all 0.5s 0s ease; }body.page-loaded {opacity: 1;}</style> <script type="text/javascript"> Y.use('jquery-noconflict', function() { jQuery(document).ready(function() { jQuery('body').addClass('page-loaded'); }); }); </script>  <link rel="stylesheet" href="//use.typekit.net/bol3nil.css">   <link href="//fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap" rel="stylesheet">   <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">   <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">    <meta name="og:type" content="website"><meta name="og:title" content=""><meta name="og:description" content=""><meta name="og:url" content="https://support.cpj.org/site/Donation2?1400.donation=form1&df_id=1400&mfc_pref=T"><meta name="og:image" content="https://support.cpj.org/images/content/pagebuilder/background-1840.jpg"><meta name="og:image:width" content="2500"><meta name="og:image:height" content="1333"><meta name="og:image:alt" content="Make a Gift to Committee to Protect Journalists">     <style type="text/css"> /* CSS Document */ /***** Color Palette Red #d62f26 Gray #333 *****/ @media(min-width:767px) { div.payment-field-container span.external-payment span.payment-type-option { padding: 10px 30%!important; border-radius: 0px; width: 189px; height: 47px; } } *, html, body, form, input, input.AddressBookButtons, input.Advocacy, input.btn, input.btnLg, input.btnMed, input.btnMini, input.btnSm, select, select.Advocacy, textarea, legend, ul, ol, li, option, table, tr, th, th.rfl_infoStatus, td, td.AlertListDescription, td.cstmBack, p, p.cstmBtnText, p.cstmFrame, p.cstmHeading, p.cstmText, p.cstmTitle, p.dividerHeading, p.scrollingText, span.cstmHeading, a, a.btn, a.btn:visited, a.cstmBtnText:hover, a.cstmBtnText:link, a.cstmBtnText:visited, #navList, .AdvocacyInstructions, .AdvocacyNSFix, .BlogHeader, .Button, .Divider, .FieldLabels, .FormBox, .FormBox06, .FormBoxHeader, .Hint, .Instructions, .Instructions, .ListItem0, .ListItem1, .NetscapeFix, .NoteText, .ObjTitle, .PhotoLinks, .Premiums, .ProgressBox, .ProgressBoxCurrent, .SectionHead, .SmallButton, .Smaller, .SmallerC, .TribBtnText1, .Upgrades, .WhatNext, .alphacube_content, .dialog_content, .dialog_title, .Explicit, .fr_register_another, .paraBlueSansSmall, .smallBlack, .smallSans, .smallSansBold, .smallWhiteBoldSans, .smallWhiteSans, .smallestBlackSans {font-family: Georgia, 'Times New Roman', sans-serif; line-height: 1.3em; color: #000; font-size:16px;} #ProcessForm .html-caption-container .container { padding-left: 0px; padding-right: 0px; } P, LI, OL, UL, TABLE, TR, TH, TD, .Explicit {font-family: Georgia, 'Times New Roman', sans-serif; color: #000; font-size:16px; font-weight: 500; line-height: 1.3em;} LABEL.FormLabel { width: unset; min-width: unset; } h1, h2, h3, h4, h5, h6 { font-weight: 500; font-style: normal; line-height: 1.3em; } h1, h2 { font-family: 'Lato', Georgia, 'Times New Roman', sans-serif; text-transform: none; font-weight: 700; } h3, h4, h5, h6 { font-family: 'Lato', Georgia, 'Times New Roman', Helvetica, sans-serif; text-transform: none; font-weight: 700; } h1, h4, h6 { color:#d62f26; } h2, h3, h5 { color: #333333; } .h1, h1 { font-size: 34px; } .h2, h2 { font-size: 30px; } .h3, h3 { font-size: 26px; } .h4, h4 { font-size: 22px; } .h5, h5 { font-size: 18px; } .h6, h6 { font-size: 16px; } .container { max-width: 1170px; width: 98%; } select[multiple], select[size] { height: 37px; } label { font-weight: normal; } div.donation-form-container.responsive { padding: 0; background: transparent; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: 0; } div.responsive input[type="text"], div.responsive input[type="number"], div.responsive input[type="password"], div.responsive textarea { padding: 7px; -webkit-box-shadow: inset 3px 3px 3px #f0f0f0; -moz-box-shadow: inset 3px 3px 3px #f0f0f0; box-shadow: inset 3px 3px 3px #f0f0f0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .form-content select, div.responsive select, select[multiple], select[size], div.responsive select { -webkit-box-shadow: inset 3px 3px 3px #f0f0f0; -moz-box-shadow: inset 3px 3px 3px #f0f0f0; box-shadow: inset 3px 3px 3px -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 100%); background: linear-gradient(to bottom, #ffffff 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); border: 1px solid #d9d6cf; padding: 5px 7px; float:left; } .section-header-container { border-top: 0;} legend { border-bottom: 0; } div.responsive input[type="text"], div.responsive input[type="number"], div.responsive input[type="password"], div.responsive textarea { /*width: 260px;*/ width: 100%; } input[type="checkbox"] { margin-top: .3em; } input[type="checkbox"], input[type="radio"] { max-width: 15px; float:left; min-width: 12px; margin-right: .2em; } label[for="level_standardauto_repeatname"], label[for="ecard_recpientsname"] { max-width: 92%; float:left; clear:none; } #donor_email_addressname {width: 100% !important;} #header-banner, #header-sub { color: #000; font-family: Georgia, 'Times New Roman', Helvetica, sans-serif; clear: left; float: left; line-height: 1em; } #header-banner { font-size: 24px; } #header-sub { font-size: 18px; } .logo, #header-banner, #header-sub { float:none; clear:both; margin: .5em 0 .5em 0; display:block; text-align:center; width: 100%; padding-left:0px; } .logo img { padding-top: 1em; padding-bottom: 1em; } .logo svg.chf-logo { float: left; margin-bottom:1em;} .logo svg.chf-logo:after { clear:both; float:none; display:block; } @media screen and (max-width: 767px) { .logo svg.chf-logo { float: none; display:block; margin: .5em auto; } } form#ProcessForm { clear:both; display:block; } #main { /** Not using Donation2Preview Test Drive **/ background: #ffffff url('../images/content/pagebuilder/background-1400.jpg') no-repeat 100% 0% fixed; background-size: auto auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #main_cont {background: #fff; padding:1.5em; margin:1.5em 1em; float:left; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; } .form-progress-bar {display:none} .teal { color: #333333; } .red {color:#cc0000} .callout-blue {background-color: #00c; font-size:26px; font-weight:bold; color:#ffffff; padding:15px; text-align:center} #mobile-logo { display:none; } #desktop-logo { display:block; } @media only screen and (max-width: 991px) { #mobile-logo { display:block; } #desktop-logo { display:none; } .mobile div.responsive { width: 100%; } } #donation-login-container { margin-bottom: .5em; } @media screen and (max-width: 767px) { #donation-login-container button.btn-primary { min-width: 100%; max-width: 100%; width: 100%; margin: .5em auto; } } .btn-primary { background: #333333; background: -moz-linear-gradient(top, #333333 0%, #333333 100%); background: -webkit-linear-gradient(top, #333333 0%,#333333 100%); background: linear-gradient(to bottom, #333333 0%,#333333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=0 ); outline:none; -moz-border:0px solid #333333; -webkit-border:0px solid #333333; border:0px solid #333333; } .btn-primary:hover { background: #d62f26; background: -moz-linear-gradient(top, #d62f26 0%, #d62f26 100%); background: -webkit-linear-gradient(top, #d62f26 0%,#d62f26 100%); background: linear-gradient(to bottom, #d62f26 0%,#d62f26 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d62f26', endColorstr='#d62f26',GradientType=0 ); outline:none; -moz-border:0px solid #d62f26; -webkit-border:0px solid #d62f26; border:0px solid #d62f26; } /*=============================== Modal Popup Login Styles ===============================*/ /************* Modal Popup Styles ****************/ #errorContainer, .modal-body #f2fSendUserNameForm, .modal-body form.forgotUsernamePW { display:none; } .janrainSocialPlaceholder { float:right; } .janrainHeader { float:left; margin-right: .3em; margin-top:8px; } #sharethis-subcontainer { float:left; } #janrainModal { min-height: 180px; min-width: 420px; } #janrainModal .janrainHeader { float:none; margin-top: 0; } #janrainProviderPages .janrainPage a span { font-size: 14px !important; } #janrainProviderPages { padding-top: 15px !important; } .modal-body #login, .modal-body #user_type_login_email_button { text-transform: uppercase; font-family: 'Lato', Georgia, 'Times New Roman', Helvetica, Arial, Verdana, sans-serif; text-shadow: none /*0px 1px 2px #222222, 0px 0px 1px #999999*/; background: #333333; background: -moz-linear-gradient(top, #333333 0%, #333333 100%); background: -webkit-linear-gradient(top, #333333 0%,#333333 100%); background: linear-gradient(to bottom, #333333 0%,#333333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=0 ); border:0px; min-height: 55px; min-width: 50%; margin:0 auto 0 25%; float: none; font-size: 18px; font-weight:500; border-radius:0px;} .modal-body #user_type_login_email_button { display:block; -webkit-transition: background 0.8s, color 0.5s; -moz-transition: background 0.8s, color 0.5s; -o-transition: background 0.8s, color 0.5s; transition: background 0.8s, color 0.5s; } .modal-body #login:hover, .modal-body #user_type_login_email_button:hover, .donation-link.indicator-link:hover { background: #d62f26; background: -moz-linear-gradient(top, #d62f26 0%, #d62f26 100%); background: -webkit-linear-gradient(top, #d62f26 0%,#d62f26 100%); background: linear-gradient(to bottom, #d62f26 0%,#d62f26 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d62f26', endColorstr='#d62f26',GradientType=0 ); border:0px; min-width: 50%; margin:0 auto 0 25%; float: none; display:block; } @media (max-width: 800px) { #janrainModal { min-height: 250px; min-width: 100%; } div#user_type_new_participant_registration_container, div#user_type_login_container, div#user_type_oauth_login_container, .mobile div#user_type_oauth_login_container, .mobile div#user_type_login_container, .mobile div#user_type_new_participant_registration_container, div#user_type_login_container input, div#user_type_login_container input { clear:both; width: 100%; max-width: 100%; } #login-fields .loginLinks.janrainEngage span { display:none; } .mobile div#user_type_oauth_login_container { float:left; } .mobile #user_type_oauth_login_container { margin-bottom: 2em; } } .janrainEngage.loginHref { font-size: 16px; } .janrainHeader { float:right; font-size: 16px !important; margin-bottom: 5px !important; } .janrainSocialPlaceholder { float:right; margin-bottom: 1.2em;} .janrain-container { margin-right: 1em; float:right; } .janrainShareCountContainer { display:none !important; } #janrainModal { min-height: 180px; min-width: 420px; } #janrainModal .janrainHeader { float:right; margin-top: 0; } .modal-body #f2fSendUserNameForm, #errorContainer { display: none; } .janrain-provider-icon-16{ width:20px; height:20px; margin:6px; background-repeat: no-repeat; background-size: cover; } .modal-body input[type="text"], .modal-body input[type="password"], .modal-body input[type="email"] { min-width: 100%; width: 100%; } .janrainModal { z-index: 9999 !important; } .modal-backdrop { z-index: 999 !important; } .janrainShareCountContainer { display:none !important; } #janrainModal { min-height: 180px; min-width: 420px; } #janrainView #janrainProviderPages ul { max-width: 49% !important; margin-right: 1% !important; float:left !important; } @media screen and (max-width:500px) { #janrainModal { min-height: auto; min-width: auto; max-width: 100%; max-height: 250px; } } .janrainHeader { float:right; margin-right: .3em; margin-top:8px; } #janrainView .janrainHeader { margin-top:0px !important; } #janrainView #janrainProviderPages { padding-top: 35px !important; } #user_type_login_email_button { display:block; } /*=============================== Donation Form Custom Styles ===============================*/ #level_standard_row .field-required { max-width: 15px; margin-right: .3em; margin-top: .6em; float:left; } #level_standard_row .FormLabelText { float:left; max-width: 95%; -moz-border-top:none; -webkit-border-top:none; border-top:none; } #level_standard_row .FormLabelText h2.section-header-container { margin-top:0px; text-transform:none; -moz-border-top:none; -webkit-border-top:none; border-top:none; } .donation-levels { width: 100%; float:left; clear:both; } .donation-level-label-input-container input[type="radio"] { display: none; } * { letter-spacing: .02em; } .section-header-container { clear: both; } /* Donation amount selection buttons */ div.donation-level-container { border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin: .5em .3em .5em 0; } div.donation-level-container { background-color: #333333; background-image: -moz-linear-gradient(top, #333333 0%, #333333 100%); /* FF3.6-15 */ background-image: -webkit-linear-gradient(top, #333333 0%,#333333 100%); /* Chrome10-25,Safari5.1-6 */ background-image: linear-gradient(to bottom, #333333 0%,#333333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=0 ); /* IE6-9 */ -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } div.donation-level-container.active-donation-level, div.donation-level-container:hover { background: #d62f26 ; background: -moz-linear-gradient(top, #d62f26 0%, #d62f26 100%); background: -webkit-linear-gradient(top, #d62f26 0%,#d62f26 100%); background: linear-gradient(to bottom, #d62f26 0%,#d62f26 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d62f26 ', endColorstr='#d62f26 ',GradientType=0 ); -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } div.donation-level-container.active-donation-level:last-child:hover, div.donation-level-container:last-child:hover, div.donation-level-user-entered { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 100%); background: linear-gradient(to bottom, #ffffff 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); } div.donation-level-amount-container, .donation-level-label-container, .btn.btn-primary.btn-donate, #in-memorial-btn, #in-celebration-btn { padding: 6px 15px 10px 15px; color: #fff; transition: all .25s ease-in-out; border: 0px; font-weight: 900; font-size: 22px; font-family: Georgia, 'Times New Roman', sans-serif; font-style: normal; line-height: 1.2em; text-transform: capitalize; } div.responsive div.donation-level-container:last-child { background: #fff; background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 100%); background: linear-gradient(to bottom, #ffffff 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); margin-right: 0px; } div.responsive div.donation-level-container:last-child div.donation-level-user-entered, .other-amount { margin-left: 0px; padding-top: 0px; min-width: 160px; } div.responsive div.donation-level-container:last-child { min-width: 160px; } .other-amount { width: 100%; max-width: 100%; } div.responsive div.donation-level-container:last-child div.donation-level-input-container label { display: none; } #one-time-gift-btn, #monthly-gift-btn, #in-memorial-btn, #in-celebration-btn, #one-time-gift-btn:hover, #monthly-gift-btn:hover, #in-memorial-btn:hover, #in-celebration-btn:hover, #one-time-gift-btn.active-button, #monthly-gift-btn.active-button, #in-memorial-btn.active-button, #in-celebration-btn.active-button { text-align: center; } .monthly-callout { font-family: verveine, Arial, sans-serif; font-size: 1.25em; font-weight: 400; color: #6f6f6f; min-width: 100%; max-width: 100%; width: 100%; float:left; margin: .3em 0 .5em 0; } @media screen and (max-width: 660px) { .monthly-callout { text-align:center; } } div.form-row div.form-content { display: inline-block; } div.responsive span.field-required { vertical-align: baseline; } .donation-level-label-input-container input[type="radio"] { position: relative; left: -9999px; } .form-content fieldset { border: 0px; } #payment_typecc_number_row, #responsive_payment_typecc_number_row { float: left; max-width: 48%; width: 48%; min-width: 48%; margin-right: 2%; } #payment_typecc_exp_date_row, #responsive_payment_typecc_exp_date_row { float: left; max-width: 48%; width: auto; min-width: 38%; margin-right: 2%; } #responsive_payment_typecc_cvv_row, #payment_typecc_cvv_row { min-width:230px; float:left; clear:both;} #responsive_#payment_typecc_cvvname, #payment_typecc_cvvname { max-width: 75px; } #call-to-action .button, .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info, .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info, div.responsive a.next-step, div.responsive button.next-step, /*div.responsive a.finish-step, */ div.responsive button.finish-step, div.responsive a.cancel-step, div.responsive button.cancel-step, div.responsive a.previous-step, div.responsive button.previous-step, div#find_participant div.list-component-body div.list-component-cell-column-donate a, #user_type_login_container .action-button, #another_button, #join_team_button, #personal_page_join_team_button, input#next_step, input#previous_step, input#cancel, #fuw_next, #fuw_cancel, #btn_prev, div#team_find_search_results_container div.list-component-cell-column-join-link a, div.responsive a.next-step, div.responsive button.next-step, div.responsive a.finish-step, /*div.responsive button.finish-step,*/ div.responsive a.cancel-step, div.responsive button.cancel-step, div.responsive a.previous-step, div.responsive button.previous-step, div#find_participant div.list-component-body div.list-component-cell-column-donate a, div#content button.search-button, .side-bar .donation-link-container .donation-link.indicator-link, .side-bar .donor-wall-link-container .donor-wall-link.indicator-link, .action-button, #ACTION_SUBMIT_SURVEY_RESPONSE, #reset, #ACTION_CANCEL_RESPONSE_SUBMIT, form .Button, #nullbtn, #toggle-flexible-btn-container .donation-btn-toggle, #toggle-honor-btn-container .donation-btn-toggle, #toggle-notif-btn-container .donation-btn-toggle, #donor_matching_employersearchBtn, div.responsive div.matching-gift-container button.step-button, div.responsive button.action-button { color: #fff; text-shadow: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; white-space: normal; font-size: 16px !important; text-decoration: none; margin: 0px !important; border: 0px !important; padding: 10px 7px !important; background: #333333; background: -moz-linear-gradient(top, #333333 0%, #333333 100%); background: -webkit-linear-gradient(top, #333333 0%,#333333 100%); background: linear-gradient(to bottom, #333333 0%,#333333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=0 ); border: 0px; filter: none; transition-delay: 0s !important; transition-duration: 800ms !important; transition-property: all !important; transition-timing-function: ease !important; -webkit-transition-delay: 0s !important; -webkit-transition-duration: 800ms !important; -webkit- transition-property: all !important; -webkit-transition-timing-function: ease !important; -o-transition-delay: 0s !important; -o-transition-duration: 800ms !important; -o-transition-property: all !important; -o-transition-timing-function: ease !important; -moz-transition-delay: 0s !important; -moz-transition-duration: 800ms !important; -moz-transition-property: all !important; -moz-transition-timing-function: ease !important; -khtml-transition-delay: 0s !important; -khtml-transition-duration: 800ms !important; -khtml-transition-property: all !important; -khtml-transition-timing-function: ease !important; -ms-transition-delay: 0s !important; -ms-transition-duration: 800ms !important; -ms-transition-property: all !important; -ms-transition-timing-function: ease !important; text-decoration: none; text-transform: none; font-weight: 500; } div.responsive button.action-button, div.responsive button.action-button:hover { color: #fff !important; background-image: none; } .button.btn-primary.btn-block.btn-lg:hover, button.btn-success:hover, a.btn-success:hover, div#content button.search-button:hover, div.responsive a.next-step:hover, div.responsive button.next-step:hover, div.responsive button.cancel-step:hover, div.responsive a.cancel-step:hover, div.responsive button.previous-step:hover, div.responsive a.previous-step:hover, .donation-link:hover, div.responsive a.secondary-step:hover, div.responsive button.secondary-step:hover, div.responsive a.finish-step:hover, *//*div.responsive button.finish-step:hover,*/ div.responsive a.cancel-step:hover, div.responsive button.cancel-step:hover, div.responsive a.previous-step:hover, div.responsive button.previous-ste:hover, div#find_participant div.list-component-body div.list-component-cell-column-donate a:hover, .team-list-form-new-team a:hover, #existing_team_container:hover, #individual_container:hover, #new_team_container:hover, #fr_find_search:hover, #media .carousel-caption .button:hover, #another_button:hover, #user_type_login_container .action-button:hover, #join_team_button:hover, #personal_page_join_team_button:hover, input#next_step:hover, input#previous_step:hover, input#cancel:hover, #fuw_next:hover, #fuw_cancel:hover, #btn_prev:hover, #team_reform_prompt_button:hover, #pstep_next:hover, #pstep_cancel:hover, .side-bar .donation-link-container .donation-link.indicator-link:hover, .side-bar .donor-wall-link-container .donor-wall-link.indicator-link:hover, div.responsive button.action-button:hover, .profile-info button.btn:hover, #ACTION_SUBMIT_SURVEY_RESPONSE:hover, #reset:hover, #ACTION_CANCEL_RESPONSE_SUBMIT:hover, form .Button:hover, #nullbtn:hover, #toggle-flexible-btn-container .donation-btn-toggle:hover, #toggle-flexible-btn-container .donation-btn-toggle.active-button, #toggle-honor-btn-container .donation-btn-toggle:hover, #toggle-honor-btn-container .donation-btn-toggle.active-button, #toggle-notif-btn-container .donation-btn-toggle:hover, #toggle-notif-btn-container .donation-btn-toggle.active-button, #donor_matching_employersearchBtn:hover, div.responsive div.matching-gift-container button.step-button:hover { background: #d62f26; background: -moz-linear-gradient(top, #d62f26 0%, #d62f26 100%); background: -webkit-linear-gradient(top, #d62f26 0%,#d62f26 100%); background: linear-gradient(to bottom, #d62f26 0%,#d62f26 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d62f26', endColorstr='#d62f26',GradientType=0 ); border: 0px !important; margin: 0px !important; padding: 10px 7px !important; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; text-decoration: none; text-transform:none; font-weight: 500; } #donor_matching_employersearchBtn, #donor_matching_employersearchBtn:hover { margin-top: .5em !important; } #donor_matching_employer_company_information .radio-button-container { min-width: 100%; max-width: 100%; width: 100%; } #donor_matching_employer_company_information .radio-button-container, #donor_matching_employer_company_information .radio-button-container input[type="radio"] { float: left; clear:both; } #donor_matching_employer_company_information .radio-button-container input[type="radio"] { margin-top: .2em; margin-right: .3em; } #donor_matching_employer_company_information .form-input-label-block { float: left; } #donor_matching_employersearchBtn:hover { background: #d62f26 !important; background: -moz-linear-gradient(top, #d62f26 0%, #d62f26 100%) !important; background: -webkit-linear-gradient(top, #d62f26 0%,#d62f26 100%) !important; background: linear-gradient(to bottom, #d62f26 0%,#d62f26 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d62f26', endColorstr='#d62f26',GradientType=0 ) !important; } #toggle-flexible-btn-container .donation-btn-toggle { margin: .5em .5em .5em 0 !important; float:left; } #toggle-flexible-btn-container .donation-btn-toggle:last-child { margin: .5em 0 !important;} @media screen and (max-width: 767px) { #donor_matching_employersearchBtn, #donor_matching_employersearchBtn:hover { min-width: 100%; max-width: 100%; width: 100%; margin: .5em auto !important; } } @media screen and (max-width: 650px) { /*#toggle-flexible-btn-container .donation-btn-toggle:last-child { float:left; clear:both !important; margin: .5em 0 !important; }*/ #toggle-flexible-btn-container .donation-btn-toggle, #toggle-flexible-btn-container .donation-btn-toggle:last-child { min-width: 100%; max-width: 100%; width: 100%; margin: .5em auto !important; } } #toggle-btn-container .donation-btn-toggle, #toggle-flexible-btn-container .donation-btn-toggle, #toggle-honor-btn-container .donation-btn-toggle, #toggle-notif-btn-container .donation-btn-toggle { background-color: #333333; background-image: -moz-linear-gradient(top, #333333 0%, #333333 100%); /* FF3.6-15 */ background-image: -webkit-linear-gradient(top, #333333 0%,#333333 100%); /* Chrome10-25,Safari5.1-6 */ background-image: linear-gradient(to bottom, #333333 0%,#333333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=0 ); /* IE6-9 */ float:left; margin-right: .5em !important; min-width: auto !important; letter-spacing: normal !important; font-weight: 500; } #toggle-btn-container .donation-btn-toggle:last-child, #toggle-flexible-btn-container .donation-btn-toggle:last-child, #toggle-honor-btn-container .donation-btn-toggle:last-child, #toggle-notif-btn-container .donation-btn-toggle:last-child { margin-right: 0px !important; } #toggle-btn-container .donation-btn-toggle:hover, #toggle-btn-container .donation-btn-toggle.active-button, #toggle-flexible-btn-container .donation-btn-toggle:hover, #toggle-flexible-btn-container .donation-btn-toggle.active-button, #toggle-honor-btn-container .donation-btn-toggle.active-button, #toggle-honor-btn-container .donation-btn-toggle:hover, #toggle-notif-btn-container .donation-btn-toggle:hover, #toggle-notif-btn-container .donation-btn-toggle.active-button { background: #d62f26 !important; background: -moz-linear-gradient(top, #d62f26 0%, #d62f26 100%) !important; background: -webkit-linear-gradient(top, #d62f26 0%,#d62f26 100%) !important; background: linear-gradient(to bottom, #d62f26 0%,#d62f26 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d62f26 ', endColorstr='#d62f26 ',GradientType=0 ) !important; min-width: auto !important; font-weight: 500; outline-color: transparent; border:0px solid #d62f26 ; } .unrestricted-option { /*display: none !important;*/ } #single_designee_row fieldset legend, #level_flexiblegift_type_Row legend { font-family: Georgia, 'Times New Roman', sans-serif; line-height: 1.3em; font-size: 1.3em; } #level_flexiblegift_type_Row legend { margin-bottom: 0px; } .designated-option, .designated-giving-recurring-row { float:left; clear:both; } .designated-option > label { padding-top: .3em; } .unrestricted-option input[type="radio"] { margin-top: .65em !important; } .designated-option input[type="radio"] { margin-top: .65em !important; } .unrestricted-option input[type="radio"], .designated-option input[type="radio"] { margin-right: .3em; float:left; clear:both; max-width: 12px; min-width: 10px; width: auto; } .donation-level-container-generic-repeat { margin-left:.3em; } .form-control:focus, input:focus, select:focus, textarea:focus { border: #d62f26 1px solid !important; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(214, 47, 38, 0.6) !important; } @media screen and (max-width: 767px) { div.form-row.form-checkbox div.form-content > input { max-width: 15px; float:left; } .mobile div.responsive div.form-checkbox label, label.custom-element-checkbox-label { max-width: 92%; float:left; clear:none; } #main { background: #333333; background-image: -moz-linear-gradient(top, #333333 0%, #333333 100%); background-image: -webkit-linear-gradient(top, #333333 0%,#333333 100%); background-image: linear-gradient(to bottom, #333333 0%,#333333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=0 ); } #donor_email_addressname, #responsive_payment_typecc_numbername, #payment_typecc_numbername { width: 100% !important; } .donation-level-container-generic-repeat { margin-left: 0px; } } .html-caption-container #toggle-btn-container .donation-btn-toggle { float: left; padding: 10px; margin: 8px 2px; font-size: 1.3em; letter-spacing: .04em; font-weight: bold; color: #fff; min-height: 32px; transition: all .25s ease-in-out; text-align: center; border-width: 0px; background-color: #333333; background-image: -moz-linear-gradient(top, #333333 0%, #333333 100%); /* FF3.6-15 */ background-image: -webkit-linear-gradient(top, #333333 0%,#333333 100%); /* Chrome10-25,Safari5.1-6 */ background-image: linear-gradient(to bottom, #333333 0%,#333333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=0 ); /* IE6-9 */ text-decoration: none; max-width: 32%; min-width: 32%; } @media screen and (max-width: 600px) { .html-caption-container #toggle-btn-container .donation-btn-toggle, .html-caption-container #toggle-btn-container .donation-btn-toggle:hover, .html-caption-container #toggle-btn-container .donation-btn-toggle.active-button { min-width: 100%; max-width: 100%; width: 100%; margin: .5em auto; float:left; clear:both; } } label[for="single_designee_designated"] { display:none; } /* Donation Form Styles Only */ button#pstep_finish, button#custom_finish { float: none; font-size: 2em !important; letter-spacing: .04em; font-weight: bold; min-height: 32px; transition: all .25s ease-in-out; text-align: center; border-width: 0px; text-decoration: none; width: 100% !important; display: table; max-width: unset; text-transform: none; font-family: 'Lato', Georgia, 'Times New Roman', sans-serif; font-weight: 400; font-style: normal; background: #333333; background: -moz-linear-gradient(top, #333333 0%, #333333 100%); background: -webkit-linear-gradient(top, #333333 0%,#333333 100%); background: linear-gradient(to bottom, #333333 0%,#333333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=0 ); min-width: 100%; width: 100%; max-width: 100%; } button#pstep_finish:hover { text-transform: none; background: #d62f26 ; background: -moz-linear-gradient(top, #d62f26 0%, #d62f26 100%); background: -webkit-linear-gradient(top, #d62f26 0%,#d62f26 100%); background: linear-gradient(to bottom, #d62f26 0%,#d62f26 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d62f26 ', endColorstr='#d62f26 ',GradientType=0 ); } #pstep_previous, #pstep_cancel { margin-right: 1em !important; } .button-container.clearfix { float: left !important; clear: both !important; margin-top: 2em !important; margin-bottom: 2em !important; } @media screen and (max-width: 767px) { #pstep_finish, #pstep_previous, #pstep_cancel, #ACTION_SUBMIT_SURVEY_RESPONSE, #reset, #ACTION_CANCEL_RESPONSE_SUBMIT, form .Button, #ACTION_SUBMIT_SURVEY_RESPONSE:hover, #reset:hover, #ACTION_CANCEL_RESPONSE_SUBMIT:hover, form .Button:hover { margin: .5em 0 !important; } #ACTION_SUBMIT_SURVEY_RESPONSE, #reset, #ACTION_CANCEL_RESPONSE_SUBMIT, form .Button { width: 100%; } } .html-caption-container .active-button, .html-caption-container .btn-active:hover, .html-caption-container monthly-gift-btn:hover, .html-caption-container #toggle-btn-container .donation-btn-toggle:hover, .html-caption-container #toggle-btn-container .donation-btn-toggle.active-button:hover { float: left; padding: 10px 7px; margin: 8px 2px; font-size: 1.3em; letter-spacing: .04em; font-weight: 500; color: #fff !important; min-height: 32px; transition: all .25s ease-in-out; text-align: center; border-width: 0px; background: #d62f26; background: -moz-linear-gradient(top, #d62f26 0%, #d62f26 100%); background: -webkit-linear-gradient(top, #d62f26 0%,#d62f26 100%); background: linear-gradient(to bottom, #d62f26 0%,#d62f26 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d62f26', endColorstr='#d62f26',GradientType=0 ); text-decoration: none; } #one-time-gift-btn:hover, #monthly-gift-btn:hover, input#email_interest.save:hover { background: #d62f26; background: -moz-linear-gradient(top, #d62f26 0%, #d62f26 100%); background: -webkit-linear-gradient(top, #d62f26 0%,#d62f26 100%); background: linear-gradient(to bottom, #d62f26 0%,#d62f26 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d62f26', endColorstr='#d62f26',GradientType=0 ); } .donation-btn-toggle, .donation-btn-toggle:hover { font-family: Georgia, 'Times New Roman', Arial, Helvetica, Verdana, sans-serif !important; } input#op.cnclViewCons:hover, input#email_interest.save:hover { text-decoration: none; min-width: 100px; } .html-caption-container .active-button:hover { background-image: none !important; border-width: 0px; border-style: solid; font-weight: 500; } div.donation-level-label-container { margin-top: 0px !important; float: left !important; } .donation-level-input-container label { float: left !important; } div.donation-level-user-entered { /*padding-top: 5px !important;*/ float: left !important; } .donation-level-user-entered input[type="text"] { font-size: 18px; font-weight: 500; width: 160px; min-width: 160px; max-width: 100%; padding-left: 30px; background-repeat: no-repeat; margin-bottom: 0px; margin-top: 0px !important; border-radius: 0; background-position: 11px 50%; padding: 8px 0 7px 28px !important; float: left !important; vertical-align: middle !important; height: auto; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background-image: url('../images/content/pagebuilder/dollor.png'); } #single_designee_designated, .designated-option label, #single_designee { float: left; } #single_designee_designated, .designated-option label { margin-right: .3em; } #donor_matching_employersearchBtn { min-height: 32px !important; height: 32px; padding: 6px !important; } /********* Donation Form Overrides *************/ div.donation-level-container { float: left; } label + div.donation-level-user-entered { display: inline-block; margin-left: 0px; margin-top: -.3em !important; /* height: 34px;*/ } input[type="radio"] { margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: .65em; } label + div.donation-level-expanded-label, div.donation-level-user-entered + div.donation-level-expanded-label { margin-left: 1em; } div.donation-level-input-container, div.generic-repeat-label-checkbox-container { padding-bottom: 10px; padding-left: 0; padding-right: 0; padding-top: 0; } div.generic-repeat-label-checkbox-container { width: 100%; } div.responsive div.form-content { margin-bottom: 0; margin-right: 0; margin-top: 0; width: 100%; } #billing_first_name_row, #billing_middle_name_row, #billing_last_name_row, #shipping_first_name_row, #shipping_middle_name_row, #shipping_last_name_row, #donor_first_name_row, #donor_middle_name_row, #donor_last_name_row { float: left; margin-right: 2%; } #billing_addr_street1_row, #shipping_addr_street1_row, #donor_addr_street1_row { clear: both; } div.donation-level-input-container, div.generic-repeat-label-checkbox-container { padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; } div.donation-level-user-entered { display: block; float: left; margin-left: 5px; } .donation-level-label-input-container { float:left; } div.donation-level-amount-container { margin-top: 0px; } div.button-container { border-top-color: -moz-use-text-color; border-top-style: none; border-top-width: 0; margin-top: 0; padding-top: 0; } .donation-level-container-generic-repeat.form-input { clear:both; } #pstep_cancel { display: none; } #toggle-btn-container {clear:both; display:table; width: 100%; max-width: 100%; } #cover-fee-yes { float:left; margin-right: .3em; margin: 4px .3em 1px 1px; } label[for="cover-fee-yes"] { max-width: 92%; float:left; clear:none; } @media screen and (max-width:767px) { .monthly-callout { font-size: 1.5em} .html-caption-container #monthly-gift-btn, .html-caption-container #one-time-gift-btn, .html-caption-container .active-button, .html-caption-container .btn-active:hover, .html-caption-container #monthly-gift-btn:hover, .html-caption-container #one-time-gift-btn:hover, .html-caption-container .active-button:hover { min-width: 48%; max-width: 48%; width: auto; margin: .5em 2% .5em auto; padding: 10px auto; } .html-caption-container #monthly-gift-btn, .html-caption-container #monthly-gift-btn:hover, .html-caption-container #monthly-gift-btn.active-button, .html-caption-container #monthly-gift-btn.active-button:hover { margin-right: 0px; } #toggle-btn-container {width: 100%; max-width: 675px; } .mobile div.responsive button.step-button { min-width: 100%; margin:.5em 0 0 0; width: 100%; max-width:100%; } .html-caption-container .active-button, .html-caption-container .btn-active:hover, .html-caption-container monthly-gift-btn:hover, .html-caption-container #toggle-btn-container .donation-btn-toggle:hover, .html-caption-container #toggle-btn-container .donation-btn-toggle.active-button:hover { min-width: 100%; margin:.5em 0; width: 100%; max-width:100%; } .button-sub-container, #toggle-btn-container .donation-btn-toggle, #toggle-flexible-btn-container .donation-btn-toggle, #toggle-honor-btn-container .donation-btn-toggle, #toggle-notif-btn-container .donation-btn-toggle, #toggle-btn-container .donation-btn-toggle:hover, #toggle-btn-container .donation-btn-toggle.active-button, #toggle-flexible-btn-container .donation-btn-toggle:hover, #toggle-flexible-btn-container .donation-btn-toggle.active-button, #toggle-honor-btn-container .donation-btn-toggle.active-button, #toggle-honor-btn-container .donation-btn-toggle:hover, #toggle-notif-btn-container .donation-btn-toggle:hover, #toggle-notif-btn-container .donation-btn-toggle.active-button { min-width: 100%; max-width: 100%; width: 100% !important;} #toggle-btn-container .donation-btn-toggle, #toggle-flexible-btn-container .donation-btn-toggle, #toggle-honor-btn-container .donation-btn-toggle, #toggle-notif-btn-container .donation-btn-toggle, #toggle-btn-container .donation-btn-toggle:hover, #toggle-btn-container .donation-btn-toggle.active-button, #toggle-flexible-btn-container .donation-btn-toggle:hover, #toggle-flexible-btn-container .donation-btn-toggle.active-button, #toggle-honor-btn-container .donation-btn-toggle.active-button, #toggle-honor-btn-container .donation-btn-toggle:hover, #toggle-notif-btn-container .donation-btn-toggle:hover, #toggle-notif-btn-container .donation-btn-toggle.active-button { margin: .5em auto !important; } } @media screen and (max-width:662px) { .monthly-callout { font-size: 1.5em; } .html-caption-container #monthly-gift-btn, .html-caption-container #one-time-gift-btn, .html-caption-container .active-button, .html-caption-container .btn-active:hover, .html-caption-container monthly-gift-btn:hover, .html-caption-container #one-time-gift-btn:hover, .html-caption-container .active-button:hover, .html-caption-container #monthly-gift-btn:hover, .html-caption-container #monthly-gift-btn.active-button, .html-caption-container #monthly-gift-btn.active-button:hover { min-width: 100%; max-width: 100%; margin: .3em auto; padding: 10px auto; } } @media screen and (max-width:602px) { .monthly-callout { font-size: 1.4em; } } @media screen and (max-width:569px) { .monthly-callout { font-size: 1.3em; } } @media screen and (max-width:530px) { .monthly-callout { font-size: 1.2em; } } @media screen and (max-width:500px) { .monthly-callout { font-size: 1.1em; } } @media screen and (max-width:465px) { .monthly-callout { font-size: 1.3em; } } @media screen and (max-width:412px) { .monthly-callout { font-size: 1.5em; } #toggle-btn-container {width: 100%; max-width: 290px; } .html-caption-container #monthly-gift-btn, .html-caption-container #one-time-gift-btn, .html-caption-container #monthly-gift-btn:hover, .html-caption-container #one-time-gift-btn:hover { font-size: 1.2em; padding: 10px 20px; } } div.button-container { display: inline-block; } div.form-row { margin-top: .5em; margin-bottom: .5em; } div.responsive span.field-required { vertical-align: baseline; display: inline-block; max-width: 9px; float:left; margin-right: .3em; margin-top:5px; } .donation-level-label-input-container > input { float: left; margin-right: .3em;} .tender-row { float:left; list-style-type:none; } .button-container.clearfix { width: 100%; } .step-button.previous-step, #tribute_show_honor_fields_row, .custom-field-container.form-row { float:left; } .step-button.next-step { float:right; } #pc-margin { margin: 1em auto; } div.donation-level-general-ask, div.html-caption-container { max-width: 100%; } .mobile div.html-caption-container, .custom-field-container.form-row { max-width: 100%; width: 100%; } #billing_addr_street1_row, #donor_addr_street1_row, #billing_addr_street2_row, #donor_addr_street2_row, #billing_addr_city_row, #donor_addr_city_row, #billing_addr_state_row, #donor_addr_state_row, #billing_addr_country_row, #donor_addr_country_row, #tribute_honoree_first_name_row, #tribute_honoree_last_name_row, #donor_first_name_row, #donor_last_name_row, #tribute_type_row, #send_ecard_row, #shipping_addr_street1_row, #shipping_addr_street2_row, #shipping_addr_city_row, #shipping_addr_state_row, #shipping_addr_country_row, #tribute_notify_recip_state_row { margin-right: 2%; } #billing_addr_state, #donor_addr_state, #shipping_addr_state, #tribute_notify_recip_state_row { margin-top:0px; } #billing_addr_street1_row, #billing_addr_street2_row, #billing_addr_street3_row,#shipping_addr_street1_row, #shipping_addr_street2_row, #shipping_addr_street3_row, #donor_addr_street1_row, #donor_addr_street2_row, #donor_addr_street3_row,#tribute_notify_recip_street1_row, #tribute_notify_recip_street2_row, #employer_city_row, #employer_state_row, #employer_zip_row, #employer_phone_row, #tribute_notify_recip_city_row, #tribute_notify_recip_state_row, #tribute_notify_recip_name_row, #tribute_notify_recip_zip_row, #tribute_honoree_name_row, #billing_addr_city_row, #donor_addr_city_row,#shipping_addr_city_row, #tribute_addr_city_row, #billing_addr_state_row, #donor_addr_state_row, #shipping_addr_state_row, #tribute_addr_state_row { max-width: 48%; width: 48%; min-width: 48%; margin-right: 2%; float:left; } #billing_addr_city_row, #donor_addr_city_row, #shipping_addr_city_row, #tribute_addr_city_row { max-width: 48%; width: 48%; min-width: 48%; } #billing_addr_state_row, #donor_addr_state_row, #shipping_addr_state_row, #tribute_addr_state_row { max-width: 48%; width: 48%; min-width: 48%; } #donor_phone_row { max-width: 48%; width: 48%; min-width: 48%; float:left; margin-right: 2%; clear:none; } #billing_first_name_row, #shipping_first_name_row, #donor_first_name_row, #tribute_first_name_row, #billing_last_name_row, #shipping_last_name_row, #donor_last_name_row, #tribute_last_name_row, #donor_email_address_row, #billing_addr_zip_row, #shipping_addr_zip_row, #donor_addr_zip_row, #billing_addr_country_row, #shipping_addr_country_row, #donor_addr_country_row, #tribute_addr_zip_row, #tribute_honoree_name_row, #tribute_notify_recip_name_row, #tribute_notify_recip_street1_row, #tribute_notify_recip_street2_row, #tribute_notify_recip_city_row, #tribute_notify_recip_state_row, #tribute_notify_recip_zip_row, #tribute_notify_recip_country_row { max-width: 48%; width: 48%; min-width: 48%; margin-right: 2%; float:left; } #employer_street_row, #donor_email_addressname, #level_standard_row .form-content, #level_standard_row, #tribute_honoree_first_name_row .form-content, #tribute_honoree_last_name_row .form-content, #tribute_notify_recip_title_row .form-content, #postal-notif-personal-message-row, #postal-notif-personal-message-row .form-content { min-width: 100%; width: 100%; float:left; max-width: 100%; } #tribute_type_row, { max-width: auto; } #tribute_type { width: 260px; } #billing_addr_city_row, #donor_addr_city_row, #shipping_addr_city_row, #tribute_type_row, #donor_first_name_row, #send_ecard_row, #donor_addr_state, #honoree_title_row, #message_include_gift_amount_row, .custom-1 fieldset, #employer_zip_row, #tribute_notify_recip_street1_row, .donation-level-container-generic-repeat.form-input, #tribute_notify_recip_title_row, #tribute_ecard_message_row, #tribute_message_closing_row, #tribute_signature_row, #postal-notif-personal-message-row { clear:both; } #billing_addr_state_row .form-content, #donor_addr_state_row .form-content, #shipping_addr_state_row .form-content, #tribute_notify_recip_state_row { margin-top: 3px !important; } #tribute_notify_recip_state_row { padding-top: 5px; } #billing_addr_state_row span.field-required, #donor_addr_state_row span.field-required, #shipping_addr_state_row span.field-required, #tribute_notify_recip_state_row span.field-required { width: 5%; } #tribute_notify_recip_country_row span.field-required { width: 3%; } #billing_addr_state_row .FormLabel, #donor_addr_state_row .FormLabel, #tribute_notify_recip_state_row .FormLabel, #tribute_notify_recip_country_row .FormLabel { min-width: 25%; width: auto; } #billing_addr_state, #shipping_addr_state, #ecard_send_date_row, #tribute_notify_recip_state, #tribute_show_honor_fields_row { width: 100%; clear:both; } #billing_addr_state_row span.field-required, #billing_addr_state_row .FormLabel, #billing_addr_state, /* #billing_addr_street1_row, */#billing_addr_street2_row, #billing_addr_city_row, #billing_addr_state_row, #billing_addr_country_row, #billing_addr_zip_row, #donor_addr_state_row span.field-required, #donor_addr_state, #donor_addr_state_row .FormLabel, #donor_addr_state_row, #donor_addr_state_row, #donor_addr_country_row, #donor_addr_zip_row, #donor_phone_row, #tribute_honoree_first_name_row, #tribute_honoree_last_name_row, #donor_first_name_row, #donor_last_name_row, /* #tribute_type_row,*/ #send_ecard_row, #ecard_send_date_row, #shipping_addr_state_row span.field-required, #shipping_addr_state_row .FormLabel, #shipping_addr_state, #shipping_addr_street1_row, #shipping_addr_street2_row, #shipping_addr_city_row, #shipping_addr_state_row, #shipping_addr_state_row, #shipping_addr_country_row, #shipping_addr_zip_row, #donor_addr_state_row, #donor_addr_zip_row, #donor_addr_city_row, #donor_addr_street2_row, #donor_addr_street1_row, #honoree_title_row, /*#tribute_notify_recip_street1_row, */#tribute_notify_recip_street2_row, #tribute_notify_recip_city_row, #tribute_notify_recip_state_row, #tribute_notify_recip_zip_row, #tribute_notify_recip_country_row { float:left; margin-right: 2%; } #billing_addr_country_row .FormLabel, #donor_addr_country_row .FormLabel, #shipping_addr_country_row .FormLabel, #tribute_notify_recip_country_row .FormLabel, #donor_notify_recip_country_row .FormLabel, #billing_notify_recip_country_row .FormLabel, #shipping_notify_recip_country_row .FormLabel, #tribute_notify_recip_state_row .FormLabel {min-width: 85%; max-width: 85%; float:left; display: inline-block;} #billing_suffix_row div.form-content, #donor_suffix_row div.form-content, #shipping_suffix_row div.form-content{ padding-top:4px; float:left; } #honoree_title, #honoree_title_row .FormLabel, #tribute_notify_recip_title_row, #tribute_notify_recip_name_row,#tribute_notify_recip_state_row .FormLabel, #tribute_notify_recip_state_row span.field-required, #tribute_notify_recip_country_row span.field-required, #tribute_notify_recip_country, #tribute_notify_recip_country_row .FormLabel, #tribute_message_closing_row, #tribute_signature_row, .custom-1 .form-input-label-block, .custom-1 .form-input-label-block label, .custom-1 fieldset, #send_ecard_row { float:left; } .form-content .FormLabel {display:block;} #billing_title, #billing_suffix{width:260px} #honoree_title_row { max-width: 150px; } #tribute_notify_recip_title_row { max-width: 200px; } #tribute_notify_recip_title, #honoree_title, label[for="tribute_notify_recip_street1name"], label[for="tribute_notify_recip_namename"], label[for="tribute_notify_recip_zipname"] { width: 95% !important; } #billing_title_row, #billing_suffix_row, #billing_addr_street1_row input, #billing_addr_street2_row input, #billing_addr_street3_row input, #billing_addr_country_row .form-content, #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, #billing_addr_street1_row .form-content, #billing_addr_street2_row .form-content, #donor_addr_street1_row .form-content, #donor_addr_street2_row .form-content, #shipping_addr_street1_row .form-content, #shipping_addr_street2_row .form-content, #tribute_notify_recip_street1_row .form-content, #tribute_notify_recip_street2_row .form-content, #ecard_send_date_MONTH .form-content, #ecard_send_date_DAY .form-content, #ecard_send_date_YEAR .form-content, #responsive_payment_typecc_number_row .form-content, #responsive_payment_typecc_exp_date_row .form-content, #responsive_payment_typecc_cvv_row .form-content, #payment_typerouting_number_row .form-content, #payment_typebank_account_row .form-content, #payment_typeverify_bank_account_row .form-content, #payment_type\.account_type_row .form-content, #payment_typeach_confirm_row .form-content, #tribute_ecard_message_row .form-content, .form-row .form-content, .form-row.form-checkbox .form-content, #send_ecard_row, .generic-repeat-label-checkbox-container, #tribute_message_closing_row, #tribute_signature_row { max-width: 100%; min-width: 100%; width:auto;} #payment_type\.account_type_payment_typeaccount_type_checking, #payment_type\.account_type_payment_typeaccount_type_savings { margin-right: .3em; } #payment_type\.account_type_payment_typeaccount_type_checking { margin-top: .2em !important; } #payment_type\.account_type_payment_typeaccount_type_savings { margin-top: .3em !important; } #payment_type\.account_type_row .radio-array-list li { clear:both; float:left; margin: 0 0 .3em 0;} #billing_addr_street1_row input, #billing_addr_street2_row input, #billing_addr_street3_row input,#shipping_addr_street1_row input, #shipping_addr_street2_row input, #shipping_addr_street3_row input, #donor_addr_street1_row input, #donor_addr_street2_row input, #donor_addr_street3_row input,#tribute_notify_recip_street1_row input, #tribute_notify_recip_street2_row input, #employer_street_row input, #employer_city_row input, #employer_state_row select, #employer_zip_row input, #employer_phone_row input, #tribute_notify_recip_city_row input, #tribute_notify_recip_state_row select, #tribute_notify_recip_name_row input, #tribute_notify_recip_zip_row input, #tribute_honoree_name_row input, #tribute_message_body_row textarea { min-width: 100%; max-width: 100%; width: 100%; } .custom-1 .form-content > fieldset, #send_ecard_row, .custom-1 { margin-top: 0px !important; padding-top:0px; } .custom-1 fieldset { margin-left: -.5em !important; } #donor_comments_input { min-height: auto; max-width: 100%; min-width: 100%; width: auto; } #pstep_cancel { display: none; } .cardExpGroup { padding:0px; float:left; margin-top:.25em; } .cardExpGroup select { margin-right: .3em; } #ecard_send_date_row .form-content { width: 40%; } #payment_typecc_exp_date_MONTH, #responsive_payment_typecc_exp_date_MONTH, #payment_typecc_exp_date_YEAR, #responsive_payment_typecc_exp_date_YEAR { float:left; clear:none; width: auto; min-width: auto; max-width: 100%; } #payment_typecc_exp_date_MONTH, #responsive_payment_typecc_exp_date_MONTH { margin-right: .3em; } #ecard_send_date_MONTH, #ecard_send_date_DAY, #ecard_send_date_YEAR{ max-width: 30%; margin-right: 2%; float:left; width: auto; min-width: auto; } #responsive_payment_typecc_number_row{ width: 40%; margin-right: 2%; float:left; } #responsive_payment_typecc_exp_date_row{ width: 40%; margin-right: 2%; float:left; } #responsive_payment_typecc_cvv_row { width: 100%; margin-right: 2%; float:left; } div.payment-field-container span.external-payment span.payment-type-option { padding: 10px 6px; border-radius: 0px; } .geotrust-container { width: 115px; float:right; margin: .5em;} #donor-organization-namename { min-width: 98%; max-width: 98%; width: 98%; } @media screen and (max-width:767px) { .geotrust-container { float:none; margin: .5em auto; width: 115px; } .mobile div.responsive button.step-button, #billing_addr_street1_row, #billing_addr_street2_row, #billing_addr_street3_row,#shipping_addr_street1_row, #shipping_addr_street2_row, #shipping_addr_street3_row, #donor_addr_street1_row, #donor_addr_street2_row, #donor_addr_street3_row,#tribute_notify_recip_street1_row, #tribute_notify_recip_street2_row, #employer_street_row, #employer_city_row, #employer_state_row, #employer_zip_row, #employer_phone_row, #tribute_notify_recip_name_row, #tribute_honoree_name_row, #billing_addr_city_row, #billing_addr_state_row, #billing_addr_zip_row, #shipping_addr_city_row, #shipping_addr_state_row, #shipping_addr_zip_row, #donor_addr_city_row, #donor_addr_state_row, #donor_addr_zip_row, #billing_first_name_row, #shipping_first_name_row, #donor_first_name_row, #billing_last_name_row, #shipping_last_name_row, #donor_last_name_row, #tribute_notify_recip_city_row, #tribute_notify_recip_state_row, #tribute_notify_recip_zip_row, #tribute_message_body_row, #donor_email_address_row, #donor_email_addressname, #donor_phone_row, #donor_phonename, #single_designee, #donor_email_opt_in_Row, #level_flexiblegift_type_Row legend, #single_designee_row fieldset legend, #single_designee_row .designated-option, #tribute_show_honor_fields_row, #tribute_honoree_name_row, #tribute_notify_recip_name_row, #tribute_notify_recip_street1_row, #tribute_notify_recip_street2_row, #tribute_notify_recip_city_row, #tribute_notify_recip_state_row, #tribute_notify_recip_zip_row, #tribute_notify_recip_country_row, #payment_typecc_number_row, #responsive_payment_typecc_number_row, #payment_typecc_exp_date_row, #responsive_payment_typecc_exp_date_row, #tribute_ecard_messagename, #tribute_honoree_first_name_row { min-width: 100%; margin:.5em 0 0 0; width: 100%; max-width:100%; clear:both; float:left; } #responsive_payment_typecc_cvv_row, #payment_typecc_cvv_row, #tribute_honoree_last_name_row, #tribute_notify_recip_title_row, #billing_addr_country_row, #shipping_addr_country_row, #donor_addr_country_row { min-width: 100%; margin:.5em 0 width: 100%; max-width:100%; clear:both; float:left; } .button-sub-container { width: 100% !important;} #ecard_send_date_row .form-content, #tribute_notify_recip_title_row .form-content, #tribute_notify_recip_title { width: 100% !important; } .donation-level-user-entered input[type="text"] { padding-top:4px !important; } #ecard_send_date_MONTH, #ecard_send_date_DAY, #ecard_send_date_YEAR { min-width: auto; width: auto; } #responsive_payment_typecc_number_row, #responsive_payment_typecc_exp_date_row, #responsive_payment_typecc_cvv_row { min-width: 100%; float:left; clear:both; margin-right:0px; margin-top:.5em, margin-bottom:.5em; } #tribute_honoree_first_name_row, #billing_addr_state_row, #billing_addr_zip_row, #donor_addr_state_row, #donor_addr_zip_row, #shipping_addr_state_row, #shipping_addr_zip_row, #tribute_notify_recip_state_row, #tribute_notify_recip_zip_row { clear:both; } #responsive_payment_typepay_typeradio_payment_types .external-payment { clear:none;} #responsive_payment_typepay_typeradio_payment_types .internal-payment, #responsive_payment_typepay_typeradio_payment_types .external-payment { float:left; max-width: 48%; margin-right: 2%; } #responsive_payment_typepay_typeradio_payment_types span.payment-type-option, #ecard_recpientsname, #donor_comments_input { min-width: 100%; max-width: 100%; width: 100%; float:left; } .mobile div.payment-field-container div.payment-type-selections, #donor-organization-namename { max-width: 100%; min-width: 100%; width: 100%; } div.payment-field-container span.external-payment span.payment-type-option { padding: 8px 6px; } div.payment-field-container span.external-payment span.payment-type-option.selected {padding: 8px 9px;} label + div.donation-level-user-entered { margin-top: 0px; } } div.button-container { display: inline-block; } .donation-level-label-input-container > input { float: left; margin-right: .3em; } div.donation-level-amount-container + div.donation-level-label-container { margin-left:0px; } .tender-row { float:left; list-style-type:none; } #nullbtn { min-width: 225px; } /* payment css */ #responsive_payment_typeach_confirm_row .form-content span.field-required { display:none; } div.payment-field-container span.internal-payment { border: 0; background-color: transparent; } div.payment-field-container .internal-payment span.payment-type-option { background: #333333; background: -moz-linear-gradient(top, #333333 0%, #333333 100%); background: -webkit-linear-gradient(top, #333333 0%,#333333 100%); background: linear-gradient(to bottom, #333333 0%,#333333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=0 ); -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } div.payment-field-container .internal-payment span.payment-type-option.selected { border: 0; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background: #d62f26 ; background: -moz-linear-gradient(top, #d62f26 0%, #d62f26 100%); background: -webkit-linear-gradient(top, #d62f26 0%,#d62f26 100%); background: linear-gradient(to bottom, #d62f26 0%,#d62f26 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d62f26 ', endColorstr='#d62f26 ',GradientType=0 ); color:#ffffff; /* margin-right:4px; background-color: #fdf2e0; background: #fdf2e0;*/ } div.payment-field-container .external-payment span.payment-type-option.selected { border: 0; /* background-color: #333333; background-image: -moz-linear-gradient(top, #333333 0%, #333333 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#333333)); background-image: -webkit-linear-gradient(top, #333333 0%, #333333 100%); background-image: -o-linear-gradient(top, #333333 0%,#333333 100%); background-image: -ms-linear-gradient(top, #333333 0%,#333333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=0 ); background: linear-gradient(top, #333333 0%,#333333 100%); */ color:#fff; margin-right:4px; background-color: #dadada; background: #dadada; } div.payment-field-container span.payment-type-option { padding: 10px 20px; border: 0; color: #fff; /* background-color: #333333; background-image: -moz-linear-gradient(top, #333333 0%, #333333 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#333333)); background-image: -webkit-linear-gradient(top, #333333 0%, #333333 100%); background-image: -o-linear-gradient(top, #333333 0%,#333333 100%); background-image: -ms-linear-gradient(top, #333333 0%,#333333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=0 ); background: linear-gradient(top, #333333 0%,#333333 100%);*/ background: #eaeaea; background-color: #eaeaea; filter: none; } div.payment-field-container span.payment-type-option.selected a, div.payment-field-container span.payment-type-option a { color: #ffffff !important; font-size:1.3em; /*padding:18px 20px 14px 20px;*/ padding: 0; margin-top: 10px; font-weight:bold; } div.payment-field-container span.payment-type-option.selected a:link { color: #fff; } div.payment-field-container span.internal-payment span.payment-type-option {margin:0} div.payment-field-container span.internal-payment span.payment-type-option+span.payment-type-option { margin-left: 4px; } #responsive_payment_typerouting_number_row, #responsive_payment_typebank_account_row, #responsive_payment_typeverify_bank_account_row{} #responsive_payment_type\.account_type_row legend { color: #333333; font-size: 22px; font-weight: 700; font-family: Lato, Georgia, 'Times New Roman', Helvetica, sans-serif; margin-bottom: .2em; } #responsive_payment_type\.account_type_row legend span.field-required { margin-right: 0px; display:none; } #responsive_payment_type\.account_type_row ul.radio-array-list li { float:left; clear:both; margin: .2em 0; } #responsive_payment_type\.account_type_row ul.radio-array-list li input[type="radio"] { margin-top: .3em; margin-right: .3em; } .payment-field-container h3 {display:none} div.payment-field-container li.tender-row { /*display: none;*/ margin-right: .2em; } @media screen and (max-width: 767px) { .internal-payment, .external-payment { min-width: 100%; max-width: 100%; width: 100%; } a.payment-type-label { float:none !important; } .external-payment { margin: .5em auto; } #pstep_finish { line-height: 1.3em !important; } } .employer-address-container .form-row div.form-content { max-width: unset; min-width: unset;} div.employer-address-container #employer_street_row {width: 100%; } #employer_city_row label, #employer_state_row label,#employer_zip_row label {display:block; } select#employer_state {} div.responsive div.form-checkbox label, label.custom-element-checkbox-label { display: inline-flex; zoom: 1; width: 90%; } div.form-input-label-block, div.donation-level-expanded-label { display: inline-flex; width: 90%; } #honor_postal_message_input, #annual_report_name_input, #postal_notif_personal_message_input { min-height: 75px; min-width: 100%; } div.donation-form-container.responsive div.donation-form-content div.donation-level-container.checked label div { color: #ffffff; } #responsive_payment_typecc_type_row legend, #payment_typecc_type_row legend {display:none} @media only screen and (max-width: 767px) { div.payment-field-container .internal-payment span.payment-type-option, div.payment-field-container .internal-payment span.payment-type-option.selected { min-width: 100%; max-width: 100%; width: 100%; margin: .5em auto !important; clear:both; float:left; } #main_cont { padding:.5em; margin:10px 0; } .mobile div.responsive div.form-content { margin-top: 0px; margin-bottom: 0px; } .mobile #billing_addr_country_row select, .mobile #billing_addr_state_row select, .mobile #donor_addr_state_row select, .mobile #donor_addr_country_row select, .mobile #donor_occupation_row select, .mobile #shipping_addr_country_row select, .mobile #shipping_addr_state_row select, .mobile #tribute_notify_recip_state_row select, .mobile #tribute_notify_recip_country_row select, .mobile .custom-field-container select, .mobile div.employer-address-container select { width: 100%; } .mobile div.payment-field-container span.internal-payment span.payment-type-option { border: 0; margin-bottom:2px } div.payment-field-container span.payment-type-option.selected a, div.payment-field-container span.payment-type-option a { font-size: 1em; } div.payment-field-container span.internal-payment span.payment-type-option+span.payment-type-option { margin-left: 0px; } #responsive_payment_typecc_type_row legend, #payment_typecc_type_row legend {display:none} .callout-purple { font-size: 22px;} .mobile #billing_addr_country_row select, .mobile #billing_addr_state_row select, .mobile #donor_addr_state_row select, .mobile #donor_addr_country_row select, .mobile #donor_occupation_row select, .mobile #shipping_addr_country_row select, .mobile #shipping_addr_state_row select, .mobile #tribute_notify_recip_state_row select, .mobile #tribute_notify_recip_country_row select, .mobile .custom-field-container select, .mobile div.employer-address-container select { max-width: unset; } } @media only screen and (max-width: 767px) and (min-width: 480px){ .mobile #billing_addr_street1_row input, .mobile #billing_addr_street2_row input, .mobile #billing_addr_street3_row input, .mobile #billing_addr_country_row input.ui-autocomplete-input, .mobile #donor_addr_street1_row input, .mobile #donor_addr_street2_row input, .mobile #donor_addr_street3_row input, .mobile #donor_addr_country_row input.ui-autocomplete-input, .mobile #shipping_addr_street1_row input, .mobile #shipping_addr_street2_row input, .mobile #shipping_addr_street3_row input, .mobile #shipping_addr_country_row input.ui-autocomplete-input, .mobile #tribute_notify_recip_street1_row input, .mobile #tribute_notify_recip_street2_row input, .mobile #tribute_notify_recip_street3_row input, .mobile #tribute_notify_recip_country_row input.ui-autocomplete-input, .mobile #tribute_signature_row input, .mobile #tribute_message_closing_row input, .mobile div.employer-address-container input#employer_street { width: 260px; } } #employer_street_row input, div.employer-address-container input#employer_street{ width: 260px;} /* From other css */ h2, h2.section-header-container, #lo-CalUserDetailTitleContainer h2, .ObjTitle { color: #333333; padding-top: 5px; padding-bottom: 5px; font-size: 30px; font-weight:700; font-family: 'Lato', Georgia, 'Times New Roman', Helvetica, sans-serif; text-transform: none; } h2.section-header-container { clear:both; float:left; -moz-border-top: 1px solid #d62f26; -webkit-border-top: 1px solid #d62f26; border-top: 1px solid #d62f26; min-width: 100%; text-transform: none;} .ObjTitle { padding-left: 45px; } .appArea, .ObjTitle { width: 100%; } label { margin-bottom: 0; } div.donation-form-container.responsive div.donation-form-content div.donation-level-container.checked:last-child { background-color: transparent; } @media screen and (max-width: 767px) { .payment-type-option-1, .payment-type-option-2 { text-align:left !important; clear:both; width: 100%; min-width: 100%; max-width: 100%; } div.payment-field-container span.payment-type-option.selected a, div.payment-field-container span.payment-type-option a, .payment-type-option-1, .payment-type-option-2 { /*padding: 5px 0px 5px .3em !important;*/ float:left; } label[for="responsive_payment_typepay_typeradiocredit"], label[for="responsive_payment_typepay_typeradioach"] { min-width: 100%; max-width: 100%; width: 100%; text-align:center !important; } .mobile div.payment-field-container div.payment-type-selections span { display:inline; } } /* #responsive_payment_type\.account_type_responsive_payment_typeaccount_type_savings, label[for="responsive_payment_type\.account_type_responsive_payment_typeaccount_type_savings"],*/ label[for="matching_gift_toggle_dropdown"] { display:none; } div.donation-level-user-entered { margin-top: 0;} div.responsive {width: 100%;} div.payment-field-container span.extern#responsive_payment_typepay_typeradio_payment_types .internal-payment, #responsive_payment_typepay_typeradio_payment_types .external-paymental-payment span.payment-type-option { padding: 10px 20px; border-radius: 0;} div.responsive div.ErrorMessage.page-error > span.field-error-text { width: 100%; } .callout-red { background-color: #333333; font-size: 26px; font-weight: bold; color: #ffffff; padding: 15px; text-align: center; } label[for="matching_gift_toggle_dropdown"] { display:none; } /*WH*/ /*div.payment-field-container span.payment-type-option:hover {background-color: #333333;}*/ div.payment-field-container .external-payment span.payment-type-option.selected {background-color: #dedede;} .showmethemoney { display:block !important; } #mobile-image, .mobile-show { display:none; } .mobile-hide { display:block; } .mobile-hide-fa { display:inline-block; } @media screen and (max-width: 520px){ .mobile-hide-fa { display:none; } } @media screen and (max-width: 991px){ #mobile-image { display:block; margin: .5em auto; text-align:center; max-width: 450px; width: 100%; } #mobile-image img { max-width: 450px; width: 100%; float:none; display:block; margin: 0 auto;} #main:before { content: ""; position: fixed; width: 250%; height: 250%; top: 0; left: 0; bottom: 0; z-index: 0; background: #333333; background: -moz-linear-gradient(top, #333333 0%, #333333 100%); background: -webkit-linear-gradient(top, #333333 0%,#333333 100%); background: linear-gradient(to bottom, #333333 0%,#333333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=0 ); background-repeat: repeat; background-position: top left; background-attachment:fixed; opacity: 1; filter: blur(5px); -moz-filter: blur(5px); -webkit-filter: blur(5px); -o-filter: blur(5px); overflow: hidden; } .form-row .html-caption-container .logo { padding-left: 0px; float:left; clear:both; } .form-row .html-caption-container h3#header-banner { margin-bottom: 1em; } } @media screen and (max-width: 767px){ .mobile-hide { display:none; } .mobile-show { display:block; } #ProcessForm .html-caption-container .container { padding-left: .3em; padding-right: .3em; } .donation-level-user-entered input[type="text"] { padding: 7px 0 8px 28px !important; } .h1, h1 { font-size: 26px; } .h2, h2 { font-size: 24px; } .h3, h3 { font-size: 22px; } .h4, h4 { font-size: 20px; } .h5, h5 { font-size: 18px; } .h6, h6 { font-size: 16px; } } .remaining-characters { font-size: .8em; font-style: italic; opacity: .4; clear:both; display:block; } .remaining-characters span { font-size: 1em; } </style>  <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= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PJPQPQR');</script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-R650S9JFWJ"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} function setDefaultGtagProperty() { gtag('config', 'G-R650S9JFWJ', { 'page_title': window.location.href }); } gtag('js', new Date()); setDefaultGtagProperty(); </script> </head> <body class="mobile" >  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PJPQPQR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="main"> <div class="container"> <div class="row"> <div class="col-lg-7 col-md-8 col-sm-12"><a href="https://cpj.org/" target="_parent" rel="index noopener"><img id="desktop-logo" src="../images/content/pagebuilder/cpj-horiz-name-sm.png" alt="Committee to Protect Journalists" style="padding-top: 1.5em; max-width: 100%; width: 580px; height: auto;" ><img id="mobile-logo" src="../images/cpj-logo-white.svg" alt="Committee to Protect Journalists" style="padding-top: 1.5em; max-width: 100%; width: 580px; height: auto;" ></a> </div> <div class="col-lg-7 col-md-8 col-sm-12"> <div id="main_cont"> <form name="process" id="ProcessForm" action="https://support.cpj.org/site/Donation2" method="post" onsubmit="return checkDoubleClick();" > <div class="donation-form-container responsive"> <script type="text/javascript">  </script> <div class="donation-form-content"> <script> document.body.addEventListener("keypress", function(event) { if (event.keyCode === 13) { event.preventDefault(); var button = document.getElementById("pstep_finish"); if (!button) { button = document.getElementById("pstep_next"); } if (!button) { button = document.getElementById("pstep_finish_validate"); } if(button) { button.click(); } } }); </script> <div class="matching_gift_warning hidden"> <div class="form-info-message" > <div class="form-message-text"><span class="header-warning-message"></span> Your selected gift amount is too low to qualify for your employer's criteria.</div> </div> </div> <input type="hidden" name="user_donation_amt" id="user_donation_amt" value="" /> <input type="hidden" name="company_min_matching_amt" id="company_min_matching_amt" value="" /> <input type="hidden" name="currency_locale" id="currency_locale" value="en_US" /> <input type="hidden" name="user_additional_amount" id="user_additional_amount" value="" /> <input type="hidden" name="cc_available" id="cc_available" value="false" /> <input type="hidden" name="debit_available" id="debit_available" value="false" /> <input type="hidden" name="paypal_available" id="paypal_available" value="false" /> <input type="hidden" name="wallets_available" id="wallets_available" value="false" /> <input type="hidden" name="primary_color" id="primary_color" value="" /> <input type="hidden" name="application_name" id="application_name" value="Luminate" /> <input type="hidden" name="secondary_color" id="secondary_color" value="" /> <input type="hidden" name="font_color" id="font_color" value="" /> <input type="hidden" name="font_family" id="font_family" value="" /> <input type="hidden" name="secure_url" id="secure_url" value="https://support.cpj.org/site/" /> <input type="hidden" name="is_admin_app" id="is_admin_app" value="F" /> <input type="hidden" name="environment_id" id="environment_id" value="" /> <input type="hidden" name="merchant_account_configuration_id" id="merchant_account_configuration_id" value="" /> <input type="hidden" name="pco_javascript_location" id="pco_javascript_location" value="" /> <input type="hidden" name="pco_language_locale" id="pco_language_locale" value="en_US" /> <input type="hidden" name="pco_environment_zone" id="pco_environment_zone" value="p-usa01" /> <div class="form-row"> <div class="html-caption-container"> <div id="mobile-image"><img src="../images/content/pagebuilder/mobile-1400.jpg" alt="Committee to Protect Journalists" /></div> <h1>Donate to defend press freedom</h1>  <div id="trust-agent-container"><a href="https://www.guidestar.org/profile/shared/29d31d45-d769-429d-bade-7f9253c0b1b4" target="_blank"><img src="https://widgets.guidestar.org/TransparencySeal/6912211" border="0" alt="" width="66" height="66" /></a><img class="trust-logo trust-logo-top" style="max-height: 66px; width: auto;" src="../images/content/pagebuilder/charity-navigator-4-star-sm.jpg" alt="Charity Navigator 4-Star Charity" /><a href="https://www.charitywatch.org/charities/committee-to-protect-journalists" target="_blank"><img class="trust-logo trust-logo-bottom" src="../images/content/pagebuilder/charity-watch-sm.png" alt="Charity Navigator 4-Star Charity" /></a></div> <p id="donation-form-ask">By defending journalists, CPJ protects your right to be informed. Your tax-deductible gift makes a difference to us and to the journalists who face reprisal in their pursuit of the truth. Thank you for believing in our mission and for joining our fight for a free press.</p> <div style="clear: both;"> </div> </div> </div> <div id="level_standard_row"> <div class="don-standard-levels form-row"> <div class="levels-label"> </div> <div id="level_standard_row" class="form-row form-donation-level"> <div class="form-content"> <span class="field-required"></span> <span class="aural-only">Field Is Required</span> <span class="FormLabelText">Select Gift Amount:</span> <div class="donation-level-general-ask"> </div> <div class="donation-levels"> <div class="donation-level-container"> <div class="form-content"> <div class="donation-level-input-container form-input"> <div class="donation-level-label-input-container"> <input type="radio" name="level_standardexpanded" id="level_standardexpanded1864" value="1864" onclick="evalMatchingGift('$75.00'); updateDonorCoverAmount('$75.00');" /> </div> <label for="level_standardexpanded1864" onclick=""> <div class="donation-level-amount-container"> $75.00 </div> </label> </div> <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_1864expandedsubmit" 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_standardexpanded1863" value="1863" checked="checked" onclick="evalMatchingGift('$250.00'); updateDonorCoverAmount('$250.00');" /> </div> <label for="level_standardexpanded1863" onclick=""> <div class="donation-level-amount-container"> $250.00 </div> </label> </div> <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_1863expandedsubmit" 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_standardexpanded1862" value="1862" onclick="evalMatchingGift('$500.00'); updateDonorCoverAmount('$500.00');" /> </div> <label for="level_standardexpanded1862" onclick=""> <div class="donation-level-amount-container"> $500.00 </div> </label> </div> <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_1862expandedsubmit" 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_standardexpanded1866" value="1866" onclick="evalMatchingGift('$1,000.00'); updateDonorCoverAmount('$1,000.00');" /> </div> <label for="level_standardexpanded1866" onclick=""> <div class="donation-level-amount-container"> $1,000.00 </div> </label> </div> <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_1866expandedsubmit" 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_standardexpanded1861" value="1861" onclick="evalMatchingGift('$2,500.00'); updateDonorCoverAmount('$2,500.00');" /> </div> <label for="level_standardexpanded1861" onclick=""> <div class="donation-level-amount-container"> $2,500.00 </div> </label> </div> <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_1861expandedsubmit" 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_standardexpanded1962" value="1962" onclick="evalMatchingGift('$10.00'); updateDonorCoverAmount('$10.00');" /> </div> <label for="level_standardexpanded1962" onclick=""> <div class="donation-level-amount-container"> $10.00 </div> </label> </div> <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_1962expandedsubmit" 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_standardexpanded2001" value="2001" onclick="evalMatchingGift('$25.00'); updateDonorCoverAmount('$25.00');" /> </div> <label for="level_standardexpanded2001" onclick=""> <div class="donation-level-amount-container"> $25.00 </div> </label> </div> <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_2001expandedsubmit" 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_standardexpanded2002" value="2002" onclick="evalMatchingGift('$50.00'); updateDonorCoverAmount('$50.00');" /> </div> <label for="level_standardexpanded2002" onclick=""> <div class="donation-level-amount-container"> $50.00 </div> </label> </div> <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_2002expandedsubmit" 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_standardexpanded2003" value="2003" onclick="evalMatchingGift('$150.00'); updateDonorCoverAmount('$150.00');" /> </div> <label for="level_standardexpanded2003" onclick=""> <div class="donation-level-amount-container"> $150.00 </div> </label> </div> <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_2003expandedsubmit" 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_standardexpanded2004" value="2004" onclick="evalMatchingGift('$250.00'); updateDonorCoverAmount('$250.00');" /> </div> <label for="level_standardexpanded2004" onclick=""> <div class="donation-level-amount-container"> $250.00 </div> </label> </div> <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_2004expandedsubmit" 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_standardexpanded1865" value="1865" onclick="evalMatchingGift(document.getElementById('level_standardexpanded1865amount').value); updateDonorCoverAmount(document.getElementById('level_standardexpanded1865amount').value);" /> </div> <div class="donation-level-user-entered"> <label for="level_standardexpanded1865amount"><span class="aural-only">Enter amount</span></label> <input type="text" name="level_standardexpanded1865amount" id="level_standardexpanded1865amount" value="" size="12" maxlength="50" onfocus="var el = document.getElementById ('level_standardexpanded1865');if (el) el.click(); fire_obs_comp_event('level_standardexpanded1865amount', this, event);evalMatchingGift(value); " onchange="fire_obs_comp_event('level_standardexpanded1865amount', this, event);evalMatchingGift(value);" onkeyup="fire_obs_comp_event('level_standardexpanded1865amount', this, event);evalMatchingGift(value);" onblur="fire_obs_comp_event('level_standardexpanded1865amount', this);updateDonorCoverAmount(value);" /> </div> </div> <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_1865expandedsubmit" value="true" /> </div> </div> </div> </div> <script type="text/javascript"> Y.use("jquery-ui", function(Y) { jQuery(function(){ // subscribe observables jQuery('div.donation-level-element-container').find('input[type="radio"]').each(function() { var syncAction = function(obj) { if (obj.is(':checked')) { obj.closest('div.donation-level-container').addClass('selected'); } else { obj.closest('div.donation-level-container').removeClass('selected'); }; return arguments.callee; }(jQuery(this)); jQuery(this).click(function() { jQuery('div.donation-level-container').removeClass('selected'); syncAction(jQuery(this)); }); }); }); }); </script><noscript> </noscript> </div> <div class="levels-gift-aid"> </div> <input type="hidden" name="level_standardsubmit" id="level_standardsubmit" value="true" /> <script type="text/javascript"> function updateDonorCoverAmount(gift) { gift = parseCurrency(gift) / 100; if (isNaN(gift) || gift === 0) { gift = ''; } var amountHidden = document.getElementById('user_donation_amt'); if(amountHidden !== null) { amountHidden.value = gift; } jQuery('#level_standardname').val(gift); jQuery('#user_donation_amt').val(gift); if (typeof updateAmount !== "undefined") { updateAmount(gift); } }; function evalMatchingGift(gift) { } </script><noscript> </noscript> </div> <div class="donation-level-container-generic-repeat form-input"> <div class="generic-repeat-label-checkbox-container"> <input type="checkbox" name="level_standardauto_repeatname" id="level_standardauto_repeatname" onclick="fire_obs_comp_event('level_standardauto_repeat', this);" onkeypress="fire_obs_comp_event('level_standardauto_repeat', this);" /> <input type="hidden" name="recurring_checkbox_name" id="recurring_checkbox_name" value="level_standardauto_repeatname" /> <label for="level_standardauto_repeatname"> Yes, automatically repeat this gift every month. </label> </div> <input type="hidden" name="level_standardauto_repeatsubmit" id="level_standardauto_repeatsubmit" value="true" /> </div> <script type="text/javascript"> // subscribe listeners to make an ajax call to the server to calculate the total amount Y.use('jquery-noconflict', function() { var fetchAmountFunc = function () { // find all the select, textarea, input, etc... and format them into key=val pairs. var params = jQuery('#level_standard_row :input').serialize(); // parse the path and append the key/value pairs above to the url var url = 'https://support.cpj.org/site/Donation2?idb=2122249550&level_standardajaxfetch=true&1400.donation=form1&df_id=1400&mfc_pref=T&level_standardtotalcalculateBtn=true'; var index = url.indexOf("?"); var path = url.substring(0, index); var args = url.substring(index+1, url.length); args += '&' + params; var recurringGiftTermsContainer = jQuery('#recurring_gift_terms_acceptance_message_container'); if(recurringGiftTermsContainer && recurringGiftTermsContainer.length > 0) { jQuery.ajax(path, { data: args, success: function(data) { jQuery('#recurring_gift_terms_acceptance_message_container').trigger("recurringTermsChange"); } }); } }; jQuery('#level_standard_row :input[type=text]').blur(function() { fetchAmountFunc(); }); jQuery('#level_standard_row input:checkbox, #level_standard_row input:radio').click(function() { fetchAmountFunc(); }); jQuery('#level_standard_row select').change(function() { fetchAmountFunc(); }); // call it on page load fetchAmountFunc(); }); </script><noscript> </noscript> </div> <div class="form-row"> <div class="html-caption-container"> <div class="payment-frequency-custom"> <div id="toggle-one-time-btn" class="payment-onetime donation-btn-toggle"><input id="payment-frequency-onetime" name="payment-frequency-input" type="radio" value="onetime" /> <label for="payment-frequency-onetime">One-time gift</label></div> <div id="toggle-recurring-btn" class="payment-monthly donation-btn-toggle"><input id="payment-frequency-monthly" name="payment-frequency-input" type="radio" value="monthly" /> <label for="payment-frequency-monthly">Monthly gift</label></div> <button id="toggle-manage-montly-btn" class="donation-btn-toggle">Manage Your Monthly Gift</button></div> <p class="monthly-callout">Make a bigger impact by starting a monthly gift.</p> </div> </div> <h2 class="section-header-container"> Matching Gift Information </h2> <script type="text/javascript"> var companyDetailHashtable = {}; function selectMatchingRadio(url, selectedCompany) { document.getElementById('selected_company').value = selectedCompany; var employerAddress = document.getElementById("EmployerAddress"), giftMatch = document.getElementById("giftMatch"); if (selectedCompany.indexOf('y em', 0) >= 0) { if (employerAddress != null) { employerAddress.style.display = 'block'; } if (giftMatch != null) { giftMatch.style.display = 'none'; } document.getElementById('donor_entered').value = "true"; } else { if (employerAddress != null) { employerAddress.style.display = 'none'; } if (giftMatch != null) { giftMatch.style.display = 'block'; } document.getElementById('donor_entered').value = "false"; var detailCell = document.getElementById("CompanyDetailCell"); var detailCellHtml = getCompanyDetailsFromCache(selectedCompany); if (detailCellHtml != "") { detailCell.innerHTML = detailCellHtml; evalCompanyMatchingGift(); } else { Y.use('jquery-noconflict','utils','yui2-yde', function() { jQuery.ajax({ url: url, type: "POST", success: function (data) { selectMatchingRadioResponse(data); evalCompanyMatchingGift(); } }); }); } } } function selectMatchingRadioResponse(originalRequest) { var detailCell = document.getElementById('CompanyDetailCell'); detailCell.innerHTML = originalRequest; companyDetailHashtable[document.getElementById('selected_company').value] = detailCell.innerHTML; } function getCompanyDetailsFromCache(selectedCompany){ for (var element in companyDetailHashtable) { if (element == selectedCompany) { return companyDetailHashtable[element]; } } return ""; } function evalCompanyMatchingGift() { Y.use('jquery-noconflict','utils','yui2-yde', function() { var gift = jQuery('#user_donation_amt').val(); var matchVal = jQuery('#minimum_match_val').text(); var currencyLocale = jQuery('#currency_locale').val(); if (matchVal == null || matchVal == "") { matchVal = jQuery('#company_min_matching_amt').val(); } if (gift != null && gift != "" && matchVal != null && matchVal != "") { //parse the data to numbers gift = parseCurrency(gift, currencyLocale); matchVal = parseCurrency(matchVal, currencyLocale); if (gift < matchVal) { jQuery('.matching_gift_warning').css('display',''); } else { jQuery('.matching_gift_warning').css('display','none'); } } else { jQuery('.matching_gift_warning').css('display','none'); } }); } Y.use('jquery-noconflict','utils','yui2-yde', function() { jQuery('#donor_matching_employersearchBtn').ajaxStart(function(){ console.log("searching...") jQuery(this).html('Searching...'); }).ajaxStop(function(){ console.log("done searching") jQuery(this).html('Search'); }); }); </script><noscript> </noscript> <div class="matching-gift-container "> <div class="form-row" id="donor_matching_employer_Row"> <div class="form-content"> <div class="form-input-label-block"> <label for="donor_matching_employersearchname">Find Your Employer:</label> </div> <div class="form-input-inline"> <input type="text" name="donor_matching_employersearchname" id="donor_matching_employersearchname" value="" onchange="fire_obs_comp_event('donor_matching_employer', this);" /> <button class="step-button action-button" type="submit" name="donor_matching_employersearchBtn" id="donor_matching_employersearchBtn" value="Search">Search</button> </div> <input type="hidden" name="donor_matching_employersubmit" id="donor_matching_employersubmit" value="true" /> </div> </div> <script type="text/javascript"> if (document.layers) { document.captureEvents(Event.KEYDOWN); } document.onkeydown = function (evt) { var keyCode = evt ? (evt.which ? evt.which : evt.keyCode) : event.keyCode; if (keyCode == 13) { button = document.getElementById("donor_matching_employersearchBtn"); button.click(); return false; } else { return true; } }; </script><noscript> </noscript> </div> </div> <h2 class="section-header-container"> Honor/Memorial Tribute Information </h2> <div id="tribute_show_honor_fields_row" class="form-row form-checkbox"> <div class="form-content"> <input type="checkbox" name="tribute_show_honor_fieldsname" id="tribute_show_honor_fieldsname" onclick="fire_obs_comp_event('tribute_show_honor_fields', this);" /> <label for="tribute_show_honor_fieldsname">Yes, this is an honor or memorial tribute gift</label> <input type="hidden" name="tribute_show_honor_fieldssubmit" id="tribute_show_honor_fieldssubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('tribute_show_honor_fields', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('tribute_show_honor_fields_row', _display); this.disable_submit_flag (_hidden); } comp.set = function (_value) { if (document.getElementById('tribute_show_honor_fieldsname')) { document.getElementById('tribute_show_honor_fieldsname').checked = _value; this.fireEvent(); } } comp.get = function() { if (document.getElementById('tribute_show_honor_fieldsname')) { return document.getElementById('tribute_show_honor_fieldsname').checked; } } comp.clear = function() { this.set(false); } </script><noscript> </noscript> </div> </div> <div id="tribute_type_row" class="form-row form-selectlist"> <div class="form-content"> <label class="FormLabel" for="tribute_type">Honor Gift Type:</label> <select name="tribute_type" id="tribute_type" size="1" > <option ></option> <option value="tribute_type_value1" >In Memory of</option> <option value="tribute_type_value2" >In Honor of</option> </select> <script type="text/javascript">  </script> <noscript><br/>Required</noscript> <input type="hidden" name="tribute_typesubmit" id="tribute_typesubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('tribute_type', ''); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('tribute_type_row', _display); this.disable_submit_flag (_hidden); } observe_component ('tribute_show_honor_fields.true', new ComponentDisplayer ('tribute_type')); function tribute_type_listChanged(_evt) { var e = _evt ? _evt : event; // IE vs. Mozilla event model if (e) { var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model fire_obs_comp_event('tribute_type', src); } } var el = document.getElementById('tribute_type'); if (el) { Utils.addEvent (el, 'change', tribute_type_listChanged); } </script><noscript> </noscript> </div> </div> <div id="tribute_honoree_first_name_row" class="form-row form-text"> <div class="form-content"> <label for="tribute_honoree_first_namename">Tribute First Name:</label> <input type="text" name="tribute_honoree_first_namename" id="tribute_honoree_first_namename" value="" maxlength="50" /> <input type="hidden" name="tribute_honoree_first_namesubmit" id="tribute_honoree_first_namesubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('tribute_honoree_first_name', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('tribute_honoree_first_name_row', _display); this.disable_submit_flag (_hidden); } observe_component ('tribute_show_honor_fields.true', new ComponentDisplayer ('tribute_honoree_first_name')); </script><noscript> </noscript> </div> </div> <div id="tribute_honoree_last_name_row" class="form-row form-text"> <div class="form-content"> <label for="tribute_honoree_last_namename">Tribute Last Name:</label> <input type="text" name="tribute_honoree_last_namename" id="tribute_honoree_last_namename" value="" maxlength="50" /> <input type="hidden" name="tribute_honoree_last_namesubmit" id="tribute_honoree_last_namesubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('tribute_honoree_last_name', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('tribute_honoree_last_name_row', _display); this.disable_submit_flag (_hidden); } observe_component ('tribute_show_honor_fields.true', new ComponentDisplayer ('tribute_honoree_last_name')); </script><noscript> </noscript> </div> </div> <div id="tribute_notify_recip_name_row" class="form-row form-text"> <div class="form-content"> <label for="tribute_notify_recip_namename">Notificant Name:</label> <input type="text" name="tribute_notify_recip_namename" id="tribute_notify_recip_namename" value="" maxlength="70" /> <input type="hidden" name="tribute_notify_recip_namesubmit" id="tribute_notify_recip_namesubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('tribute_notify_recip_name', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('tribute_notify_recip_name_row', _display); this.disable_submit_flag (_hidden); } observe_component ('tribute_show_honor_fields.true', new ComponentDisplayer ('tribute_notify_recip_name')); </script><noscript> </noscript> </div> </div> <div id="tribute_notify_recip_street1_row" class="form-row form-text"> <div class="form-content"> <label for="tribute_notify_recip_street1name">Notificant Street Address:</label> <input type="text" name="tribute_notify_recip_street1name" id="tribute_notify_recip_street1name" value="" maxlength="50" /> <input type="hidden" name="tribute_notify_recip_street1submit" id="tribute_notify_recip_street1submit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('tribute_notify_recip_street1', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('tribute_notify_recip_street1_row', _display); this.disable_submit_flag (_hidden); } observe_component ('tribute_show_honor_fields.true', new ComponentDisplayer ('tribute_notify_recip_street1')); </script><noscript> </noscript> </div> </div> <div id="tribute_notify_recip_street2_row" class="form-row form-text"> <div class="form-content"> <label for="tribute_notify_recip_street2name">Notificant Apt/Box/Unit/Suite:</label> <input type="text" name="tribute_notify_recip_street2name" id="tribute_notify_recip_street2name" value="" maxlength="50" /> <input type="hidden" name="tribute_notify_recip_street2submit" id="tribute_notify_recip_street2submit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('tribute_notify_recip_street2', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('tribute_notify_recip_street2_row', _display); this.disable_submit_flag (_hidden); } observe_component ('tribute_show_honor_fields.true', new ComponentDisplayer ('tribute_notify_recip_street2')); </script><noscript> </noscript> </div> </div> <div id="tribute_notify_recip_city_row" class="form-row form-text"> <div class="form-content"> <label for="tribute_notify_recip_cityname">Notificant City:</label> <input type="text" name="tribute_notify_recip_cityname" id="tribute_notify_recip_cityname" value="" maxlength="50" /> <input type="hidden" name="tribute_notify_recip_citysubmit" id="tribute_notify_recip_citysubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('tribute_notify_recip_city', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('tribute_notify_recip_city_row', _display); this.disable_submit_flag (_hidden); } observe_component ('tribute_show_honor_fields.true', new ComponentDisplayer ('tribute_notify_recip_city')); </script><noscript> </noscript> </div> </div> <div id="tribute_notify_recip_state_row" class="form-row form-selectlist"> <div class="form-content"> <label class="FormLabel" for="tribute_notify_recip_state">Notificant State/Province:</label> <select name="tribute_notify_recip_state" id="tribute_notify_recip_state" size="1" onchange="fire_obs_comp_event('tribute_notify_recip_state', this)"> <option ></option> <option value="AK" >AK - Alaska</option> <option value="AL" >AL - Alabama</option> <option value="AR" >AR - Arkansas</option> <option value="AZ" >AZ - Arizona</option> <option value="CA" >CA - California</option> <option value="CO" >CO - Colorado</option> <option value="CT" >CT - Connecticut</option> <option value="DC" >DC - District of Columbia</option> <option value="DE" >DE - Delaware</option> <option value="FL" >FL - Florida</option> <option value="GA" >GA - Georgia</option> <option value="HI" >HI - Hawaii</option> <option value="IA" >IA - Iowa</option> <option value="ID" >ID - Idaho</option> <option value="IL" >IL - Illinois</option> <option value="IN" >IN - Indiana</option> <option value="KS" >KS - Kansas</option> <option value="KY" >KY - Kentucky</option> <option value="LA" >LA - Louisiana</option> <option value="MA" >MA - Massachusetts</option> <option value="MD" >MD - Maryland</option> <option value="ME" >ME - Maine</option> <option value="MI" >MI - Michigan</option> <option value="MN" >MN - Minnesota</option> <option value="MO" >MO - Missouri</option> <option value="MS" >MS - Mississippi</option> <option value="MT" >MT - Montana</option> <option value="NC" >NC - North Carolina</option> <option value="ND" >ND - North Dakota</option> <option value="NE" >NE - Nebraska</option> <option value="NH" >NH - New Hampshire</option> <option value="NJ" >NJ - New Jersey</option> <option value="NM" >NM - New Mexico</option> <option value="NV" >NV - Nevada</option> <option value="NY" >NY - New York</option> <option value="OH" >OH - Ohio</option> <option value="OK" >OK - Oklahoma</option> <option value="OR" >OR - Oregon</option> <option value="PA" >PA - Pennsylvania</option> <option value="RI" >RI - Rhode Island</option> <option value="SC" >SC - South Carolina</option> <option value="SD" >SD - South Dakota</option> <option value="TN" >TN - Tennessee</option> <option value="TX" >TX - Texas</option> <option value="UT" >UT - Utah</option> <option value="VA" >VA - Virginia</option> <option value="VT" >VT - Vermont</option> <option value="WA" >WA - Washington</option> <option value="WI" >WI - Wisconsin</option> <option value="WV" >WV - West Virginia</option> <option value="WY" >WY - Wyoming</option> <option value="AS" >AS - American Samoa</option> <option value="FM" >FM - Federated States of Micronesia</option> <option value="GU" >GU - Guam</option> <option value="MH" >MH - Marshall Islands</option> <option value="MP" >MP - Northern Mariana Islands</option> <option value="PR" >PR - Puerto Rico</option> <option value="PW" >PW - Palau</option> <option value="VI" >VI - Virgin Islands</option> <option value="AA" >AA - Armed Forces Americas</option> <option value="AE" >AE - Armed Forces</option> <option value="AP" >AP - Armed Forces Pacific</option> <option value="AB" >AB - Alberta</option> <option value="BC" >BC - British Columbia</option> <option value="MB" >MB - Manitoba</option> <option value="NB" >NB - New Brunswick</option> <option value="NL" >NL - Newfoundland and Labrador</option> <option value="NS" >NS - Nova Scotia</option> <option value="NT" >NT - Northwest Territories</option> <option value="NU" >NU - Nunavut</option> <option value="ON" >ON - Ontario</option> <option value="PE" >PE - Prince Edward Island</option> <option value="QC" >QC - Quebec</option> <option value="SK" >SK - Saskatchewan</option> <option value="YT" >YT - Yukon</option> <option value="None" >None</option> </select> <script type="text/javascript">  </script> <noscript><br/>Required</noscript> <input type="hidden" name="tribute_notify_recip_statesubmit" id="tribute_notify_recip_statesubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('tribute_notify_recip_state', ''); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('tribute_notify_recip_state_row', _display); this.disable_submit_flag (_hidden); } observe_component ('tribute_show_honor_fields.true', new ComponentDisplayer ('tribute_notify_recip_state')); function tribute_notify_recip_state_listChanged(_evt) { var e = _evt ? _evt : event; // IE vs. Mozilla event model if (e) { var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model fire_obs_comp_event('tribute_notify_recip_state', src); } } var el = document.getElementById('tribute_notify_recip_state'); if (el) { Utils.addEvent (el, 'change', tribute_notify_recip_state_listChanged); } </script><noscript> </noscript> </div> </div> <div id="tribute_notify_recip_zip_row" class="form-row form-text"> <div class="form-content"> <label for="tribute_notify_recip_zipname">Notificant ZIP/Postal Code:</label> <input type="text" name="tribute_notify_recip_zipname" id="tribute_notify_recip_zipname" value="" maxlength="50" /> <input type="hidden" name="tribute_notify_recip_zipsubmit" id="tribute_notify_recip_zipsubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('tribute_notify_recip_zip', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('tribute_notify_recip_zip_row', _display); this.disable_submit_flag (_hidden); } observe_component ('tribute_show_honor_fields.true', new ComponentDisplayer ('tribute_notify_recip_zip')); </script><noscript> </noscript> </div> </div> <div id="tribute_notify_recip_country_row" class="form-row form-selectlist"> <div class="form-content"> <label class="FormLabel" for="tribute_notify_recip_country">Notificant Country:</label> <select name="tribute_notify_recip_country" id="tribute_notify_recip_country" size="1" onchange="fire_obs_comp_event('tribute_notify_recip_country', this)"> <option ></option> <option selected="selected" value="United States" >United States</option> <option value="Afghanistan" >Afghanistan</option> <option value="Aland Islands" >Aland Islands</option> <option value="Albania" >Albania</option> <option value="Algeria" >Algeria</option> <option value="American Samoa" >American Samoa</option> <option value="Andorra" >Andorra</option> <option value="Angola" >Angola</option> <option value="Anguilla" >Anguilla</option> <option value="Antarctica" >Antarctica</option> <option value="Antigua and Barbuda" >Antigua and Barbuda</option> <option value="Argentina" >Argentina</option> <option value="Armenia" >Armenia</option> <option value="Aruba" >Aruba</option> <option value="Australia" >Australia</option> <option value="Austria" >Austria</option> <option value="Azerbaijan" >Azerbaijan</option> <option value="Bahamas" >Bahamas</option> <option value="Bahrain" >Bahrain</option> <option value="Bangladesh" >Bangladesh</option> <option value="Barbados" >Barbados</option> <option value="Belarus" >Belarus</option> <option value="Belgium" >Belgium</option> <option value="Belize" >Belize</option> <option value="Benin" >Benin</option> <option value="Bermuda" >Bermuda</option> <option value="Bhutan" >Bhutan</option> <option value="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">  </script> <noscript><br/>Required</noscript> <input type="hidden" name="tribute_notify_recip_countrysubmit" id="tribute_notify_recip_countrysubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('tribute_notify_recip_country', ''); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('tribute_notify_recip_country_row', _display); this.disable_submit_flag (_hidden); } observe_component ('tribute_show_honor_fields.true', new ComponentDisplayer ('tribute_notify_recip_country')); function tribute_notify_recip_country_listChanged(_evt) { var e = _evt ? _evt : event; // IE vs. Mozilla event model if (e) { var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model fire_obs_comp_event('tribute_notify_recip_country', src); } } var el = document.getElementById('tribute_notify_recip_country'); if (el) { Utils.addEvent (el, 'change', tribute_notify_recip_country_listChanged); } </script><noscript> </noscript> </div> </div> <div class="custom-field-container form-row "> <div class="form-content"> <div class="form-input-label-block"> <label for="postal_notif_personal_message_input">Personal Message: </label> </div> <input type="text" name="postal_notif_personal_message_input" id="postal_notif_personal_message_input" value="" maxlength="255" /> <input type="hidden" name="postal_notif_personal_messagesubmit" id="postal_notif_personal_messagesubmit" value="true" /> </div> </div> <div id="tribute_message_closing_row" class="form-row form-text"> <div class="form-content"> <label for="tribute_message_closingname">Postal Message Closing (e.g. Sincerely, Respectfully, Yours Truly, etc.):</label> <input type="text" name="tribute_message_closingname" id="tribute_message_closingname" value="" maxlength="50" /> <input type="hidden" name="tribute_message_closingsubmit" id="tribute_message_closingsubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('tribute_message_closing', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('tribute_message_closing_row', _display); this.disable_submit_flag (_hidden); } observe_component ('tribute_show_honor_fields.true', new ComponentDisplayer ('tribute_message_closing')); </script><noscript> </noscript> </div> </div> <div id="tribute_signature_row" class="form-row form-text"> <div class="form-content"> <label for="tribute_signaturename">Postal Message Signature (e.g. John Smith, Mr. Smith, Anonymous, etc.):</label> <input type="text" name="tribute_signaturename" id="tribute_signaturename" value="" maxlength="70" /> <input type="hidden" name="tribute_signaturesubmit" id="tribute_signaturesubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('tribute_signature', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('tribute_signature_row', _display); this.disable_submit_flag (_hidden); } observe_component ('tribute_show_honor_fields.true', new ComponentDisplayer ('tribute_signature')); </script><noscript> </noscript> </div> </div> <div id="message_include_gift_amount_row" class="form-row form-checkbox"> <div class="form-content"> <input type="checkbox" name="message_include_gift_amountname" id="message_include_gift_amountname" onclick="fire_obs_comp_event('message_include_gift_amount', this);" /> <label for="message_include_gift_amountname">Yes, please include the gift amount in the postal notification message.</label> <input type="hidden" name="message_include_gift_amountsubmit" id="message_include_gift_amountsubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('message_include_gift_amount', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('message_include_gift_amount_row', _display); this.disable_submit_flag (_hidden); } comp.set = function (_value) { if (document.getElementById('message_include_gift_amountname')) { document.getElementById('message_include_gift_amountname').checked = _value; this.fireEvent(); } } comp.get = function() { if (document.getElementById('message_include_gift_amountname')) { return document.getElementById('message_include_gift_amountname').checked; } } comp.clear = function() { this.set(false); } observe_component ('tribute_show_honor_fields.true', new ComponentDisplayer ('message_include_gift_amount')); </script><noscript> </noscript> </div> </div> <div id="donor_first_name_row" class="form-row form-text"> <div class="form-content"> <label for="donor_first_namename">Your 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"> <label for="donor_last_namename">Your 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="send_ecard_row" class="form-row form-checkbox"> <div class="form-content"> <span class="check-box-form-label-text">Would you like to send an email notification?</span> <input type="checkbox" name="send_ecardname" id="send_ecardname" onclick="fire_obs_comp_event('send_ecard', this);" /> <label for="send_ecardname">Yes, I would like to send an email notification.</label> <input type="hidden" name="send_ecardsubmit" id="send_ecardsubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('send_ecard', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('send_ecard_row', _display); this.disable_submit_flag (_hidden); } comp.set = function (_value) { if (document.getElementById('send_ecardname')) { document.getElementById('send_ecardname').checked = _value; this.fireEvent(); } } comp.get = function() { if (document.getElementById('send_ecardname')) { return document.getElementById('send_ecardname').checked; } } comp.clear = function() { this.set(false); } </script><noscript> </noscript> </div> </div> <div id="ecard_send_date_row" class="form-row form-date"> <div class="form-content"> <label for="ecard_send_date_MONTH"> <span class="label-text">Send email notification on:</span><span class="aural-only">Select month of credit card</span> </label> <label for="ecard_send_date_YEAR" ><span class="aural-only">Select Expiration Year</span></label> <div class="date-input-container"> <label for="ecard_send_date_MONTH"><span style="display:none;">Month</span></label> <label for="ecard_send_date_DAY"><span style="display:none;">Day</span></label> <label for="ecard_send_date_YEAR"><span style="display:none;">Year</span></label> <select name="ecard_send_date_MONTH" id="ecard_send_date_MONTH" title="Month"> <option value="1" >Jan</option> <option value="2" >Feb</option> <option value="3" >Mar</option> <option value="4" >Apr</option> <option value="5" >May</option> <option value="6" >Jun</option> <option value="7" >Jul</option> <option value="8" >Aug</option> <option value="9" >Sep</option> <option value="10" >Oct</option> <option value="11" selected="selected">Nov</option> <option value="12" >Dec</option> </select> <select name="ecard_send_date_DAY" id="ecard_send_date_DAY" title="Day"> <option value="1" >1</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> <option value="13" >13</option> <option value="14" >14</option> <option value="15" >15</option> <option value="16" >16</option> <option value="17" >17</option> <option value="18" >18</option> <option value="19" >19</option> <option value="20" >20</option> <option value="21" >21</option> <option value="22" >22</option> <option value="23" >23</option> <option value="24" >24</option> <option value="25" >25</option> <option value="26" >26</option> <option value="27" >27</option> <option value="28" selected="selected">28</option> <option value="29" >29</option> <option value="30" >30</option> <option value="31" >31</option> </select> <select name="ecard_send_date_YEAR" id="ecard_send_date_YEAR" title="Year"> <option value="2034" >2034</option> <option value="2033" >2033</option> <option value="2032" >2032</option> <option value="2031" >2031</option> <option value="2030" >2030</option> <option value="2029" >2029</option> <option value="2028" >2028</option> <option value="2027" >2027</option> <option value="2026" >2026</option> <option value="2025" >2025</option> <option value="2024" selected="selected">2024</option> </select> </div> <input type="hidden" name="ecard_send_datesubmit" id="ecard_send_datesubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('ecard_send_date', 'input'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('ecard_send_date_row', _display); disable_submit_flag ('ecard_send_datesubmit', _hidden); } comp.disable = function(_disabled) { disable_element ('ecard_send_date_MONTH', _disabled); disable_element ('ecard_send_date_DAY', _disabled); disable_element ('ecard_send_date_YEAR', _disabled); disable_element ('ecard_send_date_HOUR12',_disabled); disable_element ('ecard_send_date_HOUR24',_disabled); //For UK, 24 hour clock used disable_element ('ecard_send_date_MINUTE',_disabled); disable_element ('ecard_send_date_AMPM', _disabled); } </script><noscript> </noscript> </div> </div> <div id="ecard_recpients_row" class="form-row form-text"> <div class="form-content"> <span class="field-required"></span> <label for="ecard_recpientsname">Recipient email addresses (separated by commas):</label> <textarea cols="60" rows="4" name="ecard_recpientsname" id="ecard_recpientsname" ></textarea> <input type="hidden" name="ecard_recpientssubmit" id="ecard_recpientssubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('ecard_recpients', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('ecard_recpients_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div id="select_grid_row" class="form-row form-text"> <div class="form-content"> <label for="select_gridname">Available Design:</label> <input type="hidden" name="stationery_layout_chooser" id="stationery_layout_chooser" value="true" /> <div class="layout-chooser-container clearfix"> <div class="layout-choice-thumbnail-container"> <label class="layout-choice-thumbnail-label" for="stationery_layout_id_1181"> <img src="../images/stationery/layout_thumbnail_1181.595361463.custom.jpg" alt="Basic Donation eCard Stationary" border="0" /> </label> <input type="hidden" name="stationery_layout_id" id="stationery_layout_id_1181" value="1181"> </div> </div> <script type="text/javascript">  </script><noscript> </noscript> <input type="hidden" name="select_gridsubmit" id="select_gridsubmit" value="true" /> </div> </div> <div id="tribute_ecard_subject_row" class="form-row form-text"> <div class="form-content"> <span class="field-required"></span> <label for="tribute_ecard_subjectname">Subject Line:</label> <input type="text" name="tribute_ecard_subjectname" id="tribute_ecard_subjectname" value="" maxlength="50" /> <input type="hidden" name="tribute_ecard_subjectsubmit" id="tribute_ecard_subjectsubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('tribute_ecard_subject', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('tribute_ecard_subject_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div id="tribute_ecard_message_row" class="form-row form-text"> <div class="form-content"> <span class="field-required"></span> <label for="tribute_ecard_messagename">Personal Message:</label> <textarea cols="60" rows="4" name="tribute_ecard_messagename" id="tribute_ecard_messagename" ></textarea> <input type="hidden" name="tribute_ecard_messagesubmit" id="tribute_ecard_messagesubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('tribute_ecard_message', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('tribute_ecard_message_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div id="e_card_copy_sender_row" class="form-row form-checkbox"> <div class="form-content"> <input type="checkbox" name="e_card_copy_sendername" id="e_card_copy_sendername" onclick="fire_obs_comp_event('e_card_copy_sender', this);" /> <label for="e_card_copy_sendername">Yes, please send me a copy of the email notification.</label> <input type="hidden" name="e_card_copy_sendersubmit" id="e_card_copy_sendersubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('e_card_copy_sender', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('e_card_copy_sender_row', _display); this.disable_submit_flag (_hidden); } comp.set = function (_value) { if (document.getElementById('e_card_copy_sendername')) { document.getElementById('e_card_copy_sendername').checked = _value; this.fireEvent(); } } comp.get = function() { if (document.getElementById('e_card_copy_sendername')) { return document.getElementById('e_card_copy_sendername').checked; } } comp.clear = function() { this.set(false); } </script><noscript> </noscript> </div> </div> <h2 class="section-header-container"> Billing Information </h2> <div id="billing_first_name_row" class="form-row form-text"> <div class="form-content"> <span class="field-required"></span> <label for="billing_first_namename">First Name:</label> <input type="text" name="billing_first_namename" id="billing_first_namename" value="" maxlength="50" /> <input type="hidden" name="billing_first_namesubmit" id="billing_first_namesubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('billing_first_name', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('billing_first_name_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div id="billing_last_name_row" class="form-row form-text"> <div class="form-content"> <span class="field-required"></span> <label for="billing_last_namename">Last Name:</label> <input type="text" name="billing_last_namename" id="billing_last_namename" value="" maxlength="50" /> <input type="hidden" name="billing_last_namesubmit" id="billing_last_namesubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('billing_last_name', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('billing_last_name_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div id="billing_addr_street1_row" class="form-row form-text"> <div class="form-content"> <span class="field-required"></span> <label for="billing_addr_street1name">Street 1:</label> <input type="text" name="billing_addr_street1name" id="billing_addr_street1name" value="" maxlength="50" /> <input type="hidden" name="billing_addr_street1submit" id="billing_addr_street1submit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('billing_addr_street1', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('billing_addr_street1_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div id="billing_addr_street2_row" class="form-row form-text"> <div class="form-content"> <label for="billing_addr_street2name">Street 2:</label> <input type="text" name="billing_addr_street2name" id="billing_addr_street2name" value="" maxlength="50" /> <input type="hidden" name="billing_addr_street2submit" id="billing_addr_street2submit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('billing_addr_street2', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('billing_addr_street2_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div id="billing_addr_city_row" class="form-row form-text"> <div class="form-content"> <span class="field-required"></span> <label for="billing_addr_cityname">City:</label> <input type="text" name="billing_addr_cityname" id="billing_addr_cityname" value="" maxlength="50" /> <input type="hidden" name="billing_addr_citysubmit" id="billing_addr_citysubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('billing_addr_city', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('billing_addr_city_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div id="billing_addr_state_row" class="form-row form-selectlist"> <div class="form-content"> <span class="field-required"></span> <label class="FormLabel" for="billing_addr_state">State/Province:</label> <select name="billing_addr_state" id="billing_addr_state" size="1" onchange="fire_obs_comp_event('billing_addr_state', this)"> <option ></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">  </script> <noscript><br/>Required</noscript> <input type="hidden" name="billing_addr_statesubmit" id="billing_addr_statesubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('billing_addr_state', ''); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('billing_addr_state_row', _display); this.disable_submit_flag (_hidden); } function billing_addr_state_listChanged(_evt) { var e = _evt ? _evt : event; // IE vs. Mozilla event model if (e) { var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model fire_obs_comp_event('billing_addr_state', src); } } var el = document.getElementById('billing_addr_state'); if (el) { Utils.addEvent (el, 'change', billing_addr_state_listChanged); } </script><noscript> </noscript> </div> </div> <div id="billing_addr_zip_row" class="form-row form-text"> <div class="form-content"> <span class="field-required"></span> <label for="billing_addr_zipname">ZIP/Postal Code:</label> <input type="text" name="billing_addr_zipname" id="billing_addr_zipname" value="" maxlength="50" /> <input type="hidden" name="billing_addr_zipsubmit" id="billing_addr_zipsubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('billing_addr_zip', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('billing_addr_zip_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div id="billing_addr_country_row" class="form-row form-selectlist"> <div class="form-content"> <span class="field-required"></span> <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">  </script> <noscript><br/>Required</noscript> <input type="hidden" name="billing_addr_countrysubmit" id="billing_addr_countrysubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('billing_addr_country', ''); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('billing_addr_country_row', _display); this.disable_submit_flag (_hidden); } function billing_addr_country_listChanged(_evt) { var e = _evt ? _evt : event; // IE vs. Mozilla event model if (e) { var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model fire_obs_comp_event('billing_addr_country', src); } } var el = document.getElementById('billing_addr_country'); if (el) { Utils.addEvent (el, 'change', billing_addr_country_listChanged); } </script><noscript> </noscript> </div> </div> <div id="donor_email_address_row" class="form-row form-text"> <div class="form-content"> <span class="field-required"></span> <label for="donor_email_addressname">Email Address:</label> <input type="text" name="donor_email_addressname" id="donor_email_addressname" value="" maxlength="255" /> <input type="hidden" name="donor_email_addresssubmit" id="donor_email_addresssubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('donor_email_address', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('donor_email_address_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div id="donor_phone_row" class="form-row form-text"> <div class="form-content"> <label for="donor_phonename">Phone:</label> <input type="text" name="donor_phonename" id="donor_phonename" value="" maxlength="50" /> <input type="hidden" name="donor_phonesubmit" id="donor_phonesubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('donor_phone', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('donor_phone_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div class="form-row form-checkbox" id="donor_email_opt_in_Row"> <div class="form-content"> <span class="check-box-form-label-text"></span> <input type="checkbox" name="donor_email_opt_inname" id="donor_email_opt_inname" checked="checked" onclick="fire_obs_comp_event('donor_email_opt_in', this);" /> <label for="donor_email_opt_inname"> Yes, I'd like to receive email updates from the Committee to Protect Journalists. </label> <script type="text/javascript"> var comp = new ObservableComponent ('donor_email_opt_in', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('donor_email_opt_in_Row', _display); this.disable_submit_flag (_hidden); } comp.set = function (_value) { if (document.getElementById('donor_email_opt_inname')) { document.getElementById('donor_email_opt_inname').checked = _value; this.fireEvent(); } } comp.get = function() { if (document.getElementById('donor_email_opt_inname')) return document.getElementById('donor_email_opt_inname').checked; } comp.clear = function() { this.set(false); } </script><noscript> </noscript> <input type="hidden" name="donor_email_opt_insubmit" id="donor_email_opt_insubmit" value="true" /> </div> </div> <div class="form-row form-checkbox" id="donor_postal_opt_in_Row"> <div class="form-content"> <span class="check-box-form-label-text"></span> <input type="checkbox" name="donor_postal_opt_inname" id="donor_postal_opt_inname" onclick="fire_obs_comp_event('donor_postal_opt_in', this);" /> <label for="donor_postal_opt_inname"> Yes, I would like to receive physical communication from Committee to Protect Journalists. </label> <script type="text/javascript"> var comp = new ObservableComponent ('donor_postal_opt_in', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('donor_postal_opt_in_Row', _display); this.disable_submit_flag (_hidden); } comp.set = function (_value) { if (document.getElementById('donor_postal_opt_inname')) { document.getElementById('donor_postal_opt_inname').checked = _value; this.fireEvent(); } } comp.get = function() { if (document.getElementById('donor_postal_opt_inname')) return document.getElementById('donor_postal_opt_inname').checked; } comp.clear = function() { this.set(false); } </script><noscript> </noscript> <input type="hidden" name="donor_postal_opt_insubmit" id="donor_postal_opt_insubmit" value="true" /> </div> </div> <h2 class="section-header-container"> Payment Information </h2> <div class="payment-type-element-container"> <div class="payment-type-selection-container payment-field-container"> <h3>Payment Method:</h3> <div id="responsive_payment_typepay_typeradio_row" class="form-row"> <div class="form-content"> <div class="payment-type-selections" id="responsive_payment_typepay_typeradio_payment_types"> <span class="internal-payment"><span class="payment-type-option selected"><input type="radio" name="responsive_payment_typepay_typeradio" id="responsive_payment_typepay_typeradiocredit" value="credit" checked="checked" onclick="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);" onkeypress="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);" /><label for="responsive_payment_typepay_typeradiocredit"><a href="javascript:void(0);" class="payment-type-label">Credit Card</a></label><script type="text/javascript"> var comp = new ObservableRadioComponent ('responsive_payment_typepay_typeradio', 'name'); </script><noscript> </noscript></span><span class="payment-type-option"><input type="radio" name="responsive_payment_typepay_typeradio" id="responsive_payment_typepay_typeradioach" value="ach" onclick="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);" onkeypress="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);" /><label for="responsive_payment_typepay_typeradioach"><a href="javascript:void(0);" class="payment-type-label">Bank Account</a></label><script type="text/javascript"> var comp = new ObservableRadioComponent ('responsive_payment_typepay_typeradio', 'name'); </script><noscript> </noscript></span></span> <span class="external-payment"><span class="payment-type-option"><input type="radio" name="responsive_payment_typepay_typeradio" id="responsive_payment_typepay_typeradiopaypal" value="paypal" onclick="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);" onkeypress="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);" /><label for="responsive_payment_typepay_typeradiopaypal"><a href="javascript:void(0);" class="payment-type-label"><img src="../images/payment/paypal-logo.png" alt="Pay with Paypal" /></a></label><script type="text/javascript"> var comp = new ObservableRadioComponent ('responsive_payment_typepay_typeradio', 'name'); </script><noscript> </noscript></span></span> </div> <input type="hidden" name="responsive_payment_typepay_typeradiosubmit" id="responsive_payment_typepay_typeradiosubmit" value="true" /> <script type="text/javascript"> Y.use("jquery-ui", function(Y) { jQuery(function() { // subscribe observable for payment type options jQuery('.payment-type-option').each(function() { var syncAction = function(obj) { if (obj.hasClass('selected')) { var radioGroupName = obj.find('input').attr('name'); obj.find('input').prop('checked', true); fire_obs_comp_event(radioGroupName, obj.find('input').get()); } return arguments.callee; }(jQuery(this)); jQuery(this).click(function() { jQuery('.payment-type-option').removeClass('selected'); jQuery(this).addClass('selected'); syncAction(jQuery(this)); var selectedValue = jQuery(this).find('input').val(); if (selectedValue == 'paypal' || selectedValue == 'amazon') { // open up a boxinator dialog jQuery(document).trigger('redirect-external'); jQuery('#btn_next').click(); } }); }); }); }); var comp = new ObservableRadioComponent ('responsive_payment_typepay_typeradio', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('responsive_payment_typepay_typeradio_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> </div> <div id="payment_cc_container" class="payment-field-container"> <h3>Credit Card Information:</h3> <div id="responsive_payment_typecc_type_row" class="form-row form-radio-array"> <div class="form-content"> <fieldset> <legend>Credit Card Type:</legend> <ul class="radio-array-list"> <li class="tender-row "> <img src="../images/diners_sm.gif" alt="Diners Club" name="responsive_payment_typecc_type_Diners_Club" id="responsive_payment_typecc_type_Diners_Club" /> </li><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> <input type="hidden" name="recurring_options_name_install_plan" id="recurring_options_name_install_plan" value="responsive_payment_typecc_type" /> </div> </div> <div id="responsive_payment_typecc_number_row" class="form-row form-text"> <div class="form-content"> <span class="field-required"></span> <label for="responsive_payment_typecc_numbername">Credit Card Number:</label> <input type="text" name="responsive_payment_typecc_numbername" id="responsive_payment_typecc_numbername" value="" maxlength="22" autocomplete="off"/> <input type="hidden" name="responsive_payment_typecc_numbersubmit" id="responsive_payment_typecc_numbersubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('responsive_payment_typecc_number', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('responsive_payment_typecc_number_row', _display); this.disable_submit_flag (_hidden); } observe_component ('null', new ComponentDisplayer ('responsive_payment_typecc_number')); </script><noscript> </noscript> </div> </div> <div id="responsive_payment_typecc_exp_date_row" class="form-row form-date"> <div class="form-content"> <span class="field-required"></span> <label for="responsive_payment_typecc_exp_date_MONTH"> <span class="label-text">Expiration Date:</span><span class="aural-only">Select month of credit card</span> </label> <label for="responsive_payment_typecc_exp_date_YEAR" ><span class="aural-only">Select Expiration Year</span></label> <div class="date-input-container"> <fieldset class="cardExpGroup"> <select name="responsive_payment_typecc_exp_date_MONTH" id="responsive_payment_typecc_exp_date_MONTH" onChange="fire_obs_comp_event('responsive_payment_typecc_exp_date_MONTH', this)"> <option value="1" >01</option> <option value="2" >02</option> <option value="3" >03</option> <option value="4" >04</option> <option value="5" >05</option> <option value="6" >06</option> <option value="7" >07</option> <option value="8" >08</option> <option value="9" >09</option> <option value="10" >10</option> <option value="11" selected="selected">11</option> <option value="12" >12</option> </select> <select name="responsive_payment_typecc_exp_date_YEAR" id="responsive_payment_typecc_exp_date_YEAR" onChange="fire_obs_comp_event('responsive_payment_typecc_exp_date_YEAR', this)"> <option value="2024" selected="selected">2024</option> <option value="2025" >2025</option> <option value="2026" >2026</option> <option value="2027" >2027</option> <option value="2028" >2028</option> <option value="2029" >2029</option> <option value="2030" >2030</option> <option value="2031" >2031</option> <option value="2032" >2032</option> <option value="2033" >2033</option> <option value="2034" >2034</option> </select> </fieldset> <input type="hidden" name="responsive_payment_typecc_exp_date_DAY" id="responsive_payment_typecc_exp_date_DAY" value="1" /> <script type="text/javascript">  </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=cpj&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"> //chrome is mapping cvv as card name if (/CriOS/.test(navigator.userAgent) || (/Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor))){ document.getElementById('responsive_payment_typecc_cvvname').autocomplete='cc-csc'; } var comp = new ObservableComponent ('responsive_payment_typecc_cvv', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('responsive_payment_typecc_cvv_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> </div> <div id="payment_bank_container" class="payment-field-container"> <h3>Bank Account Information: </h3> <div id="responsive_payment_typerouting_number_row" class="form-row form-text"> <div class="form-content"> <span class="field-required"></span> <label for="responsive_payment_typerouting_numbername">Bank Routing Number:</label> <a href="http://help.convio.net/site/PageServer?s_site=cpj&pagename=User_Donation_ACH" class="HelpLink" title="What is this? Opens new window.">What is this?</a> <input type="text" name="responsive_payment_typerouting_numbername" id="responsive_payment_typerouting_numbername" value="" size="20" maxlength="20" onchange="fire_obs_comp_event('responsive_payment_typerouting_number', this);" autocomplete="off" /> <input type="hidden" name="responsive_payment_typerouting_numbersubmit" id="responsive_payment_typerouting_numbersubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('responsive_payment_typerouting_number', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('responsive_payment_typerouting_number_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div id="responsive_payment_typebank_account_row" class="form-row form-text"> <div class="form-content"> <span class="field-required"></span> <label for="responsive_payment_typebank_accountname">Bank Account Number:</label> <input type="text" name="responsive_payment_typebank_accountname" id="responsive_payment_typebank_accountname" value="" maxlength="20" autocomplete="off"/> <input type="hidden" name="responsive_payment_typebank_accountsubmit" id="responsive_payment_typebank_accountsubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('responsive_payment_typebank_account', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('responsive_payment_typebank_account_row', _display); this.disable_submit_flag (_hidden); } observe_component ('null', new ComponentDisplayer ('responsive_payment_typebank_account')); </script><noscript> </noscript> </div> </div> <div id="responsive_payment_typeverify_bank_account_row" class="form-row form-text"> <div class="form-content"> <span class="field-required"></span> <label for="responsive_payment_typeverify_bank_accountname">Verify Bank Account Number:</label> <input type="text" name="responsive_payment_typeverify_bank_accountname" id="responsive_payment_typeverify_bank_accountname" value="" maxlength="20" autocomplete="off"/> <input type="hidden" name="responsive_payment_typeverify_bank_accountsubmit" id="responsive_payment_typeverify_bank_accountsubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('responsive_payment_typeverify_bank_account', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('responsive_payment_typeverify_bank_account_row', _display); this.disable_submit_flag (_hidden); } observe_component ('null', new ComponentDisplayer ('responsive_payment_typeverify_bank_account')); </script><noscript> </noscript> </div> </div><div id="responsive_payment_type.account_type_row" class="form-row form-radio-array"> <div class="form-content"> <fieldset> <legend><span class="field-required"></span> Account Type:</legend> <ul class="radio-array-list"> <li> <input type="radio" name="responsive_payment_type.account_type" id="responsive_payment_type.account_type_responsive_payment_typeaccount_type_checking" value="CHECKING" onclick="fire_obs_comp_event('responsive_payment_type.account_type', this);" /> <span class="radio-label"> <label for="responsive_payment_type.account_type_responsive_payment_typeaccount_type_checking" >Checking</label> </span> </li><li> <input type="radio" name="responsive_payment_type.account_type" id="responsive_payment_type.account_type_responsive_payment_typeaccount_type_savings" value="SAVINGS" onclick="fire_obs_comp_event('responsive_payment_type.account_type', this);" /> <span class="radio-label"> <label for="responsive_payment_type.account_type_responsive_payment_typeaccount_type_savings" >Savings</label> </span> </li> </ul> </fieldset> <input type="hidden" name="responsive_payment_type.account_typesubmit" id="responsive_payment_type.account_typesubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableRadioComponent ('responsive_payment_type.account_type', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('responsive_payment_type.account_type_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> <input type="hidden" name="recurring_options_name_install_plan" id="recurring_options_name_install_plan" value="responsive_payment_type.account_type" /> </div> </div> <div id="responsive_payment_typeach_confirm_row" class="form-row form-checkbox"> <div class="form-content"> <span class="field-required"></span> <input type="checkbox" name="responsive_payment_typeach_confirmname" id="responsive_payment_typeach_confirmname" onclick="fire_obs_comp_event('responsive_payment_typeach_confirm', this);" /> <label for="responsive_payment_typeach_confirmname">I agree to use my bank account as a payment method and authorize Committee to Protect Journalists to debit my bank account to fulfill my gift commitment.</label> <input type="hidden" name="responsive_payment_typeach_confirmsubmit" id="responsive_payment_typeach_confirmsubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('responsive_payment_typeach_confirm', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('responsive_payment_typeach_confirm_row', _display); this.disable_submit_flag (_hidden); } comp.set = function (_value) { if (document.getElementById('responsive_payment_typeach_confirmname')) { document.getElementById('responsive_payment_typeach_confirmname').checked = _value; this.fireEvent(); } } comp.get = function() { if (document.getElementById('responsive_payment_typeach_confirmname')) { return document.getElementById('responsive_payment_typeach_confirmname').checked; } } comp.clear = function() { this.set(false); } observe_component ('null', new ComponentEnabler ('responsive_payment_typeach_confirm')); </script><noscript> </noscript> </div> </div> </div> <div id="payment_check_container" class="payment-field-container"> <h3>Check Information</h3> </div> <script> document.addEventListener("DOMContentLoaded", function () { addHiddenInputIfNotExist("cc_available", "cc_available", "null"); addHiddenInputIfNotExist("debit_available", "debit_available", "null"); addHiddenInputIfNotExist("paypal_available", "paypal_available", "null"); addHiddenInputIfNotExist("wallets_available", "wallets_available", "null"); addHiddenInputIfNotExist("secure_url", "secure_url", "https://support.cpj.org/site/"); addHiddenInputIfNotExist("is_admin_app", "is_admin_app", "F"); addHiddenInputIfNotExist("environment_id", "environment_id", ""); addHiddenInputIfNotExist("merchant_account_configuration_id", "merchant_account_configuration_id", ""); addHiddenInputIfNotExist("pco_javascript_location", "pco_javascript_location", ""); addHiddenInputIfNotExist("primary_color", "primary_color", "null"); addHiddenInputIfNotExist("application_name", "application_name", "TeamRaiser"); addHiddenInputIfNotExist("pco_language_locale", "pco_language_locale", "en_US"); addHiddenInputIfNotExist("pco_environment_zone", "pco_environment_zone", "p-usa01"); }); </script> <input type="hidden" name="responsive_payment_typesubmit" id="responsive_payment_typesubmit" value="true" /> <script type="text/javascript"> function PaymentObserver() { this.observe = function(_event) { var sVal = _event.component.get(); switch (sVal) { case 'check': hide_element('payment_cc_container'); hide_element('payment_bank_container'); show_element('payment_check_container'); break; case 'credit': hide_element('payment_bank_container'); hide_element('payment_check_container'); show_element('payment_cc_container'); break; case 'ach': hide_element('payment_cc_container'); hide_element('payment_check_container'); show_element('payment_bank_container'); break; case 'paypal': case 'amazon': case 'mobilepay': default: // hide all hide_element('payment_bank_container'); hide_element('payment_cc_container'); hide_element('payment_check_container'); break; } } } // Set the observer to show/hide the relevant fields observe_component ('responsive_payment_typepay_typeradio', new PaymentObserver()); </script><noscript> </noscript> </div> <div class="form-row"> <div class="html-caption-container"> <style type="text/css"> div.responsive .cover-fee input{ margin: 6px 1px 1px 1px; } .cover-fee { width: 100%; float:left; clear:both; } #cover-fee-yes { max-width: 12px; float:left; margin-right: .3em; } label[for="cover-fee-yes"] {float:left; max-width: 92%; } </style> <div class="cover-fee"><input type="checkbox" name="fee-cover" id="cover-fee-yes"> <label for="cover-fee-yes">Yes, I want 100% to go to Committee to Protect Journalists. Please increase my amount by 3% to cover all credit card transaction fees<span class="cover_fees_total"></span>.</label></div> <script type="text/javascript"> jQuery(document).ready(function($) { var rememberLevel = readCookie('levelId'); var otherAmt = readCookie('otherAmt'); var coverFees = readCookie('coverFees'); // $('div.donation-level-label-input-container input[type="radio"]:checked').parent().parent().parent().parent().addClass('cca-donation-amount-selected'); var deleteCookie = function(name) { document.cookie = name + '=;expires= Thu, 01 Jan 1970 00:00:01 GMT;'; }; var formatMoney = function(amount) { amountInCents = Number(amount); var i = parseInt(amount = Math.abs(+amount || 0).toFixed(2), 10) + '', j = (j = i.length) > 3 ? j % 3 : 0, formattedMoney = '$' + (j ? i.substr(0, j) + ',' : '') + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + ',') + '.' + Math.abs(amount - i).toFixed(2).slice(2); formattedMoney = formattedMoney.replace('.00', ''); return formattedMoney; } var populateBtn = function(activeAmt) { if ($('#cover-fee-yes').is(':checked')) { var btnText = 'Donate ' + activeAmt; } else { var btnText = 'Donate'; } if ($('#pstep_next').length > 0) { $('#pstep_next').text(btnText); } if ($('#pstep_finish').length > 0) { $('#pstep_finish').text(btnText); } } var getAmt = function() { console.log("getAmt "); if ($('.other-amount input[type="radio"]').is(':checked')) { selectAmt = Number(delimitNumbers($('.donation-level-user-entered input').val())); document.cookie="levelId=other"; document.cookie="otherAmt=" + selectAmt; } else { if($('#level_standard_row').length > 0){ $("[id^=level_standardexpanded]").each(function() { if ($(this).is(':checked')) { var selectedLevelId = $(this).prop('id'); selectAmt = Number(delimitNumbers($(this).parent().next().children('.donation-level-amount-container, .donation-level-label-container').text())); document.cookie="levelId=" + selectedLevelId; } }); } } activeAmtAdd = Number(strRound(delimitNumbers(selectAmt)*.03),2); activeAmtAdd = activeAmtAdd + 0; activeAmt = strRound(delimitNumbers(selectAmt + activeAmtAdd)); activeAmtFormat = formatMoney(activeAmt); totalAmt = Number(selectAmt) + Number(activeAmt); totalAmtFormat = formatMoney(totalAmt); activeAmtAddFormat = formatMoney(activeAmtAdd); paypalAmtAdd = Number(strRound(delimitNumbers(selectAmt)*.03),2); paypalAmtAdd = paypalAmtAdd + 0; paypalAmt = strRound(delimitNumbers(paypalAmtAdd + selectAmt)); paypalAmtFormat = formatMoney(paypalAmt); $('.cover_fees_total').html(', an extra <strong>' + activeAmtAddFormat + '</strong>, increasing your total donation to <strong>' + activeAmtFormat + '</strong>'); paymentType = $('.payment-type-selections input[name="responsive_payment_typepay_typeradio"]').val(); if ($('.external-payment .payment-type-option').hasClass('selected')) { //console.log('use paypal'); donateAmt = paypalAmtFormat; } else { // console.log('use cc'); donateAmt = activeAmtFormat; } } function delimitNumbers(str) { return (str + '').replace(/[^\d.-]/g, ''); } function removeNonNumbers(str) { return (str + '').replace(/[^0-9\.]+/g, ''); } function strRound(str) { str = removeNonNumbers(str).split('.', 2); if (str[1]) { str[1] = str[1].substring(0,2); } str = str.join('.'); return str; } function readCookie(name) { var nameEQ = name + '='; var ca = document.cookie.split(';'); for(var i=0;i < ca.length;i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1,c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); } return null; } $('#cc_fees_row').insertAfter('.donation-levels'); $('.donation-level-user-entered').parent().addClass('other-amount'); if(rememberLevel != undefined || rememberLevel != null) { $('#' + rememberLevel).prop('checked', true); $('.donation-level-user-entered input[type="text"]').val(''); if (rememberLevel == 'other') { $('.other-amount input[type="radio"]').prop('checked', true); $('.donation-level-user-entered input[type="text"]').val(otherAmt); } } if (coverFees == 'true') { $('#cover-fee-yes').prop('checked', true); $('#cover_feeshidden').val('true'); if($('div.donation-level-label-input-container input[type="radio"]:checked').length > 0){ getAmt(); } //populateBtn(donateAmt); } else { $('#cover_feeshidden').val('false'); } $('#cover_fees, .donation-level-container, div.donation-level-label-input-container input[type="radio"]').change(function(){ /* var oldHref = $('#org_donate_button').attr('href'); console.log(oldHref.indexOf('set.DonationLevel=')); var hrefIndex = Number(oldHref.indexOf('set.DonationLevel=')) + 18; var newHref = $('#org_donate_button').attr('href').substring(0,hrefIndex) + $('.donation-level-container input[type="radio"]:checked').val(); console.log(newHref); $('#org_donate_button').attr('href',newHref); */ if ($('#cover-fee-yes').is(':checked')) { if($('div.donation-level-label-input-container input[type="radio"]:checked').length > 0){ getAmt(); } } else { if($('div.donation-level-label-input-container input[type="radio"]:checked').length > 0){ getAmt(); } deleteCookie('coverFees'); deleteCookie('levelId'); deleteCookie('otherAmt'); } //populateBtn(donateAmt); }); $('.tabbutton a').click(function(){ deleteCookie('levelId'); deleteCookie('otherAmt'); if ($('#cover-fee-yes').is(':checked')) { deleteCookie('coverFees'); document.cookie = 'coverFees=true'; } else { deleteCookie('coverFees'); document.cookie = 'coverFees=false'; } }); $('.internal-payment a').click(function(){ //populateBtn(activeAmtFormat); }); $('.external-payment a').click(function(){ //populateBtn(paypalAmtFormat); }); // If reCAPTCHA is enabled on the donation form, // a custom finish button must be used to handle the cover fee submit // Custom finish button is added in reus_modern_js_copy // if a custom finish button exists on the form, add a click function for it console.log("custom finish button here? " + $('#custom_finish').length) var customFinishButton = function(){ if ($('#custom_finish').length > 0) { $('#custom_finish').click(function() { console.log("custom finish click function") if ($('#cover-fee-yes').is(':checked')) { console.log('cover fee is checked') getAmt(); $('#s_cover_fees').val('checked'); $('#cover_feeshidden').val('true'); $('.other-amount input[type="radio"]').prop('checked', true); $('.donation-level-user-entered input[type="text"]').val(donateAmt); document.cookie = 'coverFees=true'; } else { $('#s_cover_fees').val('unchecked'); $('#cover_feeshidden').val('false'); deleteCookie('coverFees'); deleteCookie('levelId'); deleteCookie('otherAmt'); } $("#pstep_finish").click(); }); } else{ window.setTimeout(customFinishButton,1000); } } // if reCAPTCHA is enabled on the donation form, // run the function to add the custom finish click function if ($('#captcha_row').length > 0) { customFinishButton(); } else { $('#ProcessForm').submit(function() { if ($('#cover-fee-yes').is(':checked')) { getAmt(); $('#s_cover_fees').val('checked'); $('#cover_feeshidden').val('true'); $('.other-amount input[type="radio"]').prop('checked', true); $('.donation-level-user-entered input[type="text"]').val(donateAmt); document.cookie = 'coverFees=true'; return true; } else { $('#s_cover_fees').val('unchecked'); $('#cover_feeshidden').val('false'); deleteCookie('coverFees'); deleteCookie('levelId'); deleteCookie('otherAmt'); return true; } }); } if($('div.donation-level-label-input-container input[type="radio"]:checked').length > 0){ getAmt(); } //populateBtn(donateAmt); }); </script> <script> Y.use('jquery-noconflict', function() { jQuery(document).ready(function() { // Set hidden conversion field to true or false based on whether the cover fees checkbox is checked. if (jQuery('input#cover-fee-yes').is(':checked')){ jQuery('input#donor_absorbs_processing_feeshidden').val('true'); } else { jQuery('input#donor_absorbs_processing_feeshidden').val('false'); } // Fee checkbox attribute add/remove jQuery('input#cover-fee-yes').change(function(){ if (jQuery('input#cover-fee-yes').is(':checked')){ jQuery('input#cover-fee-yes[type=checkbox]').prop('checked', true).val('yes'); jQuery('input#donor_absorbs_processing_feeshidden').val('true'); } else { jQuery('input#cover-fee-yes[type=checkbox]').prop('checked', false).val('no'); jQuery('input#donor_absorbs_processing_feeshidden').val('false'); } }); jQuery('input#cover-fee-yes').change(); }); }); </script> </div> </div> <div id="captcha_row" class="form-row form-captcha"> <div class="form-content">   <input type="hidden" name="captcha_text" id="captcha_text" value="" /> <input type="hidden" name="captcha_text_proxy_submit" id="captcha_text_proxy_submit" value="" /> <script src="https://www.google.com/recaptcha/api.js?render=6LcVyLgZAAAAAIaCdeocZ0n27ZV5AVFs-ptKOles"></script> <script type="text/javascript"> Y.use('jquery-noconflict', function() { jQuery(document).ready(function() { jQuery('#captcha_text').parents('form').find('input[type="submit"], button[type="submit"]').click(function(e) { e.preventDefault(); e.stopPropagation(); jQuery('#captcha_text_proxy_submit').val(this.value); jQuery('#captcha_text_proxy_submit').prop('name',this.name); grecaptcha.ready(function() { grecaptcha.execute('6LcVyLgZAAAAAIaCdeocZ0n27ZV5AVFs-ptKOles', {action: 'submit'}).then(function(token) { jQuery('#captcha_text').val(token); if (typeof checkDoubleClick === "function") { if (checkDoubleClick()) { jQuery('#captcha_text').parents('form')[0].submit(); } } else { jQuery('#captcha_text').parents('form')[0].submit(); } }); }); }); }); }); </script> <style type="text/css"> .grecaptcha-badge { visibility: visible !important; } </style> </div> <input type="hidden" name="captchasubmit" id="captchasubmit" value="true" /> </div> <div class="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="Give Securely">Give Securely</button> <button class="step-button cancel-step" type="submit" id="pstep_cancel" name="pstep_cancel" value="Cancel" title="Cancel" >Cancel</button> </div> </div> <input type="hidden" name="idb" id="idb" value="2122249550" /> <input type="hidden" name="df_id" id="df_id" value="1400" /> <input type="hidden" name="mfc_pref" id="mfc_pref" value="T" /> <div class="form-row"> <div class="html-caption-container"> <p>If you have additional questions, or would like to donate over the phone, you can reach us by email at <a href="mailto:development@cpj.org?subject=Donation%20Inquiry" target="_blank">development@cpj.org</a> or by calling <a style="pointer: cursor; color: #3c3c3c; text-decoration: none; font-weight: normal;" href="tel:+12123009025">212-300-9025</a>. You can also mail a check to our address at P.&zwnj;O. Bo&zwnj;x 26&zwnj;75, Ne&zwnj;w Yo&zwnj;rk, N&zwnj;Y 101&zwnj;08 or <a href="https://cpj.org/crypto">donate cryptocurrency here</a>.</p> <p>CPJ will not share or sell a donor's personal information with anyone else, nor send donor mailings on behalf of other organizations.</p> <p style="text-align: center; margin: 1em 0;" align="center">© 2024 Committee to Protect Journalists. <br class="mobile-show" />All rights reserved.</p> <p style="font-size: 0.8em; font-style: italic;" align="center">Committee to Protect Journalists is <br class="mobile-show" />a registered 501(c)(3) nonprofit organization.<br />Public charity EIN : 1&zwnj;3-308&zwnj;1500</p> <p style="font-size: .85em; color: #787878; text-align: center; font-style: italic;">Please note that the option to add the transaction processing fee to your gift <br class="mobile-hide" />will apply to your gift today and any future recurring gifts.</p> <div style="float: none; margin: 1em auto 0.5em; width: 115px; display: block;"> </div> </div> </div> <input type="hidden" name="donor_absorbs_processing_feeshidden" id="donor_absorbs_processing_feeshidden" value="" /> <div class="form-row"> <div class="html-caption-container"> <style type="text/css"></style> <script type="text/javascript">// <![CDATA[ Y.use('jquery-noconflict', function() { jQuery(document).ready(function() { jQuery('.html-caption-container').each(function(i) { jQuery(this).addClass('html-caption-container-' + (i+1)); jQuery(this).parent('.form-row').addClass('form-row-full-width'); }); jQuery('.custom-field-container').each(function(i) { jQuery(this).addClass('custom-field-container-' + (i+1)); }); jQuery('#daf_link br').remove(); jQuery('#daf_link').html(jQuery('#daf_link').text().replace('Give now from yourDonor-Advised Fund', 'Give now from your Donor-Advised Fund')); }); }); // ]]></script> <script type="text/javascript">// <![CDATA[ if (document.documentElement.clientWidth > 599) { var switchTo5x = true; } else { var switchTo5x = false; } // ]]></script>  <script src="//code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/luminateExtend/1.9.0/luminateExtend.min.js"></script> <script> var jQuery3_5_1 = jQuery.noConflict(true); var BBI = { pageName: "", trID: "" }; jQuery3_5_1(function ($) { luminateExtend.init({ apiKey: 'ozLanATDiHbwmzAyNwLd', path: { nonsecure: 'http://support.cpj.org/site/', secure: 'https://support.cpj.org/site/' } }); }); </script> <script src="../js/template.js"></script> <script> if (document.documentElement.clientWidth > 599) { var switchTo5x = true; } else { var switchTo5x = false; } </script> <script type="text/javascript" language="javascript"> // Trim .00 from amounts var donationAmount = document.getElementsByClassName('donation-level-amount-container'); for (var i = 0; i < donationAmount.length; i++) { var fullAmount = donationAmount[i].innerText; var shortened = fullAmount.slice(0, fullAmount.lastIndexOf('.')); donationAmount[i].innerText = shortened; } // Format with decimal var otherAmount = document.querySelector('.donation-level-user-entered input[type=text]'); otherAmount.value = otherAmount.value.replace('$', ''); if (otherAmount.value.indexOf('.00') > -1) { otherAmount.value = otherAmount.value.replace('.00', ''); } </script> <script type="text/javascript"> Y.use('jquery-noconflict', function() { jQuery(document).ready(function() { // Add form-control class to all fields jQuery('input[type="text"], input[type="password"], input[type="email"], select, textarea').addClass('form-control'); // Select Gift Amount text converted to a header jQuery('.FormLabelText:contains(Select Gift Amount)').html('<h2 class="section-header-container">Select an Amount</h2>'); jQuery('.FormLabelText:contains(Enter A Gift Amount)').html('<h2 class="section-header-container">Enter a Gift Amount</h2>'); // adds a new credit card row image underneath the Credit Card Number input field jQuery('#responsive_payment_typecc_numbername').after('<div class="creditcardimg_div"></div>'); // add placeholder text to user-entered amount /*** jQuery('#minimum_amount_notice').hide(); jQuery('.donation-level-user-entered input[type="text"]').attr('placeholder', 'Other Amount').focus(function () { jQuery('div.donation-level-container').removeClass('checked'); jQuery(this).attr('placeholder', ''); }).blur(function () { if (jQuery(this).val() === '') { jQuery(this).attr('placeholder', 'Other Amount'); jQuery('#minimum_amount_notice').hide(); } }); jQuery('.donation-level-user-entered input[type="text"]').keyup(function (event) { if (Math.floor(jQuery(this).val() < 5)) { jQuery('#minimum_amount_notice').show(); jQuery('.other-amount input[type="radio"]').click().attr('checked', true); jQuery('.donation-level-container, .donation-level-amount-container, .donation-level-label-container').removeClass('active-donation-level'); jQuery('.other-amount').closest('.donation-level-container').addClass('active-donation-level'); } else { jQuery('#minimum_amount_notice').hide(); } });***/ jQuery('.section-header-container').each(function(i) { jQuery(this).addClass('section-header-' + (i+1)); }); jQuery('.form-row').each(function(i) { jQuery(this).addClass('form-row-' + (i+1)); }); jQuery('.html-caption-container').each(function(i) { jQuery(this).addClass('html-caption-container-' + (i+1)); }); jQuery('.custom-field-container').each(function(i) { jQuery(this).addClass('custom-field-container-' + (i+1)); }); // Begin radio button giving level conversion to buttons jQuery('.donation-level-label-input-container input').each(function () { if (jQuery(this).prop('checked') == true) { jQuery(this).parent().next().children().addClass('active-donation-level'); } }); // No PREFILL AMOUNT exists in URL jQuery('.donation-level-user-entered input[type="text"]').attr('placeholder', 'Other Amount'); jQuery('.donation-level-amount-container').on('click touchend', function(e){ e.preventDefault(); var recurOptionSelect = jQuery('#level_flexibleduration option:selected').val(); var oneTimeGiftSelected = jQuery('#level_flexiblegift_type1').is(':checked'); var recurringGiftSelected = jQuery('#level_flexiblegift_type2').is(':checked'); jQuery('.donation-level-container, .donation-level-amount-container, .donation-level-label-container').removeClass('active-donation-level'); jQuery('input:radio[id^="level_"]').removeAttr('checked'); jQuery('.donation-level-user-entered input').val('').attr('placeholder', 'Other Amount'); jQuery(this).addClass('active-donation-level'); jQuery(this).closest('.form-content').parent('.donation-level-container').addClass('active-donation-level'); jQuery(this).closest('.donation-level-input-container').find('input:radio').click().attr('checked', true); if (jQuery('#level_flexiblegift_type_Row').length != 0) { if(oneTimeGiftSelected) { jQuery('#level_flexiblegift_type2').prop('checked', false); jQuery('#level_flexiblegift_type1').prop('checked', true); jQuery('#level_flexibleduration_row').hide(); jQuery('#level_flexibleduration').val(''); jQuery('#toggle-flexible-btn-container #toggle-recurring-btn').removeClass('active-button'); jQuery('#toggle-flexible-btn-container #toggle-one-time-btn').addClass('active-button'); } else if(recurringGiftSelected) { // jQuery('#toggle-flexible-btn-container #toggle-recurring-btn').click(); jQuery('#level_flexiblegift_type1').prop('checked', false); jQuery('#level_flexiblegift_type2').prop('checked', true); jQuery('#level_flexibleduration_row').show(); setTimeout(function() { jQuery('#level_flexibleduration').val(recurOptionSelect).change(); }, 200); jQuery('#toggle-flexible-btn-container #toggle-one-time-btn').removeClass('active-button'); jQuery('#toggle-flexible-btn-container #toggle-recurring-btn').addClass('active-button'); } } }); jQuery('.donation-level-label-container').on('click touchend', function(e){ e.preventDefault(); var recurOptionSelect = jQuery('#level_flexibleduration option:selected').val(); var oneTimeGiftSelected = jQuery('#level_flexiblegift_type1').is(':checked'); var recurringGiftSelected = jQuery('#level_flexiblegift_type2').is(':checked'); jQuery('input:radio[id^="level_"]').removeAttr('checked'); jQuery('.donation-level-container, .donation-level-amount-container, .donation-level-label-container').removeClass('active-donation-level'); jQuery('.donation-level-user-entered input').val('').attr('placeholder', 'Other Amount'); jQuery(this).addClass('active-donation-level'); jQuery(this).closest('.donation-level-container').addClass('active-donation-level'); jQuery(this).closest('.donation-level-input-container').find('input:radio').attr('checked', true).click(); if (jQuery('#level_flexiblegift_type_Row').length != 0) { if(oneTimeGiftSelected) { jQuery('#level_flexiblegift_type2').prop('checked', false); jQuery('#level_flexiblegift_type1').prop('checked', true); jQuery('#level_flexibleduration_row').hide(); jQuery('#level_flexibleduration').val(''); jQuery('#toggle-flexible-btn-container #toggle-recurring-btn').removeClass('active-button'); jQuery('#toggle-flexible-btn-container #toggle-one-time-btn').addClass('active-button'); } else if(recurringGiftSelected) { // jQuery('#toggle-flexible-btn-container #toggle-recurring-btn').click(); jQuery('#level_flexiblegift_type1').prop('checked', false); jQuery('#level_flexiblegift_type2').prop('checked', true); jQuery('#level_flexibleduration_row').show(); jQuery('#level_flexibleduration').val(recurOptionSelect).trigger(change); jQuery('#toggle-flexible-btn-container #toggle-one-time-btn').removeClass('active-button'); jQuery('#toggle-flexible-btn-container #toggle-recurring-btn').addClass('active-button'); } } }); jQuery('.donation-level-user-entered').on('click touchend', function(e){ e.preventDefault(); var recurOptionSelect = jQuery('#level_flexibleduration option:selected').val(); var oneTimeGiftSelected = jQuery('#level_flexiblegift_type1').is(':checked'); var recurringGiftSelected = jQuery('#level_flexiblegift_type2').is(':checked'); jQuery('.donation-level-amount-container').removeClass('active-donation-level'); jQuery('.donation-level-container').removeClass('active-donation-level'); jQuery('input:radio[id^="level_"]').removeAttr('checked'); jQuery(this).closest('.donation-level-input-container.form-input').find('div.donation-level-label-container').addClass('active-donation-level'); jQuery(this).closest('.donation-level-label-container').addClass('active-donation-level'); jQuery(this).closest('.donation-level-input-container').find('input:radio').attr('checked', true).click(); jQuery('.donation-level-user-entered input').focus(); if (jQuery('#level_flexiblegift_type_Row').length != 0) { if(oneTimeGiftSelected) { jQuery('#level_flexiblegift_type2').prop('checked', false); jQuery('#level_flexiblegift_type1').prop('checked', true); jQuery('#level_flexibleduration_row').hide(); jQuery('#level_flexibleduration').val(''); jQuery('#toggle-flexible-btn-container #toggle-recurring-btn').removeClass('active-button'); jQuery('#toggle-flexible-btn-container #toggle-one-time-btn').addClass('active-button'); } else if(recurringGiftSelected) { // jQuery('#toggle-flexible-btn-container #toggle-recurring-btn').click(); jQuery('#level_flexiblegift_type1').prop('checked', false); jQuery('#level_flexiblegift_type2').prop('checked', true); jQuery('#level_flexibleduration_row').show(); jQuery('#level_flexibleduration').val(recurOptionSelect).trigger(change); jQuery('#toggle-flexible-btn-container #toggle-one-time-btn').removeClass('active-button'); jQuery('#toggle-flexible-btn-container #toggle-recurring-btn').addClass('active-button'); } } }); jQuery('.donation-level-user-entered input').on('click touchend', function(e){ e.preventDefault(); var recurOptionSelect = jQuery('#level_flexibleduration option:selected').val(); var oneTimeGiftSelected = jQuery('#level_flexiblegift_type1').is(':checked'); var recurringGiftSelected = jQuery('#level_flexiblegift_type2').is(':checked'); jQuery(this).focus(); jQuery('.donation-level-user-entered-2').prop('disabled', true); jQuery('.donation-level-amount-container').removeClass('active-donation-level'); jQuery('.donation-level-container').removeClass('active-donation-level'); jQuery('.donation-level-label-container').removeClass('active-donation-level'); jQuery('input:radio[id^="level_"]').removeAttr('checked'); jQuery(this).closest('.donation-level-input-container.form-input').find('div.donation-level-label-container').addClass('active-donation-level'); jQuery(this).closest('.donation-level-label-container').addClass('active-donation-level'); jQuery(this).parent('.donation-level-user-entered').prev('.donation-level-input-container').find('input:radio').prop('checked', true); if (jQuery('#level_flexiblegift_type_Row').length != 0) { if(oneTimeGiftSelected) { jQuery('#level_flexiblegift_type2').prop('checked', false); jQuery('#level_flexiblegift_type1').prop('checked', true); jQuery('#level_flexibleduration_row').hide(); jQuery('#level_flexibleduration').val(''); jQuery('#toggle-flexible-btn-container #toggle-recurring-btn').removeClass('active-button'); jQuery('#toggle-flexible-btn-container #toggle-one-time-btn').addClass('active-button'); } else if(recurringGiftSelected) { // jQuery('#toggle-flexible-btn-container #toggle-recurring-btn').click(); jQuery('#level_flexiblegift_type1').prop('checked', false); jQuery('#level_flexiblegift_type2').prop('checked', true); jQuery('#level_flexibleduration_row').show(); jQuery('#level_flexibleduration').val(recurOptionSelect).trigger(change); jQuery('#toggle-flexible-btn-container #toggle-one-time-btn').removeClass('active-button'); jQuery('#toggle-flexible-btn-container #toggle-recurring-btn').addClass('active-button'); } } }); if(jQuery('.donation-level-label-container, .donation-level-amount-container').parent('.donation-level-input-container').find('input[type="radio"]').is(':checked')) { } else { // Donation form minimum amount notice and input value jQuery('.donation-level-user-entered input[type="text"]').blur(function(){ var lvlAmt = parseInt(jQuery(this).val()); if (isNaN(lvlAmt) || lvlAmt < 5) { alert('Please note that this form requires a $5 minimum gift.'); jQuery(this).val('5'); setTimeout(function() { jQuery('.donation-level-user-entered input[type="text"]').click().focus(); }, 1200); jQuery('.donation-level-container, .donation-level-amount-container, .donation-level-label-container').removeClass('active-donation-level'); jQuery('.other-amount').closest('.donation-level-container').addClass('active-donation-level'); jQuery('.other-amount input[type="radio"]').click().attr('checked', true); } }); } jQuery('div.designated-giving-recurring-row label').on('click touchend', function(e){ e.preventDefault(); jQuery('div.designated-giving-recurring-row label').removeClass('active-donation-level'); jQuery(this).addClass('active-donation-level'); }); jQuery('.donation-level-amount-container').each(function(){ jQuery(this).html(jQuery(this).html().replace('.000','').replace('.00','')); }); // If there is a preselected donation level // If there is a preselected donation level jQuery('.donation-level-label-input-container input[type="radio"]:checked').parent('.donation-level-label-input-container').parent('.donation-level-input-container').parent('.form-content').parent('.donation-level-container').addClass('active-donation-level'); // Update payment type toggle to use newer jQuery library //Count payment options jQuery('.internal-payment span.payment-type-option').each(function(i) { jQuery(this).addClass('payment-option-' + (i+1)); }); //Set default positions jQuery('#payment_cc_container').show(); jQuery('.payment-option-1').addClass('selected'); jQuery('#payment_bank_container').hide(); // If reCAPTCHA is enabled on the donation form, // a custom finish button must be used to handle the cover fee submit // Cover fee submit and click function for custom finish button are in // if (jQuery('#captcha_row').length > 0 && jQuery('input[name="fee-cover"]').length > 0) { // Add a custom submit button to accommodate reCaptcha with cover fee jQuery("#pstep_finish").before('<button class="step-button action-button finish-step" type="button" id="custom_finish" name="custom_finish" value="Give Securely">Give Securely</button>'); // hide the standard submit button to accommodate reCaptcha with cover fee jQuery("#pstep_finish").hide(); } //Click hide/show functions jQuery('.payment-option-1').on('click', function(e) { e.preventDefault(); jQuery('.payment-type-option.selected').removeClass('selected'); jQuery(this).addClass('selected'); jQuery('#payment_cc_container').addClass('showmethemoney').removeClass('hide').css('display', 'inline-block'); jQuery('#payment_bank_container').removeClass('showmethemoney').addClass('hide').css('display', 'none'); if (jQuery("#custom_finish").length > 0) { jQuery("#custom_finish").val('Give Securely').html('<span class="fa fa-lock" style="font-size: 1.1em; color: #fff; margin-right: .5em;"></span> Give Securely').css('min-height', 'auto'); } jQuery("#pstep_finish").val('Give Securely').html('<span class="fa fa-lock" style="font-size: 1.1em; color: #fff; margin-right: .5em;"></span> Give Securely').css('min-height', 'auto'); if ( jQuery('#responsive_payment_typepay_typeradioach').attr('checked') === true ) { jQuery('#responsive_payment_typepay_typeradioach').prop('checked',false).change(); } if ( jQuery('#responsive_payment_typepay_typeradiopaypal').attr('checked') === true ) { jQuery('#responsive_payment_typepay_typeradiopaypal').prop('checked',false).change(); } }); jQuery('label[for="payment_typepay_typeradiocredit"] a').on('click', function(e) { e.preventDefault(); jQuery('.payment-type-option.selected').removeClass('selected'); jQuery(this).parent('.internal-payment').children('.payment-type-option').addClass('selected'); jQuery('#payment_cc_container').addClass('showmethemoney').removeClass('hide').css('display', 'inline-block'); jQuery('#payment_bank_container').removeClass('showmethemoney').addClass('hide').css('display', 'none'); if (jQuery("#custom_finish").length > 0) { jQuery("#custom_finish").val('Give Securely').html('<span class="fa fa-lock" style="font-size: 1.1em; color: #fff; margin-right: .5em;"></span> Give Securely').css('min-height', 'auto'); } jQuery("#pstep_finish").val('Give Securely').html('<span class="fa fa-lock" style="font-size: 1.1em; color: #fff; margin-right: .5em;"></span> Give Securely').css('min-height', 'auto'); if ( jQuery('#payment_typepay_typeradioach').attr('checked') === true ) { jQuery('#payment_typepay_typeradioach').prop('checked',false).change(); } if ( jQuery('#payment_typepay_typeradiopaypal').attr('checked') === true ) { jQuery('#payment_typepay_typeradiopaypal').prop('checked',false).change(); } }); jQuery('.payment-option-2').on('click', function(e) { e.preventDefault(); jQuery('.payment-type-option.selected').removeClass('selected'); jQuery(this).addClass('selected'); jQuery('#payment_cc_container').removeClass('showmethemoney').addClass('hide').css('display', 'none'); jQuery('#payment_bank_container').addClass('showmethemoney').removeClass('hide').css('display', 'inline-block'); if (jQuery("#custom_finish").length > 0) { jQuery("#custom_finish").val('Give Securely').html('<span class="fa fa-lock" style="font-size: 1.1em; color: #fff; margin-right: .5em;"></span> Give Securely').css('min-height', 'auto'); } jQuery("#pstep_finish").val('Give Securely').html('<span class="fa fa-lock" style="font-size: 1.1em; color: #fff; margin-right: .5em;"></span> Give Securely').css('min-height', 'auto'); if ( jQuery('#responsive_payment_typepay_typeradiocredit').attr('checked') === true ) { jQuery('#responsive_payment_typepay_typeradiocredit').prop('checked',false).change(); } if ( jQuery('#responsive_payment_typepay_typeradiopaypal').attr('checked') === true ) { jQuery('#responsive_payment_typepay_typeradiopaypal').prop('checked',false).change(); } }); jQuery('label[for="payment_typepay_typeradioach"] a').on('click', function(e) { e.preventDefault(); jQuery('.payment-type-option.selected').removeClass('selected'); jQuery(this).parent('.internal-payment').children('.payment-type-option').addClass('selected'); jQuery('#payment_cc_container').removeClass('showmethemoney').addClass('hide').css('display', 'none'); jQuery('#payment_bank_container').addClass('showmethemoney').removeClass('hide').css('display', 'inline-block'); if (jQuery("#custom_finish").length > 0) { jQuery("#custom_finish").val('Give Securely').html('<span class="fa fa-lock" style="font-size: 1.1em; color: #fff; margin-right: .5em;"></span> Give Securely').css('min-height', 'auto'); } jQuery("#pstep_finish").val('Give Securely').html('<span class="fa fa-lock" style="font-size: 1.1em; color: #fff; margin-right: .5em;"></span> Give Securely').css('min-height', 'auto'); if ( jQuery('#payment_typepay_typeradiocredit').attr('checked') === true ) { jQuery('#payment_typepay_typeradiocredit').prop('checked',false).change(); } if ( jQuery('#payment_typepay_typeradiopaypal').attr('checked') === true ) { jQuery('#payment_typepay_typeradiopaypal').prop('checked',false).change(); } }); jQuery('.external-payment .payment-type-option').on('click', function(e) { e.preventDefault(); jQuery('.payment-type-option.selected').removeClass('selected'); jQuery(this).addClass('selected'); jQuery('#payment_cc_container').removeClass('showmethemoney').addClass('hide').css('display', 'none'); jQuery('#payment_bank_container').removeClass('showmethemoney').addClass('hide').css('display', 'none'); if (jQuery("#custom_finish").length > 0) { jQuery("#custom_finish").val('Continue to PayPal').html('<span class="fa fa-paypal mobile-hide-fa" style="font-size: 1.1em; color: #fff; margin-right: .3em;"></span> Continue to PayPal<span class="fa fa-long-arrow-right" style="font-size: 1.1em; color: #fff; margin-left: .5em;"></span>').css('min-height', '55px'); } jQuery("#pstep_finish").val('Continue to PayPal').html('<span class="fa fa-paypal mobile-hide-fa" style="font-size: 1.1em; color: #fff; margin-right: .3em;"></span> Continue to PayPal<span class="fa fa-long-arrow-right" style="font-size: 1.1em; color: #fff; margin-left: .5em;"></span>').css('min-height', '55px'); if ( jQuery('#responsive_payment_typepay_typeradiocredit').attr('checked') === true ) { jQuery('#responsive_payment_typepay_typeradiocredit').prop('checked',false).change(); } if ( jQuery('#responsive_payment_typepay_typeradioach').attr('checked') === true ) { jQuery('#responsive_payment_typepay_typeradioach').prop('checked',false).change(); } }); jQuery('label[for="payment_typepay_typeradiopaypal"] a').on('click touchend', function(e) { e.preventDefault(); jQuery('.payment-type-option.selected').removeClass('selected'); jQuery(this).parent('.external-payment').children('.payment-type-option').addClass('selected'); jQuery('#payment_cc_container').removeClass('showmethemoney').addClass('hide').css('display', 'none'); jQuery('#payment_bank_container').removeClass('showmethemoney').addClass('hide').css('display', 'none'); if (jQuery("#custom_finish").length > 0) { jQuery("#custom_finish").val('Continue to PayPal').html(' <span class="fa fa-paypal mobile-hide-fa" style="font-size: 1.1em; color: #fff; margin-right: .3em;"></span>Continue to PayPal<span class="fa fa-long-arrow-right" style="font-size: 1.1em; color: #fff; margin-left: .5em;"></span>').css('min-height', '55px'); } jQuery("#pstep_finish").val('Continue to PayPal').html(' <span class="fa fa-paypal mobile-hide-fa" style="font-size: 1.1em; color: #fff; margin-right: .3em;"></span>Continue to PayPal<span class="fa fa-long-arrow-right" style="font-size: 1.1em; color: #fff; margin-left: .5em;"></span>').css('min-height', '55px'); if ( jQuery('#payment_typepay_typeradiocredit').attr('checked') === true ) { jQuery('#payment_typepay_typeradiocredit').prop('checked',false).change(); } if ( jQuery('#payment_typepay_typeradioach').attr('checked') === true ) { jQuery('#payment_typepay_typeradioach').prop('checked',false).change(); } }); // Add padlock Font Awesome icon to process/submit button if (jQuery("#custom_finish").length > 0) { jQuery('button#custom_finish').prepend('<span class="fa fa-lock" style="font-size: 1.1em; color: #fff; margin-right: .5em;"></span>'); } jQuery('button#pstep_finish').prepend('<span class="fa fa-lock" style="font-size: 1.1em; color: #fff; margin-right: .5em;"></span>'); //Single Designation Dropdown customizations jQuery('.unrestricted-option').hide(); jQuery('#single_designee_designated').attr('checked', 'true').hide(); jQuery('#scholarship-description-container').parent('.html-caption-container').parent('.form-row').hide(); jQuery('select#single_designee option[value=1001]').attr('selected', 'true'); jQuery('#single_designee').removeAttr('disabled'); // Begin One-time / Monthly Buttons for Standard Giving Level Gift Pattern // if (jQuery('.donation-level-container-generic-repeat').length != 0) { // jQuery('.donation-level-container-generic-repeat').hide(); // jQuery('input#level_standardauto_repeatname').prop('checked', false); // //jQuery('.don-standard-levels').after('<div id="toggle-flexible-btn-container"><button id="toggle-one-time-btn" class="donation-btn-toggle active-button">One-time gift</button><button id="toggle-recurring-btn" class="donation-btn-toggle">Monthly gift</button><button id="toggle-manage-montly-btn" class="donation-btn-toggle">Manage Your Monthly Gift</button></div><p class="monthly-callout">Make a bigger impact by starting a monthly gift. </p>'); // jQuery('#toggle-one-time-btn').on('click touchend', function(e) { // e.preventDefault(); // var checkedFlexibelradio = jQuery('input#level_standardauto_repeatname').prop('checked', true); // jQuery(this).addClass('active-button'); // jQuery('#toggle-recurring-btn').removeClass('active-button'); // if(checkedFlexibelradio) { // jQuery('input#level_standardauto_repeatname, input#level_designatedauto_repeatname').prop('checked', false); // } // }); // jQuery('#toggle-recurring-btn').on('click touchend',function(e) { // e.preventDefault(); // var checkedFlexibelradio1 = jQuery('input#level_standardauto_repeatname').prop('checked', false); // jQuery(this).addClass('active-button'); // jQuery('#toggle-one-time-btn').removeClass('active-button'); // if(checkedFlexibelradio1) { // jQuery('input#level_standardauto_repeatname, input#level_designatedauto_repeatname').prop('checked', true); // } // }); // jQuery('#toggle-manage-montly-btn').on('click touchend',function(e) { // var url = 'http:\/\/support.cpj.org/site/ServiceCenter?pg=list' // e.preventDefault(); // window.open(url, '_blank'); // }); // } // // Convert Flexible Giving Patter from Radio Buttons to Buttons // if (jQuery('#level_flexiblegift_type_Row').length != 0) { // // Set Flexible giving default state // jQuery('#level_flexibleduration_row').hide(); // jQuery('input#level_flexiblegift_type2').prop('checked', false); // jQuery('input#level_flexiblegift_type1').prop('checked', true).click(); // jQuery('.designated-giving-recurring-row').hide(); // //jQuery('#level_flexiblegift_type_Row legend').after('<div id="toggle-flexible-btn-container" style="display: block;"><button id="toggle-one-time-btn" class="donation-btn-toggle active-button">One-time gift</button><button id="toggle-recurring-btn" class="donation-btn-toggle">Recurring gift</button><button id="toggle-manage-montly-btn" class="donation-btn-toggle">Manage Your Monthly Gift</button></div><p class="monthly-callout">Make a bigger impact by starting a recurring gift. </p>'); // // Load with one-time selected // jQuery('input#level_flexiblegift_type1[type="radio"]').prop('checked', true).trigger(click); // jQuery('#toggle-one-time-btn').on('click touchend', function(e) { // e.preventDefault(); // var checkedFlexibelradio2 = jQuery('input#level_flexiblegift_type1').prop('checked', false); // jQuery(this).addClass('active-button'); // jQuery('#toggle-recurring-btn').removeClass('active-button'); // jQuery('#level_flexibleduration_row').hide(); // if(checkedFlexibelradio2) { // jQuery('input#level_flexiblegift_type1[type="radio"]').prop('checked', true).click(); // } // jQuery('input#level_flexiblegift_type2').prop('checked', false); // jQuery('select#level_flexibleduration').attr('disabled', true).prop('selectedIndex', 0).change(); // }); // jQuery('#toggle-recurring-btn').on('click touchend', function(e) { // e.preventDefault(); // var checkedFlexibelradio3 = jQuery('input#level_flexiblegift_type2').prop('checked', false); // jQuery(this).addClass('active-button'); // jQuery('#toggle-one-time-btn').removeClass('active-button'); // jQuery('#level_flexibleduration_row').show(); // if(checkedFlexibelradio3) { // jQuery('input#level_flexiblegift_type2[type="radio"]').prop('checked', true).click(); // } // jQuery('#level_flexibleduration').prop('disabled', false); // jQuery('input#level_flexiblegift_type1').prop('checked', false); // }); // jQuery('#toggle-manage-montly-btn').click(function(e) { // var url2 = 'http:\/\/support.cpj.org/site/ServiceCenter?pg=list' // e.preventDefault(); // window.open(url2, '_blank'); // }); // } jQuery('#toggle-manage-montly-btn').click(function(e) { var url2 = 'http:\/\/support.cpj.org/site/ServiceCenter?pg=list' e.preventDefault(); window.open(url2, '_blank'); }); // Flexible Sustainer 99 Month/Quarters/Years hide option customization jQuery('#level_flexibleduration option[value="M:99"], #level_flexibleduration option[value="Q:99"], #level_flexibleduration option[value="Y:99"]').hide(); // Begin Honor/Memorial customization // Add buttons to honor/memorial area for toggle jQuery('#tribute_type_row').after('<div class="form-row" style="clear:both;"><div class="html-caption-container honor-memorial-toggle-container"><div id="toggle-honor-btn-container" style="display: block;"><button id="in-honor-btn" class="donation-btn-toggle active-button">In Honor of</button><button id="in-memory-btn" class="donation-btn-toggle">In Memory of</button></div></div></div>'); // Add buttons to honor/memorial area for mail, email, no, thanks toggle jQuery('#tribute_honoree_last_name_row').after('<div class="form-row" style="clear:both;"><div class="html-caption-container honor-memorial-notif-container"><p>Would you like to send an eCard for this gift?</p><div id="toggle-notif-btn-container"><button id="postal-btn" class="donation-btn-toggle" type="button">By Mail</button><button id="email-btn" class="donation-btn-toggle" type="button">By Email</button><button id="no-notif-btn" class="donation-btn-toggle" type="button">No, Thank You</button></div></div></div>'); // Adding ID to custom postal notification personal message field jQuery('#postal_notif_personal_message_input').parent('.form-content').parent('.custom-field-container').attr('id', 'postal-notif-personal-message-row').hide(); //Hide Tribute Type and replace with buttons //jQuery('#toggle-honor-btn-container').hide(); jQuery('.honor-memorial-toggle-container').parent('.form-row').hide(); jQuery('.honor-memorial-notif-container').parent('.form-row').hide(); jQuery('#tribute_ecard_message_row').hide(); jQuery('#tribute_type_row').hide(); jQuery('input#tribute_show_honor_fieldsname').change(function(ev){ if (jQuery('#tribute_show_honor_fieldsname').is(':checked')) { // Hide Postal Notify Fields to control original behavior in lieu of new button decision tree jQuery('#tribute_notify_recip_title_row').hide(); jQuery('#tribute_notify_recip_name_row').hide(); jQuery('#tribute_notify_recip_street1_row').hide(); jQuery('#tribute_notify_recip_street2_row').hide(); jQuery('#tribute_notify_recip_city_row').hide(); jQuery('#tribute_notify_recip_state_row').hide(); jQuery('#tribute_notify_recip_zip_row').hide(); jQuery('#postal-notif-personal-message-row').hide(); jQuery('#postal_notif_personal_message_input').val(''); jQuery('#tribute_message_closing_row').hide(); jQuery('#tribute_signature_row').hide(); jQuery('#message_include_gift_amount_row').hide(); jQuery('#send_ecard_row').hide(); jQuery('#ecard_send_date_row').hide(); jQuery('#donor_first_name_row').hide(); jQuery('#donor_middle_name_row').hide(); jQuery('#donor_last_name_row').hide(); jQuery('#ecard_recpients_row').hide(); jQuery('#select_grid_row').hide(); jQuery('#tribute_ecard_subject_row').hide(); jQuery('#tribute_ecard_message_row').hide(); jQuery('#preview_button_row').hide(); jQuery('#e_card_copy_sender_row').hide(); jQuery('#tribute_notify_recip_country_row').hide(); jQuery('.honor-memorial-toggle-container').parent('.form-row').show(); jQuery('.honor-memorial-notif-container').parent('.form-row').show(); //jQuery('.custom-field-1').show(); jQuery('#in-honor-btn').addClass('active-button'); jQuery('select#tribute_type option[value=tribute_type_value2]').prop('selected', 'true').trigger('change'); jQuery('#tribute_type').attr('data-gtm-form-interact-field-id', '2'); jQuery('#tribute_type_row').hide(); jQuery('#tribute_ecard_messagename').val('').trigger('keyup'); } else { jQuery('#tribute_type_row').hide(); jQuery('#tribute_message_body_row').hide(); jQuery('#tribute_type').removeAttr('data-gtm-form-interact-field-id'); // Hide Email Notification Fields jQuery('#send_ecard_row').hide(); jQuery('#donor_first_name_row').hide(); jQuery('#donor_middle_name_row').hide(); jQuery('#donor_last_name_row').hide(); jQuery('#ecard_recpients_row').hide(); jQuery('#select_grid_row').hide(); jQuery('#tribute_ecard_subject_row').hide(); jQuery('#tribute_ecard_message_row').hide(); jQuery('#e_card_copy_sender_row').hide(); jQuery('#ecard_send_date_row').hide(); jQuery('#preview_button_row').hide(); jQuery('#tribute_notify_recip_country_row').hide(); jQuery('#postal-notif-personal-message-row').hide(); jQuery('#postal_notif_personal_message_input').val(''); jQuery('.honor-memorial-toggle-container').parent('.form-row').hide(); jQuery('.honor-memorial-notif-container').parent('.form-row').hide(); //jQuery('.custom-field-1').hide().val(''); jQuery('#in-honor-btn').removeClass('active-button'); jQuery('#in-memory-btn').removeClass('active-button'); jQuery('select#tribute_type option[value=tribute_type_value1]').prop('selected', false).trigger('change'); jQuery('select#tribute_type option[value=tribute_type_value2]').prop('selected', false).trigger('change'); jQuery('#postal-btn.donation-btn-toggle').removeClass('active-button'); jQuery('#email-btn.donation-btn-toggle').removeClass('active-button'); jQuery('#no-notif-btn.donation-btn-toggle').removeClass('active-button'); jQuery('input#send_ecardname').prop('checked', false); jQuery('#tribute_ecard_subjectname').val(''); jQuery('#donor_first_namename').val(''); jQuery('#donor_middle_namename').val(''); jQuery('#donor_last_namename').val(''); jQuery('#ecard_recpientsname').val(''); jQuery('#tribute_ecard_messagename').val('').trigger('keyup'); jQuery('input#e_card_copy_sendername').prop('checked', false); jQuery('#tribute_honoree_first_namename').val(''); jQuery('#tribute_honoree_last_namename').val(''); jQuery('#tribute_notify_recip_street1name').val(''); jQuery('#tribute_notify_recip_street2name').val(''); jQuery('#tribute_notify_recip_cityname').val(''); jQuery('#tribute_notify_recip_state').val(''); jQuery('#tribute_notify_recip_zipname').val(''); jQuery('#tribute_notify_recip_namename').val(''); jQuery('select#tribute_notify_recip_title').val(''); jQuery('#tribute_notify_recip_country').val(''); } }); jQuery('input#tribute_show_honor_fieldsname').change(); jQuery('button#in-honor-btn').click(function(e) { e.preventDefault(); jQuery('button#in-memory-btn').removeClass('active-button'); jQuery('button#in-honor-btn').addClass('active-button'); jQuery('select#tribute_type option[value=tribute_type_value1]').prop('selected', false).trigger('change'); jQuery('select#tribute_type option[value=tribute_type_value2]').prop('selected', true).trigger('change'); jQuery('#tribute_type').attr('data-gtm-form-interact-field-id', '2'); }); jQuery('button#in-memory-btn').click(function(e) { e.preventDefault(); jQuery('button#in-honor-btn').removeClass('active-button'); jQuery('button#in-memory-btn').addClass('active-button'); jQuery('select#tribute_type option[value=tribute_type_value2]').prop('selected', false).trigger('change'); jQuery('select#tribute_type option[value=tribute_type_value1]').prop('selected', true).trigger('change'); jQuery('#tribute_type').attr('data-gtm-form-interact-field-id', '1'); }); // Personal Postal Message Override Placeholder jQuery('#postal_message_override_input').attr('placeholder', 'The maximum length for this field is 255 characters.'); jQuery('#donor_comments_input').attr({'placeholder': 'Leave a comment, tell your story or send words of encouragement.', 'maxlength': '255'}); // Load page with Email and Postal Fields hidden jQuery('#tribute_notify_recip_street1_row').hide(); jQuery('#tribute_notify_recip_street2_row').hide(); jQuery('#tribute_notify_recip_city_row').hide(); jQuery('#tribute_notify_recip_state_row').hide(); jQuery('#tribute_notify_recip_zip_row').hide(); jQuery('#postal-notif-personal-message-row').hide(); jQuery('#postal_notif_personal_message_input').val('').trigger('keyup'); jQuery('#tribute_message_closing_row').hide(); jQuery('#tribute_signature_row').hide(); jQuery('#message_include_gift_amount_row').hide(); jQuery('#donor_first_name_row').hide(); jQuery('#donor_middle_name_row').hide(); jQuery('#donor_last_name_row').hide(); jQuery('#send_ecard_row').hide(); jQuery('#ecard_recpients_row').hide(); jQuery('#select_grid_row').hide(); jQuery('#tribute_ecard_subject_row').hide(); jQuery('#tribute_ecard_message_row').hide(); jQuery('#e_card_copy_sender_row').hide(); jQuery('#ecard_send_date_row').hide(); jQuery('#preview_button_row').hide(); jQuery('.custom-field-container-3').hide(); jQuery('#tribute_notify_recip_title_row').hide(); jQuery('#send_ecard_row').hide(); jQuery('button#email-btn').click(function(e) { e.preventDefault(); jQuery('button#postal-btn').removeClass('active-button'); jQuery('button#email-btn').addClass('active-button'); jQuery('button#no-notif-btn').removeClass('active-button'); //Checkbox checked for email notification jQuery('#send_ecardname').prop('checked', true); // Show Email Notification Fields jQuery('#donor_first_name_row').show(); jQuery('#donor_middle_name_row').show(); jQuery('#donor_last_name_row').show(); jQuery('#ecard_recpients_row').show(); jQuery('#select_grid_row').show(); jQuery('#tribute_ecard_subject_row').show(); jQuery('#tribute_ecard_message_row').show(); jQuery('#e_card_copy_sender_row').show(); jQuery('#ecard_send_date_row').show(); jQuery('#preview_button_row').show(); // Hide Postal Notification Fields jQuery('#send_ecard_row').hide(); jQuery('#tribute_notify_recip_name_row').hide(); jQuery('#tribute_notify_recip_street1_row').hide(); jQuery('#tribute_notify_recip_street2_row').hide(); jQuery('#tribute_notify_recip_city_row').hide(); jQuery('#tribute_notify_recip_state_row').hide(); jQuery('#tribute_notify_recip_zip_row').hide(); jQuery('#postal-notif-personal-message-row').hide(); jQuery('#postal_notif_personal_message_input').val('').trigger('keyup'); jQuery('#tribute_message_body_row').hide(); jQuery('#tribute_message_closing_row').hide(); jQuery('#tribute_signature_row').hide(); jQuery('#message_include_gift_amount_row').hide(); jQuery('#tribute_notify_recip_title_row').hide(); jQuery('#tribute_notify_recip_country_row').hide(); jQuery('select#tribute_notify_recip_title').val(''); jQuery('#tribute_notify_recip_street1name').val(''); jQuery('#tribute_notify_recip_street2name').val(''); jQuery('#tribute_notify_recip_cityname').val(''); jQuery('#tribute_notify_recip_state').val(''); jQuery('#tribute_notify_recip_zipname').val(''); jQuery('#tribute_notify_recip_namename').val(''); jQuery('#postal_message_override_input').val(''); jQuery('#tribute_notify_recip_country').val(''); jQuery('#message_include_gift_amountname').prop('checked', false); // Pre-populate personal message field with appropriate content if(jQuery('#tribute_type option:selected').val() == 'tribute_type_value1') { jQuery('#tribute_ecard_messagename').val('I am so sorry for your loss, and I wanted to honor the memory of our loved one with a gift to CPJ, a nonprofit organization that defends journalists globally. I thought this would be a wonderful way to keep our shared memories alive.'); jQuery('#tribute_ecard_messagename').trigger('keyup'); } else if(jQuery('#tribute_type option:selected').val() == 'tribute_type_value2') { jQuery('#tribute_ecard_messagename').val('I just made a gift in your honor to CPJ, a nonprofit organization that defends journalists globally. I know how much you care about this important work, so I thought I would honor you in this way.'); jQuery('#tribute_ecard_messagename').trigger('keyup'); } else { jQuery('#tribute_ecard_messagename').val('').trigger('keyup'); } }); // Donation eCard Subject line pre-populated //jQuery('#tribute_ecard_subjectname').val('A tribute gift was made on your behalf'); jQuery('button#postal-btn').click(function() { //e.preventDefault(); jQuery('button#postal-btn').addClass('active-button'); jQuery('button#email-btn').removeClass('active-button'); jQuery('button#no-notif-btn').removeClass('active-button'); // Uncheck email notification box if checked jQuery('#send_ecardname').removeAttr('checked', 'true'); // Show Postal Notification Fields jQuery('#tribute_notify_recip_name_row').show(); jQuery('#tribute_notify_recip_street1_row').show(); jQuery('#tribute_notify_recip_street2_row').show(); jQuery('#tribute_notify_recip_city_row').show(); jQuery('#tribute_notify_recip_state_row').show(); jQuery('#tribute_notify_recip_zip_row').show(); jQuery('#tribute_message_body_row').show(); jQuery('#tribute_message_closing_row').show(); jQuery('#tribute_signature_row').show(); jQuery('#message_include_gift_amount_row').show(); jQuery('#tribute_notify_recip_title_row').show(); jQuery('#tribute_notify_recip_country_row').show(); jQuery('#postal-notif-personal-message-row').show(); jQuery('#message_include_gift_amountname').prop('checked', false); // Hide Email Notification Fields jQuery('#send_ecard_row').hide(); jQuery('#donor_first_name_row').hide(); jQuery('#donor_middle_name_row').hide(); jQuery('#donor_last_name_row').hide(); jQuery('#ecard_recpients_row').hide(); jQuery('#select_grid_row').hide(); jQuery('#tribute_ecard_subject_row').hide(); jQuery('#tribute_ecard_message_row').hide(); jQuery('#e_card_copy_sender_row').hide(); jQuery('#ecard_send_date_row').hide(); jQuery('#preview_button_row').hide(); jQuery('#tribute_ecard_subjectname').val(''); jQuery('#donor_first_namename').val(''); jQuery('#donor_middle_namename').val(''); jQuery('#donor_last_namename').val(''); jQuery('#ecard_recpientsname').val(''); jQuery('#tribute_ecard_messagename').val('').trigger('keyup'); jQuery('input#e_card_copy_sendername').prop('checked', false); // Pre-populate personal message field with appropriate content if(jQuery('#tribute_type option:selected').val() == 'tribute_type_value1') { jQuery('#postal_notif_personal_message_input').val('I am so sorry for your loss, and I wanted to honor the memory of our loved one with a gift to CPJ, a nonprofit organization that defends journalists globally. I thought this would be a wonderful way to keep our shared memories alive.'); jQuery('#postal_notif_personal_message_input').trigger('keyup'); } else if(jQuery('#tribute_type option:selected').val() == 'tribute_type_value2') { jQuery('#postal_notif_personal_message_input').val('I just made a gift in your honor to CPJ, a nonprofit organization that defends journalists globally. I know how much you care about this important work, so I thought I would honor you in this way.'); jQuery('#postal_notif_personal_message_input').trigger('keyup'); } else { jQuery('#postal_notif_personal_message_input').val(''); } }); jQuery('button#no-notif-btn').click(function() { // e.preventDefault(); jQuery('button#postal-btn').removeClass('active-button'); jQuery('button#email-btn').removeClass('active-button'); jQuery('button#no-notif-btn').addClass('active-button'); // Uncheck email notification box if checked jQuery('#send_ecardname').removeAttr('checked', 'true'); // Hide Postal Notification Fields jQuery('#tribute_notify_recip_name_row').hide(); jQuery('#tribute_notify_recip_street1_row').hide(); jQuery('#tribute_notify_recip_street2_row').hide(); jQuery('#tribute_notify_recip_city_row').hide(); jQuery('#tribute_notify_recip_state_row').hide(); jQuery('#tribute_notify_recip_zip_row').hide(); jQuery('#postal-notif-personal-message-row').hide(); jQuery('#postal_notif_personal_message_input').val('').trigger('keyup'); jQuery('#tribute_message_body_row').hide(); jQuery('#tribute_message_closing_row').hide(); jQuery('#tribute_signature_row').hide(); jQuery('#tribute_notify_recip_title_row').hide(); jQuery('#message_include_gift_amount_row').hide(); jQuery('#message_include_gift_amountname').prop('checked', false); // Hide Email Notification Fields jQuery('#send_ecard_row').hide(); jQuery('#donor_first_name_row').hide(); jQuery('#donor_middle_name_row').hide(); jQuery('#donor_last_name_row').hide(); jQuery('#ecard_recpients_row').hide(); jQuery('#select_grid_row').hide(); jQuery('#tribute_ecard_subject_row').hide(); jQuery('#tribute_ecard_message_row').hide(); jQuery('#e_card_copy_sender_row').hide(); jQuery('#tribute_ecard_subjectname').val(''); jQuery('#ecard_send_date_row').hide(); jQuery('#preview_button_row').hide(); jQuery('#tribute_notify_recip_country_row').hide(); jQuery('select#tribute_notify_recip_title').val(''); jQuery('#tribute_notify_recip_street1name').val(''); jQuery('#tribute_notify_recip_street2name').val(''); jQuery('#tribute_notify_recip_cityname').val(''); jQuery('#tribute_notify_recip_state').val(''); jQuery('#tribute_notify_recip_zipname').val(''); jQuery('#tribute_notify_recip_namename').val(''); jQuery('#postal_message_override_input').val(''); jQuery('#donor_first_namename').val(''); jQuery('#donor_middle_namename').val(''); jQuery('#donor_last_namename').val(''); jQuery('#ecard_recpientsname').val(''); jQuery('#tribute_ecard_messagename').val('').trigger('keyup'); jQuery('#tribute_notify_recip_country').val(''); jQuery('input#e_card_copy_sendername').prop('checked', false); }); // End Honor/Memorial customization to use buttons instead of fields //jQuery('#tribute_ecard_messagename, #ecard_recpientsname').attr({'placeholder': 'The maximum length for this field is 255 characters.','maxlength': '255'}); //jQuery('#tribute_ecard_subjectname').attr({'placeholder': 'The maximum length for this field is 50 characters.','maxlength': '50'}); // Hide/show ask messages // Standard Donation Level Only jQuery('#level_standard_row').after(jQuery('<div id="level_description" class="ask-message"></div>')); // Installment Plan Only jQuery('#level_installmentduration_row').after(jQuery('<div id="level_description" class="ask-message"></div>')); // Forever Sustainer Only jQuery('#level_forever_row').after(jQuery('<div id="level_description" class="ask-message"></div>')); if(jQuery('#level_standard_row, #level_installmentduration_row, #level_forever_row').length !=0) { if(jQuery(this).find('div.donation-level-expanded-label').length !=0){ jQuery('div.donation-level-expanded-label').hide(); } } // Execute Ask Message Hide/Show Script jQuery('div.donation-level-input-container').on('click touchend', function(e){ if(jQuery(this).find('div.donation-level-expanded-label').length !=0){ jQuery(this).find('div.donation-level-expanded-label').hide(); jQuery('#level_description').html(jQuery(this).find('div.donation-level-expanded-label').html()); } else { jQuery('#level_description').html(' '); } }); jQuery('div.donation-level-container:last-child').on('click touchend', function(e){ if(jQuery(this).find('div.donation-level-expanded-label').length !=0){ jQuery(this).find('div.donation-level-expanded-label').hide(); jQuery('#level_description').html(jQuery(this).find('div.donation-level-expanded-label').html()); } else { jQuery('#level_description').html(' '); } }); // Remove extra   before the user entered field on donation forms jQuery('.donation-level-user-entered').contents().filter(function() { return this.nodeType === 3 && this.nodeValue.length > 1; }).remove(); // Placeholders jQuery('textarea#tribute_ecard_messagename, #ecard_recpientsname, #postal_notif_personal_message_input').attr({'placeholder': 'Max length is 255 characters', 'maxlength': '255'}); jQuery('#tribute_message_closingname, #tribute_signaturename').attr('placeholder', 'Max length is 70 characters'); jQuery('#tribute_ecard_subjectname').attr('placeholder', 'Max length is 50 characters'); // Remaining Characters jQuery('textarea#tribute_ecard_messagename').after('<div class="remaining-characters"><span id="rchars-ecard-message">255<\/span> character$s$ remaining<\/div>'); jQuery('textarea#ecard_recpientsname').after('<div class="remaining-characters"><span id="rchars-ecard-recip">255<\/span> character$s$ remaining<\/div>'); jQuery('#postal_notif_personal_message_input').after('<div class="remaining-characters"><span id="rchars-postal-message">255<\/span> character$s$ remaining<\/div>'); jQuery('#tribute_message_closingname').after('<div class="remaining-characters"><span id="rchars-postal-closing">70</span> character$s$ remaining<\/div>'); jQuery('#tribute_signaturename').after('<div class="remaining-characters"><span id="rchars-postal-sig">70<\/span> character$s$ remaining<\/div>'); jQuery('#tribute_ecard_subjectname').after('<div class="remaining-characters"><span id="rchars-postal-subject">50<\/span> character$s$ remaining<\/div>'); var ecardPersonalMsgMaxLength = 255; jQuery('textarea#tribute_ecard_messagename').keyup(function() { var textlen = ecardPersonalMsgMaxLength - jQuery(this).val().length; jQuery('#rchars-ecard-message').text(textlen); }); var ecardRecipMaxLength = 255; jQuery('textarea#ecard_recpientsname').keyup(function() { var textlen1 = ecardRecipMaxLength - jQuery(this).val().length; jQuery('#rchars-ecard-recip').text(textlen1); }); var postalPersonalMsgMaxLength = 255; jQuery('#postal_notif_personal_message_input').keyup(function() { var textlen2 = postalPersonalMsgMaxLength - jQuery(this).val().length; jQuery('#rchars-postal-message').text(textlen2); }); var postalClosingMaxLength = 70; jQuery('#tribute_message_closingname').keyup(function() { var textlen3 = postalClosingMaxLength - jQuery(this).val().length; jQuery('#rchars-postal-closing').text(textlen3); }); var postalSigMaxLength = 70; jQuery('#tribute_signaturename').keyup(function() { var textlen4 = postalSigMaxLength - jQuery(this).val().length; jQuery('#rchars-postal-sig').text(textlen4); }); var postalSubjectMaxLength = 50; jQuery('#tribute_ecard_subjectname').keyup(function() { var textlen5 = postalSubjectMaxLength - jQuery(this).val().length; jQuery('#rchars-postal-subject').text(textlen5); }); }); }); </script>  <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script> <script> Y.use('jquery-noconflict', function () { jQuery(document).ready(function() { /* ------------ Donation levels ------------ */ $('.donation-level-container-generic-repeat').hide(); $('div.donation-level-user-entered').parent().parent().parent().addClass('other-amount-container'); //$('.payment-frequency-custom').parent().css('padding', '10px'); //$('div.donation-level-container input[type="radio"]:checked').parent().parent().parent().parent().addClass('selected'); /***$('div.donation-level-amount-container').each(function(){ $(this).html($(this).html().replace('.00','')); }); $('div.donation-level-container input[type="radio"]').change(function(e){ $('div.donation-level-container').removeClass('selected'); $('div.donation-level-container input[type="radio"]:checked').parent().parent().parent().parent().addClass('selected'); });***/ /* ------------ Amount label on Donate button ------------ */ var userSelectedAmount = ""; var otherAmountField = $('.donation-levels .donation-level-user-entered input[type="text"]'); var askStringRadioGroup = $('.donation-levels .donation-level-container .donation-level-label-input-container input[type="radio"]'); if ($(otherAmountField).not(':checked') && $(askStringRadioGroup).not(':checked')) { console.log('nothing is checked') $('.payment-onetime').removeClass("active-button"); } function userGiftAmount() { $(askStringRadioGroup).each(function() { if ($(this).is(":checked")) { if ($(this).parent().parent().find(".donation-level-user-entered").length > 0) { if (!isNaN($(otherAmountField).val())) { userSelectedAmount = $(otherAmountField).val(); } else { //userSelectedAmount = $(otherAmountField).val().replace("$", ""); userSelectedAmount = $(otherAmountField).val().replace(/[^0-9\.]+/g, ""); } } else { userSelectedAmount = $(this).parent().next().find("div").html(); userSelectedAmount = userSelectedAmount.replace("$", ""); userSelectedAmount = userSelectedAmount.replace(",", ""); userSelectedAmount = trim(userSelectedAmount); if (isNaN(userSelectedAmount)) { userSelectedAmount = $(otherAmountField).val().replace(/[^0-9\.]+/g, ""); } } } }); userSelectedAmount = Number(userSelectedAmount).toFixed(2); return userSelectedAmount; } var amountToShow = ""; /***function donateButtonLabel() { var donateButtonEle = $("#pstep_finish"); var monthlyRadio = $('input[id="payment-frequency-monthly"]'); var onetimeRadio = $('input[id="payment-frequency-onetime"]'); amountToShow = Number(userGiftAmount()).toFixed(2); amountToShow = amountToShow.replace(".00", ""); amountToShow = amountToShow.replace("$", ""); amountToShow = numberWithCommas(amountToShow); console.log('amountToShow is ' + amountToShow); //change amountToShow to activeAmtFormat to work with donor cover total $(monthlyRadio).click( function() { $("#pstep_finish").html("Donate " + activeAmtFormat + " Monthly"); }); $(onetimeRadio).click( function() { $("#pstep_finish").html("Donate " + activeAmtFormat + " Now"); }); if ($(monthlyRadio).is(":checked")) { $("#pstep_finish").html("Donate " + activeAmtFormat + " Monthly"); } else { if ($(onetimeRadio).is(":checked")) { $("#pstep_finish").html("Donate " + activeAmtFormat + " Now"); } else if ($(onetimeRadio).not(':checked') && $(monthlyRadio).not(':checked') && activeAmtFormat != 0) { $("#pstep_finish").html("Donate " + activeAmtFormat + " Now"); } } } function numberWithCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } $(function() { console.log('starting unnamed function'); // remove other input from tab order $('.donation-levels .donation-level-user-entered input[type="text"]').attr("tabindex", "-1"); //update donate button lavel initially donateButtonLabel(); // now update on changes //frequency change $('.payment-frequency-custom input[type="radio"]').change(function() { donateButtonLabel(); }); //ask string change $('.donation-level-container input[type="radio"]').change(function(e) { $(e.target).parent().parent().find('input[type="text"]').focus(); donateButtonLabel(); }); $('.donation-levels .donation-level-user-entered input[type="text"]').blur( function() { donateButtonLabel(); } ); $('.donation-levels .donation-level-user-entered input[type="text"]').change( function() { donateButtonLabel(); } ); });***/ var donateModule = (function () { function givingLevels() { var givingArr = []; jQuery('.donation-level-container').each(function (idx, el) { var $el = jQuery(el) givingArr.push($el); }); var otherAmountArr = givingArr.pop(); var onetimeArr = givingArr.splice(0, Math.ceil(givingArr.length / 2)); var monthlyArr = givingArr; jQuery.each(onetimeArr, function (index, value) { onetimeArr[index].addClass("one-time"); }); jQuery.each(monthlyArr, function (index, value) { monthlyArr[index].addClass("monthly"); }); if ($('#level_standardauto_repeatname').is(':checked') == true) { jQuery('.one-time').hide(); jQuery('.monthly').css("display", "inline-block"); jQuery('.payment-onetime').removeClass("active-button"); jQuery('.payment-monthly').addClass("active-button"); jQuery('label[for="responsive_payment_typepay_typeradiopaypal"]').parent().hide(); } else { jQuery('.monthly').hide(); jQuery('.one-time').css("display", "inline-block"); jQuery('.payment-monthly').removeClass("active-button"); jQuery('label[for="responsive_payment_typepay_typeradiopaypal"]').parent().show(); if ($(otherAmountField).is(':checked') || $(askStringRadioGroup).is(':checked')) { jQuery('.payment-onetime').addClass("active-button"); } //jQuery('.payment-onetime').addClass("active-button"); } } function chooseFreq() { if (jQuery('.donation-level-container-generic-repeat').length != 0) { //One Time jQuery('#toggle-one-time-btn').click(function (e) { //console.log('one-time btn clicked'); jQuery('input#level_standardauto_repeatname').prop('checked', false); jQuery('input[id="payment-frequency-onetime"]').prop('checked', true); jQuery('.monthly').hide(); jQuery('.one-time').css("display", "inline-block"); jQuery('.payment-monthly').removeClass("active-button"); jQuery('.payment-onetime').addClass("active-button"); jQuery('label[for="responsive_payment_typepay_typeradiopaypal"]').parent().show(); jQuery('#parentContent_pageContent_divMonthlyTerms').addClass("hide"); }); //Monthly jQuery('#toggle-recurring-btn').click(function (e) { //console.log('monthly btn clicked'); jQuery('input#level_standardauto_repeatname').prop('checked', true); jQuery('input[id="payment-frequency-monthly"]').prop('checked', true); jQuery('.one-time').hide(); jQuery('.monthly').css("display", "inline-block"); jQuery('.payment-onetime').removeClass("active-button"); jQuery('.payment-monthly').addClass("active-button"); jQuery('label[for="responsive_payment_typepay_typeradiopaypal"]').parent().hide(); jQuery('#parentContent_pageContent_divMonthlyTerms').removeClass("hide"); }); } } return { chooseFreq: chooseFreq, givingLevels: givingLevels }; })(); // Check if the payment frequency div exist // If it does exist run givingLevels() and chooseFreq // Otherwise they will not run if (jQuery('.payment-frequency-custom').length) { //console.log('payment frequency exist') donateModule.givingLevels(); } if ($('#level_standardauto_repeatname').is(':checked') == true) { jQuery('#toggle-recurring-btn').trigger('click'); } jQuery('.payment-frequency-custom div').click(function (event) { donateModule.chooseFreq(jQuery(this)); }); });//docready });//yui </script> <style > .payment-frequency-custom .payment-onetime, .payment-frequency-custom .payment-monthly { height: 40px; float: left; position: relative; } .payment-frequency-custom .payment-onetime input[type="radio"], .payment-frequency-custom .payment-onetime label, .payment-frequency-custom .payment-monthly input[type="radio"], .payment-frequency-custom .payment-monthly label { display: inline-block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0; /***font-weight:400 !important;***/ font-size: 15px; font-family: Georgia, 'Times New Roman', Arial, Helvetica, Verdana, sans-serif !important; font-weight: normal; margin: 8px 0px; color: #fff; } .payment-frequency-custom .payment-onetime input[type="radio"], .payment-frequency-custom .payment-monthly input[type="radio"] { opacity: 0.011; z-index: 100 } .payment-frequency-custom .payment-onetime, .payment-frequency-custom .payment-monthly { background: #333333; border: 3px solid #333333; cursor: pointer; color: #fff; text-align: center; -webkit-transition: all 0.05s ease-in; transition: all 0.05s ease-in; line-height: 38px; width: 99px; } .payment-frequency-custom .payment-onetime.active-button, .payment-frequency-custom .payment-monthly.active-button { border: 3px solid #d62f26 !important; background-color: #d62f26 !important; color: #ffffff !important; width: 99px; } .payment-frequency-custom .payment-onetime label div, .payment-frequency-custom .payment-monthly label div { display: block } .payment-frequency-custom .payment-onetime input[type="radio"]:checked + label, .payment-frequency-custom .payment-monthly input[type="radio"]:checked + label { background: transparent; color: #fff; border-color: transparent; } .payment-frequency-custom .payment-onetime { width: 99px } .payment-frequency-custom .payment-monthly { margin-right: 10px; width: 99px } @media (max-width: 480px) { .payment-frequency-custom .payment-onetime { width: 100%; } .payment-frequency-custom .payment-monthly { margin-right: 0px; margin-bottom: 10px; width: 100%; } } div#toggle-recurring-btn, div#toggle-one-time-btn { margin: 8px 8px 8px 0 !important; } @media(min-width: 767px) { .payment-frequency-custom { margin: 0px auto; text-align: center; display: block; } } div#toggle-recurring-btn, div#toggle-one-time-btn { -moz-border-radius: 6px; -webkit-border-radius: 0px; border-radius: 0px; } button#toggle-manage-montly-btn { background-color: #333333; background-image: -moz-linear-gradient(top, #333333 0%, #333333 100%); background-image: -webkit-linear-gradient(top, #333333 0%,#333333 100%); background-image: linear-gradient(to bottom, #333333 0%,#333333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=0 ); float: left; margin-right: 0.5em !important; min-width: auto !important; letter-spacing: normal !important; font-weight: 500; color: #fff; text-shadow: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; white-space: normal; font-size: 16px !important; text-decoration: none; margin: 0px !important; border: 0px !important; padding: 10px 7px !important; background: #333333; background: -moz-linear-gradient(top, #333333 0%, #333333 100%); background: -webkit-linear-gradient(top, #333333 0%,#333333 100%); background: linear-gradient(to bottom, #333333 0%,#333333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=0 ); border: 0px; filter: none; transition-delay: 0s !important; transition-duration: 800ms !important; transition-property: all !important; transition-timing-function: ease !important; -webkit-transition-delay: 0s !important; -webkit-transition-duration: 800ms !important; -webkit- transition-property: all !important; -webkit-transition-timing-function: ease !important; -o-transition-delay: 0s !important; -o-transition-duration: 800ms !important; -o-transition-property: all !important; -o-transition-timing-function: ease !important; -moz-transition-delay: 0s !important; -moz-transition-duration: 800ms !important; -moz-transition-property: all !important; -moz-transition-timing-function: ease !important; -khtml-transition-delay: 0s !important; -khtml-transition-duration: 800ms !important; -khtml-transition-property: all !important; -khtml-transition-timing-function: ease !important; -ms-transition-delay: 0s !important; -ms-transition-duration: 800ms !important; -ms-transition-property: all !important; -ms-transition-timing-function: ease !important; text-decoration: none; text-transform: none; font-weight: 500; font-family: Georgia, 'Times New Roman', Arial, Helvetica, Verdana, sans-serif !important; margin: 0.5em 0!important; } div.payment-field-container span.internal-payment { margin-right: 0; } @media(max-width:767px) { button#toggle-manage-montly-btn { width: 100%; } div#toggle-recurring-btn, div#toggle-one-time-btn { width: 100%; } } </style> <script type="text/javascript"> /* Use Convio YUI */ /*** Y.use('jquery-noconflict', function() { jQuery(document).ready(function() { console.log('misc jquery loading'); jQuery('div.donation-level-user-entered input[type="text"]').attr('placeholder','Other amount'); jQuery('div.donation-level-user-entered input[type="text"]').focus(function() { $(this).attr('placeholder', '$') }).blur(function() { $(this).attr('placeholder', 'Other amount') }); jQuery('label[for="is_this_a_company_dropdown"]').parent().hide(); jQuery('#company_name_input').parent().parent().hide(); jQuery('#company_name_input').parent().parent().addClass('company_name_row'); jQuery('.external-payment .payment-type-option').appendTo('.internal-payment'); jQuery('label[for="donate_in_honor_of_someone_dropdown"]').parent().hide(); jQuery('label[for="designate_your_donation_dropdown"]').parent().hide(); jQuery('#form-expandable').hide(); jQuery('label[for="donate_in_honor_of_someone_radio"]').append(jQuery('<div class="form-control__details">Minimum donation: $10 per card.</div>')); jQuery('label[for="designate_your_donation_radio"]').append(jQuery('<div id="parentContent_pageContent_dvDesignationDefault" class="form-control__details">Your gift will go where it is needed most, unless you specify a particular location or cause for it to be used.</div>')); //jQuery('.monthly').hide(); // Corporate contribution jQuery('#is_this_a_company_radio').click(function () { if (jQuery(this).is(':checked') == true) { jQuery('#company_name_input').parent().parent().show(); } else { jQuery('#company_name_input').parent().parent().hide(); }; }); // Donate in honor of someone and send a personalized card jQuery('#donate_in_honor_of_someone_radio').click(function () { if (jQuery(this).is(':checked') == true) { jQuery('#form-expandable').show(); } else { jQuery('#form-expandable').hide(); }; }); }); }) ***/ </script> <script type="text/javascript"> /*** Y.use('jquery-noconflict', function() { jQuery(document).ready(function () { //Disable Enter Key jQuery('#donor_matching_employersearchBtn').prop('disabled', true); jQuery('#donor_matching_employersearchname').keyup(function() { if (jQuery(this).val() == '') { console.log('nothing in searchinput'); } else { console.log('something there'); jQuery('#donor_matching_employersearchBtn').prop('disabled', false); } }); //hides employee search results if empty - needs to run onload var empSearchResults = jQuery('#donor_matching_employer_company_information .radio-button-container'); jQuery(this).scrollTop(0); if (empSearchResults.length === 1) { console.log('only one so hide others') //jQuery('#donor_matching_employer_company_information').hide(); jQuery('input#donor_matching_employer_0').prop('checked', true); //setTimeout(function() { jQuery('input#donor_matching_employer_0').hide(); jQuery('label[for="donor_matching_employer_0"]').text('Sorry, your employer was not found.'); //}, 3000); jQuery('#donor_matching_employer_match_information').hide(); } else { console.log('more than one so do nothing'); jQuery('#donor_matching_employer_company_information').show(); jQuery('#donor_matching_employer_match_information').show(); } //Employer search position if($('input#donor_matching_employer_0').length){ var employersearchDiv = jQuery('.matching-gift-container').first(); var scrollPos = employersearchDiv.offset().top; jQuery(window).scrollTop(scrollPos); }; //Add country classes to states var states = jQuery('#billing_addr_state option'); for (var i = 0; i < states.length; i++) { var statesIndex = states[i].index; if (statesIndex >= 1 && statesIndex <=62) { jQuery(states[i]).addClass('usState'); } else if (statesIndex > 62 && statesIndex < 76) { //console.log(states[i]); jQuery(states[i]).addClass('canada'); } } //set up variables var detUsStates = jQuery('#billing_addr_state option.usState'); //console.log(detUsStates); var detCanada = jQuery('#billing_addr_state option.canada'); //console.log(detCanada); //set up functions function detachCanStates() { jQuery(detCanada).detach(); jQuery('#billing_addr_state').append(detUsStates); } function detachUsStates() { jQuery(detUsStates).detach(); jQuery('#billing_addr_state').append(detCanada); } function detachAllStates() { jQuery(detCanada).detach(); jQuery(detUsStates).detach(); } //set default onload hideStates(); //set up event jQuery('#billing_addr_country').change(function() { hideStates(); }); function hideStates() { var country = jQuery('#billing_addr_country').val(); console.log('country change to ' + country); if (country == "United States") { detachCanStates(); } else if (country == "Canada") { detachUsStates(); } else { detachAllStates(); } } });//docready });//yui ***/ </script>  <script> Y.use('jquery-noconflict', function() { jQuery(document).ready(function() { if(jQuery('[id$=payment_typepay_typeradiocredit]').length > 0) { // cc button exists console.log('cc button exists'); ccType = jQuery('[id$=payment_typepay_typeradiocredit]'); var ccLabel = ccType.parent().children('label'); jQuery(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); jQuery('div#payment_cc_container').css('display','block'); jQuery('div#payment_bank_container').css('display','none'); } }); jQuery(ccLabel).click(function() { console.log('label selected'); jQuery(ccType).parent().trigger('click'); }); } if(jQuery('[id$=payment_typepay_typeradioach]').length > 0) { // ach button exists console.log('ach button exists'); achType = jQuery('[id$=payment_typepay_typeradioach]'); var achLabel = achType.parent().children('label'); jQuery(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); jQuery('div#payment_cc_container').css('display','none'); jQuery('div#payment_bank_container').css('display','block'); } else { console.log('ach not selected'); } }); jQuery(achLabel).click(function() { console.log('label selected'); jQuery(achType).parent().trigger('click'); }); } if(jQuery('[id$=payment_typepay_typeradiopaypal]').length > 0) { // paypal button exists console.log('paypal button exists'); paypalType = jQuery('[id$=payment_typepay_typeradiopaypal]'); var paypalLabel = paypalType.parent().children('label'); jQuery(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); jQuery('#payment_bank_container').css('display','none'); jQuery('#payment_cc_container').css('display','none'); } }); jQuery(paypalLabel).click(function() { console.log('label selected'); jQuery(paypalType).parent().trigger('click'); }); } });//docready });//yui </script> </div> </div> </div> <input type="hidden" name="1400.donation" id="1400.donation" value="form1" /> </div> <script type="text/javascript"> var submitted = false; function checkDoubleClick() { var elCheck = ''; if (elCheck == 'el') { alert ('Form submission is not enabled when previewing an individual data element.'); return false; } else if (submitted) { alert('You have already submitted this payment. Please wait....'); return false; } else { submitted = true; return true; } } </script><noscript> </noscript> </form> </div> </div> <div class="col-lg-5 col-md-2 hidden-s"></div> </div> </div> </div> </div> </body> </html>