/* style.css -- Copyright 2009 Michael D'Errico -- All Rights Reserved */

body              { max-width:       650px;
                    background:      #FCFAE8;
                    color:           #010;
                    font-family:     Tahoma,
                                     Verdana,
                                     Arial,
                                     sans-serif;
                    font-size:       small;
                    margin-left:     auto;
                    margin-right:    auto;
                    padding:         7px;
                  }

h1                { font-size:       160%; }
h2                { font-size:       130%; }
h3                { font-size:       115%; }
h4, h5, h6        { font-size:       100%; }

h1.first          { margin-top:      0px;
                    padding-top:     0px;
                  }

table             { margin-top:      1em;
                    margin-left:     auto;
                    margin-right:    auto;
                    margin-bottom:   1em;
                    padding:         0px;
                    border:          0px;
                  }

table.calculator  { border-collapse: collapse;
                    border-spacing:  0px;
                  }

table.equation    { border-collapse: separate;
                    border-spacing:  5px;
                  }

table.embedded    { margin:          0px; }

td                { border:          0px;
                    padding:         0px;
                  }

hr                { border-top:      0px;
                    border-bottom:   1px solid #010;
                    width:           100%;
                    height:          1px;
                    text-align:      center;
                  }

hr.equation       { margin:          0px;
                    padding:         0px;
                    line-height:     5px;
                  }

dl                { border:          1px solid #060;
                    padding:         1em;
                  }

dd                { margin:          0 15%;
                    color:           #060;
                  }

dt                { margin-top:      1em;
                    margin-bottom:   0.5em;
                    margin-left:     5%;
                    margin-right:    5%;
                    font-weight:     bold }

dt.first          { margin-top:      0px }

span.highlight    { color:           #900; }

span.unicode      { font-family:     "Arial Unicode MS",
                                     "Arial Unicode";
                  }

span.email        { color:           #050;
                    margin:          0px;
                    padding:         0px;
                    border:          0px;
                  }

span.space30px    { padding-left:    30px; }
span.space150px   { padding-left:    150px; }

input.calculator  { height:          18px;
                    border:          1px solid #010;
                    padding:         4px;
                    text-align:      right;
                  }

input.editable    { border:          1px solid #010;
                    background:      #F5FFF5;
                  }

input.mortgage    { text-align:      right; }
input.tax         { text-align:      right; }
input.factor      { text-align:      right; }

button            { width:           45px;
                    height:          30px;
                  }

button.bigger     { font-size:       110%; }

div.parenthetical { margin-top:      1em;
                    margin-left:     10%;
                    margin-right:    10%;
                    margin-bottom:   1em;
                    border:          1px solid #010;
                    padding:         7px;
                    font-size:       85%;
                  }

div.embed         { position:        relative;
                    left:            50%;
                  }

div.embed.calc    { margin-left:     -260px;
                  }

div.embed.calc-mortgage { margin-left:     -275px;
                  }

div.col3          { padding:         1em 0px 2em 0px; }

div.col3_left     { width:           180px;
                    margin-right:    -180px;
                    float:           left;
                  }

div.col3_middle   { padding:         0px 180px 0px 180px;
                    float:           left;
                  }

div.col3_right    { width:           180px;
                    margin-left:     -180px;
                    text-align:      right;
                    float:           right;
                  }

div.col3_midright { float:           right;
                  }

div.copyright     { font-size:       75%;
                    color:           black;
                    margin-top:      4em;
                    margin-left:     auto;
                    margin-bottom:   2em;
                    margin-right:    auto;
                    text-align:      center;
                  }

a                 { text-decoration: none; }
a:link            { color:           #00A; }
a:visited         { color:           #00A; }
a:hover           { color:           #08C; }

.center           { margin-left:     auto;
                    margin-right:    auto;
                  }

.textcenter       { text-align:      center; }
.textleft         { text-align:      left; }
.textright        { text-align:      right; }