/* 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: 0px;
    margin-left:0px;
    font-size: 10pt; font-family: Arial;
    font-weight: bold;
    height:26px;
    padding-top:4px;
    margin-top:0px;
    margin-bottom:0px;
    color: #9E1B34;
}
.title3 {
    width: 90%;
    padding-left: 0px;
    margin-left:0px;
    font-size: 10pt; font-family: Arial;
    font-weight: bold;
    height:26px;
    padding-top:4px;
    margin-bottom:0px;
    margin-top:0px;
    color: #9E1B34;
}

.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: none;
    border-left-style: none;
    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;
}

.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: none;
    border-left-style: none;
    border-top-color: #b9cfd8;
    border-left-color: #b9cfd8;
    padding-left: 165px;
    margin-left: 0px;
    padding-right: 10px;
    height: 30px;
    width: 350px;
    font-weight:bold;
}
.planlabel3 {
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-left-style: none;
    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: none;
    border-left-style: none;
    border-bottom-style: none;
    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;
    font-weight:bold;
}
.plancombo_van{
    border-top-width: 0px;
    border-left-width: 1px;
    border-top-style: none;
    border-left-style: none;
    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: none;
    border-left-style: none;
    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: none;
    border-left-style: none;
    border-bottom-style: none;
    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: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
    width: auto;
    position: left;
    top: 200px;
}

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

.navboxmain {
    height: auto;
    width: 96%;
    margin-left: 10px;
    font-size: 10pt; font-family: Arial;
    background-color: #FFFFFF;
    color: #0808ce;
}

.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;
    margin-bottom:-20px;
    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;
    margin-bottom:-5px;
    height:24px;
}

.navheadst	{
    color: #ffffff;
    cursor: pointer;
    *cursor: hand; 
}
.navheadst:hover      {
    background-color: #f7f9e0;
    color: #9e1b34;
    cursor: pointer; 
    *cursor: hand; 
}

.navcontent {
    margin-bottom: -4px;
    margin-top: -10px;
    margin-left: -8px;
    margin-right: -8px;
    float:left;
}

.plannamestyle1 {
    border-top-width: 1px;
    border-left-width: 0px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-left-style: none;
    border-bottom-style: solid;
    border-top-color: #b9cfd8;
    border-left-color: #FFFFFF;
    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: 0px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-left-style: none;
    border-bottom-style: solid;
    border-top-color: #b9cfd8;
    border-left-color: #FFFFFF;
    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: 0px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-left-style: none;
    border-bottom-style: solid;
    border-top-color: #b9cfd8;
    border-left-color: #FFFFFF;
    border-bottom-color: #b9cfd8;
    font-weight:bold;
    padding-left:8px;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:5px;
    height:30px;
    width: 10%;
}

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

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


.statelist p {
    font: 10pt Arial;
    color: #000000;
    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: 18px;
    font-family: "Arial";
    font-weight: bold;
    color: #9E1B34;
}

.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;
}


/* New styles added for Mootools version of Comp529 */

.toggler {
    position: relative;
    font-family: arial,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	-x-system-font: none;
	color: #fff;
    margin-left: 15px;
    margin-bottom: 0px;
    background-repeat: repeat-y;
    background-position: 100% 0;
    border: 1px solid #b9cfd8;
    width: 96%;
    cursor: pointer;
    padding: 5px 5px 5px 20px;
}

.openclosebutton {
	position: absolute;
	left: 5px;
	top: 7px;
	height: 15px;
	width: 15px;
	overflow: hidden; /* to make sure the button is not stretched in IE */
	background-image: url(arrow.gif);
}

.button-closed {
	background-position: 0 -120px;
}

.button-closed-hover {
	background-position: 0 -105px;
}

.button-open {
	background-position: 0 -30px;
}

.button-open-hover {
	background-position: 0 -45px;
}	

h3 {
	background-color: #6a8db6;
}
h3:hover {
    color: #9e1b34;
    background-color: #f7f9e0;
}

.element {
    height: auto;
    font-family: Verdana, Geneva, Arial, Helvetica, serif;
    font-size: 12pt;
    text-align: left;
}

body, td, th {
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666;
}
	
.plan_style1 {   
    border-top-width: 1px;
    border-left-width: 0px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-left-style: none;
    border-bottom-style: solid;
    border-top-color: #b9cfd8;
    border-left-color: #FFFFFF;
    border-bottom-color: #b9cfd8;
    padding-left:18px;
    padding-top:16px;
    padding-bottom:6px;
    height:30px;
    width: 19%;
}

.plan_style2 {
    color: #000000;
    border-top-width: 1px;
    border-left-width: 0px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-left-style: none;
    border-bottom-style: solid;
    border-top-color: #b9cfd8;
    border-left-color: #FFFFFF;
    border-bottom-color: #b9cfd8;
    padding-left:18px;
    padding-top:16px;
    padding-bottom:6px;
    height:30px;
    width: 27%;
}

.data_style1 {
    border-top-width: 1px;
    border-left-width: 0px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-left-style: none;
    border-bottom-style: solid;
    border-top-color: #b9cfd8;
    border-left-color: #FFFFFF;
    border-bottom-color: #b9cfd8;
    font-weight:bold;
    padding-left:18px;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:5px;
    height:30px;
    width: 10%;
}

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