secure3.convio.net Open in urlscan Pro
74.123.154.146  Public Scan

Submitted URL: http://rfbo.regionalfoodbank.org/site/R?i=PG3lBNoNoNsEj1XstjjiVuOeJirnn1lerduGXkPH0gA0RRLkj5sd2Q
Effective URL: https://secure3.convio.net/rfbo/site/Donation2;jsessionid=00000000.app30103b?7910.donation=form1&df_id=7910&mfc_pref=T&s_sr...
Submission: On October 13 via api from US — Scanned from DE

Form analysis 1 forms found in the DOM

Name: processPOST https://secure3.convio.net/rfbo/site/Donation2

<form name="process" id="ProcessForm" action="https://secure3.convio.net/rfbo/site/Donation2" method="post" onsubmit="return checkDoubleClick();">
  <div class="donation-form-container responsive">
    <script type="text/javascript">
      <!--
      function reloadPage() {
        window.location.reload(true);
      }

      function testAjax() {
        var xmlHttp = null;
        // Opera 8.0+, Firefox, Chrome, Safari
        try {
          xmlHttp = new XMLHttpRequest();
        } catch (e) {
          // Internet Explorer Browsers
          try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
          } catch (e) {
            try {
              xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {
              return false;
            }
          }
        }
        xmlHttp.open('POST', 'AjaxHelper;jsessionid=00000000.app30103b?NONCE_TOKEN=E22D296AA633F246B0C8BBBFF10CD51E', true);
        xmlHttp.send();
      }
      addOnLoadHandler(testAjax);
      // 
      -->
    </script>
    <div class="donation-form-content">
      <input type="hidden" name="user_donation_amt" id="user_donation_amt" value="">
      <input type="hidden" name="company_min_matching_amt" id="company_min_matching_amt" value="">
      <input type="hidden" name="currency_locale" id="currency_locale" value="en_US">
      <div class="form-row">
        <div class="html-caption-container">
          <!-- html caption 1 - new responsive form styles -->
          <style type="text/css">
            <!--
            #ecard_recpients_row,
            #tribute_ecard_subject_row,
            #tribute_ecard_message_row,
            #select_grid_row,
            #ecard_send_date_row,
            #preview_button_row {
              display: none;
            }

            /* memorial section styles */
            div#message_include_gift_amount_row {
              margin-bottom: 30px;
            }

            fieldset select {
              display: inline-block;
            }

            form {
              border: none;
            }

            .form-content {
              width: 100%;
            }

            label.FormLabel {
              width: 16.6666% !important;
              min-width: 0;
              margin-top: 0;
            }

            h2.section-header-container {
              padding-top: 40px;
              padding-bottom: 25px;
              margin: 40px 0 0 0;
            }

            #level_flexiblegift_type_Row {
              margin-bottom: 40px;
            }

            .don-standard-levels.form-row {
              margin-top: -20px;
            }

            div.donation-level-input-container {
              padding: 0;
            }

            .donation-level-label-input-container {
              width: 2px !important;
            }

            .donation-levels {
              text-align: center;
            }

            input[type=text] {
              box-shadow: none !important;
              -webkit-box-shadow: none !important;
              height: 45px;
            }

            .checked {
              background-color: #ed2432;
              color: #fff !important;
              font-weight: 600;
              border: 1px #ed2432 solid !important;
            }

            .donation-level-user-entered {
              text-align: center;
              width: 550px !important;
            }

            .donation-level-user-entered label {
              display: none;
            }

            .body-wrapper {
              width: 75px;
              margin: 0 auto;
            }

            .designated-giving-recurring-row {
              display: inline-block;
              width: 50%;
              padding: 0 6px;
            }

            .designated-giving-recurring-row>input+label {
              display: block;
              width: 100% !important;
            }

            #level_flexibleduration_row {
              display: none;
            }

            div.donation-level-expanded-label {
              margin-top: 5px;
              margin-left: 25px;
            }

            input::placeholder {
              padding-top: 13px !important;
            }

            input[type=radio] {
              opacity: 0;
              width: 2px;
              float: left;
            }

            input[type=radio]+label {
              margin: 0px;
              clear: none;
              cursor: pointer;
              padding: 13px 20px;
              border-radius: 5px;
              -moz-border-radius: 5px;
              -webkit-border-radius: 5px;
              -o-border-radius: 5px;
              text-align: center;
              color: #c1c1c1;
            }

            label+div.donation-level-user-entered {
              display: inline;
            }

            .donation-level-user-entered input {
              text-align: center;
              border: 1px solid #d9d6cf;
              padding: 5px 7px;
              border-radius: 5px;
              -moz-border-radius: 5px;
              -webkit-border-radius: 5px;
              -webkit-box-shadow: inset 3px 3px 3px #f0f0f0;
              -moz-box-shadow: inset 3px 3px 3px #f0f0f0;
              box-shadow: inset 3px 3px 3px #f0f0f0;
            }

            .donation-level-user-entered input:focus {
              outline: none !important;
              border: 1.5px solid #ed2433 !important;
              color: #ed2433;
            }

            .form-container {
              padding: 20px 0 20px 0;
            }

            .donation-level-container>div.form-content {
              display: inline !important;
            }

            label+div.donation-level-user-entered {
              margin: 0;
            }

            div.donation-level-label-container {
              margin-left: 0 !important;
            }

            label[for="donor_email_opt_inname"] {
              width: 378px !important;
            }

            label[for="responsive_payment_typecc_exp_date_YEAR"],
            div#responsive_payment_typecc_type_row {
              display: none;
            }

            #payment_cc_container>h3 {
              display: none !important;
            }

            select#responsive_payment_typecc_exp_date_YEAR {
              float: right;
            }

            fieldset.cardExpGroup {
              width: 100%;
            }

            h2:first-of-type {
              margin-bottom: 25px;
              margin-top: 10px;
            }

            input#responsive_payment_typecc_cvvname {
              margin-left: -2px;
            }

            select {
              height: 45px !important;
              color: #8D8D8D !important;
              border: #c5c2bd 1px solid !important;
              /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1ef+100 */
              background: rgb(255, 255, 255);
              /* Old browsers */
              /* FF3.6+ */
              background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(241, 241, 239, 1)));
              /* Chrome,Safari4+ */
              background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 239, 1) 100%);
              /* Chrome10+,Safari5.1+ */
              /* Opera 11.10+ */
              /* IE10+ */
              background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 239, 1) 100%);
              background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 239, 1) 100%);
              /* W3C */
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1ef', GradientType=0);
              /* IE6-9 */
            }

            div.responsive button.action-button {
              background: #ed2433;
              border: none;
              color: #fff;
              filter: none;
              border-radius: 6px;
            }

            div.button-container {
              display: inline-block !important;
              width: 550px;
              border-top: none;
              margin-top: 0;
            }

            div.responsive button.step-button {
              max-width: 100%;
            }

            div.responsive button.finish-step {
              float: none;
              border-radius: 6px;
              font-size: 16px;
              font-weight: 600;
              filter: none;
            }

            button.finish-step {
              width: 600px;
              height: 60px;
            }

            button#pstep_cancel {
              visibility: hidden;
            }

            div#donor_email_opt_in_Row,
            div#message_include_gift_amount_row {
              margin-left: 138px;
            }

            div.responsive div.form-checkbox label {
              display: inline;
            }

            select#responsive_payment_typecc_exp_date_MONTH,
            select#responsive_payment_typecc_exp_date_YEAR {
              width: 49% !important;
            }

            label.FormLabel {
              min-width: initial;
            }

            div.payment-field-container #responsive_payment_typecc_cvv_row input {
              width: 200px !important;
              position: relative;
              right: 88px;
            }

            .HelpLink {
              position: relative;
              left: 130px;
              top: 36px;
            }

            a.HelpLink {
              color: #ed2433 !important;
              font-weight: bold;
              letter-spacing: .6px;
            }

            legend {
              border: none;
              margin-left: 10px;
              margin-bottom: 10px;
            }

            div.responsive span.field-required {
              height: 5px;
              width: 5px;
              background-size: contain;
              vertical-align: super;
              /*margin-left: 10px;*/
            }

            div.responsive span.header-info-message {
              display: none;
            }

            .form-message-text {
              margin-bottom: 20px;
              font-style: italic;
            }

            .check-box-form-label-text {
              margin-bottom: 10px;
              font-weight: bold;
            }

            /* designated giving row styles */
            div#level_designated_row div.form-content span.field-required {
              display: none;
            }

            div.designated-giving-input-row div.designated-giving-selection-container {
              width: 73.3333%;
            }

            div.designated-giving-input-row div.designated-giving-amount-container {
              margin-left: 4%;
              width: 21.6666%;
              max-width: none;
            }

            input#level_designated5name {
              width: 100%;
            }

            h3.designated-program-label {
              margin: 0 0 0 10px;
              padding: 20px 0 5px;
            }

            div.designated-giving-input-row {
              border: none;
              background-color: #fff;
              margin-bottom: 30px;
            }

            select#level_designated5primary {
              width: 100% !important;
            }

            div.generic-repeat-label-checkbox-container {
              width: 100%;
              margin-left: 10px;
              padding: 0;
            }

            label[for="level_designatedauto_repeatname"] {
              width: 90% !important;
            }

            input#level_designatedauto_repeatname {
              vertical-align: baseline;
            }

            /* IE bug fixes */
            #billing_first_namename,
            #billing_last_namename,
            #responsive_payment_typecc_numbername,
            #billing_addr_street1name,
            #billing_addr_street2name,
            #billing_addr_cityname,
            #billing_addr_state,
            #billing_addr_zipname,
            #donor_email_addressname,
            #donor_last_namename,
            #donor_first_namename,
            #billing_addr_country {
              /*width: 73% !important;*/
              /*margin-left: 4.33% !important;*/
            }

            div.responsive textarea,
            div.responsive input,
            div.responsive select,
            div.responsive option,
            .FormLabel {
              vertical-align: middle;
            }

            input#donor_email_opt_inname,
            input#message_include_gift_amountname {
              vertical-align: baseline;
            }

            /* ecard section */
            div#select_grid_row {
              margin-left: 18px;
            }

            label[for="select_gridname"] {
              vertical-align: top;
            }

            select#ecard_send_date_MONTH,
            select#ecard_send_date_DAY,
            select#ecard_send_date_YEAR {
              width: 32.72% !important;
            }

            div.date-input-container>label[for="ecard_send_date_MONTH"],
            label[for="ecard_send_date_DAY"],
            label[for="ecard_send_date_YEAR"] {
              display: none;
            }

            div#ecard_send_date_row {
              margin-left: 20px;
            }

            div.form-row div.form-content>textarea {
              display: inline-block;
              width: 73%;
              margin-left: 4.33%;
              vertical-align: top;
            }

            label.layout-choice-thumbnail-label {
              width: initial !important;
              cursor: pointer;
            }

            div#send_ecard_row span.check-box-form-label-text {
              display: inline-block;
              margin-left: 10px;
            }

            input#send_ecardname {
              margin-left: 4.33%;
              vertical-align: top;
            }

            div#preview_button_row {
              margin-left: 138px;
            }

            div.layout-choice-thumbnail-container {
              float: none;
              text-align: center;
            }

            .selected {
              border: 3px solid #dc2c30;
            }

            .show-hide {
              display: initial;
            }

            /* media queries */
            @media (max-width: 998px) {
              main#body {
                padding-left: 0 !important;
              }

              form {
                margin: 0 auto;
              }
            }

            @media (max-width: 768px) {
              main#body {
                padding-right: 0 !important;
              }
            }

            @media (max-width: 600px) {
              main#body {
                padding: 0;
              }

              #header-logo {
                margin-left: 0 !important;
                height: auto;
              }

              form {
                width: 100%;
                padding: 30px 10px;
                border-radius: 0;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                -o-border-radius: 0;
              }

              div.responsive {
                width: initial;
              }

              .donation-form-container,
              .section-header-container {
                width: 100% !important;
              }

              input[type=radio]+label {
                display: block;
                width: 100% !important;
              }

              div.donation-level-container {
                display: block;
              }

              .form-donation-level div,
              div#select_grid_row,
              div#ecard_send_date_row,
              div#preview_button_row {
                width: 100% !important;
                margin-left: 0 !important;
              }

              .donation-level-label-input-container+label {
                width: 100% !important;
              }

              input[type=text],
              select,
              div.date-input-container {
                display: block !important;
                width: 100% !important;
                margin-left: 0 !important;
              }

              .donation-level-user-entered input {
                left: 0;
                margin-top: -10px;
                margin-bottom: 20px
              }

              select#billing_addr_state {
                margin-left: 0 !important;
              }

              label,
              label.FormLabel {
                width: 75% !important;
                margin-top: 0;
              }

              div.form-row div.form-content>input[type=text],
              #billing_first_namename,
              #billing_last_namename,
              #responsive_payment_typecc_numbername,
              #billing_addr_street1name,
              #billing_addr_street2name,
              #billing_addr_cityname,
              #billing_addr_state,
              #billing_addr_zipname,
              #donor_email_addressname,
              #donor_last_namename,
              #donor_first_namename,
              #billing_addr_country,
              #tribute_type,
              #tribute_message_bodyname,
              textarea,
              select#ecard_send_date_MONTH,
              select#ecard_send_date_DAY,
              select#ecard_send_date_YEAR {
                width: 100% !important;
                margin-left: 0 !important;
              }

              input[type=radio] {
                height: 2px !important;
                margin: 0;
              }

              legend {
                margin-bottom: 0;
              }

              .button-container {
                width: 100% !important;
                padding-left: 0 !important;
              }

              div#donor_email_opt_in_Row,
              div#message_include_gift_amount_row {
                margin-left: 12px;
              }

              select#responsive_payment_typecc_exp_date_MONTH,
              select#responsive_payment_typecc_exp_date_YEAR {
                position: initial;
              }

              fieldset.cardExpGroup {
                margin-left: 0;
              }

              select#responsive_payment_typecc_exp_date_MONTH {
                float: left;
              }

              div.payment-field-container #responsive_payment_typecc_cvv_row input {
                position: initial;
                width: 100% !important;
              }

              .HelpLink {
                position: initial;
                display: block;
                margin-left: 10px;
              }

              .cvv-input {
                position: initial;
                margin-top: 10px !important;
              }

              .donation-level-input-container>label {
                position: relative;
              }

              div.donation-form-container.responsive {
                padding: 10px !important;
              }

              .designated-giving-amount-container {
                margin-top: 10px;
              }
            }
            -->
          </style>
        </div>
      </div>
      <div class="form-row">
        <div class="html-caption-container">
          <style type="text/css">
            <!--
            h1,
            h2,
            h3,
            h4,
            h5 {
              font-family: 'Raleway', Sans-Serif;
              font-weight: 700;
            }

            h1 {
              margin-top: 0;
              font-size: 36px;
              font-weight: 400;
              line-height: 1.1em;
              text-transform: none;
            }

            p,
            form span,
            label {
              font-family: 'Raleway', Sans-Serif;
              font-weight: 400;
            }

            strong,
            em,
            a {
              font-family: inherit;
            }

            div.donation-level-label-container {
              font-family: 'Raleway', Sans-Serif;
              font-weight: 700;
            }

            div.html-caption-container {
              max-width: 100%;
            }

            div.responsive button.action-button {
              background-image: none;
              background-color: #8BC400;
              color: #ffffff;
              font: 18px "Raleway", Sans-Serif;
            }

            div.responsive button.action-button:hover {
              background-image: none;
              background-color: #29963A;
            }

            div.responsive button.finish-step {
              float: left;
              margin-right: 50px;
            }

            div.responsive button.cancel-step {
              color: inherit;
              font-size: 12px;
            }

            div.html-caption-container img {
              margin: 24px;
            }

            #tsm--caption-wrapper img {
              width: 100%;
              /* float: left; */
              margin: 0;
              border: 1px solid #eaeaea;
              border-radius: 9px;
            }

            #tsm--caption-wrapper p {
              font-size: 1.5em;
            }

            /* adjusting a few form styles */
            #tribute_show_honor_fieldsname,
            label[for="tribute_show_honor_fieldsname"],
            #donor_remember_mename,
            label[for="donor_remember_mename"] {
              display: inline !important;
              vertical-align: middle;
            }

            #dd-company-name-input .Select-input>input {
              line-height: 20px !important;
            }

            .tsm--header-image {}

            @media screen and (max-width: 480px) {
              #tsm--caption-wrapper img {
                width: 100%;
                float: none;
                margin: 0;
              }

              h1 {
                font-size: 28px;
              }
            }
            -->
          </style>
          <div id="tsm--caption-wrapper"><img src="../images/content/pagebuilder/FY23_PaTT_Donation_Form.jpg" border="0" alt="Families Need Your Help This Thanksgiving" width="100%"> <br><br>
            <h1><strong>Families Need Your Help This Thanksgiving</strong></h1>
            <p>As we prepare for the holiday season, please remember our neighbors facing hunger. Your <strong>2022 A Place at the Table</strong> gift today will help ensure local families have a meal this Thanksgiving. Every dollar helps local
              families, so please give as generously as you can. Thank you.</p>
          </div>
        </div>
      </div>
      <h2 class="section-header-container"> Gift Amount </h2>
      <div id="level_standard_row">
        <div id="tsm--gift-type">
          <button id="tsm--select-once" type="button" class="tsm--gift-type-selected">One-Time Gift</button>
          <button id="tsm--select-monthly" type="button">Monthly Gift</button>
        </div>
        <div class="don-standard-levels form-row">
          <div class="levels-label">
          </div>
          <div id="level_standard_row" class="form-row form-donation-level">
            <div class="form-content">
              <span class="field-required"></span> <span class="aural-only">Field Is Required</span>
              <span class="FormLabelText">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_standardexpanded13357" value="13357" onclick="evalMatchingGift('$500.00');
updateDonorCoverAmount('$500.00');">
                      </div>
                      <label for="level_standardexpanded13357" onclick="">
                        <div class="donation-level-amount-container"> $500</div>
                      </label>
                    </div>
                    <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_13357expandedsubmit" 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_standardexpanded13356" value="13356" onclick="evalMatchingGift('$250.00');
updateDonorCoverAmount('$250.00');">
                      </div>
                      <label for="level_standardexpanded13356" onclick="">
                        <div class="donation-level-amount-container"> $250</div>
                      </label>
                    </div>
                    <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_13356expandedsubmit" 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_standardexpanded13355" value="13355" onclick="evalMatchingGift('$100.00');
updateDonorCoverAmount('$100.00');">
                      </div>
                      <label for="level_standardexpanded13355" onclick="">
                        <div class="donation-level-amount-container"> $100</div>
                      </label>
                    </div>
                    <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_13355expandedsubmit" value="true">
                  </div>
                </div>
                <div class="donation-level-container">
                  <div class="tsm--recommended-gift" style="display: block;">Most donors give this much.</div>
                  <div class="form-content">
                    <div class="donation-level-input-container form-input">
                      <div class="donation-level-label-input-container selected-amount">
                        <input type="radio" name="level_standardexpanded" id="level_standardexpanded13364" value="13364" checked="checked" onclick="evalMatchingGift('$50.00');
updateDonorCoverAmount('$50.00');">
                      </div>
                      <label for="level_standardexpanded13364" onclick="">
                        <div class="donation-level-amount-container"> $50</div>
                      </label>
                    </div>
                    <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_13364expandedsubmit" 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_standardexpanded13363" value="13363" onclick="evalMatchingGift('$25.00');
updateDonorCoverAmount('$25.00');">
                      </div>
                      <label for="level_standardexpanded13363" onclick="">
                        <div class="donation-level-amount-container"> $25</div>
                      </label>
                    </div>
                    <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_13363expandedsubmit" value="true">
                  </div>
                </div>
                <div class="donation-level-container" style="display: none;">
                  <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_standardexpanded13358" value="13358" onclick="evalMatchingGift('$20.00');
updateDonorCoverAmount('$20.00');">
                      </div>
                      <label for="level_standardexpanded13358" onclick="">
                        <div class="donation-level-amount-container"> $20</div>
                      </label>
                    </div>
                    <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_13358expandedsubmit" value="true">
                  </div>
                </div>
                <div class="donation-level-container" style="display: none;">
                  <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_standardexpanded13359" value="13359" onclick="evalMatchingGift('$40.00');
updateDonorCoverAmount('$40.00');">
                      </div>
                      <label for="level_standardexpanded13359" onclick="">
                        <div class="donation-level-amount-container"> $40</div>
                      </label>
                    </div>
                    <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_13359expandedsubmit" value="true">
                  </div>
                </div>
                <div class="donation-level-container" style="display: none;">
                  <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_standardexpanded13360" value="13360" onclick="evalMatchingGift('$80.00');
updateDonorCoverAmount('$80.00');">
                      </div>
                      <label for="level_standardexpanded13360" onclick="">
                        <div class="donation-level-amount-container"> $80</div>
                      </label>
                    </div>
                    <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_13360expandedsubmit" value="true">
                  </div>
                </div>
                <div class="donation-level-container" style="display: none;">
                  <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_standardexpanded13361" value="13361" onclick="evalMatchingGift('$100.00');
updateDonorCoverAmount('$100.00');">
                      </div>
                      <label for="level_standardexpanded13361" onclick="">
                        <div class="donation-level-amount-container"> $100</div>
                      </label>
                    </div>
                    <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_13361expandedsubmit" 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_standardexpanded13362" value="13362" onclick="evalMatchingGift(document.getElementById('level_standardexpanded13362amount').value);
updateDonorCoverAmount(document.getElementById('level_standardexpanded13362amount').value);">
                      </div>
                      <div class="donation-level-user-entered">
                        <label for="level_standardexpanded13362amount"><span class="aural-only">Enter amount</span></label>
                        <input type="text" name="level_standardexpanded13362amount" id="level_standardexpanded13362amount" value="" size="12" maxlength="50"
                          onfocus="var el = document.getElementById ('level_standardexpanded13362');if (el) el.click(); fire_obs_comp_event('level_standardexpanded13362amount', this, event);evalMatchingGift(value); "
                          onchange="fire_obs_comp_event('level_standardexpanded13362amount', this, event);evalMatchingGift(value);" onkeyup="fire_obs_comp_event('level_standardexpanded13362amount', this, event);evalMatchingGift(value);"
                          onblur="fire_obs_comp_event('level_standardexpanded13362amount', this);updateDonorCoverAmount(value);" placeholder="Other">
                      </div>
                      <div class="donation-level-expanded-label">
                        <p>$10.00 Minimum Gift</p>
                      </div>
                    </div>
                    <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_13362expandedsubmit" value="true">
                  </div>
                </div>
              </div>
            </div>
            <script type="text/javascript">
              Y.use("jquery-ui", function(Y) {
                jQuery(function() {
                  // subscribe observables
                  jQuery('div.donation-level-element-container').find('input[type="radio"]').each(function() {
                    var syncAction = function(obj) {
                      if (obj.is(':checked')) {
                        obj.closest('div.donation-level-container').addClass('selected');
                      } else {
                        obj.closest('div.donation-level-container').removeClass('selected');
                      };
                      return arguments.callee;
                    }(jQuery(this));
                    jQuery(this).click(function() {
                      jQuery('div.donation-level-container').removeClass('selected');
                      syncAction(jQuery(this));
                    });
                  });
                });
              });
            </script><noscript> </noscript>
          </div>
          <div class="levels-gift-aid">
          </div>
          <input type="hidden" name="level_standardsubmit" id="level_standardsubmit" value="true">
          <script type="text/javascript">
            function updateDonorCoverAmount(gift) {
              if (typeof updateAmount !== "undefined") {
                updateAmount(gift);
              }
            };

            function evalMatchingGift(gift) {}
          </script><noscript> </noscript>
        </div>
        <div class="donation-level-container-generic-repeat form-input">
          <div class="generic-repeat-label-checkbox-container">
            <input type="checkbox" name="level_standardauto_repeatname" id="level_standardauto_repeatname" onclick="fire_obs_comp_event('level_standardauto_repeat', this);" onkeypress="fire_obs_comp_event('level_standardauto_repeat', this);">
            <label for="level_standardauto_repeatname"> Yes, automatically repeat this gift every month. </label>
          </div>
          <input type="hidden" name="level_standardauto_repeatsubmit" id="level_standardauto_repeatsubmit" value="true">
        </div>
        <script type="text/javascript">
          // subscribe listeners to make an ajax call to the server to calculate the total amount
          Y.use('jquery-noconflict', function() {
            var fetchAmountFunc = function() {
              // find all the select, textarea, input, etc... and format them into key=val pairs.
              var params = jQuery('#level_standard_row :input').serialize();
              // parse the path and append the key/value pairs above to the url
              var url = 'https://secure3.convio.net/rfbo/site/Donation2?7910.donation=form1&idb=305501187&level_standardajaxfetch=true&df_id=7910&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;
              jQuery.ajax(path, {
                data: args,
                success: function(data) {
                  jQuery('#recurring_gift_terms_acceptance_message_container').trigger("recurringTermsChange");
                }
              });
            };
            jQuery('#level_standard_row :input').blur(function() {
              fetchAmountFunc();
            });
            jQuery('#level_standard_row input:checkbox, #level_standard_row input:radio').click(function() {
              fetchAmountFunc();
            });
            jQuery('#level_standard_row select').change(function() {
              fetchAmountFunc();
            });
            // call it on page load
            fetchAmountFunc();
          });
        </script><noscript> </noscript>
      </div>
      <h2 class="section-header-container"> Contact Information </h2>
      <div id="billing_first_name_row" class="form-row form-text tsm--form-column">
        <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" class="validate required">
          <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 tsm--form-column">
        <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" class="validate required">
          <input type="hidden" name="billing_last_namesubmit" id="billing_last_namesubmit" value="true">
          <script type="text/javascript">
            var comp = new ObservableComponent('billing_last_name', 'name');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('billing_last_name_row', _display);
              this.disable_submit_flag(_hidden);
            }
          </script><noscript> </noscript>
        </div>
      </div>
      <div id="donor_email_address_row" class="form-row form-text tsm--form-column">
        <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" class="validate required">
          <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 tsm--form-column">
        <div class="form-content">
          <label for="donor_phonename">Mobile Number:</label>
          <input type="text" name="donor_phonename" id="donor_phonename" value="" maxlength="50">
          <input type="hidden" name="donor_phonesubmit" id="donor_phonesubmit" value="true">
          <script type="text/javascript">
            var comp = new ObservableComponent('donor_phone', 'name');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('donor_phone_row', _display);
              this.disable_submit_flag(_hidden);
            }
          </script><noscript> </noscript>
        </div>
      </div>
      <h2 class="section-header-container"> Billing Information </h2>
      <div id="billing_addr_street1_row" class="form-row form-text tsm--form-column">
        <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" class="validate required">
          <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 tsm--form-column">
        <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 tsm--form-column">
        <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" class="validate required">
          <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 tsm--form-column">
        <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)" class="validate required">
            <option></option>
            <option value="AK">AK - Alaska</option>
            <option value="AL">AL - Alabama</option>
            <option value="AR">AR - Arkansas</option>
            <option value="AZ">AZ - Arizona</option>
            <option value="CA">CA - California</option>
            <option value="CO">CO - Colorado</option>
            <option value="CT">CT - Connecticut</option>
            <option value="DC">DC - District of Columbia</option>
            <option value="DE">DE - Delaware</option>
            <option value="FL">FL - Florida</option>
            <option value="GA">GA - Georgia</option>
            <option value="HI">HI - Hawaii</option>
            <option value="IA">IA - Iowa</option>
            <option value="ID">ID - Idaho</option>
            <option value="IL">IL - Illinois</option>
            <option value="IN">IN - Indiana</option>
            <option value="KS">KS - Kansas</option>
            <option value="KY">KY - Kentucky</option>
            <option value="LA">LA - Louisiana</option>
            <option value="MA">MA - Massachusetts</option>
            <option value="MD">MD - Maryland</option>
            <option value="ME">ME - Maine</option>
            <option value="MI">MI - Michigan</option>
            <option value="MN">MN - Minnesota</option>
            <option value="MO">MO - Missouri</option>
            <option value="MS">MS - Mississippi</option>
            <option value="MT">MT - Montana</option>
            <option value="NC">NC - North Carolina</option>
            <option value="ND">ND - North Dakota</option>
            <option value="NE">NE - Nebraska</option>
            <option value="NH">NH - New Hampshire</option>
            <option value="NJ">NJ - New Jersey</option>
            <option value="NM">NM - New Mexico</option>
            <option value="NV">NV - Nevada</option>
            <option value="NY">NY - New York</option>
            <option value="OH">OH - Ohio</option>
            <option value="OK">OK - Oklahoma</option>
            <option value="OR">OR - Oregon</option>
            <option value="PA">PA - Pennsylvania</option>
            <option value="RI">RI - Rhode Island</option>
            <option value="SC">SC - South Carolina</option>
            <option value="SD">SD - South Dakota</option>
            <option value="TN">TN - Tennessee</option>
            <option value="TX">TX - Texas</option>
            <option value="UT">UT - Utah</option>
            <option value="VA">VA - Virginia</option>
            <option value="VT">VT - Vermont</option>
            <option value="WA">WA - Washington</option>
            <option value="WI">WI - Wisconsin</option>
            <option value="WV">WV - West Virginia</option>
            <option value="WY">WY - Wyoming</option>
            <option value="AS">AS - American Samoa</option>
            <option value="FM">FM - Federated States of Micronesia</option>
            <option value="GU">GU - Guam</option>
            <option value="MH">MH - Marshall Islands</option>
            <option value="MP">MP - Northern Mariana Islands</option>
            <option value="PR">PR - Puerto Rico</option>
            <option value="PW">PW - Palau</option>
            <option value="VI">VI - Virgin Islands</option>
            <option value="AA">AA - Armed Forces Americas</option>
            <option value="AE">AE - Armed Forces</option>
            <option value="AP">AP - Armed Forces Pacific</option>
            <option value="AB">AB - Alberta</option>
            <option value="BC">BC - British Columbia</option>
            <option value="MB">MB - Manitoba</option>
            <option value="NB">NB - New Brunswick</option>
            <option value="NL">NL - Newfoundland and Labrador</option>
            <option value="NS">NS - Nova Scotia</option>
            <option value="NT">NT - Northwest Territories</option>
            <option value="NU">NU - Nunavut</option>
            <option value="ON">ON - Ontario</option>
            <option value="PE">PE - Prince Edward Island</option>
            <option value="QC">QC - Quebec</option>
            <option value="SK">SK - Saskatchewan</option>
            <option value="YT">YT - Yukon</option>
            <option value="None">None</option>
          </select>
          <script type="text/javascript">
            <!--
            var comp = new ObservableComponent('billing_addr_state', '');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('billing_addr_state_Row', _display);
              this.disable_submit_flag(_hidden);
            }
            //
            -->
          </script>
          <noscript><br>Required</noscript>
          <input type="hidden" name="billing_addr_statesubmit" id="billing_addr_statesubmit" value="true">
          <script type="text/javascript">
            var comp = new ObservableComponent('billing_addr_state', '');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('billing_addr_state_row', _display);
              this.disable_submit_flag(_hidden);
            }

            function billing_addr_state_listChanged(_evt) {
              var e = _evt ? _evt : event; // IE vs. Mozilla event model
              if (e) {
                var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model
                fire_obs_comp_event('billing_addr_state', src);
              }
            }
            var el = document.getElementById('billing_addr_state');
            if (el) {
              Utils.addEvent(el, 'change', billing_addr_state_listChanged);
            }
          </script><noscript> </noscript>
        </div>
      </div>
      <div id="billing_addr_zip_row" class="form-row form-text tsm--form-column">
        <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" class="validate required">
          <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 tsm--form-column">
        <div class="form-content">
          <label class="FormLabel" for="billing_addr_country">Country:</label>
          <select name="billing_addr_country" id="billing_addr_country" size="1" onchange="fire_obs_comp_event('billing_addr_country', this)">
            <option></option>
            <option selected="selected" value="United States">United States</option>
            <option value="Afghanistan">Afghanistan</option>
            <option value="Aland Islands">Aland Islands</option>
            <option value="Albania">Albania</option>
            <option value="Algeria">Algeria</option>
            <option value="American Samoa">American Samoa</option>
            <option value="Andorra">Andorra</option>
            <option value="Angola">Angola</option>
            <option value="Anguilla">Anguilla</option>
            <option value="Antarctica">Antarctica</option>
            <option value="Antigua and Barbuda">Antigua and Barbuda</option>
            <option value="Argentina">Argentina</option>
            <option value="Armenia">Armenia</option>
            <option value="Aruba">Aruba</option>
            <option value="Australia">Australia</option>
            <option value="Austria">Austria</option>
            <option value="Azerbaijan">Azerbaijan</option>
            <option value="Bahamas">Bahamas</option>
            <option value="Bahrain">Bahrain</option>
            <option value="Bangladesh">Bangladesh</option>
            <option value="Barbados">Barbados</option>
            <option value="Belarus">Belarus</option>
            <option value="Belgium">Belgium</option>
            <option value="Belize">Belize</option>
            <option value="Benin">Benin</option>
            <option value="Bermuda">Bermuda</option>
            <option value="Bhutan">Bhutan</option>
            <option value="Bolivarian Republic of Venezuela">Bolivarian Republic of Venezuela</option>
            <option value="Bonaire, Sint Eustatios and Saba">Bonaire, Sint Eustatios and Saba</option>
            <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option>
            <option value="Botswana">Botswana</option>
            <option value="Bouvet Island">Bouvet Island</option>
            <option value="Brazil">Brazil</option>
            <option value="British Indian Ocean Territory">British Indian Ocean Territory</option>
            <option value="Brunei Darussalam">Brunei Darussalam</option>
            <option value="Bulgaria">Bulgaria</option>
            <option value="Burkina Faso">Burkina Faso</option>
            <option value="Burundi">Burundi</option>
            <option value="Cambodia">Cambodia</option>
            <option value="Cameroon">Cameroon</option>
            <option value="Canada">Canada</option>
            <option value="Cape Verde">Cape Verde</option>
            <option value="Cayman Islands">Cayman Islands</option>
            <option value="Central African Republic">Central African Republic</option>
            <option value="Chad">Chad</option>
            <option value="Chile">Chile</option>
            <option value="China">China</option>
            <option value="Christmas Island">Christmas Island</option>
            <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option>
            <option value="Colombia">Colombia</option>
            <option value="Comoros">Comoros</option>
            <option value="Congo">Congo</option>
            <option value="Cook Islands">Cook Islands</option>
            <option value="Costa Rica">Costa Rica</option>
            <option value="Cote D'Ivoire">Cote D'Ivoire</option>
            <option value="Croatia">Croatia</option>
            <option value="Cuba">Cuba</option>
            <option value="Curacao">Curacao</option>
            <option value="Cyprus">Cyprus</option>
            <option value="Czech Republic">Czech Republic</option>
            <option value="Democratic People's Republic of Korea">Democratic People's Republic of Korea</option>
            <option value="The Democratic Republic of the Congo">The Democratic Republic of the Congo</option>
            <option value="Denmark">Denmark</option>
            <option value="Djibouti">Djibouti</option>
            <option value="Dominica">Dominica</option>
            <option value="Dominican Republic">Dominican Republic</option>
            <option value="Ecuador">Ecuador</option>
            <option value="Egypt">Egypt</option>
            <option value="El Salvador">El Salvador</option>
            <option value="Equatorial Guinea">Equatorial Guinea</option>
            <option value="Eritrea">Eritrea</option>
            <option value="Estonia">Estonia</option>
            <option value="Ethiopia">Ethiopia</option>
            <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option>
            <option value="Faroe Islands">Faroe Islands</option>
            <option value="Federated States of Micronesia">Federated States of Micronesia</option>
            <option value="Fiji">Fiji</option>
            <option value="Finland">Finland</option>
            <option value="The Former Yugoslav Republic of Macedonia">The Former Yugoslav Republic of Macedonia</option>
            <option value="France">France</option>
            <option value="French Guiana">French Guiana</option>
            <option value="French Polynesia">French Polynesia</option>
            <option value="French Southern Territories">French Southern Territories</option>
            <option value="Gabon">Gabon</option>
            <option value="Gambia">Gambia</option>
            <option value="Georgia">Georgia</option>
            <option value="Germany">Germany</option>
            <option value="Ghana">Ghana</option>
            <option value="Gibraltar">Gibraltar</option>
            <option value="Greece">Greece</option>
            <option value="Greenland">Greenland</option>
            <option value="Grenada">Grenada</option>
            <option value="Guadeloupe">Guadeloupe</option>
            <option value="Guam">Guam</option>
            <option value="Guatemala">Guatemala</option>
            <option value="Guernsey">Guernsey</option>
            <option value="Guinea">Guinea</option>
            <option value="Guinea-Bissau">Guinea-Bissau</option>
            <option value="Guyana">Guyana</option>
            <option value="Haiti">Haiti</option>
            <option value="Heard Island and McDonald Islands">Heard Island and McDonald Islands</option>
            <option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option>
            <option value="Honduras">Honduras</option>
            <option value="Hong Kong">Hong Kong</option>
            <option value="Hungary">Hungary</option>
            <option value="Iceland">Iceland</option>
            <option value="India">India</option>
            <option value="Indonesia">Indonesia</option>
            <option value="Iraq">Iraq</option>
            <option value="Ireland">Ireland</option>
            <option value="Islamic Republic of Iran">Islamic Republic of Iran</option>
            <option value="Isle of Man">Isle of Man</option>
            <option value="Israel">Israel</option>
            <option value="Italy">Italy</option>
            <option value="Jamaica">Jamaica</option>
            <option value="Japan">Japan</option>
            <option value="Jersey">Jersey</option>
            <option value="Jordan">Jordan</option>
            <option value="Kazakhstan">Kazakhstan</option>
            <option value="Kenya">Kenya</option>
            <option value="Kiribati">Kiribati</option>
            <option value="Kuwait">Kuwait</option>
            <option value="Kyrgyzstan">Kyrgyzstan</option>
            <option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option>
            <option value="Latvia">Latvia</option>
            <option value="Lebanon">Lebanon</option>
            <option value="Lesotho">Lesotho</option>
            <option value="Liberia">Liberia</option>
            <option value="Libya">Libya</option>
            <option value="Liechtenstein">Liechtenstein</option>
            <option value="Lithuania">Lithuania</option>
            <option value="Luxembourg">Luxembourg</option>
            <option value="Macao">Macao</option>
            <option value="Madagascar">Madagascar</option>
            <option value="Malawi">Malawi</option>
            <option value="Malaysia">Malaysia</option>
            <option value="Maldives">Maldives</option>
            <option value="Mali">Mali</option>
            <option value="Malta">Malta</option>
            <option value="Marshall Islands">Marshall Islands</option>
            <option value="Martinique">Martinique</option>
            <option value="Mauritania">Mauritania</option>
            <option value="Mauritius">Mauritius</option>
            <option value="Mayotte">Mayotte</option>
            <option value="Mexico">Mexico</option>
            <option value="Monaco">Monaco</option>
            <option value="Mongolia">Mongolia</option>
            <option value="Montenegro">Montenegro</option>
            <option value="Montserrat">Montserrat</option>
            <option value="Morocco">Morocco</option>
            <option value="Mozambique">Mozambique</option>
            <option value="Myanmar">Myanmar</option>
            <option value="Namibia">Namibia</option>
            <option value="Nauru">Nauru</option>
            <option value="Nepal">Nepal</option>
            <option value="Netherlands">Netherlands</option>
            <option value="New Caledonia">New Caledonia</option>
            <option value="New Zealand">New Zealand</option>
            <option value="Nicaragua">Nicaragua</option>
            <option value="Niger">Niger</option>
            <option value="Nigeria">Nigeria</option>
            <option value="Niue">Niue</option>
            <option value="Norfolk Island">Norfolk Island</option>
            <option value="Northern Mariana Islands">Northern Mariana Islands</option>
            <option value="Norway">Norway</option>
            <option value="Oman">Oman</option>
            <option value="Pakistan">Pakistan</option>
            <option value="Palau">Palau</option>
            <option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied</option>
            <option value="Panama">Panama</option>
            <option value="Papua New Guinea">Papua New Guinea</option>
            <option value="Paraguay">Paraguay</option>
            <option value="Peru">Peru</option>
            <option value="Philippines">Philippines</option>
            <option value="Pitcairn">Pitcairn</option>
            <option value="Plurinational State of Bolivia">Plurinational State of Bolivia</option>
            <option value="Poland">Poland</option>
            <option value="Portugal">Portugal</option>
            <option value="Puerto Rico">Puerto Rico</option>
            <option value="Qatar">Qatar</option>
            <option value="Republic of Korea">Republic of Korea</option>
            <option value="Republic of Moldova">Republic of Moldova</option>
            <option value="Reunion">Reunion</option>
            <option value="Romania">Romania</option>
            <option value="Russian Federation">Russian Federation</option>
            <option value="Rwanda">Rwanda</option>
            <option value="Saint Barthelemy">Saint Barthelemy</option>
            <option value="Saint Helena, Ascension and Tristan da Cunha">Saint Helena, Ascension and Tristan da Cunha</option>
            <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option>
            <option value="Saint Lucia">Saint Lucia</option>
            <option value="Saint Martin (French)">Saint Martin (French)</option>
            <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option>
            <option value="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option>
            <option value="Samoa">Samoa</option>
            <option value="San Marino">San Marino</option>
            <option value="Sao Tome and Principe">Sao Tome and Principe</option>
            <option value="Saudi Arabia">Saudi Arabia</option>
            <option value="Senegal">Senegal</option>
            <option value="Serbia">Serbia</option>
            <option value="Seychelles">Seychelles</option>
            <option value="S. Georgia &amp; S. Sandwich Isls.">S. Georgia &amp; S. Sandwich Isls.</option>
            <option value="Sierra Leone">Sierra Leone</option>
            <option value="Singapore">Singapore</option>
            <option value="Sint Maarten (Dutch)">Sint Maarten (Dutch)</option>
            <option value="Slovakia">Slovakia</option>
            <option value="Slovenia">Slovenia</option>
            <option value="Solomon Islands">Solomon Islands</option>
            <option value="Somalia">Somalia</option>
            <option value="South Africa">South Africa</option>
            <option value="South Sudan">South Sudan</option>
            <option value="Spain">Spain</option>
            <option value="Sri Lanka">Sri Lanka</option>
            <option value="Sudan">Sudan</option>
            <option value="Suriname">Suriname</option>
            <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option>
            <option value="Swaziland">Swaziland</option>
            <option value="Sweden">Sweden</option>
            <option value="Switzerland">Switzerland</option>
            <option value="Syrian Arab Republic">Syrian Arab Republic</option>
            <option value="Taiwan, Province of China">Taiwan, Province of China</option>
            <option value="Tajikistan">Tajikistan</option>
            <option value="Thailand">Thailand</option>
            <option value="Timor-Leste">Timor-Leste</option>
            <option value="Togo">Togo</option>
            <option value="Tokelau">Tokelau</option>
            <option value="Tonga">Tonga</option>
            <option value="Trinidad and Tobago">Trinidad and Tobago</option>
            <option value="Tunisia">Tunisia</option>
            <option value="Turkey">Turkey</option>
            <option value="Turkmenistan">Turkmenistan</option>
            <option value="Turks and Caicos Islands">Turks and Caicos Islands</option>
            <option value="Tuvalu">Tuvalu</option>
            <option value="Uganda">Uganda</option>
            <option value="Ukraine">Ukraine</option>
            <option value="United Arab Emirates">United Arab Emirates</option>
            <option value="United Kingdom">United Kingdom</option>
            <option value="United Republic of Tanzania">United Republic of Tanzania</option>
            <option value="Uruguay">Uruguay</option>
            <option value="USA Minor Outlying Islands">USA Minor Outlying Islands</option>
            <option value="Uzbekistan">Uzbekistan</option>
            <option value="Vanuatu">Vanuatu</option>
            <option value="Viet Nam">Viet Nam</option>
            <option value="Virgin Islands (British)">Virgin Islands (British)</option>
            <option value="Virgin Islands (USA)">Virgin Islands (USA)</option>
            <option value="Wallis and Futuna">Wallis and Futuna</option>
            <option value="Western Sahara">Western Sahara</option>
            <option value="Yemen">Yemen</option>
            <option value="Zambia">Zambia</option>
            <option value="Zimbabwe">Zimbabwe</option>
          </select>
          <script type="text/javascript">
            <!--
            var comp = new ObservableComponent('billing_addr_country', '');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('billing_addr_country_Row', _display);
              this.disable_submit_flag(_hidden);
            }
            //
            -->
          </script>
          <noscript><br>Required</noscript>
          <input type="hidden" name="billing_addr_countrysubmit" id="billing_addr_countrysubmit" value="true">
          <script type="text/javascript">
            var comp = new ObservableComponent('billing_addr_country', '');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('billing_addr_country_row', _display);
              this.disable_submit_flag(_hidden);
            }

            function billing_addr_country_listChanged(_evt) {
              var e = _evt ? _evt : event; // IE vs. Mozilla event model
              if (e) {
                var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model
                fire_obs_comp_event('billing_addr_country', src);
              }
            }
            var el = document.getElementById('billing_addr_country');
            if (el) {
              Utils.addEvent(el, 'change', billing_addr_country_listChanged);
            }
          </script><noscript> </noscript>
        </div>
      </div>
      <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="payment_typepay_typeradio_row" class="form-row">
            <div class="form-content">
              <div class="payment-type-selections" id="payment_typepay_typeradio_payment_types">
                <span class="internal-payment"><span class="payment-type-option selected"><input type="radio" name="payment_typepay_typeradio" id="payment_typepay_typeradiocredit" value="credit" checked="checked"
                      onclick="fire_obs_comp_event('payment_typepay_typeradio', this);" onkeypress="fire_obs_comp_event('payment_typepay_typeradio', this);"><label
                      for="payment_typepay_typeradiocredit"><a href="javascript:void(0);" class="payment-type-label">Credit Card</a></label>
                    <script type="text/javascript">
                      var comp = new ObservableRadioComponent('payment_typepay_typeradio', 'name');
                    </script><noscript> </noscript>
                  </span></span>
                <span class="external-payment"><span class="payment-type-option"><input type="radio" name="payment_typepay_typeradio" id="payment_typepay_typeradiopaypal" value="paypal"
                      onclick="fire_obs_comp_event('payment_typepay_typeradio', this);" onkeypress="fire_obs_comp_event('payment_typepay_typeradio', this);"><label
                      for="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('payment_typepay_typeradio', 'name');
                    </script><noscript> </noscript>
                  </span></span>
              </div>
              <input type="hidden" name="payment_typepay_typeradiosubmit" id="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('payment_typepay_typeradio', 'name');
                comp.hide = function(_hidden) {
                  var _display = _hidden ? 'none' : '';
                  set_display('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="payment_typecc_type_row" class="form-row form-radio-array">
            <div class="form-content">
              <fieldset>
                <legend>Credit Card Type:</legend>
                <ul class="radio-array-list">
                  <li class="tender-row ">
                    <img src="../images/discovercard_sm.gif" alt="Discover" name="payment_typecc_type_Discover" id="payment_typecc_type_Discover">
                  </li>
                  <li class="tender-row ">
                    <img src="../images/amex_small.gif" alt="American Express" name="payment_typecc_type_American_Express" id="payment_typecc_type_American_Express">
                  </li>
                  <li class="tender-row ">
                    <img src="../images/mastercd_small.gif" alt="MasterCard" name="payment_typecc_type_MasterCard" id="payment_typecc_type_MasterCard">
                  </li>
                  <li class="tender-row ">
                    <img src="../images/visa_small.gif" alt="Visa" name="payment_typecc_type_Visa" id="payment_typecc_type_Visa">
                  </li>
                </ul>
              </fieldset>
              <input type="hidden" name="payment_typecc_typesubmit" id="payment_typecc_typesubmit" value="true">
              <script type="text/javascript">
                var comp = new ObservableRadioComponent('payment_typecc_type', 'name');
                comp.hide = function(_hidden) {
                  var _display = _hidden ? 'none' : '';
                  set_display('payment_typecc_type_row', _display);
                  this.disable_submit_flag(_hidden);
                }
              </script><noscript> </noscript>
            </div>
          </div>
          <div id="payment_typecc_number_row" class="form-row form-text">
            <div class="form-content">
              <span class="field-required"></span>
              <label for="payment_typecc_numbername">Credit Card Number:</label>
              <input type="text" name="payment_typecc_numbername" id="payment_typecc_numbername" value="" maxlength="22" autocomplete="off" class="validate required">
              <input type="hidden" name="payment_typecc_numbersubmit" id="payment_typecc_numbersubmit" value="true">
              <script type="text/javascript">
                var comp = new ObservableComponent('payment_typecc_number', 'name');
                comp.hide = function(_hidden) {
                  var _display = _hidden ? 'none' : '';
                  set_display('payment_typecc_number_row', _display);
                  this.disable_submit_flag(_hidden);
                }
                observe_component('null', new ComponentDisplayer('payment_typecc_number'));
              </script><noscript> </noscript>
            </div>
          </div>
          <div id="payment_typecc_exp_date_row" class="form-row form-date">
            <div class="form-content">
              <span class="field-required"></span>
              <label for="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="payment_typecc_exp_date_YEAR"><span class="aural-only">Select Expiration Year</span></label>
              <div class="date-input-container">
                <fieldset class="cardExpGroup">
                  <select name="payment_typecc_exp_date_MONTH" id="payment_typecc_exp_date_MONTH" onchange="fire_obs_comp_event('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" selected="selected">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                  </select>
                  <select name="payment_typecc_exp_date_YEAR" id="payment_typecc_exp_date_YEAR" onchange="fire_obs_comp_event('payment_typecc_exp_date_YEAR', this)">
                    <option value="2022" selected="selected">2022</option>
                    <option value="2023">2023</option>
                    <option value="2024">2024</option>
                    <option value="2025">2025</option>
                    <option value="2026">2026</option>
                    <option value="2027">2027</option>
                    <option value="2028">2028</option>
                    <option value="2029">2029</option>
                    <option value="2030">2030</option>
                    <option value="2031">2031</option>
                    <option value="2032">2032</option>
                  </select>
                </fieldset>
                <input type="hidden" name="payment_typecc_exp_date_DAY" id="payment_typecc_exp_date_DAY" value="1">
                <script type="text/javascript">
                  <!--
                  var comp1 = new ObservableComponent('payment_typecc_exp_date_MONTH', '');
                  comp1.hide = function(_hidden) {
                    var _display = _hidden ? 'none' : '';
                    set_display('payment_typecc_exp_date_Row', _display);
                    this.disable_submit_flag(_hidden);
                  }
                  var comp2 = new ObservableComponent('payment_typecc_exp_date_YEAR', '');
                  comp2.hide = function(_hidden) {
                    var _display = _hidden ? 'none' : '';
                    set_display('payment_typecc_exp_date_Row', _display);
                    this.disable_submit_flag(_hidden);
                  }
                  //
                  -->
                </script><noscript> </noscript>
              </div>
              <input type="hidden" name="payment_typecc_exp_datesubmit" id="payment_typecc_exp_datesubmit" value="true">
              <script type="text/javascript">
                var comp = new ObservableComponent('payment_typecc_exp_date', 'input');
                comp.hide = function(_hidden) {
                  var _display = _hidden ? 'none' : '';
                  set_display('payment_typecc_exp_date_row', _display);
                  disable_submit_flag('payment_typecc_exp_datesubmit', _hidden);
                }
                comp.disable = function(_disabled) {
                  disable_element('payment_typecc_exp_date_MONTH', _disabled);
                  disable_element('payment_typecc_exp_date_DAY', _disabled);
                  disable_element('payment_typecc_exp_date_YEAR', _disabled);
                  disable_element('payment_typecc_exp_date_HOUR12', _disabled);
                  disable_element('payment_typecc_exp_date_HOUR24', _disabled); //For UK, 24 hour clock used
                  disable_element('payment_typecc_exp_date_MINUTE', _disabled);
                  disable_element('payment_typecc_exp_date_AMPM', _disabled);
                }
              </script><noscript> </noscript>
            </div>
          </div>
          <div id="payment_typecc_cvv_row" class="form-row form-text cvv-input">
            <div class="form-content">
              <span class="field-required"></span>
              <label for="payment_typecc_cvvname">
                <span class="FormLabelText">CVV Number:</span>
              </label>
              <a href="http://help.convio.net/site/PageServer?s_site=rfbo&amp;pagename=user_donation_cvv" class="HelpLink" title="What is this? Opens new window.">What is this?</a>
              <input type="text" name="payment_typecc_cvvname" id="payment_typecc_cvvname" value="" maxlength="4" autocomplete="cc-csc" class="validate required">
              <input type="hidden" name="payment_typecc_cvvsubmit" id="payment_typecc_cvvsubmit" value="true">
              <script type="text/javascript">
                //chrome is mapping cvv as card name
                if (/Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor)) {
                  document.getElementById('payment_typecc_cvvname').autocomplete = 'cc-csc';
                }
                var comp = new ObservableComponent('payment_typecc_cvv', 'name');
                comp.hide = function(_hidden) {
                  var _display = _hidden ? 'none' : '';
                  set_display('payment_typecc_cvv_row', _display);
                  this.disable_submit_flag(_hidden);
                }
              </script><noscript> </noscript>
            </div>
          </div>
        </div>
        <div id="payment_check_container" class="payment-field-container" style="display: none;">
          <h3>Check Information</h3>
        </div>
        <input type="hidden" name="payment_typesubmit" id="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('payment_typepay_typeradio', new PaymentObserver());
        </script><noscript> </noscript>
      </div>
      <div id="donor_remember_me_row" class="form-row form-checkbox">
        <div class="form-content">
          <input type="checkbox" name="donor_remember_mename" id="donor_remember_mename" checked="checked" onclick="fire_obs_comp_event('donor_remember_me', this);">
          <label for="donor_remember_mename">Remember Me</label>
          <input type="hidden" name="donor_remember_mesubmit" id="donor_remember_mesubmit" value="true">
          <script type="text/javascript">
            var comp = new ObservableComponent('donor_remember_me', 'name');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('donor_remember_me_row', _display);
              this.disable_submit_flag(_hidden);
            }
            comp.set = function(_value) {
              if (document.getElementById('donor_remember_mename')) {
                document.getElementById('donor_remember_mename').checked = _value;
                this.fireEvent();
              }
            }
            comp.get = function() {
              if (document.getElementById('donor_remember_mename')) {
                return document.getElementById('donor_remember_mename').checked;
              }
            }
            comp.clear = function() {
              this.set(false);
            }
          </script><noscript> </noscript>
        </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="Donate Now">Donate $50 to Fight Hunger</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="305501187">
      <input type="hidden" name="df_id" id="df_id" value="7910">
      <input type="hidden" name="mfc_pref" id="mfc_pref" value="T">
      <div class="form-row">
        <div class="html-caption-container">
          <p style="margin: 0; font-size: 14px;">Our administrative and fundraising costs <strong>are only 4 percent</strong>, so 96 cents out of every dollar donated helps people in need of food assistance.</p>
        </div>
      </div>
      <div class="form-row form-checkbox" id="donor_email_opt_in_Row">
        <div class="form-content">
          <span class="check-box-form-label-text"></span>
          <input type="hidden" name="donor_email_opt_inname" id="donor_email_opt_inname" value="implicit">
          <span class="auto-opt-in-warning-message">If you donate and have not already registered, you will receive periodic updates and communications from The Regional Food Bank of Oklahoma.</span>
          <script type="text/javascript">
            var comp = new ObservableComponent('donor_email_opt_in', 'name');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('donor_email_opt_in_Row', _display);
              this.disable_submit_flag(_hidden);
            }
            comp.set = function(_value) {
              if (document.getElementById('donor_email_opt_inname')) {
                document.getElementById('donor_email_opt_inname').checked = _value;
                this.fireEvent();
              }
            }
            comp.get = function() {
              if (document.getElementById('donor_email_opt_inname')) return document.getElementById('donor_email_opt_inname').checked;
            }
            comp.clear = function() {
              this.set(false);
            }
          </script><noscript> </noscript>
          <input type="hidden" name="donor_email_opt_insubmit" id="donor_email_opt_insubmit" value="true">
        </div>
      </div>
      <div class="form-row">
        <div class="html-caption-container">
          <p style="margin: 9px 0 0 0; font-size: 14px;">Should you have any questions about Regional Food Bank of Oklahoma or about your online donation, please feel free to <a title="E-mail info@rfbo.org" href="mailto:info@rfbo.org">contact us</a>.
            <em>Thank&nbsp;you.</em></p>
          <p>
            <a href="https://www.bbb.org/online/consumer/cks.aspx?id=110031192243" target="_blank"><img title="Click to verify BBB accreditation and to see a BBB report." src="../images/content/pagebuilder/11181.gif" style="margin-left: 0;" border="0" alt="Click to verify BBB accreditation and to see a BBB report."></a>
          </p>
        </div>
      </div>
      <div class="form-row">
        <div class="html-caption-container">
          <!-- html caption 2 - revised base RFBO form styles and scripts -->
          <!-- gift type buttons -->
          <!-- / gift type buttons -->
          <!-- main styles -->
          <style type="text/css">
            /* font reset */
            *,
            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: 'Raleway', Helvetica, Arial, sans-Sans-Serif;
            }

            div.donation-level-container {
              display: inline-block;
              width: 19%;
              vertical-align: top;
            }

            div.donation-level-container:last-child {
              width: 100%;
            }

            div.donation-levels>div.donation-level-container {
              position: relative;
            }

            div.donation-level-input-container {
              width: 100%;
              padding: 0;
              border: none;
              background: none;
              box-shadow: unset;
            }

            div.donation-level-amount-container+div.donation-level-label-container {
              position: absolute;
              width: 100%;
              margin-top: 18px;
              margin-left: 0;
              font-size: 1em;
              font-weight: 400;
              color: #196521;
              line-height: 18px;
            }

            div.donation-level-amount-container,
            div.donation-level-container:last-child>div.form-content>div.donation-level-input-container>label[for^="level_standardexpanded"]>div.donation-level-label-container,
            div.donation-level-label-container {
              font-family: 'Raleway', Helvetica, Arial, sans-Sans-Serif;
              font-size: 1.5em;
              font-weight: 700;
            }

            label[for^="level_standardexpanded"] {
              border: solid 1px #ccc;
              -moz-border-radius: 5px;
              -webkit-border-radius: 5px;
              border-radius: 5px;
              padding: 15px 0;
              /*left: -18px;*/
              /*top:-18px;*/
              position: relative;
              width: 160px;
              display: inline-block;
              color: #fff;
              text-align: center;
              box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .25);
              background-image: linear-gradient(to bottom, #29963A, #196521);
            }

            div.donation-level-amount-container,
            div.donation-level-container:last-child>div.form-content>div.donation-level-input-container>label[for^="level_standardexpanded"] {
              margin-bottom: 0;
            }

            .tsm_label-mouseover {
              background-image: linear-gradient(to bottom, #359946, #196521) !important;
            }

            label[for^="level_standardexpanded"][for$="amount"] {
              display: none;
            }

            input[id^="level_standardexpanded"][id$="amount"] {
              position: relative;
              top: 2px;
              width: 150px;
              height: 37px;
            }

            div.donation-level-amount-container,
            div.donation-level-label-container {
              width: 100%;
              text-align: center;
            }

            div.donation-level-label-input-container {
              width: 0;
              height: 0;
              display: block;
            }

            div.responsive label {
              width: 100%;
              /*max-width: 150px;*/
              margin-bottom: 24px;
            }

            .selected-amount~label {
              background-color: #8BC400;
              background-image: none;
              box-shadow: inset 0 2px 0 rgba(0, 0, 0, .15);
              border: 1px solid #fff;
            }

            /* OTHER input box... */
            div.donation-levels>div.donation-level-container:last-child {
              display: block;
            }

            div.donation-levels>div.donation-level-container:last-child>div.form-content,
            div.donation-levels>div.donation-level-container:last-child>div.form-content>div.donation-level-input-container {
              width: 100%;
            }

            label+div.donation-level-user-entered {
              display: inline-block;
              margin-top: 0;
              margin-left: 0;
              vertical-align: top;
            }

            input[id^="level_standardexpanded"][id$="amount"] {
              width: 95%;
              height: 61px;
              font-size: 1.5em;
              line-height: 48px;
              box-shadow: inset 3px 3px 3px #f0f0f0;
            }

            div.donation-level-user-entered+div.donation-level-expanded-label {
              margin: 0 auto;
            }

            /* gift type button styling */
            #tsm--gift-type {
              margin-bottom: 96px;
              text-align: center;
            }

            #tsm--gift-type>button {
              display: inline-block;
              width: 49%;
              padding: 12px;
              border: none;
              border-radius: 5px;
              background-color: #29963A;
              font-family: 'Raleway', Helvetica, Arial, sans-Sans-Serif;
              font-size: 20px;
              color: #fff;
            }

            .tsm--gift-type-selected {
              background-color: #8BC400 !important;
              color: #fff !important;
            }

            div.donation-level-container-generic-repeat.form-input {
              display: none;
            }

            div#donor_email_opt_in_Row {
              margin-left: 0;
            }

            div#donor_email_opt_in_Row>div.form-content {
              /*margin-left: 10px;*/
            }

            div.responsive button.action-button {
              font-size: 24px !important;
            }

            span.auto-opt-in-warning-message {
              font-size: 14px;
            }

            /* fixes for Payment Method buttons */
            span.external-payment>span.payment-type-option {
              padding: 7px 27px !important;
            }

            /* hide "Select Gift Amount" in Gift Amount section */
            div#level_standard_row>div.form-content>span.FormLabelText,
            div#level_standard_row>div.form-content>span.field-required {
              display: none;
            }

            @media (max-width: 600px) {
              #tsm--gift-type {
                margin-bottom: 48px;
              }

              div.responsive button.action-button {
                font-size: 18px !important;
              }

              /* Payment Method button size adjustments for mobile */
              #payment_typepay_typeradio_payment_types span {
                width: 100% !important;
              }

              #payment_typepay_typeradio_payment_types span label {
                margin: 0 !important;
                padding: 0 !important;
                line-height: 36px;
              }

              div.payment-field-container span.payment-type-option.selected {
                border-radius: 5px;
              }

              span.internal-payment {
                margin-bottom: 6px;
              }
            }

            @media screen and (max-width: 480px) {
              div.donation-level-container {
                display: block;
              }

              div.form-row div.form-content {
                display: block;
              }

              div.donation-level-input-container {
                width: 100%;
              }

              div.responsive label {
                max-width: none;
              }

              div.donation-level-user-entered>input {
                display: block;
                margin: 0 auto;
              }

              label+div.donation-level-user-entered {
                display: block;
                width: 100%;
                margin-top: 6px;
              }

              input[id^="level_standardexpanded"][id$="amount"] {
                margin-bottom: 12px;
              }

              div.donation-level-user-entered+div.donation-level-expanded-label p {
                margin: 0;
                text-align: center;
              }

              div.donation-level-amount-container+div.donation-level-label-container {
                font-size: 1.3em;
              }

              select#level_foreverduration {
                margin-left: 0;
              }

              /* form field width adjustments */
              div.form-content,
              div.donation-level-input-container,
              #employer_street_row input,
              #billing_addr_street1_row input,
              #billing_addr_street2_row input,
              div.form-row div.form-content>select,
              div.donation-level-label-container {
                width: 100%;
              }
            }
          </style>
          <!-- / main styles -->
          <script language="javascript">
            // <![CDATA[
            Y.use('jquery-noconflict', function() {
              // remove decimals from labels
              $('div.donation-level-amount-container').text(function(i, text) {
                return text.slice(0, -4);
              });
              $('div.donation-level-user-entered > label + input').attr('placeholder', 'Other');
              // highlight selected amount
              function tsmMouseOver() {
                $('label[for^="level_standardexpanded"]').hover(function() {
                  $(this).not('div.selected-amount + label[for^="level_standardexpanded"]').addClass('tsm_label-mouseover');
                }, function() {
                  $(this).removeClass('tsm_label-mouseover');
                });
              }
              $('input[name="level_standardexpanded"]').change(function() {
                if ($('input[name="level_standardexpanded"]').is(':checked')) {
                  $('input[name="level_standardexpanded"]:not(:checked)').parent().removeClass('selected-amount');
                  $('input[name="level_standardexpanded"]:checked').parent().addClass('selected-amount');
                  $('input[name="level_standardexpanded"]:checked').parent().siblings('label').removeClass('tsm_label-mouseover');
                  tsmMouseOver();
                }
              });
              $('#level_standardauto_repeatname').bind('change', function() {
                $('input[name="level_standardexpanded"]:eq(0)').change();
              });
              $("#level_standard_row input:radio:checked").parent().addClass('selected-amount');
              tsmMouseOver();
            });
            // ]]>
          </script>
          <!-- move gift type buttons above gift amounts -->
          <script language="javascript">
            Y.use('jquery-noconflict', function() {
              $('#tsm--gift-type').insertBefore('div.don-standard-levels');
            });
          </script>
          <!-- / move gift type buttons above gift amounts -->
          <!-- most donors give this much -->
          <style>
            div.donation-form-content {
              position: relative;
            }

            .tsm--recommended-gift {
              display: none;
              position: absolute;
              width: 100%;
              top: -45px;
              left: 0;
              font-family: 'Kalam', cursive;
              font-size: 24px;
              line-height: 27px;
              color: #000000;
            }

            /*   .tsm--recommended-gift::after {
        content: url('../images/giving-pages/cy18/hand-drawn-arrow-2.svg');
        position: absolute;
        display: block;
        top: 32px;
        right: 0;
        width: 30px;
        height: auto;
    }*/
            @media screen and (max-width: 767px) {
              .tsm--recommended-gift {
                display: none !important;
              }
            }
          </style>
          <script language="javascript">
            Y.use('jquery-noconflict', function() {
              var tsmPreferredDonation = $('#level_standardexpanded13364').parent().parent().parent();
              $('div.tsm--recommended-gift').insertBefore(tsmPreferredDonation).show(); // default single gift amount, per form
            });
          </script>
          <!-- / most donors give this much -->
          <!-- gift type button behaviors -->
          <script>
            Y.use('jquery-noconflict', function() {
              // initialize
              function tsmInitializeSelectedAmount() {
                var tsmInitialSelectedAmount = $('div.selected-amount + label > div.donation-level-amount-container').text();
                $('#pstep_finish').text('Donate ' + tsmInitialSelectedAmount + ' to Fight Hunger');
                $('div.donation-level-user-entered label + input').val('');
              }
              $('#tsm--select-once').addClass('tsm--gift-type-selected');
              $('#tsm--select-monthly').click(function() {
                $('input#level_standardauto_repeatname').prop('checked', true);
                $(this).addClass('tsm--gift-type-selected');
                $('#tsm--select-once').removeClass('tsm--gift-type-selected');
                $('div.donation-levels > div.donation-level-container').slice(0, 5).hide();
                $('div.donation-levels > div.donation-level-container').slice(5, 9).show();
                $('#level_standardexpanded6422').click(); // default recurring gift amount, per form
                tsmInitializeSelectedAmount(); /* also in html-caption-6: sets donate button text to default, clears user-entered amount */
              });
              $('#tsm--select-once').click(function() {
                $('input#level_standardauto_repeatname').prop('checked', false);
                $(this).addClass('tsm--gift-type-selected');
                $('#tsm--select-monthly').removeClass('tsm--gift-type-selected');
                $('div.donation-levels > div.donation-level-container').slice(0, 5).show();
                $('div.donation-levels > div.donation-level-container').slice(5, 9).hide();
                $('#level_standardexpanded6426').click(); // default single gift amount, per form
                tsmInitializeSelectedAmount(); /* also in html-caption-6: sets donate button text to default, clears user-entered amount */
              });
            });
          </script>
          <!-- / gift type button behaviors -->
          <!-- html caption 3 - flexible form scripts -->
          <script>
            Y.use('jquery-noconflict', function() {
              /* hide recurring gift amounts */
              $('div.donation-levels > div.donation-level-container').slice(5, 9).hide();
              $('input[name="level_flexiblegift_type"]').on('click', function() {
                if ($(this).val() == '1') {
                  $('#level_flexibleduration_row').hide();
                  $('div.donation-levels > div.donation-level-container').slice(0, 5).show();
                  $('div.donation-levels > div.donation-level-container').slice(5, 9).hide();
                } else {
                  $('#level_flexibleduration_row').show();
                  $('#level_flexibleduration').removeAttr('disabled');
                  $('div.donation-levels > div.donation-level-container').slice(0, 5).hide();
                  $('div.donation-levels > div.donation-level-container').slice(6, 9).show();
                }
              });
            });
          </script>
          <!-- / html caption 3 - flexible form scripts -->
          <!-- create 2-column form -->
          <script>
            Y.use('jquery-noconflict', function() {
              $('#billing_first_name_row, #billing_last_name_row, #billing_addr_street1_row, #billing_addr_street2_row, #billing_addr_city_row, #billing_addr_city_row, #billing_addr_state_row, #billing_addr_zip_row, #billing_addr_country_row, #donor_phone_row, #donor_email_address_row')
                .addClass('tsm--form-column');
            });
          </script>
          <style>
            form,
            form div,
            form label,
            form input,
            form select {
              box-sizing: border-box;
            }

            .tsm--form-column {
              display: inline-block;
              width: 35%;
            }

            .tsm--form-column input,
            #billing_addr_street1_row input,
            #billing_addr_street2_row input {
              display: block;
              width: 100%;
            }

            @media screen and (max-width: 480px) {
              .tsm--form-column {
                width: 100%;
              }
            }
          </style>
          <!-- / create 2-column form -->
          <!-- html caption 4 - Walidate validation -->
          <script language="JavaScript" src="../tsm-validation/walidate/jquery.walidate.compressed.js" type="text/javascript"></script>
          <script type="text/javascript">
            $(function() {
              $('form').walidate(); // Initalize the form
              $('#billing_first_namename').walidate('validate'); // Make this element required
              $('#billing_last_namename').walidate('validate'); // Make this element required
              $('#billing_addr_street1name').walidate('validate'); // Make this element required
              $('#billing_addr_cityname').walidate('validate'); // Make this element required
              $('#billing_addr_state').walidate('validate'); // Make this element required
              $('#billing_addr_zipname').walidate('validate', {
                expression: /^\d{5}(?:[-\s]\d{4})?$/
              }); // Make this element required
              $('#donor_email_addressname').walidate('validate', {
                expression: /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$/
              }); // Make this element required
              $('#payment_typecc_numbername').walidate('validate'); // Make this element required
              $('#payment_typecc_cvvname').walidate('validate', {
                expression: /^[0-9]{3,4}$/
              }); // Make this element required
            });
          </script>
          <!-- / html caption 4 - Walidate validation -->
          <!-- html caption 5 - script for dynamic donate button text -->
          <script>
            Y.use('jquery-noconflict', function() {
              // initialize
              function tsmInitializeSelectedAmount() {
                var tsmInitialSelectedAmount = $('div.selected-amount + label > div.donation-level-amount-container').text();
                $('#pstep_finish').text('Donate ' + tsmInitialSelectedAmount + ' to Fight Hunger');
              }
              tsmInitializeSelectedAmount();
              // on click
              $('label[for^="level_standardexpanded"]').click(function() {
                var tsmSelectedAmount = $(this).find('.donation-level-amount-container').text();
                $('#pstep_finish').text('Donate ' + tsmSelectedAmount + ' to Fight Hunger');
                $('div.donation-level-user-entered label + input').val('');
              });
              // on user-entered amount
              $('div.donation-level-user-entered label + input').change(function() {
                var tsmSelectedAmount = $(this).val();
                $('#pstep_finish').text('Donate $' + tsmSelectedAmount + ' to Fight Hunger');
              });
            });
          </script>
          <!-- / html caption 5 - script for dynamic donate button text -->
          <!-- employer match section revisions -->
          <style>
            #tsm--employer-match-checkbox,
            label[for="tsm--employer-match-checkbox"] {
              display: inline;
              vertical-align: middle;
              width: 30px;
              height: 30px;
            }

            #tsm--employer-match-checkbox {
              overflow: visible;
            }

            #double_the_donation_company_idhidden+div,
            #donor_employer_row {
              display: none;
            }

            #double_the_donation_company_idhidden+div.form-row>div.html-caption-container p,
            label[for="donor_employername"] {
              font-size: 14px;
            }

            /* fixes for Matching Gift Information section */
            #dd-company-name-input .Select-menu-outer {
              position: relative !important;
            }

            #dd-company-name-input .Select-menu {
              overflow-y: scroll;
            }
          </style>
          <script>
            Y.use('jquery-noconflict', function() {
              $('#tsm--employer-match-checkbox').change(function() {
                if (this.checked) {
                  $('#double_the_donation_company_idhidden + div, #donor_employer_row').slideDown();
                } else {
                  $('#double_the_donation_company_idhidden + div, #donor_employer_row').slideUp();
                }
              });
            });
          </script>
          <!-- / employer match section revisions -->
        </div>
      </div>
    </div>
    <input type="hidden" name="7910.donation" id="7910.donation" value="form1">
  </div>
  <script type="text/javascript">
    var submitted = false;

    function checkDoubleClick() {
      var elCheck = '';
      if (elCheck == 'el') {
        alert('Form submission is not enabled when previewing an individual data element.');
        return false;
      } else if (submitted) {
        alert('You have already submitted this payment. Please wait....');
        return false;
      } else {
        submitted = true;
        return true;
      }
    }
  </script><noscript> </noscript>
</form>

Text Content









FAMILIES NEED YOUR HELP THIS THANKSGIVING

As we prepare for the holiday season, please remember our neighbors facing
hunger. Your 2022 A Place at the Table gift today will help ensure local
families have a meal this Thanksgiving. Every dollar helps local families, so
please give as generously as you can. Thank you.


GIFT AMOUNT

One-Time Gift Monthly Gift
Field Is Required Select Gift Amount:

$500
$250
$100
Most donors give this much.
$50
$25
$20
$40
$80
$100
Enter amount

$10.00 Minimum Gift

 

 
Yes, automatically repeat this gift every month.
 


CONTACT INFORMATION

First Name:  
Last Name:  
Email Address:  
Mobile Number:  


BILLING INFORMATION

Street 1:  
Street 2:  
City:  
State/Province: AK - Alaska AL - Alabama AR - Arkansas AZ - Arizona CA -
California CO - Colorado CT - Connecticut DC - District of Columbia DE -
Delaware FL - Florida GA - Georgia HI - Hawaii IA - Iowa ID - Idaho IL -
Illinois IN - Indiana KS - Kansas KY - Kentucky LA - Louisiana MA -
Massachusetts MD - Maryland ME - Maine MI - Michigan MN - Minnesota MO -
Missouri MS - Mississippi MT - Montana NC - North Carolina ND - North Dakota NE
- Nebraska NH - New Hampshire NJ - New Jersey NM - New Mexico NV - Nevada NY -
New York OH - Ohio OK - Oklahoma OR - Oregon PA - Pennsylvania RI - Rhode Island
SC - South Carolina SD - South Dakota TN - Tennessee TX - Texas UT - Utah VA -
Virginia VT - Vermont WA - Washington WI - Wisconsin WV - West Virginia WY -
Wyoming AS - American Samoa FM - Federated States of Micronesia GU - Guam MH -
Marshall Islands MP - Northern Mariana Islands PR - Puerto Rico PW - Palau VI -
Virgin Islands AA - Armed Forces Americas AE - Armed Forces AP - Armed Forces
Pacific AB - Alberta BC - British Columbia MB - Manitoba NB - New Brunswick NL -
Newfoundland and Labrador NS - Nova Scotia NT - Northwest Territories NU -
Nunavut ON - Ontario PE - Prince Edward Island QC - Quebec SK - Saskatchewan YT
- Yukon None
Required  
ZIP/Postal Code:  
Country: United States Afghanistan Aland Islands Albania Algeria American Samoa
Andorra Angola Anguilla Antarctica Antigua and Barbuda Argentina Armenia Aruba
Australia Austria Azerbaijan Bahamas Bahrain Bangladesh Barbados Belarus Belgium
Belize Benin Bermuda Bhutan Bolivarian Republic of Venezuela Bonaire, Sint
Eustatios and Saba Bosnia and Herzegovina Botswana Bouvet Island Brazil British
Indian Ocean Territory Brunei Darussalam Bulgaria Burkina Faso Burundi Cambodia
Cameroon Canada Cape Verde Cayman Islands Central African Republic Chad Chile
China Christmas Island Cocos (Keeling) Islands Colombia Comoros Congo Cook
Islands Costa Rica Cote D'Ivoire Croatia Cuba Curacao Cyprus Czech Republic
Democratic People's Republic of Korea The Democratic Republic of the Congo
Denmark Djibouti Dominica Dominican Republic Ecuador Egypt El Salvador
Equatorial Guinea Eritrea Estonia Ethiopia Falkland Islands (Malvinas) Faroe
Islands Federated States of Micronesia Fiji Finland The Former Yugoslav Republic
of Macedonia France French Guiana French Polynesia French Southern Territories
Gabon Gambia Georgia Germany Ghana Gibraltar Greece Greenland Grenada Guadeloupe
Guam Guatemala Guernsey Guinea Guinea-Bissau Guyana Haiti Heard Island and
McDonald Islands Holy See (Vatican City State) Honduras Hong Kong Hungary
Iceland India Indonesia Iraq Ireland Islamic Republic of Iran Isle of Man Israel
Italy Jamaica Japan Jersey Jordan Kazakhstan Kenya Kiribati Kuwait Kyrgyzstan
Lao People's Democratic Republic Latvia Lebanon Lesotho Liberia Libya
Liechtenstein Lithuania Luxembourg Macao Madagascar Malawi Malaysia Maldives
Mali Malta Marshall Islands Martinique Mauritania Mauritius Mayotte Mexico
Monaco Mongolia Montenegro Montserrat Morocco Mozambique Myanmar Namibia Nauru
Nepal Netherlands New Caledonia New Zealand Nicaragua Niger Nigeria Niue Norfolk
Island Northern Mariana Islands Norway Oman Pakistan Palau Palestinian
Territory, Occupied Panama Papua New Guinea Paraguay Peru Philippines Pitcairn
Plurinational State of Bolivia Poland Portugal Puerto Rico Qatar Republic of
Korea Republic of Moldova Reunion Romania Russian Federation Rwanda Saint
Barthelemy Saint Helena, Ascension and Tristan da Cunha Saint Kitts and Nevis
Saint Lucia Saint Martin (French) Saint Pierre and Miquelon Saint Vincent and
the Grenadines Samoa San Marino Sao Tome and Principe Saudi Arabia Senegal
Serbia Seychelles S. Georgia & S. Sandwich Isls. Sierra Leone Singapore Sint
Maarten (Dutch) Slovakia Slovenia Solomon Islands Somalia South Africa South
Sudan Spain Sri Lanka Sudan Suriname Svalbard and Jan Mayen Swaziland Sweden
Switzerland Syrian Arab Republic Taiwan, Province of China Tajikistan Thailand
Timor-Leste Togo Tokelau Tonga Trinidad and Tobago Tunisia Turkey Turkmenistan
Turks and Caicos Islands Tuvalu Uganda Ukraine United Arab Emirates United
Kingdom United Republic of Tanzania Uruguay USA Minor Outlying Islands
Uzbekistan Vanuatu Viet Nam Virgin Islands (British) Virgin Islands (USA) Wallis
and Futuna Western Sahara Yemen Zambia Zimbabwe
Required  


PAYMENT INFORMATION


PAYMENT METHOD:

Credit Card   
 


CREDIT CARD INFORMATION:

Credit Card Type:
 * 
 * 
 * 
 * 

 
Credit Card Number:  
Expiration Date:Select month of credit card Select Expiration Year
01 02 03 04 05 06 07 08 09 10 11 12 2022 2023 2024 2025 2026 2027 2028 2029 2030
2031 2032  
 
CVV Number: What is this?  


CHECK INFORMATION

 
Remember Me  

Donate $50 to Fight Hunger Cancel

Our administrative and fundraising costs are only 4 percent, so 96 cents out of
every dollar donated helps people in need of food assistance.

If you donate and have not already registered, you will receive periodic updates
and communications from The Regional Food Bank of Oklahoma.  

Should you have any questions about Regional Food Bank of Oklahoma or about your
online donation, please feel free to contact us. Thank you.




 
P.O. Box 270968
Oklahoma City, OK 73137
(405) 600-3136 | rfbo.org