background: url(/img/conservancy-header.png)  left center no-repeat;

}

/* Navigation bar */

#navbar-outer { background: #577632; }

#navbar { margin-left: 104px; margin-top: 3px; float: left; display: inline; }

#navbar ul { list-style: none; }

#navbar-clear { clear: both; border-bottom: 1px solid #808080; }

#navbar li.supporter a {

  display: block;

  background: #fafafe;

  padding: .2em .8em;

  margin-right: 3px;

  border: 1px solid #808080;

  font-size: .8em;

  background: url(/img/nav-bg-campaign.png) bottom repeat-x;

  border-color: #ffffff;

}

#navbar li a {

  display: block;

  background: #fafafe;

  padding: .2em .8em;

  margin-right: 3px;

  border: 1px solid #808080;

  font-size: .8em;

  background: #fff url(/img/nav-bg.png) bottom repeat-x;

  border-color: #ffffff;

}

#navbar li:hover a { background: #577632; color: #fff; }

#navbar li.supporter:hover a { background: #577632; color: #CE1F1F; }

#navbar li { float: left; display: inline; margin-bottom: 3px; }

#mainContent {

    margin-left: 50px;

    margin-right: 50px;

}

#progressbar {

    height: 30px;

}

#progressbar .ui-widget-header {

    background: rgb(206, 31, 31);

}

#fundraiser-percentage {

    float: right;

    align: center;

    margin-right: 40%;

    font-style: bold;

    color: green;

}

.content-with-donate-sidebar {

    align: left;

    width: 80%;

}

#container {

    width: 100%;

    overflow: hidden;

}

#container #mainContent {

    background: #fffff;

    margin-left: 210px;

    margin-right: 50px;

}

#container #sidebar {

    width: 200px;

    float: left;

    background-color: #ccd4a3; 

}

#container #sidebar li {

    text-align: center;

    list-style: none;

    padding: 3px 10px 3px 10px; 

    margin: 5px; 

    border: 1px solid #CCC;

    background: #fff url(/img/nav-bg.png) bottom repeat-x;

}

#container #sidebar li:hover a { background: #577632; color: #fff; }

#container #sidebar.Directors ul li.Directors,

#container #sidebar.Eval ul li.Eval,

#container #sidebar.Overview ul li.Overview,

#container #sidebar.Contact ul li.Contact,

#container #sidebar.Officers ul li.Officers,

#container #sidebar.Staff ul li.Staff,

#container #sidebar.Outside ul li.Outside,

#container #sidebar.Filings ul li.Filings,

#container #sidebar.License ul li.License,

#container #sidebar.Current ul li.Current,

#container #sidebar.Services ul li.Services,

#container #sidebar.Applying ul li.Applying,

#container #sidebar.VMwareLawsuitAppeal ul li.VMwareLawsuitAppeal,

            // your marketplace URI is incorrect

            console.log(response.error);

            break;

        case 201:

            // WOO HOO! MONEY!

            // response.data.uri == URI of the bank account resource you

            // should store this bank account URI to later credit it

            console.log(response.data);

            var $form = $("#bank-account-form");

            // the uri is an opaque token referencing the tokenized bank account

            var bank_account_uri = response.data['uri'];

            // append the token as a hidden field to submit to the server

            $('<input>').attr({

               type: 'hidden',

               value: bank_account_uri,

               name: 'balancedBankAccountURI'

            }).appendTo($form);

            $form.attr({action: requestBinURL});

            $form.get(0).submit();

        break;

    default:

        console.log(response.status);

        }

    }

   //alert('allo?');

   var tokenizeInstrument = function(e) {

        alert('what"s going on?');

        e.preventDefault();

        var $form = $('#bank-account-form');

        var bankAccountData = {

            name: $form.find('.ba-name').val(),

            account_number: $form.find('.ba-an').val(),

            bank_code: $form.find('.ba-rn').val(),

            type: $form.find('select').val()

        };

        balanced.bankAccount.create(bankAccountData, responseCallbackHandler);

    };

   $('#bank-account-form').submit(tokenizeInstrument);

*/

</script>

-->

<h3>Support NPO Accounting Project Now!</h3>

$<span id="fundraiser-so-far">{{ fundgoal.fundraiser_so_far_amount|floatformat:0|intcomma }}</span> raised toward<br/>

our $<span id="fundraiser-goal">{{ fundgoal.fundraiser_goal_amount|floatformat:0|intcomma  }}</span> goal.<br/>

<p style="font-size: 75%">(Progress bar updated daily.)</p>

<a id="donate" style="text-decoration:none"></a>

<h3>Help us reach our goal:</h3>

<!-- PayPal start -->

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">

<input type="hidden" name="cmd" value="_s-xclick">

<input type="hidden" name="hosted_button_id" value="3VRTJALJ5PQRW">

<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" style="border:0" name="submit" alt="Donate Now!">

<img alt="" style="border:0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">

</form>

<!-- PayPal end -->

<!-- Balanced start -

<div class="container">

- <form action="#" method="POST" id="bank-account-form" class="form-horizontal" onsubmit="balanced.card.create(cardData, function(response) { alert(response.status); });"> -

<form action="#" method="POST" id="bank-account-form" class="form-horizontal">

    <fieldset>

        <legend>Bank Account Information</legend>

        <p><label>Account Holder's Name

            <input type="text"

                   autocomplete="off"

                   placeholder="Bank Account Holder's name"

                   class="ba-name"

                   name="ba_name"

                   value="4111 1111 1111 1111">

        </label></p>

        <p><label>Routing Number

            <input type="text"

                   autocomplete="off"

                   placeholder="Routing Number"

                   class="ba-rn"

                   name="ba_rn"

                   value="4">

        </label></p>

        <p><label>Account Number

            <input type="text"

                   autocomplete="off"

                   placeholder="Account Number"

                   class="ba-an"

                   name="ba_an"

                   value="2014">

        </label></p>

        <p><label>Account Something

            <input type="text"

                   autocomplete="off"

                   placeholder="Account Something"

                   class="ba-as"