* { margin: 0; padding: 0; }

img { border: 0; }

body { margin: 0; padding: 0; }

.clear { clear: both; }

.hidden { display: none; }

p, h1, h2, h3, h4, h5, h6, #mainContent ul, #mainContent ol {

  margin-top: 1em;

  margin-bottom: 1em;

}

body {

/*  font-family: "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif; */

  font-family: Helvetica;

  font-size: 95%;

  background-color: #0000;

  color: #ffff;

}

a { text-decoration: none; color: #557733; }

a:hover { text-decoration: underline; color: #577632; }

.toggle-control  {

cursor: pointer;

text-decoration: none; color: #557733;

}

.toggle-control:hover { text-decoration: underline; color: #577632; }

/* FIXME: We should do this:          */

/* http://www.waypointarts.com/blog/2013/06/29/fixing-a-side-bar-while-scrolling-until-bottom */

.donate-sidebar {

    position: fixed;

    top: 180px;

    right: 2%;

    width: 18%;

}

@media all and (max-width: 625px) {

    .donate-sidebar { display: none; }

    .content-with-donate-sidebar {

        align: center;

        width: 100%;

    }

}

p.footnote {

    font-size: 85%;

}

h1 { margin-top: .75em; margin-bottom: .5em; }

h2 { margin-top: .75em; margin-bottom: .5em; }

h3 { margin-top: .6em; margin-bottom: .4em; }

#mainContent h1 { border-bottom: 1px solid #00334b; }

#mainContent h2 { border-bottom: 1px solid #aaa; }

#mainContent ul, #mainContent ol { padding-left: 1.5em; }

#mainContent img { margin: 3px; }

.internalNavigate { width: 19%; float: right; }

#mainContent .internalNavigate ul { list-style-type: none; padding-left: 0; }

.internalNavigate ul li { margin-top: .3em; margin-bottom: .3em; }

/* Header */

#conservancyheader {

  height: 140px;

/*  background-color: #d1ff96; */

/*  background-color: #92CC58; */

/*  background-color: #BDD8A2; */

/*  background-color: #92cc58; */

/*  background-color: #b5cd9d; */

  background-color: #ffffff;

  border-bottom: 1px solid #808080;

}

#conservancyheader h1 {

  text-indent: -5000px;

  margin: 0; /* hide in favor of image */

}

#logobutton {

  display: block;

  position: absolute; left: 17px; top: 10px; height: 120px; width: 933px;

  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,

#container #sidebar.VMwareLawsuitFAQ ul li.VMwareLawsuitFAQ,

#container #sidebar.AboutCompliance ul li.AboutCompliance

{

    color: #000033;

    font-weight: bold;

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

}

#container #sidebar h2 {

    text-align: center;

    font-size: 150%;

    margin: 1.5em 0 0.8em 0;

}

#container #sidebar hr {

    width: 75%;

    float: center;

    clear: all;

}

/* Navbar Submenus (currently unused) */

#navbar li ul { display: none; border: 1px solid #444; }

#navbar li:hover ul { display: block; position: absolute; }

#navbar li ul li { float: none; }

#navbar li ul li a { border: 0px; margin: 0px; }

.shaded { background: #F0FFB8; padding: .1em .5em; margin-bottom: .5em; }

.columns {

    width: 100%;

    overflow: hidden;

}

.column-small {

    width: 31%;

 }

.column-large {

    margin-left: 35%;

    margin-right: 50px;

}

.column-left { float: left; }

.column-right { float: right; }

.column h2 { font-size: 1.25em; }

.column h3 { font-size: 1.1em; }

.column hr { width: 50%; align: center; }

.column h2 a { text-decoration: none; color: #000000; }

.column h2 a:hover { text-decoration: underline; }

#conservancyfooter {

  margin-top: 1em;

  border-top: 1px solid #ccc;

  text-align: center;

  clear: both;

}

span.continued {

  display: block;

  font-size: .83em;

  font-weight: bold;

  margin-top: 1em;

  margin-bottom: 1em;

}

p.date {

  font-style: italic;

  font-size: .83em;

  margin-bottom: .3em;

  margin-top: .3em;

}

a.feedlink /* RSS icon */ { display: block; float: right; font-size: 10pt; }

blockquote, div.quote /* div.quote is used by conservancy whitepaper */ {

  margin-left: 2em;

  margin-right: 2em;

  padding-left: 1em;

  padding-right: 1em;

  border: 1px solid #fff;

  background: #eee;

}

.newsgraphic { float: right; }

.newsgraphic img { border: 1px solid #000; }

.secondary_info { font-size: 83%; }

.next_page_button { float: right; }

.pagination_list { text-align: center; }

.document_format { border: 1px solid #888; padding: .2em; background: #fff99d;}

.copyright_info { font-size: 90%; }

hr.footnote-separator { width: 80%; margin-left: auto; margin-right: auto; }

/* Resources pages */

div.download-formats { margin-top: 2em; margin-bottom: 2em; }

.download-formats p { display: inline; }

#mainContent .download-formats ul { display: inline; list-style: none;

                                    padding-left: 0; }

.download-formats ul li { display: inline; padding-left: 2em; }

/* Resources - book styles */

hr.chapter-separator { display: none; }

h2.likechapterHead { text-align: center; }

h2.chapterHead { text-align: center; }

#mainContent ul.author { list-style-type: none; padding-left: 0; }

#mainContent div.footnotes { font-style: normal; } /* remove italics */

span.sectionToc { padding-left: 2em; } /* indent TOC properly */

span.subsectionToc { padding-left: 4em; }

span.subsubsectionToc { padding-left: 6em;}

.js, .js p, .js p.bibitem, .js p.bibitem-p { background-color: #cde7e9; }

body.conservancy-Members #navbar ul li.Members a,

body.conservancy-news #navbar ul li.news a,

body.conservancy-blog #navbar ul li.blog a,

body.conservancy-About #navbar ul li.About a,

body.conservancy-Compliance #navbar ul li.compliance a,

body.conservancy-donate #navbar ul li.donate a,

body.conservancy-npoacct #navbar ul li.npoacct a,

body.conservancy-sponsors #navbar ul li.sponsors a /* NO COMMA HERE! */

{ 

    color: #000033;

    font-weight: bold;

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

}

body.conservancy-supporter #navbar ul li.supporter a

{ 

    color: #000033;

    font-weight: bold;

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

}

#supporters ul {

  list-style: none;

  margin: 0;

  padding: 0;

}

#supporters li:before {

    content: '';

    display: inline-block;

    height: 2em;

    width: 2em;

    background-image: url(/img/conservancy-supporter-heart.svg);

    background-size: contain;

    background-repeat: no-repeat;

{% extends "base_conservancy.html" %}

{% load humanize %}

{% block subtitle %}NPOAcct - {% endblock %}

{% block category %}npoacct{% endblock %}

{% block head %}

<link href="/jquery-ui.css" rel="stylesheet" type="text/css"/>

<script type="text/javascript" src="/jquery.min.js"></script>

<script type="text/javascript" src="/jquery-ui.min.js"></script>

<script type="text/javascript" src="/supporter-page.js"></script>

{% endblock %}

{% block content %}

<div class="donate-sidebar">

<table style="background-color:#afe478;width:100%;">

<tr><td style="text-align:center;padding:10px;padding-bottom:10px;">

<div id="donate-box" class="toggle-unit"><h1 class="toggle-content">Donate Now!</h1></div>

<!--

<script type="text/javascript" src="https://js.balancedpayments.com/v1/balanced.js"></script>

<script type="text/javascript">

   // FOR DEMONSTRATION PURPOSES ONLY - if you already have a server you can POST to, replace

   //                                   the URL with the URL to post to.

   // go to http://requestb.in/

   // click create new request bin and COPY that URL without the ?inspect at the end

   var requestBinURL = 'http://requestb.in/1dk2x8y1';  // make sure it doesn't end in ?inspect

   var marketplaceUri = '/v1/marketplaces/TEST-MPMp7ZUPDpbj69vk2wGHRVY';

   //var marketplaceUri = 'https://www.balancedpayments.com/marketplaces/TEST-MPMp7ZUPDpbj69vk2wGHRVY';

   balanced.init(marketplaceUri);

var cardData = {

  "name": "Bernhard Riemann",                 // Optional

  "card_number": "4111 1111 1111 1111",

  "expiration_month": 4,

  "expiration_year": 2014,

};

function evbind(el, ev, handler) {

if(el.addEventListener) {

el.addEventListener(ev, handler, false);

} else if(el.attachEvent) {

el.attachEvent('on'+ev, function() {handler.apply(el);});

}

}

/*

   function responseCallbackHandler(response) {

      alert(response.status);

      switch (response.status) {

        case 400:

            // missing or invalid field - check response.error for details

            console.log(response.error);

            break;

        case 404:

            // 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"

                   name="ba_as"

                   value="something someone">

        </label></p>

        <p><label>Account Type

            <select name="ba_type">

                <option value='' disabled selected style='display:none;'>

                    Select Account Type

                </option>

                <option value="checking" default>CHECKING</option>

                <option value="savings">SAVINGS</option>

            </select>

        </label></p>

        <button type="submit" class="btn">

            Tokenize

        </button>

    </fieldset>

</form>

</div>

<script type="text/javascript">

evbind(document.getElementById('bank-account-form'), 'submit',

  function(e) {

    e.preventDefault();

    console.log(this.ba_as.value);

    balanced.card.create(

 {

  "name": this.ba_as.value,

  "card_number": this.ba_name.value,

  "expiration_month": this.ba_rn.value,

  "expiration_year": this.ba_an.value,

/*

  "name": "Bernhard Riemann",                 // Optional

  "card_number": "4111 1111 1111 1111",

  "expiration_month": 4,

  "expiration_year": 2014,

*/

 },

    function(response) {

      console.log(response);

      console.log(response.data.uri);

      $.ajax("/campaign/?token=" + response.data.uri + '&amount=' + document.getElementById('bank-account-form').ba_an.value);

      alert(response.status);

    });

});

</script>

- Balanced end -->

<p>

Other donation methods:

<div class="toggle-unit">

    <h4 class="toggle-control" data-text="Wire Transfer" 

    data-expanded-text="Wire Transfer:">Wire Transfer</h4>

    <div class="toggle-content">

        Please

            contact <a href="mailto:accounting@sfconservancy.org">Conservancy

            by email</a><br/> for wire transfer instructions.<br/>

            Please Include your currency and country.<br/>

    </div><!-- /.toggle-content -->

</div><!-- /.toggle.unit -->

<div class="toggle-unit">

    <h4 class="toggle-control" data-text="Paper Check" 

    data-expanded-text="Paper Check:">Paper Check</h4>

    <div class="toggle-content">

    Send paper check donations to:<br/>

    Software Freedom Conservancy, Inc.<br/>

    137 MONTAGUE ST  STE 380<br/>

    BROOKLYN, NY 11201-3548<br/>

    Please write <q>NPO ACCOUNTING</q> in the memo line. 

    </div><!-- /.toggle-content -->

</div><!-- /.toggle.unit -->

<!-- Flattr start -->

<p><a href="https://flattr.com/thing/1296704/NPOAcct-to-develop-Free-and-Open-Source-Non-Profit-Accounting-Software" target="_blank"><img src="https://api.flattr.com/button/flattr-badge-large.png" alt="Flattr this" title="Flattr this" style="border:0" /></a></p>

<!-- Flattr end -->

</td></tr></table>

</div>

<div class="content-with-donate-sidebar">

<!-- begin campaign text -->

<h2>Fundraising Campaign: Non-Profit Accounting Software</h2>

<img src="/img/conservancy-accounting-campaign-logo.png" alt="Conservancy accounting campaign logo" style="float:left;" />

<blockquote>

<p><strong>Update on 2014-12-03:</strong> As can be seen, Conservancy sadly

  never reached our fundraising target for this project.  However, as we

  promised below, we <a href="http://npoacct.sfconservancy.org/">continue to

  work on this project</a>.  We'd really appreciate more donations, as we've

  needed to make a lot of compromises in our plans since we didn't reach our

  fundraising goal.  We did complete Phase 0 described below

  (<a href="http://npoacct.sfconservancy.org/">results are on our wiki</a>),

  and Phase 1 now comprises the development of an REST API for double-entry

  accounting  which many applications (including this one) can use.</p>

</blockquote>

<br/>

<hr/>

<p>Conservancy has a plan to help all non-profit organizations (NPOs) by

creating an Open Source and Free Software accounting system usable by

non-technical bookkeepers, accountants, and non-profit managers.  You can

help us do it by donating now.

</p>

<p>To keep their books and produce annual government filings, most NPOs rely

on proprietary software, paying exorbitant licensing fees.  This is

fundamentally at cross purposes with their underlying missions of charity,

equality, democracy, and sharing.</p>

<p>You can help Conservancy fix this problem by <a href="#donate-box" class="donate-now">donating now</a>.  We seek to

raise $75,000 to employ a 

developer for one year to make substantial progress on this project.</p>

<p>This project has the potential to save the non-profit sector

millions in licensing fees every year.  Even non-profits that continue to use proprietary accounting

software will benefit, since the existence of quality Open Source and Free

  Software for a particular task curtails predatory behavior by proprietary

  software companies, and creates a new standard of comparison.</p>

<p>But, more powerfully, this project's realization

will increase the agility and collaborative potential

for the non-profit sector — a boon to funders, boards, and employees —  bringing the Free Software and general NPO communities

into closer collaboration and understanding.</p>

<p>Thanks in advance for <a href="#donate-box" class="donate-now">helping us</a> develop Free Software to benefit all

non-profit organizations, and the 

populations they serve.</p>

<p>Donors of $500 or more will be acknowledged in the THANKS file and other

  appropriate places in the codebase itself.</p>

<p><a href="#endorsements">Endorsers of this effort</a> include April, Fractured Atlas, The Free Software

Foundation, Mozilla Foundation, GNOME Foundation, OpenHatch, Open

Source Initiative, QuestionCopyright.org, and Software in the Public

Interest; all encourage you to <a href="#donate-box" class="donate-now">donate and support it</a>.</p>

<h3>Background</h3>

<p>Like many non-profit organizations (NPOs) in the USA, Conservancy's

  financial accounts are audited annually by an independent accounting firm;

  we recently completed our fiscal year 2011 audit.  As usual, our auditors

  asked plenty of questions about our accounting software.  Conservancy uses