.calc-box {
  padding:15px 5px;
  background:white;
  background:-webkit-linear-gradient(bottom right, #eee, #fff);
  background:-moz-linear-gradient(bottom right, #eee, #fff);
  background:linear-gradient(bottom right, #eee, #fff);
  border:1px solid #bbb;
  box-shadow:0 0 1.5em rgba(0,0,0,0.3);
}
.ios .calc-box { box-shadow:none !important }

.calc-box-wider { width:500px }
.calc-type { display:none }
table.fields { width:550px; margin:0 auto }
.calc-box table.fields td:first-child { width:170px }
.calc-box table.fields td span { display:inline-block; width:13px; font-size:1.3em; font-weight:bold }
.calc-box table.fields td a { font-size:0.8em }
.calc-box h2 { text-align:center; font-size:1.4em; margin-top:0; padding-top:0 }

.summary-table { width:75%; margin:0 auto; border-collapse:collapse; box-shadow:0 0 3px rgba(0,0,0,0.7) }
.summary-table td { padding:2px 10px }

.message { color:#d55 }
.message li { margin:4px 0 }
.invalid-field .takes-form-color { color:#d55 }
.invalid-field input { color:#c44; border:1px dashed #c44 }
.invalid-field select { color:#c44; border:1px dashed #c44 }

select.lump-sum { width:80px }

#yearly-payment-summary { width:100% }
#full-amortization-table { width:100% }

.financial-table td.calc-dollars  { width:80px; text-align:right; white-space:nowrap }
.financial-table td.calc-dollars-smaller  { width:60px; text-align:right; white-space:nowrap }
.financial-table td.calc-dollars-bigger  { width:100px; text-align:right; white-space:nowrap }
.financial-table td.calc-lump-sum { width:90px; text-align:right }
.financial-table td.calc-year     { text-align:center }
.financial-table tr.highlight td { font-weight:bold }

.financial-table .header td { vertical-align:bottom; }


.ajaxable { position:relative }
.ajax-loading-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  
  background:white url(/assets/images/calculating-animation.gif) repeat-y top center;
  background:rgba(255,255,255,0.6) url(/assets/images/calculating-animation.gif) repeat-y top center;
}

.calc-extra-commands {
  background:#ddd;
  background:-moz-linear-gradient(top, #f0f0f0, #f0f0f0, #d1d1d1, #d1d1d1);
  background:-webkit-linear-gradient(top, #f0f0f0, #f0f0f0, #d1d1d1, #d1d1d1);
  border:1px solid #777;
  border-radius:4px;
  text-align:center;
  width:75%;
  padding:6px;
  margin:15px auto;
}
.calc-extra-commands a { padding:0 5px }