* CSS Document */

body {
    font-size: 10pt;
    font-family: "Arial";
    font-weight:normal;
    margin: 0px; padding: 0px;
    color: #6d6d6d;
}

table {
        margin: 0;
        padding: 0;
        font: normal 10pt;
        background-color: #FFFFFF;
        color: #333333;
}

/* Styles for Compare 529 tool entry screen */


.title2 {
    width: 90%;
    padding-left: 10px;
    margin-left:10px;
    font-size: 10pt; font-family: Arial;
    font-weight: bold;
    height:26px;
    padding-top:4px;
    margin-top:0px;
    margin-bottom:0px;
}
.title3 {
    width: 90%;
    padding-left: 10px;
    margin-left:10px;
    font-size: 10pt; font-family: Arial;
    font-weight: bold;
    height:26px;
    padding-top:4px;
    margin-bottom:0px;
    margin-top:0px;
}

.subtitle2 {
    width: 90%;
    padding-left: 10px;
    margin-left:10px;
    font-size: 9pt; font-family: Arial;
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: #b9cfd8;
    border-left-color: #b9cfd8;
    height:24px;
    padding-top:2px;
    margin-top:0px;
    margin-bottom:0px;
}

.sectiontitle0 {
    width: 95%;
    margin-left:10px;
    font-size: 12pt; font-family: Arial;
    height:30px;
    margin-top:0px;
    margin-bottom:0px;
    border: 0px;
}

.title1_main {
    display:none;
}

.sectiontitle1 {
    width: 95%;
    margin-left:10px;
    font-size: 12pt; font-family: Arial;
    height:30px;
    margin-top:0px;
    margin-bottom:20px;
}

.planlabel {
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: #b9cfd8;
    border-left-color: #b9cfd8;
    padding-left: 165px;
    margin-left: 0px;
    padding-right: 10px;
    height: 30px;
    width: 350px;
}
.planlabel3 {
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: #b9cfd8;
    border-left-color: #b9cfd8;
    padding-left:10px;
    margin-left:0px;
    padding-right:10px;
    height:30px;
    width: 100%;
}
.planlabel2 {
    border-top-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-color: #b9cfd8;
    border-left-color: #b9cfd8;
    border-bottom-color: #b9cfd8;
    padding-left:165px;
    margin-left:0px;
    padding-right:10px;
    height:30px;
    width: 350px;
}
.plancombo_van{
    border-top-width: 0px;
    border-left-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: #b9cfd8;
    border-left-color: #b9cfd8;
    padding-left: 10px;
    height: 30px;
    width: 65%;
}
.plancombo{
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: #b9cfd8;
    border-left-color: #b9cfd8;
    padding-left: 10px;
    height: 30px;
    width: 65%;
}
.plancombo2{
    border-top-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-color: #b9cfd8;
    border-left-color: #b9cfd8;
    border-bottom-color: #b9cfd8;
    padding-left:10px;
    height:30px;
    width: 65%;
}

/* Styles for Results screen of Compare 529 tool */

.whole-container {
    width:auto;
    border: none;
    margin: 0px;
    padding: 0px;
}

.left-container {
    border: none;
    margin: 0px;
    padding-top: 15px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    width: auto;
    position: left;
    top: 200px;
}

.bottom-container {
    border: none;
    width: 100px;
    position: absolute;
    top: 580px;
    left: 30px;
}

.nav1 {
    display:none;
}
.linkdiv {
    display:none;
}
.buttonprint {
    display:none;
    color: #FFFFFF;
}
.navboxmain {
    height:auto;
    width:96%;
    margin-left:10px;
    font-size: 10pt; font-family: Arial;
    background-color: #bad2ea !important;
    color: #0808ce;
background-color: #f7f9e0;
}

.navheadst {
    background-color: #bad2ea !important;
    color: #FFFFFF;
    font-size: 14pt; font-family: Arial;
}

.navbod	{
}
.sectiontitle {
    width: 990px;
    padding-left: 10px;
    margin-left:10px;
    font-size: 12pt; font-family: Arial;
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: #b9cfd8;
    border-left-color: #b9cfd8;
    height:35px;
}
.sectionsubtitle {
    width: 990px;
    padding-left: 10px;
    margin-left:10px;
    font-size: 10pt; font-family: Arial;
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: #b9cfd8;
    border-left-color: #b9cfd8;
    height:24px;
}


.navcontent {
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom:30px;
    float:left;
}

@media print {
*
{
    background-color:#E1EAF0 !important;
}
}
.plannamestyle1 {
    border-top-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-left-style: none;
    border-bottom-style: solid;
    border-top-color: #b9cfd8;
    border-left-color: #b9cfd8;
    border-bottom-color: #b9cfd8;
    padding-left:4px;
    padding-top:2px;
    padding-bottom:4px;
    padding-top:2px;
    padding-bottom:4px;
    height:30px;
    width: 19%;
}

.plannamestyle2 {
    color: #000000;
    border-top-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-left-style: none;
    border-bottom-style: solid;
    border-top-color: #b9cfd8;
    border-left-color: #b9cfd8;
    border-bottom-color: #b9cfd8;
    padding-left:4px;
    padding-top:2px;
    padding-bottom:4px;
    height:30px;
    width: 27%;
}
.datastyle1 {
    border-top-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-left-style: none;
    border-bottom-style: solid;
    border-top-color: #b9cfd8;
    border-left-color: #b9cfd8;
    border-bottom-color: #b9cfd8;
    font-weight:bold;
    padding-left:8px;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:5px;
    height:30px;
    width: 19%;
}

.datastyle2 {
    color: #000000;
    border-top-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-left-style: none;
    border-bottom-style: solid;
    border-top-color: #b9cfd8;
    border-left-color: #b9cfd8;
    border-bottom-color: #b9cfd8;
    vertical-align: text-center;
    padding-left:4px;
    padding-right:14px;
    padding-top:2px;
    padding-bottom:4px;
    height:30px;
    width: 27%;
}

.labelarea {
    border: 1px solid #d6dde4;
    margin-left 1px;
    padding: 0px 5px 0px 0px;
    text-align: right;
    width: 300px;
    height: 30px;
    background: #e6edf2;
    color: #4a6f93;
    font-size: 10pt;
    font-family: "Arial";
}


.statelist p {
    font: 10pt Arial;
    color: #666;
    margin: 0;
    padding-top:6px;
    padding-bottom:0px;
    padding-left:8px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #b9cfd8;
    border-left-color: #b9cfd8;
    height:30px;
}

.statelist a:link, #statelist a:visited, #statelist a:active {color: #666; text-decoration: none;}

.statelist a:hover, #statelist a:visited:hover {color: #600; text-decoration: underline;}

.divcontbutton {
    text-align: center;
    margin: 5px 0px;
}

.contbutton {
    height: 20px;
    background: #e1a000;
    color: #f4f4f4;
    font-weight: bold;
}
.tdhidden {
}
.rowlabelarea {
    width: 385px;
    height: 30px; 
}
.nolabelarea {
    border: 1px solid #d6dde4;
    margin-left 1px;
    text-align: right;
    width: 250px;
    color: #4a6f93;
    font-size: 10pt;
    font-family: "Arial";
}
.dyninput1 {
    margin-left 10px;
    padding: 5px 0px 5px 3px;
    border: 0px;
    font-size: 10pt;
    font-family: "Arial"; align: left;
    width: 265px;
    vertical-align: top;
    height: 30px; 
}
.dyninput2 {
    margin-left 10px;
    padding: 5px 0px 5px 3px;
    border: 0px;
    font-size: 10pt;
    font-family: "Arial"; align: left;
    width: 265px;
    vertical-align: top;
    height: 40px; 
}
.dyninput {
    margin-left 10px;
    padding: 5px 0px 5px 3px;
    border: 0px;
    font-size: 10pt;
    font-family: "Arial"; align: left;
    width: 265px;
    vertical-align: top;
    height: 55px; 
}
.childinput {
    font-size: 10pt;
    font-family: "Arial";
    vertical-align: top;
    background: #ffffff;
}
.childinput-error {
    font-size: 10pt;
    font-family: "Arial";
    vertical-align: top;
    background: #fde366;
}
.editdata {
    margin 5px 0px 0px 0px;
    border: 0px;
    font-size: 10pt;
    font-family: "Arial";
    align: left;
    height: 24px;
}
.editlabelarea {
    border: 1px solid #d6dde4;
    margin-left 1px;
    padding: 0px 5px 0px 0px;
    text-align: right;
    width: 170px;
    background: #e6edf2;
    color: #4a6f93;
    font-size: 10pt;
    font-family: "Arial";
}
.editlink {
    width:200px;
    text-align:right;
    margin-right:0px;
}
.data {
    margin-left 10px;
    padding: 5px 0px 0px 3px;
    border: 0px;
    font-size: 10pt;
    font-family: "Arial"; align: left;
}
.myh1 {
    margin-left: 10px;
    margin-bottom: 1px;
    margin-top: 4px;
    font-size: 16px;
    font-family: "Arial";
    font-weight: bold;
}

.bcrumbs p {display:none; font: 100% Verdana,sans-serif; color: #666; margin: 0; padding-top:6px; padding-bottom:0px; padding-left:9px;}
.bcrumbs a:link, #bcrumbs a:visited, #bcrumbs a:active {color: #666; text-decoration: none;}
.bcrumbs a:hover, #bcrumbs a:visited:hover {color: #600; text-decoration: underline;}

.leadpara {
    width: 90%;
    margin-left: 10px;
    margin-bottom: 5px;
    font-size: 10pt;
    font-family: "Arial";
}

.newwid{width:740px;}
.oldwid{width:1000px;}

a, a:visited {
    font-family: "Arial";
    color: #0808ce;
    text-decoration: none;
}