html, body, iframe {margin:0;border:0;padding:0;}
iframe {height:1000px;width:100%;}
iframe.hidden {height:0;} 

body { font-family: Arial; font-size: 12px; color: #636563; background: #c0c0c0; }

p { font-family: Arial; font-size:12px; color: #636563; margin-top: 2px; margin-bottom: 6px; padding-top: 2px; padding-bottom: 2px; }

td, td {
	font-family: Arial;
	font-size:12px;
	color: #636563;
	margin-top: 2px; margin-bottom: 2px; padding-top: 2px; padding-bottom: 2px;
}

img { padding-right: 2px; padding-left: 2px; }
ul { margin-top: 0; margin-bottom: 0; padding-top: 3px; padding-bottom: 3px; }
li { margin-right: 25%; padding-top: 3px; padding-bottom: 3px; }
.template { padding: 0; }

/* Begin LFG Content */
.hd1-1 {  	font-family: Arial; 
			font-size: 12px;  
			font-weight: bold; 
			color: #333366; 
		}
		
.hd2-1 {  	font-family: Arial;
			font-size: 12px; 
			line-height: 12px;
			font-weight: bold;  
			color: #333366; 
		}
		
.tableHeader { font-family: Arial;
			font-size: 14px; 
			font-weight: bold;  
			color: #333366; 
	    }	
    
.copyHead
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.footnote {
	font-size: 10px;
}

#LFG-Content br { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
#LFG-Content td { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
#LFG-Content p .bodytext { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
#LFG-Content .instructions { margin-top: 0; margin-bottom: 0; padding-top: 2px; padding-bottom: 8px; }
#LFG-Content table { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
#LFG-Content img { height: 0; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
#LFG-Content ul { margin-top: 0; margin-bottom: 0; padding-top: 2px; padding-bottom: 3px; }
#LFG-Content h1 { font-family: Verdana; font-size: 20px; color: #333366; background:#fff; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 8px; }
#LFG-Content h2 { font-family: Verdana; font-size: 16px; color: #333366; background:#fff; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 2px; }
#LFG-Content h3 { font-family: Verdana; font-size: 14px; color: #333366; background:#fff; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 3px; }

/* End LFG Content */
h1 { font-family: Verdana; font-size: 20px; color: #333366; background:#fff; margin-top: 2px; margin-bottom: 2px; padding-top: 2px; padding-bottom: 5px; }
h2 { font-family: Verdana; font-size: 16px; color: #333366; font-weight: bold; background:#ffffff ; margin-top: 2px; margin-bottom: 2px; padding-top: 16px; padding-bottom: 0px; } 
h3 { font-family: Verdana; font-size: 14px; color: #333366; font-weight: bold; margin-top: 2px; margin-bottom: 2px; padding-top: 16px; padding-bottom: 0px; } 
h4 { font-family: Verdana; font-size: 12px; color: #333366; font-weight: bold; margin-top: 2px; margin-bottom: 2px; padding-top: 4px; padding-bottom: 0; }
h5 { font-family: Verdana; font-size: 12px; color: #deb407; font-weight: bold; font-style: italic; margin-top: 2px; margin-bottom: 2px; padding-top: 8px; padding-bottom: 8px; }

a:visited { color: #333366} 
a:link { color: #333366} 
a:hover { color: #DEB406} 
a:active { color: #DEB406; }

a.blueButton:link, a.blueButton:visited { height: 18px; width: 100px; padding: 2px; background: #336; text-align: center; text-decoration: none; font: italic bold 14px Verdana; color: #deb406; border-color: #3347bd #0a144b #030a31 #344194; border-style: solid; border-width: 3px; }
a.blueButton:hover, a.blueButton:active { border-color: #030a31 #344194 #3347bd #000000; border-style: solid; border-width: 3px; }
.grayrect { margin: 0 4px 4px; padding: 0 8px 4px; border: solid 1px #636563; }
.bluerect { margin: 0 4px 4px; padding: 0 8px 4px; border: solid 1px #333366; }
.goldrect { margin: 0 4px 4px; padding: 0 8px 4px; border: solid 1px #deb407; }


#Page-Wrapper {
	text-align: left;
	border: solid 1px #deb407;
	background: url(../images/Navigation-Bkgd-Lines.gif);
}

#Header-Wrapper { background-color: #54849b; height: 97px; }

#Logo-Wrapper {
	height:52px;
	margin-left:183px;
	padding:0;
}

#Logo-Wrapper .padding{
	padding-top: 11px;
	text-align: center;
}

#Bridge-Wrapper { width:200px; height:93px; float:left; }
#Bottom-Logo-Wrapper { margin-left: 42px; }
#Bottom-Logo-Wrapper .padding { padding-top: 8px; }
#Navigation-Wrapper { float: left; width:200px; }

#Nav_Image {}

#Navigation { background: url(../images/Navigation-Bkgd.png) no-repeat 50% top; height: 100%; padding: 0; margin: 0; }

#Navigation .padding{ 
	padding-top: 10px;
	padding-left: 26px;
	padding-bottom: 10px;
}

#Navigation h3 { color: #00004d; font-family: Arial; font-size: 12px; font-weight: normal; margin: 0; padding: 1px 0 1px 4px; }
#Navigation h3 a{ color: #00004d; text-decoration: underline; margin: 0; padding: 1px 0 1px 4px; display: block; }
#Navigation h3 a:hover{ color: #000; background-color: #f0c207; text-decoration: none; }
#Navigation h3.self a{ color: #000; background-color: #f0c207; text-decoration: none; }

#Navigation ul { display:block; padding:0; margin:0; list-style-type:none; }
#Navigation li { list-style-type:none; display:block; margin:0; padding:0; }

#Navigation ul.descendant { display: none }
#Navigation ul.self { display: block }
#Navigation ul.sibling { display: none }
#Navigation ul.none { display: none }

#Navigation ul li { color: #00004d; font-family: Arial; font-size: 11px; font-weight: normal; margin: 0; padding: 1px 0 1px 13px  }
#Navigation ul li a{ color: #00004d; text-decoration: underline; margin: 0; padding: 1px 0 1px 5px; display: block; }
#Navigation ul li a:hover{ color: #000; background-color: #f0c207; text-decoration: none; }
#Navigation ul li.self a{ color: #000; background-color: #f0c207; text-decoration: none; }

#Content-Wrapper { margin-left: 200px; background: #ffffff url(../images/Content-Corner.gif) no-repeat left top; border-top: 1px solid #deb407; border-bottom: 1px solid #ffffff; border-left: 1px solid #deb407; }

#Content-Wrapper .padding{ padding-top: 4px; padding-right: 4px; padding-left: 4px; }
#Calculator-Navigation { margin-left: 20px; padding-top: 10px; padding-bottom: 10px; }
#Nav-Link { padding-top: 5px; padding-bottom: 5px; }
#Image-Right{
	padding-left: 10px;
	float: right;
	clear:both;
	border: 0;
}
#Content { border-bottom: 1px solid #336; }
#Content span.header1 { font-family: Verdana; font-size: 20px; color: #333366; font-weight: bold; background:#fff; margin-top: 2px; margin-bottom: 2px; padding-top: 2px; padding-bottom: 2px; }

#Content table{
	width: auto;
}

#Content .padding{
	padding: 10px;
	height: 100%;
}
#Callout {
	background: url(../images/callout-bg.gif);
	margin: 5px;
	width: 250px;
	float:right;
	padding: 5px;
}
#Callout ul {
	margin:0;
	padding-bottom:0;
	list-style: disc;
}

#Callout h2 {
	padding-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	color: #003366;
}

#Callout .padding{
	padding: 5px;
	border: 1px solid #202822;
}

#Footer-Wrapper { font-family: Arial; padding-bottom: 100px; }

#Footer-Wrapper p{
	margin: 0;
	padding: 0 0 10px;
	font-size: 11px;
	text-align: center;
}

#Footer-Wrapper .padding{
	padding:10px;
}

#Footer-Wrapper a {
	font-size: 11px;
	color: #333366;
	text-decoration: underline;
}

#ContactUsMap {
	border: 1px #000000 solid;
	float: right;
	margin-left: 10px;
}

#MFinLogo {
	float: right;
	padding-left: 10px;
}

.Footer-Logo{
	position: relative;
	top:1px;
}

.Content-Logo{
	position: relative;
	top:2px;
}

.ContactUs-Logo{
	position: relative;
	top:1px;
	padding-bottom: 3px;
}

.hidden {
	display: none;
}

.copyHead
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #003366;
}

.tableHeader { 
			font-size: 14px; 
			font-weight: bold;  
			color: #FFFFFF; 
			background-color: #003366;
	    }	
#LoginBox
{
    width: 200px;
    background-color: #54849B;
    border: solid 1px black;
    padding: 5px;
}

#LoginBox td
{
    font-family: Verdana;
    font-size: 12px;
    color: black;
}

#LoginHeader
{
    color: white;
    font-weight: bold;
    background-color: #333366;
    text-align: center;
    color: white !important;
}

#LoginButton
{
    border: solid 1px black;
    background-color: white;
    color: blue;
}   

/* 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 #333366;
	background: #f8f8f8 url(../images/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(../images/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;
}