<!--

/*background-image: url("../images/bckbar.gif")*/
body { background-color: #ffffff; color:#000000; FONT-FAMILY: Arial, sans-serif }
body#YearByYear { background-color: #316faf; color:#000000; FONT-FAMILY: Arial, sans-serif }

a:link {COLOR: #316faf;
text-decoration: none; }
a:visited  { COLOR: #316faf;
text-decoration: none; }
a:active { COLOR: #316faf;
text-decoration: none; }
a:hover  { COLOR: #FF9933;text-decoration: none; }

HR { size: 10; color: #d8dad7 }        /* 'border-bottom' could also have been used */
HR#config { size: 1; color: #000000 }
table#grayBox
{
border: gray 2px solid;
background-color: #E9E7E4;
}
table#AIGDisclaimer
{
width: 600px;
margin-left: 30px;
margin-top: 20px;
border: black 2px solid;
color: #000000;
font-size: 12px;
font-weight: bold;
text-align: center;
vertical-align: top;
font-family: Arial, Helvetica, sans-serif;
}

table#YearlyInput
{
border: gray 3px solid;
height: 400px;
width: 100%;
background-color: #F2F9F9;
margin: 0 0 0 0;
}

table#PresentValue
{
background-color: #316faf;
margin: 0 0 0 0;
}

span#mortgage {
visibility: hidden;
}
.abled{
display: inline;
color: #000000;
}
.notabled
{
display: inline;
color: #d8dad7;
}
.inputDetail
{
visibility: visible;
display: inline
}
.noInputDetail
{
visibility: hidden;
display: inline;
}
.yearOn{
display: inline;
color: #F6AD39;
}
.yearOff{
display: inline;
color: #000000;
}

/* ========================  STRP/Paycheck Redesign =============================== */



div#home{
padding-left: 30px;
}
div#calcRev{
width: 760px;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
table#calcRevTable1
{
width:700px;
border:0;
background-color: #c7eafb;
padding-left:10px;
margin-left: 10px;
margin-top:0px;
margin-bottom:5px;
}
#strpWhite
{
width:650px;
border:0;
background-color: #ffffff;
margin-left: auto;
margin-right: auto;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
}

#strpBlue
{
width:650px;
border:0;
/*background-color: #ffffff;*/
margin-left: auto;
margin-right: auto;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
}

div#headerDiv
{
margin-left: 10px;
margin-bottom: 0px;
margin-top: 0px;
width:700px;
height:35px;
background-color:#d1d3d4 ;
position:relative;
text-align: center;
vertical-align: middle;
font: #000000;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
}
div#title
{
color: #000000;
font-weight: bold;
font-size: 16px;
font-family:Arial, Helvetica, sans-serif;
margin-top:8px;
display:block;
}

#calcRevDiv2
{
text-align:center;
}

.mainTextRev
{
color: #000000;
font-size: 14px;
font-weight:normal ;
text-align: left;
vertical-align: top;
font-family: Helvetica, Arial, sans-serif;
/*border-bottom: #dcf2fd 1px solid; */

}

.mainTextRevLgItalic
{
color: #000000;
font-size: 14px;
font-weight:normal ;
text-align: left;
font-style:italic;
vertical-align: top;
font-family: Helvetica, Arial, sans-serif;
/*border-bottom: #dcf2fd 1px solid; */

}

.mainTextRevItalic
{
color: #000000;
font-size: 12px;
font-weight:normal;
font-style:italic;
text-align: left;
vertical-align: top;
font-family: Helvetica, Arial, sans-serif;

}

.mainTextRevBold
{
color: #000000;
font-size: 14px;
font-weight:bold ;
text-align: left;
vertical-align: top;
font-family: Helvetica, Arial, sans-serif;

}

.promoTextRev
{
color: #000000;
font-size: 16px;
font-weight:normal ;
text-align: left;
vertical-align: top;
font-family: Helvetica, Arial, sans-serif;
/*border-bottom: #dcf2fd 1px solid; */

}

.promoTextRevLgItalic
{
color: #000000;
font-size: 16px;
font-weight:normal ;
text-align: left;
font-style:italic;
vertical-align: top;
font-family: Helvetica, Arial, sans-serif;
/*border-bottom: #dcf2fd 1px solid; */

}

div#showWhite
{
display:block;
}

div#showHelp
{
width:370px;
display:none;
float:right;
}
.promoTextRevBold
{
color: #000000;
font-size: 18px;
font-weight:bold ;
text-align: left;
vertical-align: top;
font-family: Helvetica, Arial, sans-serif;

}

.reverseShadow
{
border-top:gray 1px solid;
border-left:gray 1px solid;
border-right:gray 2px solid;
border-bottom:gray 2px solid;
background:#fff url(../images/formGradient.png) repeat-x top left;
padding-left:0.5em;
margin-bottom:0.6em;
margin-left:0px;
}

.selectRev
{
background-color:#dcf2fd;
padding-left:0.5em;
}
.textInput
{
 background-color:#dcf2fd;
 border: 0px;
 margin-top: 0px;
 margin-bottom:0px;
 text-align:left;
 width:170px
 height: 20px;
 padding-right:10px;
 padding-left:10px;
 /*white-space:nowrap;*/
 color: #000000;
font-size: 16px;
font-weight:bold ;
text-align: left;
font-family: Helvetica, Arial, sans-serif;

}

div#graySideBar
{
width:135px;
height:610px;
background: url(../images/grayGradientPC.png) repeat-x ;
margin-top:5px;
}

div#graySideBarPC
{
width:135px;
height:610px;
background: url(../images/grayGradientPC.png) repeat-x ;
margin-top:5px;
}

div#strpText
{
padding:20px;

}
.dollarSignOn
{
visibility:visible;
}
.percentSignOn
{
visibility:visible;
}
.dollarSignOff
{
visibility:hidden;
}
.percentSignOff
{
visibility:hidden;
}



fieldset.taxes
{
display:block;
border:1px solid #d1d3d4;
background-color:#dcf2fd;
font-family:Helvetica, Arial, sans-serif;
width:600px;
margin-left: auto;
margin-right: auto;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
 }
fieldset#opt {background-color:#dcf2fd;}
legend {font-family:Helvetica, Arial, sans-serif; font-size:14px; font-weight:bold; border:0px solid #c7eafb; margin-bottom:5px; padding:3px; width:100px;}
/*form#StrpInput label {clear:left; display:block; float:left; width:100px; text-align:right; padding-right:10px; color:#888; margin-bottom:0.5em;} */
input {border:1px solid #fff; background:#fff url(../images/formGradient.png) repeat-x bottom left; padding-left:0.5em; margin-bottom:0.6em;}
select {margin-left:0.5em;}
option {background:#dcf2fd;}

/*form#PCheckInput input {border:1px solid #fff; background:#fff url(../images/formGradient.png) repeat-x bottom left; padding-left:0.5em; margin-bottom:0.6em;}
form#PCheckInput select {margin-left:0.5em;}
form#PCheckInput option {background:#dcf2fd;}
form#StrpInput textarea {width:410px; height:15em; border:1px solid #fff; padding:0.5em; overflow:auto; background:#fff url(cssplay/form.gif) repeat-x bottom left;}

form#StrpInput optgroup {background:#dcf2fd; color:#000;}
form#StrpInput optgroup option {background:#dcf2fd; color:#fff;}
#button1, #button2 {color:#c00; padding-right:0.5em; cursor:pointer; width:205px; margin-left:8px;}
#button1:hover, #button2:hover {background-position:center left; color:#000;} */

 #button1 {
color:#003399;
font-weight: bold;
background: url(../images/btn_bg.png);
display: inline;
border: none;
width:89px;
height: 27px;
line-height: 27px;
text-align: center;
margin-left: 11.5em
}

 #button2 {
color:#003399;
font-weight: bold;
background: url(../images/btn_bg.png);
display: inline;
border: none;
width:89px;
height: 27px;
line-height: 27px;
text-align: center;
}

 #button3 {
color:#003399;
font-weight: bold;
background: url(../images/btn_bg.png);
display: inline;
border: none;
width:89px;
height: 27px;
line-height: 27px;
text-align: center;
}

#button4 {
color:#003399;
font-weight: bold;
background: url(../images/btn_bg.png);
display: inline;
border: none;
width:89px;
height: 27px;
line-height: 27px;
text-align: center;
margin-left: 0.5em
}

#button1:hover, #button2:hover, #button3:hover #button4:hover{
color:#FF6705;
}



/* ========================  STRP/Paycheck Redesign End =============================== */





div#RW24U{
border: gray 2px solid;
background-color: #E9E7E4;
color: #000000;
font-size: 12px;
font-weight: bold;
text-align: center;
vertical-align: top;
font-family: Arial, Helvetica, sans-serif;
}
div#highlight{
border: blue 2px solid;
background-color: #ffffff;
color: #000000;
font-size: 12px;
font-weight: bold;
text-align: center;
vertical-align: top;
font-family: Arial, Helvetica, sans-serif;
}
.small {font-size: 10px; vertical-align: middle;}
.menuMain {background-color: #d8dad7; color:  #336699; font-size: 10px; font-weight: bold; line-height: 12px; vertical-align: middle; text-align: center }
.menubarTop {background-image: url("../images/bckbar.gif"); color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-align: left; padding-bottom: .7em; padding-top: 0em; vertical-align: middle;}
.ntsaaTop {background-image: url("../images/bckbar.gif"); color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-align: center; padding-bottom: .7em; padding-top: 0em; vertical-align: middle;}
.AIGTop {background-image: url("../images/bckbar.gif"); color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: center; padding-bottom: .7em; padding-top: 0em; vertical-align: middle;}
.header {background-image: url("../images/bckbar.gif")}
.whatsNew { color: #316faf; font-size: 12px; font-weight: bold; text-align: left; font-family: Arial, Helvetica, sans-serif; vertical-align: top; }
.mainTitle { color: #316faf; font-size: 14px; font-weight: bold; text-align: center; vertical-align: top; font-family: "Times New Roman", Arial, Helvetica, sans-serif; }
.colTitle { color: #316faf; font-size: 14px; font-weight: bold; text-align: left; vertical-align: top; font-family: "Times New Roman", Arial, Helvetica, sans-serif; }
.mainTitleLeft { color: #316faf; font-size: 14px; font-weight: bold; text-align: left; vertical-align: top; font-family: "Times New Roman", Arial, Helvetica, sans-serif; }
.mainText { color: #000000; font-size: 12px; font-weight: normal; text-align: left; vertical-align: top; font-family: Arial, Helvetica, sans-serif; }
.mainTextCenter { color: #000000; font-size: 12px; font-weight: normal; text-align: center; vertical-align: top; font-family: Arial, Helvetica, sans-serif; }
.mainTextBlue { color: #316faf; font-size: 12px; font-weight: normal; text-align: left; vertical-align: top; font-family: Arial, Helvetica, sans-serif; }
.mainText13 { color: #000000; font-size: 13px; font-weight: normal; text-align: left; vertical-align: top; font-family: Arial, Helvetica, sans-serif; }
.mainTextRight { color: #000000; font-size: 12px; font-weight: normal; text-align: right; vertical-align: top; font-family: Arial, Helvetica, sans-serif; }
.mainTextBold { color: #000000; font-size: 12px; font-weight: bold; text-align: left; vertical-align: top; font-family: Arial, Helvetica, sans-serif; }
.mainTextBoldBlue { color: #316faf; font-size: 12px; font-weight: bold; text-align: left; vertical-align: top; font-family: Arial, Helvetica, sans-serif; }
.mainTextBoldRedC { color: #DC143C; font-size: 12px; font-weight: bold; text-align: center; vertical-align: top; font-family: Arial, Helvetica, sans-serif; }
.mainTextBoldRedL { color: #DC143C; font-size: 12px; font-weight: bold; text-align: left; vertical-align: top; font-family: Arial, Helvetica, sans-serif; }
.mainTextBoldC { color: #000000; font-size: 12px; font-weight: bold; text-align: center; vertical-align: middle; font-family: Arial, Helvetica, sans-serif; }
.mainTextLight {color:  green; text-indent: 2em; font-size: 11px; font-weight: normal; line-height: 12px;  margin-top: .1em; margin-bottom: .1em; text-align: left }
.mainTextLightBold {color:  green; font-size: 11px; font-weight: Bold; line-height: 12px;  margin-top: .1em; margin-bottom: .1em; text-align: left }
.mainTextFootnote { color: #000000; font-size: 10px; font-weight: normal; font-style: italic; text-align: left; vertical-align: top; font-family: Arial, Helvetica, sans-serif; }
.resultText { background-color: d8dad7; color: #000000; font-size: 12px; font-weight: bold; text-align: center; vertical-align: top; font-family: Arial, Helvetica, sans-serif; }
.greyDivider {background-color: d8dad7; }
.infoFooter{ color: #000000; font-size: 9px; font-weight: normal; text-align: center; font-family: sans-serif; }
.infoFooterHead{ color: #000000; font-size: 11px; font-weight: bold; text-align: center; font-family: sans-serif; }
.sectionHead { color: #316faf; font-size: 14px; font-weight: bold; text-align: left; vertical-align: top; font-family: "Times New Roman", Arial, Helvetica, sans-serif; }
.navlink { text-decoration: none; font-size: 14px; font-weight: bold; text-align: right; vertical-align: middle; font-family:  Arial, Helvetica, sans-serif; }
.helpTitle {color: #ffffff; font-size: 12px; font-style: normal; font-weight: Bold; line-height: 12px; margin-top: .5em; margin-bottom: .5em; text-align: left }
.pageTitle { color: #316faf; font-size: 20px; font-weight: bold; text-align: center; vertical-align: top; font-family: "Times New Roman", Arial, Helvetica, sans-serif; }
.newsHeader {color: #DB7123; font-size: 14px; font-weight: Bold; line-height: 16px;  margin-top: .4em; margin-bottom: .4em; text-align: center }
.webCalcHead {color: #000000; font-size: 12px; font-weight: Bold; line-height: 14px;  margin-top: .1em; margin-bottom: .1em;  text-align: left }
.webCalcList {color: #000000; font-size: 12px; font-weight: Bold;line-height: 14px;  margin-top: .1em; margin-bottom: .1em;  text-align: left }
.vertLine { background-color: d8dad7; height:100%; }
.helpListHead {color: #000000; font-size: 12px; font-weight: Bold;line-height: 14px;  margin-top: .1em; margin-bottom: .1em;  text-align: left }
.helpListSubHead {color: #000000; font-size: 10px; font-weight: Bold;line-height: 12px;  margin-top: 1em; margin-top: .1em; margin-bottom: .1em;  text-align: left }
.yellowItalic {color: #f3a205; font-size: 12px; font-weight: normal; font-style: italic; line-height: 12px;  margin-top: 1em; margin-top: .1em; margin-bottom: .1em; vertical-align: top; text-align: left }
.yearlyHeader { color: #FFFF00; font-size: 14px; font-weight: bold; text-align: center; vertical-align: middle; font-family: Arial, Helvetica, sans-serif; }
.yearlyText { color: #FFFF00; font-size: 12px; font-weight: normal; text-align: center; vertical-align: middle; font-family: Arial, Helvetica, sans-serif;  }

/* old styles */
H1 {color: #2E5A90; font-size: 16px; font-weight: Bold; line-height: 20px;  margin-top: .3em; margin-bottom: .3em; text-align: center }
H2 {color: #2E5A90; font-size: 14px; font-style: normal; font-weight: Bold;  line-height: 20px;  margin-top: .3em; margin-bottom: .3em; text-align: center }
H2.RN {color: #2E5A90; font-size: 14px; font-style: normal; font-weight: Bold;  line-height: 20px;  margin-top: .3em; margin-bottom: .3em; text-align: right }
H3 {color: #000000; font-size: 12px; font-style: normal; font-weight: Bold; line-height: 12pt;  margin-top:  .5em; margin-bottom: .5em; text-align: left }
H3.HEAD {color: #000000; font-size: 12px; font-style: normal; font-weight: Bold; line-height: 14px;  margin-top: .2em; margin-bottom: .2em; text-align: center }
H3.BlHead  {color: #00807F; font-size: 12px; font-style: italic; font-weight: Bold; line-height: 14px;  margin-top: .2em; margin-bottom: .2em; text-align: center }
H3.BlGrHead  {color: #2E5A90; font-size: 12px; font-style: normal; font-weight: Bold; line-height: 14px;  margin-top: .2em; margin-bottom: .2em; text-align: center }
H3.BLeftHead  {color: #2E5A90; font-size: 12px; font-style: normal; font-weight: Bold; line-height: 14px;  margin-top: .2em; margin-bottom: .2em; text-align: left }
H4 { color: #000000; font-size: 12px; font-weight: normal; text-align: left; vertical-align: top; font-family: Arial, Helvetica, sans-serif; }
H4.Help { font-size: 10px; font-weight: Normal; line-height: 12px;  margin-top: .1em; margin-bottom: .1em; text-align: right }
H4.HelpText { font-size: 10px; font-weight: Normal; line-height: 12px;  margin-top: .1em; margin-bottom: .1em; text-align: left }
H4.ND {color: #DB7123; font-size: 11px; font-weight: Bold; line-height: 13px;  margin-top: .4em; margin-bottom: .4em; text-align: center }
H4.HRed{color: #DC143C; font-size: 11px; font-weight: Bold; line-height: 13px;  margin-top: .4em; margin-bottom: .4em; text-align: center }
H4.Front {color: #0B4388; font-weight: bold;  margin-top: .1em; margin-bottom: .1em  }
H4.Front2 {color: #000000; font-weight: bold;  margin-top: .1em; margin-bottom: .1em  }
H4.Front3 {color: #009933; font-weight: bold;  margin-top: .1em; margin-bottom: .1em  }
H4.SubHead {color: #000000; font-size: 10px; font-weight: Bold; line-height: 12px;  margin-top: .1em; margin-bottom: .1em; text-align: center }
H4.Pricing {color: #000000; font-size: 10px; font-weight: Normal; line-height: 12px;  margin-top: .1em; margin-bottom: .1em; text-align: center }
H5 {color: #000000; font-size: 8px; font-weight: Normal;line-height: 10px;  margin-top: .1em; margin-bottom: .1em;  text-align: center }
H5.Head {color: #000000; font-size: 11px; font-weight: Bold;line-height: 10px;  margin-top: .1em; margin-bottom: .1em;  text-align: center }
H5.LHead {background-color: d8dad7; color: #000000; font-size: 12px; font-weight: Bold;line-height: 10px;  margin-top: .1em; margin-bottom: .1em;  text-align: left }
H5.Number {color: #000000; font-size: 8px; font-weight: Normal;line-height: 10px;  margin-top: .1em; margin-bottom: .1em;  text-align: right }
H5.RedNumber {color: #FF3300; font-size: 8px; font-weight: Normal;line-height: 10px;  margin-top: .1em; margin-bottom: .1em;  text-align: right }
H5.BoldNumber {color: #000000; font-size: 8px; font-weight: Bold;line-height: 10px;  margin-top: .1em; margin-bottom: .1em;  text-align: right }
H5.BlueNumber {color: #0033FF; font-size: 8px; font-weight: Normal;line-height: 10px;  margin-top: .1em; margin-bottom: .1em;  text-align: right }
H5.BoldRed {color: #FF3300; font-size: 8px; font-weight: Bold;line-height: 10px;  margin-top: .1em; margin-bottom: .1em;  text-align: right }
H5.BoldBlue {color: #0033FF; font-size: 8px; font-weight: Bold;line-height: 10px;  margin-top: .1em; margin-bottom: .1em;  text-align: right }
H5.BoldGreen {color: #009933; font-size: 8px; font-weight: Bold;line-height: 10px;  margin-top: .1em; margin-bottom: .1em;  text-align: right }
H5.Text {color: #000000; font-size: 8px; font-weight: Normal;line-height: 10px;  margin-top: .1em; margin-bottom: .1em;  text-align: left }
H6.Text {color:  #000000; font-size: 10px; font-weight: normal; line-height: 12px;  margin-top: .1em; margin-bottom: .1em; text-align: left }
H6 {color:  #000000; font-size: 10px; font-weight: Bold; line-height: 12px;  margin-top: .1em; margin-bottom: .1em; text-align: left }
H6.Centered {color:  #000000; text-indent: 2em; font-size: 10px; font-weight: Bold; line-height: 12px;  margin-top: .1em; margin-bottom: .1em; text-align: center }
H6.Light {color:  green; text-indent: 2em; font-size: 10px; font-weight: normal; line-height: 12px;  margin-top: .1em; margin-bottom: .1em; text-align: left }
H6.Footer  {color:  green; line-height:  .1em }
H6.Graph {color:  #000000; font-size: 10px; font-weight: Bold; line-height: 10px; text-align: left }
-->