/* Default CSS settings */
BODY {color: black; background: #e5eff4; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify}
p {color: black; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify}
li {color: black; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
span {color: black; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify}
.footnote { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000}
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #31429c;}
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #8d99d7; font-weight: bold;}
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #8d99d7; font-weight: bold}
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #8d99d7; font-weight: bold}
a:visited { color: #a0b0d1}
a:link { color: #8d99d7}
a:hover { color: #a0b0d1}
a:active { color: #8d99d7}
/*---------------------------------------- Category CSS settings catdetailstable table housing the body of the category (width %, text-align) catdetailsfootertable table housing the body of the category footer (width %, text-align) catbackground background of the category (color) cattopbackground background of the category if top frame is category specific (color) */
.catdetailstable {width: 97%; text-align: justify}
.catdetailsfootertable { text-decoration: none; width: 97% }
.catbackground {background: #e5eff4}
.catbackgroundwithbckimage1 {background-image: url(#);}
.cattopbackground {background:#e5eff4}
.Header1 { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; color: #31429c; font-weight: bold; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
.Header2 { font-family: Arial, Helvetica, sans-serif; font-size: 16pt; color: #8d99d7; font-weight: bold; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
.Header3 {font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #8d99d7; font-weight: bold} .Header4 {font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #8d99d7; font-weight: bold}
.Header5 {}
.Header6 {}
/*----------------------------------------- SubCategory CSS settings subcatbodytable table housing the body of the subcategory (width %, text-align) subnavbackground sub navigation area background (color) subcatbackground background of the subcategory body (color) subnavlink link settings for sub navigation hyper links (font, size, text-decoration (underline)) link default settings for link (color, text-decoration) hover mouseover settings (color, text-decoration) active currently clicked link (color, text-decoration) visited settings for having visited the link and then moved onto other link (color, text-decoration) subnavlinktable table settings for subnavlink (optional - could include borders, spacings, etc) subnavlinktd table cell settings for sub navigation links (height) subnavlefttd table cell settings for cell to left of subnavigation links for indented look (width) subnavlinetr table row settings for the sub navigation lines surrounding the links or quote (height) subnavlinetd table cell settings for the sub navigation lines surrounding the links or quote, (width, background -for color) subnavquotetd table cell settings for the sub navigation quote (font-family, font-size, color) subnavquotelefttd table cell settings for the cell to the left of the sub naviations quote for indented look (width) subnavspacertr1 table row settings for the sub navigation space between the top frame and the first subnav element (height) subnavspacertr2 table row settings for the sub navigation space between the top subnav image and the subnav links/quote (height) subnavspacertr3 table row settings for the sub navigation space between the subnav links/quote and the bottom subnav elements (height) subnavtopimatetd table cell settings for the top subnav image (optional) subnavbottomimagetr table row settings for color strip and image for bottom subnav elements - developed for t5 but available to all template sub navigations (height) subnavbottomcolortd table cell settings for bottom subnav cell for accent color to left of bottom image slot (background, width) subnavbottomimagetd table cell settings for the bottom sub nav image cell (optional) */
.subcatbodytable {width:97%; text-align: justify}
.subnavbackground {background: #e5eff4}
.subcatbackground {background:#e5eff4}
.subnavlink:visited {color: #002164; text-decoration : underline;}
.subnavlink:hover {color: #002164; text-decoration : underline;}
.subnavlink:link {color: #002164; text-decoration : underline;}
.subnavlink:active {color: #002164; text-decoration : none; font-weight: bold}
.subnavlink {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration : none;}
.subnavlinktable {}
.subnavlinktd {height: 20px}
.subnavlefttd {width: 8px}
.subnavlinetr {height: 2px}
.subnavlinetd {width: 145px; background: #002164}
.subnavquotetd {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #002164}
.subnavquote2td { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #002164; padding-top: 5px; }
.subnavquotelefttd {width:8px}
.subnavspacertr1 {height: 25px}
.subnavspacertr2 {}
.subnavspacertr3 {}
.subnavtopimagetd {}
.subnavbottomimagetr {height: 500px}
.subnavbottomcolortd {background: #002164; width: 30px}
.subnavbottomimagetd {}
/*----------------------------------------------------- TEMPLATE II navigation element settings (background color, text color/size/font) */ /* navbase is the starting point for the buttons navclicked is for the current clicked state of the button clicked navmouseover is for the moused over state of the button navmouseout is for the mouse out state of the button navbackground is for the background of the navigation button area */ .navbase { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: white; background-color: #BDC0BF; } .navclicked { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color: #FFFFFF; } .navmouseout { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: white; background-color: #BDC0BF} .navmouseover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; background-color: #FFFFFF} .navbackground { background: #000000} /*-------------------------------------------------------- TEMPLATE V ELEMENTS companyname table cell settings for the company name elements (height, font settings, width, text-align) topnavtable table settings for the top navigation table (width) topnavtablerof table settings for the top navigation table around the flash nav (width) topnavroftd1 table cell settings for the top navigation cell to right of flash - blank filler (height, width) topnavroftd2 table cell settings for the top navigation cell to right of flash dark extender color (height, width, background) topnavroftd3 table cell settings for the top navigation cell to right of flash accent color (height, width, background) topnavroftd4 table cell settings for the top navigation cell to right of flash - blank filler (height, width) topnavloftd1 table cell settings for the top navigation cell to left of flash - blank filler (height, width) topnavloftd2 table cell settings for the top navigation cell to left of flash dark extender color (height, width, background) topnavloftd3 table cell settings for the top navigation cell to left of flash accent color (height, width, background) topnavloftd4 table cell settings for the top navigation cell to left of flash - blank filler (height, width) outsideframes background settings for body of outside frames - centered version of site specs (background) */
.companyname { height: 35px; color: #002164; font-weight: bold; text-decoration: none; width: 800px; text-align: center ;}
.topnavtable {width: 100%}
.topnavtablerof {width: 100%}
.secondarystyle {background:#BBC7E1}
.primarystyle {background:#002164}
.topnavroftd1{height: 30px; width: 15%}
.topnavroftd2{height: 6px; background: #002164; width: 15%}
.topnavroftd3{height: 61px; background: #002164; width: 15%}
.topnavroftd4{height: 33px; width: 15%}
.topnavloftd1{height: 30px; width: 15%}
.topnavloftd2{height: 6px; background: #002164; width: 15%}
.topnavloftd3{height: 61px; background: #002164; width: 15%}
.topnavloftd4{height: 33px; width: 15%}
.outsideframes {background: #BDC0BF}

/* New Calcualtor Styles */

form.calculator {
	width: 550px;
	color: #333;
}
form.calculator em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
}
form.calculator p {
	padding: 10px !important;
}
form.calculator td, form.calculator th {
	text-align: center;
	padding: 0 !important;
	margin: 0px;
}
form.calculator legend {
	padding: 0 2px 0 0;
	font-weight: bold;
	color: #333;
	font-size: 14px;
}
form.calculator label {
	display: inline-block;
	vertical-align: top;
	width: 300px; /* Width of labels */
	color: #333;
}
form.calculator fieldset {
	margin-bottom: 10px;
	border: none;
	border-top: 1px solid #2a45a4;
	background: #f8f8f8 url(calculator-fieldset.gif) left bottom repeat-x;
}
form.calculator fieldset ol {
	margin: 0;
	padding: 0;
}
form.calculator fieldset li {
	list-style: none;
	margin: 0 !important;
	padding: 5px 10px 7px;
	background: url(calculator-divider.gif) left bottom repeat-x;
}
form.calculator fieldset fieldset {
	background: none;
	border: none;
	margin: 3px 0 0 0;
}
form.calculator fieldset fieldset label {
	display: block;
	width: auto;
	margin-left: 303px; /* Width plus 3 (html space) */
}
form.calculator fieldset fieldset legend {
	font-size: 12px;
	padding: 0 0 5px;
	font-weight: normal;
	font-size: inherit;
}
form.calculator input {
	width: 75px;
	margin: 2px 0px;
	text-align: right;
}

form.calculator input.button {
	text-align: center !important;
}

form.calculator input.radio {
	width: 20px;
}
form.calculator #paymentTimingRadio input {
	width: auto;
}
form.calculator #answerPaymentAmount, 
form.calculator #answerFutureValue, 
form.calculator #answerAmountOfEachWithdrawl, 
form.calculator #answerSavingsGoalPlanner, 
form.calculator #answerTaxDeferredAccumulation, 
form.calculator #answerCollegeTuitionPlanner, 
form.calculator #answerRetirementSavings, 
form.calculator #answerLifeInsuranceNeeds, 
form.calculator #childCareCosts, 
form.calculator #child_1, 
form.calculator #child_2, 
form.calculator #child_3, 
form.calculator #child_4, 
form.calculator #child_1College, 
form.calculator #child_2College, 
form.calculator #child_3College, 
form.calculator #child_4College, 
form.calculator #annualGrossIncomeSpouse, 
form.calculator #estimateOfRetirementAssetsSpouse, 
form.calculator #existingLifeInsuranceCoverageSpouse, 
form.calculator #mortgageCoveredForFieldset, 
form.calculator #livingExpensesCoveredForFieldset, 
form.calculator #loanCreditDebtsCoveredForFieldset, 
form.calculator #otherDebtCoveredForFieldset, 
form.calculator #childcareCoveredForFieldset, 
form.calculator #collegeCostsCoveredForFieldset, 
form.calculator #answerMortgageDebtSpouseDiv, 
form.calculator #answerMonthlyBills6MonthsSpouseDiv, 
form.calculator #answerLoanAndCreditCardsSpouseDiv, 
form.calculator #answerOtherDebtSpouseDiv, 
form.calculator #answerTotalDebtSpouseDiv, 
form.calculator #answerAdditionalMonthlyChildcareCostsSpouseDiv, 
form.calculator #answerCollegeCostsSpouseDiv, 
form.calculator #answerTotalChildNeedsSpouseDiv, 
form.calculator #answerCashReserveSpouseDiv, 
form.calculator #answerTotalProtectionNeededSpouseDiv, 
form.calculator #answerLiquidAssetsSpouseDiv, 
form.calculator #answerRetirementAssetsSpouseDiv, 
form.calculator #answerLifeInsuranceCoverageCurrentlyInForceSpouseDiv, 
form.calculator #answerTotalAssetsSpouseDiv, 
form.calculator #answerRecommendedAmountOfAdditionalLifeInsuranceSpouseDiv, 
form.calculator #answerRothIRAConversion, 
form.calculator #spouseRowHeading,
form.calculator #spouseRowHeading_2,
form.calculator #answerEstateTax,
form.calculator #rowHeadingEstateTax,
form.calculator #assumedYearOfDeathSpouse,
form.calculator #estateValueSpouse,
form.calculator #growthRateSpouseSpan { 
	display: none;
}
#futureValue, #paymentAmount, #amountOfEachWithdrawl, #answerCollegeTuitionPlanner input, #answerSavingsGoalPlanner input, #answerTaxDeferredAccumulation input, #answerRetirementSavings input, #answerLifeInsuranceNeeds input, #answerRothIRAConversion input, #rowHeading1, #rowHeading2, #rowHeading1_2, #rowHeading2_2, #answerEstateTax input {
	border: 0px;
	background: transparent;
	text-align: right;
}
#answerCollegeTuitionPlanner label, #answerSavingsGoalPlanner label, #answerTaxDeferredAccumulation label, #answerRetirementSavings label, #answerLifeInsuranceNeeds label, #answerRothIRAConversion label, #answerEstateTax label {
	font-weight: bold;
}

form.calculator .noindent {
	margin-left: 0px !important;
}

form.calculator .centered {
	text-align: center;
}

form.calculator #growthRate, #growthRateSpouse {
	width:62px;
}
form.calculator #growthRate {
	margin-left: 13px;
}