Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

file 125 lines (102 sloc) 5.693 kb
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us" lang="en-us">
  <head>
    <title>Personal Budget Calculator</title>
    
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    
    <meta http-equiv="Content-Type" content="text/html" />
    <meta name="description" content="Personal budget calculator for California residents.">
          
    <style type="text/css" media="screen">
      
      @import "/budget_media/css/function.css";
      
      html{ color: #343434; background: #bcc2c6; font-size: 14px; line-height: 1.5; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, sans-serif; }
        body{}
          
          a:link,
          a:visited{ text-decoration: none; color: #254a86; }
          a:hover,
          a:focus { text-decoration: underline; }
          
          h1,h2,h3,ul,ol,p{ margin: 1.5em 0; }
          
          h1{ margin: 42px auto 28px auto; width: 284px; }
          h2{ font-size: 1.25em; }
          fieldset h3{ margin: 1.5em -28px; padding: 14px 28px; line-height: 1; background: #efefef; color: #343434; }
          
          #budgetForm{ width: 800px; background: #fff; margin: 28px auto; padding: 28px;
                    /* CSS3 */
                    border-radius: 12px;
                    -webkit-border-radius: 12px;
                    -moz-border-radius: 12px;
                    -o-border-radius: 12px;
                    -khtml-border-radius: 12px;
                  }
            
            .header{ margin: -28px -28px 28px -28px; padding: 1px 28px; background: #efefef; border-bottom: 1px solid #dfdfdf; position: relative;
                     /* CSS3 */
                     border-top-left-radius: 10px;
                     border-top-right-radius: 10px;
                     -webkit-border-top-left-radius: 10px;
                     -webkit-border-top-right-radius: 10px;
                     -moz-border-radius-topleft: 10px;
                     -moz-border-radius-topright: 10px;
                   }
              .header h2{ margin: 1.5em 0 0 0; color: #343434; color: #777; }
              .header p { margin-top: 0; font-size: 12px; color: #777; }
          .intro { width: 55%; margin: 28px auto; text-align: center; font-size: 1.15em; }
          #footer{ width: 55%; margin: 28px auto; text-align: center; font-size: .75em; color: #777; }
          
          /* IE6 fixes for the page */
          * html form#budgetForm{ overflow: hidden; }
           * html .header{ zoom: 1; overflow: hidden;}

    </style>
    
    <link href="/budget_media/css/style.css" media="screen" rel="stylesheet" />
    
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script src="/budget_media/js/budget-form.jquery.js" type="text/javascript"></script>
    <script src="/budget_media/cs/page.js" type="text/javascript"></script>
    
    <!--[if lte ie 7]>
<style type="text/css" media="screen">
/* Move these to your IE6/7 specific stylesheet if possible */
#budgetForm, #budgetForm fieldset, #budgetForm .ctrlHolder, #budgetForm .formHint, #budgetForm .buttonHolder, #budgetForm .ctrlHolder ul{ zoom:1; }
</style>
<![endif]-->

  </head>

  <body>
    
    <form action="#" id="budgetForm">
      
      <div class="header">
        <h2>Personal Budget Calculator <noscript>(REQUIRES JAVASCRIPT)</noscript></h2>
        <p>Modify the numbers in the boxes on the right, then scroll down to see what pre-tax income you'll need to cover your expenses. For California residents.</p>
      </div>
      
      <fieldset id="spreadsheet" class="inlineLabels">
        <div id="expenses">
          <h3>Monthly Required Expenses</h3>
        </div>
        <div id="discretionary">
          <h3>Monthly Discretionary Expenses</h3>
        </div>
        <div id="insurance">
          <h3>Monthly Insurance</h3>
        </div>
        <div id="taxes">
          <h3>Monthly Taxes</h3>
        </div>
        <div id="income">
          <h3>Gross Income Required</h3>
          <div class='ctrlHolder'>
            <div class='info'>
              <label for=''>Monthly Gross Income</label>
              <p class='formHint'>The monthly pre-tax income you'll need to afford everything</p>
            </div>
            <div class='textOutputHolder'>
              <span class='dollar'>$</span><span id='monthly-gross' class='output'></span>
            </div>
          </div>
          <div class='ctrlHolder'>
            <div class='info'>
              <label for=''>Annual Gross Income</label>
              <p class='formHint'>The equivalent annual pre-tax income you'll need to afford everything</p>
            </div>
            <div class='textOutputHolder'>
              <span class='dollar'>$</span><span id='annual-gross' class='output'></span>
            </div>
          </div>
        </div>
      </fieldset>

    </form>

    <div id="footer">
      <p>Typical spending values are based on <a href="http://www.bls.gov/cex/">the Bureau of Labor Statistics' Customer Expenditure Survey</a> and a variety of other sources. State tax bracket data based on <a href="http://www.ftb.ca.gov/forms/catxrate_exmpt07.shtml">this document</a>. Federal tax bracket data based on <a href="http://www.irs.gov/pub/irs-drop/rp-09-50.pdf">this document</a>.</p>
    </div>

  </body>
</html>
Something went wrong with that request. Please try again.