html, body
{
    margin: 20px;
    padding: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    font: 9pt Arial;
}
a {
    text-decoration: none;
}
img {
    border: none;
}
object
{
    vertical-align: top;
}
.page {
    margin-left:auto;
    margin-right:auto;
    width: 802px;
    height: 602px;
    text-align: left;
}
.toolbar {
    margin-top: 10px;
    margin-left:auto;
    margin-right:auto;
    width: 420px;
    height: 50px;
}
.toolbar .button,.activebutton {
    float: left;
    width: 70px;
    height: 60px;
    text-align: center;
    text-decoration: none;
}
.toolbar .button,.activebutton .text {
    font: 10pt Arial;
    color: #606060;
}
.toolbar .activebutton {
}
.toolbar .activebutton .text {
    color: #2020a0;
    text-decoration: underline;
}

.content {
    clear: both;
    width: 800px;
    height: 450px;
    border: 1px solid #000000;
}
.content .menu {
    width: 750px;
    height: 20px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #c0c0c0;
    border-radius: 5px;
    padding-left: 25px; padding-top: 6px; padding-bottom: 2px; padding-right: 5px;
}
.content .menu .menubutton,.activemenubutton {
    font: 9pt Arial bold;
    color: #000000;
    height: 22px;
    margin-left: 5px; margin-right: 5px;
    padding-left: 6px; padding-right: 3px; padding-top: 2px; padding-bottom: 2px;
}
.content .menu .activemenubutton {
    background-color: #606060;
    border-radius: 5px;
    color: #c0c0c0;
}
.content .page {
    width: 780px;
    height: 390px;
    overflow: auto;
    font: 8pt Arial;
}
.content .mini {
    font: 9pt Arial;
}
.content .mini td {
    font: 9pt Arial;
}
.content .page .row {
    clear: both;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
}
.content .page .rowwrap {
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.content .page .row .rowleft {
    width: 290px;
    float: left;
}

.content .page .row .rowright {
    margin-left: 30px;
    float: left;
}

.content .page .column1 {
    margin-left:10px;width:520px; float:left;
}
.content .page .column2 {
    float:left; width:220px;padding-left:10px;
}
.content .page .column3 {
    float:left;width:220px; 
}
.content .page .column4 {
    float:left;width:220px;padding-left:10px; 
}
.content .page .softwareleft {
    margin-left:10px;width:240px; float:left;
}
.content .page .softwareright {
    margin-left:260px;
}
.content .page .software {
    margin-left:10px;float:left;width:900px;
}
.content .page h1 {font-size:22px;}
.content .page h2 {font-size:18px;}
.content .page h3 {font-size:16px;}
.content .page h4 {font-size:14px;}

.calcresult {font: 9pt Arial;border:2px solid black;margin:3px;padding:4px;}
.linktext {text-align:left;font: 8pt Arial;}
.linkdata {font:8pt Arial;text-align:left;}
.totalbenefits {background-color:#f0f0f0;}
.netbenefits {background-color:#f0f0a0;}
.cumbenefits {background-color:#f0a0a0;}
.textinputenter {text-align:center;}

.footer {
    margin-top: 10px;
    font: 9pt Arial;
}
.footer .etaglogo {
    float: left;
    display: inline;
    margin-left: 5px;
}
.footer .text {
    float: left;
    text-align: center;
    margin-top: 16px;
    margin-left: 60px;
    margin-right: 60px;
    color: #404040;
}
.footer .cabinet {
    float: left;
}
.footersocial {
    margin-top: 5px;
    font: 9pt Arial;
    text-align: center;
}