Cornerstone Draft

<style>
 #_form_40_ { font-size:14px; line-height:1.6; font-family:arial, helvetica, sans-serif; margin:0; }
 #_form_40_ * { outline:0; }
 ._form_hide { display:none; visibility:hidden; }
 ._form_show { display:block; visibility:visible; }
 #_form_40_._form-top { top:0; }
 #_form_40_._form-bottom { bottom:0; }
 #_form_40_._form-left { left:0; }
 #_form_40_._form-right { right:0; }
 #_form_40_ input[type="text"],#_form_40_ input[type="date"],#_form_40_ textarea { padding:6px; height:auto; border:#979797 1px solid; border-radius:4px; color:#000 !important; font-size:13px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
 #_form_40_ textarea { resize:none; }
 #_form_40_ ._submit { -webkit-appearance:none; cursor:pointer; font-family:arial, sans-serif; font-size:14px; text-align:center; background:#00bef2 !important; border:1px solid #333 !important; -moz-border-radius:4px !important; -webkit-border-radius:4px !important; border-radius:4px !important; color:#0f0e0f !important; padding:10px !important; }
 #_form_40_ ._close-icon { cursor:pointer; background-image:url('https://d226aj4ao1t61q.cloudfront.net/esfkyjh1u_forms-close-dark.png'); background-repeat:no-repeat; background-size:14.2px 14.2px; position:absolute; display:block; top:11px; right:9px; overflow:hidden; width:16.2px; height:16.2px; }
 #_form_40_ ._close-icon:before { position:relative; }
 #_form_40_ ._form-body { margin-bottom:30px; }
 #_form_40_ ._form-image-left { width:150px; float:left; }
 #_form_40_ ._form-content-right { margin-left:164px; }
 #_form_40_ ._form-branding { color:#fff; font-size:10px; clear:both; text-align:left; margin-top:30px; font-weight:100; }
 #_form_40_ ._form-branding ._logo { display:block; width:130px; height:14px; margin-top:6px; background-image:url('https://d226aj4ao1t61q.cloudfront.net/hh9ujqgv5_aclogo_li.png'); background-size:130px auto; background-repeat:no-repeat; }
 #_form_40_ ._form-label,#_form_40_ ._form_element ._form-label { font-weight:bold; margin-bottom:5px; display:block; }
 #_form_40_._dark ._form-branding { color:#333; }
 #_form_40_._dark ._form-branding ._logo { background-image:url('https://d226aj4ao1t61q.cloudfront.net/jftq2c8s_aclogo_dk.png'); }
 #_form_40_ ._form_element { position:relative; margin-bottom:10px; font-size:0; max-width:100%; }
 #_form_40_ ._form_element * { font-size:14px; }
 #_form_40_ ._form_element._clear { clear:both; width:100%; float:none; }
 #_form_40_ ._form_element._clear:after { clear:left; }
 #_form_40_ ._form_element input[type="text"],#_form_40_ ._form_element input[type="date"],#_form_40_ ._form_element select,#_form_40_ ._form_element textarea:not(.g-recaptcha-response) { display:block; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
 #_form_40_ ._field-wrapper { position:relative; }
 #_form_40_ ._inline-style { float:left; }
 #_form_40_ ._inline-style input[type="text"] { width:150px; }
 #_form_40_ ._inline-style:not(._clear) + ._inline-style:not(._clear) { margin-left:20px; }
 #_form_40_ ._form_element img._form-image { max-width:100%; }
 #_form_40_ ._clear-element { clear:left; }
 #_form_40_ ._full_width { width:100%; }
 #_form_40_ ._form_full_field { display:block; width:100%; margin-bottom:10px; }
 #_form_40_ input[type="text"]._has_error,#_form_40_ textarea._has_error { border:#f37c7b 1px solid; }
 #_form_40_ input[type="checkbox"]._has_error { outline:#f37c7b 1px solid; }
 #_form_40_ ._error { display:block; position:absolute; font-size:13px; z-index:10000001; }
 #_form_40_ ._error._above { padding-bottom:4px; top:-41px; right:0; }
 #_form_40_ ._error._below { padding-top:4px; top:100%; right:0; }
 #_form_40_ ._error._above ._error-arrow { bottom:0; right:15px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #f37c7b; }
 #_form_40_ ._error._below ._error-arrow { top:0; right:15px; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #f37c7b; }
 #_form_40_ ._error-inner { padding:8px 12px; background-color:#f37c7b; font-size:13px; font-family:arial, sans-serif; color:#fff; text-align:center; text-decoration:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
 #_form_40_ ._error-inner._form_error { margin-bottom:5px; text-align:left; }
 #_form_40_ ._button-wrapper ._error-inner._form_error { position:static; }
 #_form_40_ ._error-inner._no_arrow { margin-bottom:10px; }
 #_form_40_ ._error-arrow { position:absolute; width:0; height:0; }
 #_form_40_ ._error-html { margin-bottom:10px; }
 .pika-single { z-index:10000001 !important; }
 @media all and (min-width:320px) and (max-width:667px) { ::-webkit-scrollbar { display:none; }
 #_form_40_ { margin:0; width:100%; min-width:100%; max-width:100%; box-sizing:border-box; }
 #_form_40_ * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:1em; }
 #_form_40_ ._form-content { margin:0; width:100%; }
 #_form_40_ ._form-inner { display:block; min-width:100%; }
 #_form_40_ ._form-title,#_form_40_ ._inline-style { margin-top:0; margin-right:0; margin-left:0; }
 #_form_40_ ._form-title { font-size:1.2em; }
 #_form_40_ ._form_element { margin:0 0 20px; padding:0; width:100%; }
 #_form_40_ ._form-element,#_form_40_ ._inline-style,#_form_40_ input[type="text"],#_form_40_ label,#_form_40_ p,#_form_40_ textarea:not(.g-recaptcha-response) { float:none; display:block; width:100%; }
 #_form_40_ ._row,#_form_40_ p,#_form_40_ label { margin-bottom:0.7em; width:100%; }
 #_form_40_ ._row input[type="checkbox"],#_form_40_ ._row input[type="radio"] { margin:0 !important; vertical-align:middle !important; }
 #_form_40_ ._row input[type="checkbox"] + span label { display:inline; }
 #_form_40_ ._row span label { margin:0 !important; width:initial !important; vertical-align:middle !important; }
 #_form_40_ ._form-image { max-width:100%; height:auto !important; }
 #_form_40_ input[type="text"] { padding-left:10px; padding-right:10px; font-size:16px; line-height:1.3em; -webkit-appearance:none; }
 #_form_40_ input[type="radio"],#_form_40_ input[type="checkbox"] { display:inline-block; width:1.3em; height:1.3em; font-size:1em; margin:0 0.3em 0 0; vertical-align:baseline; }
 #_form_40_ button[type="submit"] { padding:20px; font-size:1.5em; }
 #_form_40_ ._inline-style { margin:20px 0 0 !important; }
 }
 #_form_40_ { position:relative; text-align:left; margin:25px auto 0; padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; *zoom:1; background:#ff0 !important; border:0px solid #b0b0b0 !important; width:500px; -moz-border-radius:9px !important; -webkit-border-radius:9px !important; border-radius:9px !important; color:#000 !important; }
 #_form_40_ ._form-title { font-size:22px; line-height:22px; font-weight:600; margin-bottom:0; }
 #_form_40_:before,#_form_40_:after { content:" "; display:table; }
 #_form_40_:after { clear:both; }
 #_form_40_._inline-style { width:auto; display:inline-block; }
 #_form_40_._inline-style input[type="text"],#_form_40_._inline-style input[type="date"] { padding:10px 12px; }
 #_form_40_._inline-style button._inline-style { position:relative; top:27px; }
 #_form_40_._inline-style p { margin:0; }
 #_form_40_._inline-style ._button-wrapper { position:relative; margin:27px 12.5px 0 20px; }
 #_form_40_ ._form-thank-you { position:relative; left:0; right:0; text-align:center; font-size:18px; }
 @media all and (min-width:320px) and (max-width:667px) { #_form_40_._inline-form._inline-style ._inline-style._button-wrapper { margin-top:20px !important; margin-left:0 !important; }
 }
</style>
<form method="POST" action="https://docmedia.activehosted.com/proc.php" id="_form_40_" class="_form _form_40 _inline-form  _dark" novalidate>
  <input type="hidden" name="u" value="40" />
  <input type="hidden" name="f" value="40" />
  <input type="hidden" name="s" />
  <input type="hidden" name="c" value="0" />
  <input type="hidden" name="m" value="0" />
  <input type="hidden" name="act" value="sub" />
  <input type="hidden" name="v" value="2" />
  <div class="_form-content">
    <div class="_form_element _x41603077 _full_width _clear" >
      <div class="_form-title">
        Do You Need Approval?
      </div>
    </div>
    <div class="_form_element _x76605194 _full_width _clear" >
      <div class="_html-code">
        <p>
          The first three fields are all about you, then tell us who you want us to call and why. Give as much infirmation as would be helpful to get the job done.
        </p>
      </div>
    </div>
    <div class="_form_element _x58409503 _full_width " >
      <label class="_form-label">
        Full Name*
      </label>
      <div class="_field-wrapper">
        <input type="text" name="fullname" placeholder="Type your name" required/>
      </div>
    </div>
    <div class="_form_element _x20900305 _full_width " >
      <label class="_form-label">
        Email*
      </label>
      <div class="_field-wrapper">
        <input type="text" name="email" placeholder="Type your email" required/>
      </div>
    </div>
    <div class="_form_element _x19670229 _full_width " >
      <label class="_form-label">
        Phone*
      </label>
      <div class="_field-wrapper">
        <input type="text" name="phone" placeholder="Type your phone number" required/>
      </div>
    </div>
    <div class="_form_element _field31 _full_width " >
      <label class="_form-label">
        What number should Luke and Susie call?*
      </label>
      <div class="_field-wrapper">
        <input type="text" name="field&#91;31&#93;" value="" placeholder="" required/>
      </div>
    </div>
    <div class="_form_element _field30 _full_width " >
      <label class="_form-label">
        Who do you want to get approval from and what for?*
      </label>
      <div class="_field-wrapper">
        <textarea name="field&#91;30&#93;" placeholder=""  required></textarea>
      </div>
    </div>
    <div class="_form_element _field26 _full_width " >
      <label class="_form-label">
        Do you own a home? (residential or investment)*
      </label>
      <div class="_row">
        <input id="field_26Yes" type="radio" name="field&#91;26&#93;" value="Yes"  required>
        <span>
          <label for="field_26Yes">
            Yes
          </span>
        </div>
        <div class="_row">
          <input id="field_26No" type="radio" name="field&#91;26&#93;" value="No"  >
          <span>
            <label for="field_26No">
              No
            </span>
          </div>
        </div>
        <div class="_form_element _field27 _full_width " >
          <label class="_form-label">
            Have you ever built a shed, car-port, patio, or extension?*
          </label>
          <div class="_row">
            <input id="field_27Yes" type="radio" name="field&#91;27&#93;" value="Yes"  required>
            <span>
              <label for="field_27Yes">
                Yes
              </span>
            </div>
            <div class="_row">
              <input id="field_27No" type="radio" name="field&#91;27&#93;" value="No"  >
              <span>
                <label for="field_27No">
                  No
                </span>
              </div>
            </div>
            <div class="_form_element _field28 _full_width " >
              <label class="_form-label">
                Did you get official council approvals?*
              </label>
              <div class="_row">
                <input id="field_28Yes" type="radio" name="field&#91;28&#93;" value="Yes"  required>
                <span>
                  <label for="field_28Yes">
                    Yes
                  </span>
                </div>
                <div class="_row">
                  <input id="field_28No" type="radio" name="field&#91;28&#93;" value="No"  >
                  <span>
                    <label for="field_28No">
                      No
                    </span>
                  </div>
                  <div class="_row">
                    <input id="field_28Working on it" type="radio" name="field&#91;28&#93;" value="Working on it"  >
                    <span>
                      <label for="field_28Working on it">
                        Working on it
                      </span>
                    </div>
                    <div class="_row">
                      <input id="field_28Need to work on it" type="radio" name="field&#91;28&#93;" value="Need to work on it"  >
                      <span>
                        <label for="field_28Need to work on it">
                          Need to work on it
                        </span>
                      </div>
                    </div>
                    <div class="_form_element _field29 _full_width " >
                      <label class="_form-label">
                        Are you thinking about or planning building a shed, car-port, patio, or extension?*
                      </label>
                      <div class="_row">
                        <input id="field_29We&#039;re ready to go" type="radio" name="field&#91;29&#93;" value="We&#039;re ready to go"  required>
                        <span>
                          <label for="field_29We&#039;re ready to go">
                            We&#039;re ready to go
                          </span>
                        </div>
                        <div class="_row">
                          <input id="field_29In the next 6 months" type="radio" name="field&#91;29&#93;" value="In the next 6 months"  >
                          <span>
                            <label for="field_29In the next 6 months">
                              In the next 6 months
                            </span>
                          </div>
                          <div class="_row">
                            <input id="field_29In the next 12 months" type="radio" name="field&#91;29&#93;" value="In the next 12 months"  >
                            <span>
                              <label for="field_29In the next 12 months">
                                In the next 12 months
                              </span>
                            </div>
                            <div class="_row">
                              <input id="field_29Hopefully in the next 1-2 years" type="radio" name="field&#91;29&#93;" value="Hopefully in the next 1-2 years"  >
                              <span>
                                <label for="field_29Hopefully in the next 1-2 years">
                                  Hopefully in the next 1-2 years
                                </span>
                              </div>
                              <div class="_row">
                                <input id="field_29I have no intentions to at all" type="radio" name="field&#91;29&#93;" value="I have no intentions to at all"  >
                                <span>
                                  <label for="field_29I have no intentions to at all">
                                    I have no intentions to at all
                                  </span>
                                </div>
                              </div>
                              <div class="_form_element _field32 _full_width " >
                                <label class="_form-label">
                                  Are you happy for our sponsor to send you an offer and information?
                                </label>
                                <div class="_field-wrapper">
                                  <select name="field&#91;32&#93;" >
                                    <option value="Yes" >
                                      Yes
                                    </option>
                                    <option value="No" >
                                      No
                                    </option>
                                  </select>
                                </div>
                              </div>
                              <div class="_form_element _field33 _full_width " >
                                <div class="_row">
                                  <label class="_form-label">
                                    I agree to the terms and conditions
                                  </label>
                                </div>
                                <input type="hidden" name="field&#91;33&#93;&#91;&#93;" value="~|">
                                <div class="_row">
                                  <input id="field_33Yes" type="checkbox" name="field&#91;33&#93;&#91;&#93;" value="Yes"   required>
                                  <span>
                                    <label for="field_33Yes">
                                      Yes*
                                    </label>
                                  </span>
                                </div>
                              </div>
                              <div class="_button-wrapper _full_width">
                                <button id="_form_40_submit" class="_submit" type="submit">
                                  Submit
                                </button>
                              </div>
                              <div class="_clear-element">
                              </div>
                            </div>
                            <div class="_form-thank-you" style="display:none;">
                            </div>
                          </form><script type="text/javascript">
window.cfields = {"31":"what_number_should_luke_and_susie_call","30":"who_do_you_want_to_get_approval_from_and_what_for","26":"do_you_own_a_home_residential_or_investment","27":"have_you_ever_built_a_shed_carport_patio_or_extension","28":"did_you_get_official_council_approvals","29":"are_you_thinking_about_or_planning_building_a_shed_carport_patio_or_extension","32":"are_you_happy_for_our_sponsor_to_send_you_an_offer_and_information","33":"i_agree_to_the_terms_and_conditions"};
window._show_thank_you = function(id, message, trackcmp_url) {
  var form = document.getElementById('_form_' + id + '_'), thank_you = form.querySelector('._form-thank-you');
  form.querySelector('._form-content').style.display = 'none';
  thank_you.innerHTML = message;
  thank_you.style.display = 'block';
  if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {
    // Site tracking URL to use after inline form submission.
    _load_script(trackcmp_url);
  }
  if (typeof window._form_callback !== 'undefined') window._form_callback(id);
};
window._show_error = function(id, message, html) {
  var form = document.getElementById('_form_' + id + '_'), err = document.createElement('div'), button = form.querySelector('button'), old_error = form.querySelector('._form_error');
  if (old_error) old_error.parentNode.removeChild(old_error);
  err.innerHTML = message;
  err.className = '_error-inner _form_error _no_arrow';
  var wrapper = document.createElement('div');
  wrapper.className = '_form-inner';
  wrapper.appendChild(err);
  button.parentNode.insertBefore(wrapper, button);
  document.querySelector('[id^="_form"][id$="_submit"]').disabled = false;
  if (html) {
    var div = document.createElement('div');
    div.className = '_error-html';
    div.innerHTML = html;
    err.appendChild(div);
  }
};
window._load_script = function(url, callback) {
    var head = document.querySelector('head'), script = document.createElement('script'), r = false;
    script.type = 'text/javascript';
    script.charset = 'utf-8';
    script.src = url;
    if (callback) {
      script.onload = script.onreadystatechange = function() {
      if (!r && (!this.readyState || this.readyState == 'complete')) {
        r = true;
        callback();
        }
      };
    }
    head.appendChild(script);
};
(function() {
  if (window.location.search.search("excludeform") !== -1) return false;
  var getCookie = function(name) {
    var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)'));
    return match ? match[2] : null;
  }
  var setCookie = function(name, value) {
    var now = new Date();
    var time = now.getTime();
    var expireTime = time + 1000 * 60 * 60 * 24 * 365;
    now.setTime(expireTime);
    document.cookie = name + '=' + value + '; expires=' + now + ';path=/';
  }
      var addEvent = function(element, event, func) {
    if (element.addEventListener) {
      element.addEventListener(event, func);
    } else {
      var oldFunc = element['on' + event];
      element['on' + event] = function() {
        oldFunc.apply(this, arguments);
        func.apply(this, arguments);
      };
    }
  }
  var _removed = false;
  var form_to_submit = document.getElementById('_form_40_');
  var allInputs = form_to_submit.querySelectorAll('input, select, textarea'), tooltips = [], submitted = false;

  var getUrlParam = function(name) {
    var regexStr = '[\?&]' + name + '=([^&#]*)';
    var results = new RegExp(regexStr, 'i').exec(window.location.href);
    return results != undefined ? decodeURIComponent(results[1]) : false;
  };

  for (var i = 0; i < allInputs.length; i++) {
    var regexStr = "field\\&#91;(\\d+)\\&#93;";
    var results = new RegExp(regexStr).exec(allInputs&#91;i&#93;.name);
    if (results != undefined) {
      allInputs&#91;i&#93;.dataset.name = window.cfields&#91;results&#91;1&#93;&#93;;
    } else {
      allInputs&#91;i&#93;.dataset.name = allInputs&#91;i&#93;.name;
    }
    var fieldVal = getUrlParam(allInputs&#91;i&#93;.dataset.name);

    if (fieldVal) {
      if (allInputs&#91;i&#93;.type == "radio" || allInputs&#91;i&#93;.type == "checkbox") {
        if (allInputs&#91;i&#93;.value == fieldVal) {
          allInputs&#91;i&#93;.checked = true;
        }
      } else {
        allInputs&#91;i&#93;.value = fieldVal;
      }
    }
  }

  var remove_tooltips = function() {
    for (var i = 0; i < tooltips.length; i++) {
      tooltips&#91;i&#93;.tip.parentNode.removeChild(tooltips&#91;i&#93;.tip);
    }
      tooltips = &#91;&#93;;
  };
  var remove_tooltip = function(elem) {
    for (var i = 0; i < tooltips.length; i++) {
      if (tooltips&#91;i&#93;.elem === elem) {
        tooltips&#91;i&#93;.tip.parentNode.removeChild(tooltips&#91;i&#93;.tip);
        tooltips.splice(i, 1);
        return;
      }
    }
  };
  var create_tooltip = function(elem, text) {
    var tooltip = document.createElement('div'), arrow = document.createElement('div'), inner = document.createElement('div'), new_tooltip = {};
    if (elem.type != 'radio' && elem.type != 'checkbox') {
      tooltip.className = '_error';
      arrow.className = '_error-arrow';
      inner.className = '_error-inner';
      inner.innerHTML = text;
      tooltip.appendChild(arrow);
      tooltip.appendChild(inner);
      elem.parentNode.appendChild(tooltip);
    } else {
      tooltip.className = '_error-inner _no_arrow';
      tooltip.innerHTML = text;
      elem.parentNode.insertBefore(tooltip, elem);
      new_tooltip.no_arrow = true;
    }
    new_tooltip.tip = tooltip;
    new_tooltip.elem = elem;
    tooltips.push(new_tooltip);
    return new_tooltip;
  };
  var resize_tooltip = function(tooltip) {
    var rect = tooltip.elem.getBoundingClientRect();
    var doc = document.documentElement, scrollPosition = rect.top - ((window.pageYOffset || doc.scrollTop)  - (doc.clientTop || 0));
    if (scrollPosition < 40) {
      tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _below';
    } else {
      tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _above';
    }
  };
  var resize_tooltips = function() {
    if (_removed) return;
    for (var i = 0; i < tooltips.length; i++) {
      if (!tooltips&#91;i&#93;.no_arrow) resize_tooltip(tooltips&#91;i&#93;);
    }
  };
  var validate_field = function(elem, remove) {
    var tooltip = null, value = elem.value, no_error = true;
    remove ? remove_tooltip(elem) : false;
    if (elem.type != 'checkbox') elem.className = elem.className.replace(/ ?_has_error ?/g, '');
    if (elem.getAttribute('required') !== null) {
      if (elem.type == 'radio' || (elem.type == 'checkbox' && /any/.test(elem.className))) {
        var elems = form_to_submit.elements&#91;elem.name&#93;;
        no_error = false;
        for (var i = 0; i < elems.length; i++) {
          if (elems&#91;i&#93;.checked) no_error = true;
        }
        if (!no_error) {
          tooltip = create_tooltip(elem, "Please select an option.");
        }
      } else if (elem.type =='checkbox') {
        var elems = form_to_submit.elements&#91;elem.name&#93;, found = false, err = &#91;&#93;;
        no_error = true;
        for (var i = 0; i < elems.length; i++) {
          if (elems&#91;i&#93;.getAttribute('required') === null) continue;
          if (!found && elems&#91;i&#93; !== elem) return true;
          found = true;
          elems&#91;i&#93;.className = elems&#91;i&#93;.className.replace(/ ?_has_error ?/g, '');
          if (!elems&#91;i&#93;.checked) {
            no_error = false;
            elems&#91;i&#93;.className = elems&#91;i&#93;.className + ' _has_error';
            err.push("Checking %s is required".replace("%s", elems&#91;i&#93;.value));
          }
        }
        if (!no_error) {
          tooltip = create_tooltip(elem, err.join('<br/>'));
        }
      } else if (elem.tagName == 'SELECT') {
        var selected = true;
        if (elem.multiple) {
          selected = false;
          for (var i = 0; i < elem.options.length; i++) {
            if (elem.options&#91;i&#93;.selected) {
              selected = true;
              break;
            }
          }
        } else {
          for (var i = 0; i < elem.options.length; i++) {
            if (elem.options&#91;i&#93;.selected && !elem.options&#91;i&#93;.value) {
              selected = false;
            }
          }
        }
        if (!selected) {
          no_error = false;
          tooltip = create_tooltip(elem, "Please select an option.");
        }
      } else if (value === undefined || value === null || value === '') {
        elem.className = elem.className + ' _has_error';
        no_error = false;
        tooltip = create_tooltip(elem, "This field is required.");
      }
    }
    if (no_error && elem.name == 'email') {
      if (!value.match(/^&#91;\+_a-z0-9-'&=&#93;+(\.&#91;\+_a-z0-9-'&#93;+)*@&#91;a-z0-9-&#93;+(\.&#91;a-z0-9-&#93;+)*(\.&#91;a-z&#93;{2,})$/i)) {
        elem.className = elem.className + ' _has_error';
        no_error = false;
        tooltip = create_tooltip(elem, "Enter a valid email address.");
      }
    }
    if (no_error && /date_field/.test(elem.className)) {
      if (!value.match(/^\d\d\d\d-\d\d-\d\d$/)) {
        elem.className = elem.className + ' _has_error';
        no_error = false;
        tooltip = create_tooltip(elem, "Enter a valid date.");
      }
    }
    tooltip ? resize_tooltip(tooltip) : false;
    return no_error;
  };
  var needs_validate = function(el) {
    return el.name == 'email' || el.getAttribute('required') !== null;
  };
  var validate_form = function(e) {
    var err = form_to_submit.querySelector('._form_error'), no_error = true;
    if (!submitted) {
      submitted = true;
      for (var i = 0, len = allInputs.length; i < len; i++) {
        var input = allInputs&#91;i&#93;;
        if (needs_validate(input)) {
          if (input.type == 'text') {
            addEvent(input, 'blur', function() {
              this.value = this.value.trim();
              validate_field(this, true);
            });
            addEvent(input, 'input', function() {
              validate_field(this, true);
            });
          } else if (input.type == 'radio' || input.type == 'checkbox') {
            (function(el) {
              var radios = form_to_submit.elements&#91;el.name&#93;;
              for (var i = 0; i < radios.length; i++) {
                addEvent(radios&#91;i&#93;, 'click', function() {
                  validate_field(el, true);
                });
              }
            })(input);
          } else if (input.tagName == 'SELECT') {
            addEvent(input, 'change', function() {
              validate_field(input, true);
            });
          }
        }
      }
    }
    remove_tooltips();
    for (var i = 0, len = allInputs.length; i < len; i++) {
      var elem = allInputs&#91;i&#93;;
      if (needs_validate(elem)) {
        if (elem.tagName.toLowerCase() !== "select") {
          elem.value = elem.value.trim();
        }
        validate_field(elem) ? true : no_error = false;
      }
    }
    if (!no_error && e) {
      e.preventDefault();
    }
    resize_tooltips();
    return no_error;
  };
  addEvent(window, 'resize', resize_tooltips);
  addEvent(window, 'scroll', resize_tooltips);
  window._old_serialize = null;
  if (typeof serialize !== 'undefined') window._old_serialize = window.serialize;
  _load_script("//d3rxaij56vjege.cloudfront.net/form-serialize/0.3/serialize.min.js", function() {
    window._form_serialize = window.serialize;
    if (window._old_serialize) window.serialize = window._old_serialize;
  });
  var form_submit = function(e) {
    e.preventDefault();
    if (validate_form()) {
      // use this trick to get the submit button & disable it using plain javascript
      document.querySelector('&#91;id^="_form"&#93;&#91;id$="_submit"&#93;').disabled = true;
            var serialized = _form_serialize(document.getElementById('_form_40_'));
      var err = form_to_submit.querySelector('._form_error');
      err ? err.parentNode.removeChild(err) : false;
      _load_script('https://docmedia.activehosted.com/proc.php?' + serialized + '&jsonp=true');
    }
    return false;
  };
  addEvent(form_to_submit, 'submit', form_submit);
})();

</script>