<div id="cecContainer">
 <div id="cecTop"></div>
 <div id="cecContents">
  <div id="cecFormContainer">
   <div id="cecHeader" class="standardText">
    How much are you spending on your commute to work? Whether moving,
considering a new job, weighing the benefits of tele-commuting, or just curious
what you're spending given the current cost of gas, you'll probably be interested to
see how expensive simply getting to work actually is.<br /><br />It's more
expensive than you think!
   </div>
   <form id="cecForm" method="POST">
    <div id="cecGeneralDataContainer">
     <div class="cecLabel"><span class="cecLabel">Volume/Distance Units?</span></div>
     <div class="cecInput" style="height:15px;width:100px">
      <input type="radio" name="vd_units" id="cecUnitsMPG" value="MPG" style="border:none;width:12px;height:12px" onclick="commuteCalcDlg.toggleUnits(this.id)" checked /><label for="cecUnitsMPG">mi/gal</label>
      <input type="radio" name="vd_units" id="cecUnitsKM" value="LKM" style="border:none;width:12px;height:12px" onclick="commuteCalcDlg.toggleUnits(this.id)"  /><label for="cecUnitsKM">L/km</label>
     </div>
     <div class="cecLabel"><span class="cecLabel">Current Cost of Fuel</span></div>
     <div class="cecInput">$<input type="text" name="fuel_cost" id="fuel_cost" value="4.00" maxlength="4" /></div>
    </div>
    <div style="float:left;padding:3px;width:395px;border:1px solid darkgray;background-color:#EEE;padding-top:5px;font-weight:bold">
     <div style="font-family:Verdana, Arial, sans-serif;font-weight:bold;font-size:12px;color:#707070;padding-bottom:10px">
      Commuting Details
     </div>
     <div class="form" style="float:left;width100%">
      <div class="cecLabel"><span id="cecMstrCommuteDistanceLbl" class="cecLabel">Current One Way Commute Distance (Mi)</span></div>
      <div class="cecInput" style="padding-left:7px"><input type="text" id="cec_mstr_commute_distance" value="20" maxlength="3" /></div>
      <div class="cecLabel"><span class="cecLabel">Work Hours per Week</span></div>
      <div class="cecInput" style="padding-left:7px"><input type="text" id="cec_mstr_work_week_hours" value="40" maxlength="3" /></div>
      <div class="cecLabel"><span class="cecLabel">Commutes per Month</span></div>
      <div class="cecInput" style="padding-left:7px"><input type="text" id="cec_mstr_commutes_per_month" value="22" maxlength="2" /></div>
      <div class="cecLabel"><span class="cecLabel">Value of Car</span></div>
      <div class="cecInput">$<input type="text" id="cec_mstr_value_of_car" value="20000" maxlength="6" /></div>
      <div class="cecLabel"><span class="cecLabel" id="cec_mstr_avg_fe_lbl">AVG MPG of Car</span></div>
      <div class="cecInput" style="padding-left:7px"><input type="text" id="cec_mstr_avg_mpg" value="20" maxlength="5" /></div>
      <div class="cecLabel"><span class="cecLabel">Annual Gross Income (<span style="cursor:pointer" class="linkText" id="gross_income_link" onClick="commuteCalcDlg.moreInfo(this.id)">more info</span>)</span></div>
      <div class="cecInput">$<input type="text" id="cec_mstr_gross_income" value="50000" maxlength="7" /></div>
     </div>
    </div>
    <div id="cecCommuterTableContainer">
     <table class="cecCommuterTable">
     <tbody>
      <tr>
       <td class="cecCommuterTableHeader formbold">Add More Commuters (<span style="cursor:pointer" class="linkText" id="commuter_details_link" onClick="commuteCalcDlg.moreInfo(this.id)">more info</span>)</td>
       <td class="cecCommuterTableHeaderBtn formbold">
        <input type="button" value="add" id="commuterAddBtn" onClick="commuterRecordDlg.display();" />
       </td>
      </tr>
     </tbody>
     <tbody id="cecCommuters"></tbody>
    </table>
    </div>
    <div id="cecButtons"><input type="button" id="cecResetFrmBtn" onClick="commuteCalcDlg.resetForm();" value="Reset Form" /> <input type="button" value="Calculate" id="commute_calc_btn" onClick="commuteCalcDlg.display();" /></div>
    <input type="hidden" name="trxcd" id="trxcd" value="4b04aacced6e276036147f939888c412" />
    <input type="hidden" id="cec_custom_horizontal_offset" value="250" />
    <input type="hidden" id="cec_custom_vertical_offset" value="75" />
    <input type="hidden" id="default_units" value="MPG" />
    <input type="hidden" id="default_fuel_cost" value="4.00" />
    <input type="hidden" id="default_commute_distance" value="20" />
    <input type="hidden" id="default_work_week_hours" value="40" />
    <input type="hidden" id="default_commutes_per_month" value="22" />
    <input type="hidden" id="default_gross_income" value="50000" />
    <input type="hidden" id="default_avg_mpg" value="20" />
    <input type="hidden" id="default_value_of_car" value="20000" />
   </form>
   <div class="CECCopyright">
    Add this calculator to your site. <a class="CECCopyright" target="_blank" href="http://www.costofcommuting.com/referral.php?trx_cd=4b04aacced6e276036147f939888c412">Download it here</a>.
   </div>
  </div>
 </div>
 <div id="cecBottom"></div>
</div>
<div id="cecLinks">
 <!-- Do Not Edit the CEC information below. -->
 <a class="cecLinkStyle" target="_blank" href="http://www.automatedhomefinder.com/glen-allen-virginia-real-estate-for-sale.php#search">Homes in Glen Allen VA</a><br>
 <a class="cecLinkStyle" target="_blank" href="http://orlando-properties.com">Central Florida Homes</a> <a class="cecLinkStyle" target="_blank" href="http://www.tlchome.ca/admin/index.php?showfile=mngtext.php#aform">Langley Real Estate</a>
 <!-- Do Not Edit the CEC information above. -->
</div>
<link rel="stylesheet" type="text/css" href="http://www.costofcommuting.com/display/stylesheets/calculator.v2.css" />
<script language="Javascript" src="http://www.costofcommuting.com/display/js/calculator.v2.js"></script>