body {  font: 14px Calibri, Verdana, sans-serif; background: silver; text-align: center;}

.center { text-align: center; }

a { color: #22D; }
h1 a { text-decoration: none }
h1 a:hover { text-decoration: underline }

#body {
    width: 760px;
    margin: 1em auto; padding: 2em;
    background: white;
    text-align: left;
}

table.form {  margin-left: 10em }

h1 {    text-align: center }

table.form th,
table.form .field input { text-align: right; vertical-align: bottom }
table.form .field input { width: 5ex; border-width: 0 0 2px; border-color: white white #555; }

/*table.result {  width: 100% }*/
table.result {  margin: 0 auto 2em; text-align: left; width: 90%; }
table.result th { text-align: right; padding: 0 4pt; white-space: nowrap}
table.result tr#superheaders th { text-align: center; }
table.result td { text-align: right; padding: 0 2pt }

table.result tr.odd { background: #EEE }

span.year { font-weight: bold; }
tr.year td { border-top: 1px solid silver; }

table.result td.spacer {
    /*background: white; border: none;*/
    width: 2em;
    }


h2 { margin: 0 }
h3 { margin: 0 }
div#copy { text-align: center; }
div#features { background: #EEE; padding: 1em; margin: 0 10em 1em; }

#description { margin: 0 3em 1ex; padding: 0.5ex 1em; font-size: 16px; background: #F0F8FF; }
.paid { font-weight: bold}
a#interpret { font-weight: bold; font-size: 18px }
/*#summary td { text-align: left; font-size: 16px; padding: 8pt; vertical-align: top }*/
#summary-buy,
#summary-rent { text-align: left; font-size: 16px; vertical-align: top; }
#summary div { margin: 1em 0; padding: 8pt; background: #FFD; }

.done {text-decoration: line-through}