<style type="text/css">

<!--

	.Link A 
	{ 
		text-decoration:none; 
		color:#000066; 
		font-weight: bold;
	}
	
	.Link A:hover 
	{ 
		color:#0033FF; 
		text-decoration:underline;
	}

	.BigLink A 
	{ 
		text-decoration:none; 
		color:#000066; 
		font-size: 110%;
		font-weight: bold;
	}
	
	.BigLink A:hover 
	{ 
		color:#0033FF; 
		text-decoration:underline;
		font-size: 110%;
		font-weight: bold;
	}
	
	.LinkArial A 
	{ 
		text-decoration:none; 
		color:#000066; 
		font-family: Arial;
		font-weight: bold;
	}
	
	.LinkArial A:hover 
	{ 
		color:#0033FF; 
		text-decoration:underline;
		font-family: Arial;
		font-weight: bold;
	}
	
	.HomeNavBarLink A 
	{ 
		text-decoration:none; 
		color:#0000FF; 
	}
	
	.HomeNavBarLink A:hover 
	{ 
		color:#0000FF;		
		font-weight:bold;
	}


	.UserGuideFooterLink A 
        { 
		text-decoration:none; 
		color:#CCCCCC; 
	}
        
        .UserGuideFooterLink A:hover 
        { 
                font-size: 8pt;
                color:#0000FF; 				
		text-decoration:underline 
	}

	.BoldLink A 
	{ 
		text-decoration:none; 
		color:#000066; 
		font-weight: bold;
	}
	
	.BoldLink A:hover 
	{ 
		color:#0033FF; 
		text-decoration:underline;
	}

	.NextPrevLink A 
	{ 
		text-decoration:none; 
		color:#009900; 
		font-weight: bold;
	}
	
	.NextPrevLink A:hover 
	{ 
		color:#00FF00; 
		text-decoration:underline;
	}
	
	
	.LinkSmall A 
	{ 
		text-decoration:none; 
		color:white;
		font-size: 80%;
	}
	
	.LinkSmall A:hover 
	{ 
		color:white; 
		text-decoration:underline;
		font-size: 80%;
	}	

	.LinkSmallBlue A 
	{ 
		text-decoration:none; 
		color:#000066;
		font-size: 80%;
	}
	
	.LinkSmallBlue A:hover 
	{ 
		color:#000066; 
		text-decoration:underline;
		font-size: 80%;
	}	
	
	
	#LinkDivBlock a 
	{ 
		border: 1px solid #000000;
		text-decoration:none;
	}
	
	#LinkDivBlock a:hover 
	{ 
		border: 1px solid #009900;
		text-decoration:none;
	}	

	img 
	{
		border-style:none;
	}
	
	
	Body
	{
		background-color: #c9ded3;
		background-image: url(../images/background_gradient_green.jpg);
		background-repeat: repeat-x;
		font-size: 90%;
		font-family: "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
		margin: 0px 0px 0px 0px;
	}


	table.blackBorder3
	{
		border-top: 1px solid #000000;
		border-left: 1px solid #000000;
		border-right: 1px solid #6E8B3D;
	}
	
	th.ContextHeader
	{
		background-color: #f8f8f8;
		border: 1px solid #CCCCCC;
		color: #404040;
		font-weight: bold;
		padding: 1.0ex;
		font-size: 120%;
	}
	
	table.General
	{
		border: 1px solid #CCCCCC;
	}

	table.GeneralLightGreyBackground
	{
		border: 1px solid #CCCCCC;
		background-color: #f8f8f8;
	}
	
	td.GeneralLightGreyBackgroundWithBorder
	{
		border: 1px solid #CCCCCC;
		background-color: #f8f8f8;
	}

	td.GeneralLightGreyBackground
	{
		background-color: #f8f8f8;
	}
	
	td.GreyCellBorderDown
	{
		/* the cell border appears to slope down */
		border-left: 1px solid #CCCCCC;
		border-top: 1px solid #CCCCCC;
		border-right: 1px solid #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
	}
	
	table.GreyTableBorderUp
	{
		/* appears like the table border slopes up */
		border-left: 1px solid #FFFFFF;
		border-top: 1px solid #FFFFFF;
		border-right: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		background-color: #f8f8f8;
	}
	
	th.General
	{
		color: #404040;
		font-weight: bold;
		padding: 1.0ex;
		font-size: 120%;
	}
	
	tr.General
	{
		border-bottom: 1px solid #404040;
	}
	
	td.General
	{
		background: white;
		font-color: black;
		text-align: left;
	}

	td.GeneralSmall
	{
		font-color: black;
		font-size: 80%;
	}	
	
	td.GeneralMediumBold
	{
		font-color: black;
		font-weight: bold;		
	}

	td.GeneralMedium
	{
		font-color: black;
	}	

	td.GeneralMedium1
	{
		font-color: black;
	}		

	td.BigInfo
	{
		font-size: 120%;
	}
	
	td.GeneralBig
	{
		font-color: black;
		font-size: 100%;
		text-align: left;
	}

	td.GeneralBigBold
	{
		font-color: black;
		font-size: 110%;
		font-weight: bold;
	}

	td.GeneralBigBoldRequired
	{
		color: #ab0404;
		font-size: 110%;
		font-weight: bold;
	}	
	
	td.GeneralWithBorder
	{
		background: white;
		font-color: black;
		border: 1px solid #CCCCCC;
	}
	
	td.GeneralTextCell
	{
		font-color: black;
	}

	td.redBorder
	{
		border: 1px solid red;
	}
	
	td.blueBorder
	{
		border: 1px solid blue;
	}	
	
	td.Welcome
	{
		color: white;
		
	}



	td.CantLogin
	{
		background: white;
		font-color: black;
		border-bottom: 1px solid #CCCCCC;
	}

	th.ToolsPreview
	{
		background: #A2CD5A;
		color: white;
		font-size: 120%;
	}

	td.ToolsPreview
	{
		border: 1px solid #556B2F;
	}

	th.Why
	{
		text-decoration:none; 
		text-align: left;
		color: #348017;
		font-weight: bold;	
	}
	
	table.Why
	{
		background: #FFF8C6;
		border: 1px solid #348017;
	}
	
	td.Why
	{
		text-decoration:none; 
		text-align: left;
		color: #348017;
		font-weight: bold;	
	}

       table.Home
        { 
                background: white;
        }
        
        
        table.HomeNavBar
        {
                background: #E6E8FA;            
                border: 1px solid #104E8B;
        }
        
        
        table.HomeNavBarInner
        {
                background: #E6E8FA;       
    }
        
        
    th.HomeNavBarHeading
        {
                background: #104E8B;
                font-weight: bold;
                color: white;
                padding: 1.0ex;
        }

        td.HomeNavBar
        {
                background: #E6E8FA;
                text-align: left;
                border-bottom: 1px solid #CCCCCC;
                padding: 1.0ex;
        }
        
        td.HomeNavBarBottom
        {
                background: #E6E8FA;
                text-align: left;
                padding: 1.0ex; 
        }

		
	table.ContentArea
	{
		background-color: white;
        border-left: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;		
	}
		
    td.ContentArea
        {
        border-left: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
    }

    td.HomeContentArea
        {
        border: 1px solid #006633;
    }


        td.HomeBottomLine
        {
                border-bottom: 1px solid #104E8B;
        }


	.MainHeading1
	{
		color: #404040;
		font-size: 20pt;
		font-weight: bold;
	}
    
	.MainHeading5
	{
		color: #404040;
		font-size: 120%;
		font-weight: bold;
	}

	.MainHeading5Green
	{
		color: #009900;
		font-size: 120%;
		font-weight: bold;
	}


    
    .SignUpButton
        {
                color: white;
                background-color:#27408B; 
                font-size: 8pt;
                font-weight: bold;
        }
		
	table.SignUpContainerTable
	{
		background-color:#006633;
		border-left: 1px solid #6E8B3D;
		border-top: 1px solid #6E8B3D;
		border-right: 1px solid #000000;
		border-bottom: 1px solid #000000;
	}
	
	table.CommonLinksTable
	{
		background-color:#006633;
	}

	td.CommonLinks
	{
		color:white; 
		border-bottom: 1px solid black;
	}
	
	td.SignInLinkCell
	{
		border-top: 1px solid #6E8B3D;
		text-align: right;
	}
		
		
		

        td.CurrentNavBarArea 
        { 
                text-decoration:none; 
                text-align: left;
                color:black; 
                font-weight: bold;
                border-bottom: 1px solid #CCCCCC;
                padding: 1.0ex;
        }
        
        td.CurrentNavBarBottom
        {
                text-decoration:none; 
                text-align: left;
                color:black; 
                font-weight: bold;
                padding: 1.0ex; 
        }
        
        
        .MediumBlueHeading
        {
                color: #191970;
                font-size: 120%;
                font-weight: bold;
                font-align: left;
        }
        
    .MediumGreenHeading
        {
		color: green;
		font-size: 120%;
		font-weight: bold;
		font-align: left;
    }
		
		
        .MediumBlackHeading
        {
                color: black;
                font-size: 120%;
                font-weight: bold;
                font-align: left;
        }

        .SmallBlackHeading
        {
                color: black;
                font-size: 120%;
                font-weight: bold;
                font-align: left;
        }



        .UserGuideImages
        {
                border:         1px solid #CCCCCC;
        }
        
	
	table.SignUpTable
	{
	 	background: #ECE5B6;
	 	border: 1px solid #104E8B;
	}
	
	th.SignUpTable
	{
                text-decoration:none; 
                text-align: left;
                color: #104E8B;
                font-weight: bold;	
	}
        
	td.SignUpTable
	{
                text-decoration:none; 
                text-align: left;
                color: #104E8B;
                font-weight: bold;	
	}
  
	table.MobileIntro
	{
		border: 1px solid #406a8e;
		background-color: #b8c5cf;
	}

	th.CentralViewHeading
	{
		background: white;
		text-decoration:none; 
		text-align: left;
		color:  blue;
		font-size: 120%;
		border-left: 1px dashed #CCCCCC;
		border-right: 1px dashed #CCCCCC;
	}
	
	th.CentralViewHeadingNoBorder
	{
		background: white;
		text-decoration:none; 
		text-align: left;
		color:  blue;
		font-size: 120%;
	}
  
	td.CentralViewCell
	{
		background: white;
		text-decoration:none; 
		text-align: left;
		line-height: 1.5;
		color:  black;
		border-left: 1px dashed #CCCCCC;
		border-right: 1px dashed #CCCCCC;
	}
	
	td.CentralViewCellNoBorder
	{
		background: white;
		text-decoration:none; 
		text-align: left;
		line-height: 1.5;
		color:  black;
	}
	
	td.CentralViewCellLeftBorder
	{
		background: white;
		text-decoration:none; 
		text-align: left;
		line-height: 1.5;
		color:  black;
		border-left: 1px dashed #CCCCCC;
	}	
	
	td.CentralViewCellRightBorder
	{
		background: white;
		text-decoration:none; 
		text-align: left;
		line-height: 1.5;
		color:  black;
		border-right: 1px dashed #CCCCCC;
	}	
	
	table.ToolsAndTips
	{
		background: #F0FFF0;
		border: 1px solid #009900;
	}
	
	th.ToolsAndTipsHeading
	{
		background: #7CCD7C;
		text-align: left;
		font-size: 120%;
		color: #5e5e5e;
		font-weight: bold;	
		text-align:center;
	}
	
	td.ToolsAndTipsCell
	{
		text-align: left;
	}
	
	td.ToolsAndTipsCellBottom
	{
		text-align: left;
        
	}
	
	td.SignUpCell
	{
		background: #fd9b00;
		text-align: center;
		text-color: black;
		font-weight: bold;	
		border: 1px solid #000066;
	}

	.SignUpLink A 
	{ 
		text-decoration:none; 
		color:#000066; 
		font-weight: bold;
	}
	
	.SignUpLink A:hover 
	{ 
		color:#000066 ; 
		text-decoration:underline;
		font-weight: bold;
	}
	
	table.Reminder
	{
		background: #FFFFBE;
		border:	 1px solid #FE4400;
	}

	td.ReminderHeading 
	{ 
		font-weight: bold;
		background: #FFFFBE;
		border-top: 1px solid #CCCCCC;
	}

	td.ReminderHeading2
	{ 
		font-weight: bold;
		background: #FFFFBE;
	}
	
	td.bottomRow
	{
		border-bottom: 1px solid #CCCCCC;
	}


	table.TodaysTip
	{
		border:	 1px solid #CCCCCC;
	}

	td.TodaysTip
	{
		border:	 1px solid #CCCCCC;
	}

	td.FeaturePreview
	{
		background: white;
		border:	 1px solid #CCCCCC;
		font-color: black;
	}

	td.FeaturePreviewHeading
	{
		background: white;
		color: green;
		font-weight: bold;
	}

	td.LilCalendarMonthName
	{
		background:	#4d4e00;
		color: white;
		font-size: 120%;
		font-weight: bold;			
	}

	td.LilCalendarDay
	{
		color: #000000;
		font-size: 200%;
		font-weight: bold;			
	}
	
	td.LilCalendarDayName
	{
		color: #000000;
		font-size: 120%;
		font-weight: bold;			
	}
	
	td.LilCalendarYear
	{
		color: #000000;
		font-size: 120%;
	}
	
	td.IndianRed
	{
		background:	#AB94DC;
		padding: 25px;
		color: white;
		font-weight: bold;			
	}

	td.Chilli 		
	{
		background:	#D44942;
		padding: 25px;
		color: white;
		font-weight: bold;			
	}

	td.Nectarine	
	{
		background:	#FF704D;
		padding: 25px;
		color: white;
		font-weight: bold;			
	}

	td.Orangered		
	{
		background:	#FF7441;
		padding: 25px;
                color: white;
                font-weight: bold;			
	}


	td.Tan		
	{
		background:	#C98C52;
		padding: 25px;
                color: white;
                font-weight: bold;			
	}

	td.Orange		
	{
		background:	#FFA54D;
		padding: 25px;
                color: white;
                font-weight: bold;			
	}

	td.Carrot				
	{
		background:	#F2B263;
		padding: 25px;
                color: white;
                font-weight: bold;			
	}

	td.Copper		
	{
		background:	#ECAC57;
		padding: 25px;
                color: white;
                font-weight: bold;			
	}
	
	td.Olive				
	{
		background:	#C2C264;
		padding: 25px;
                color: white;
                font-weight: bold;			
	}

	td.Palegreen					
	{
		background:	#82B482;
		padding: 25px;
                color: white;
                font-weight: bold;			
	}

	td.Cobaltgreen						
	{
		background:	#6AC06D;
		padding: 25px;
                color: white;
                font-weight: bold;			
	}

	td.Turquoise	
	{
		background:	#93B0B0;
		padding: 25px;
                color: white;
                font-weight: bold;			
	}

	td.Lightblue	
	{
		background:	#9AC0CD;
		padding: 25px;
                color: white;
                font-weight: bold;			
	}

	td.Cobalt		
	{
		background:	#7088CC;
		padding: 25px;
                color: white;
                font-weight: bold;			
	}

	td.Midnightblue	
	{
		background:	#A4A4C9;
		padding: 25px;
                color: white;
                font-weight: bold;			
	}

	td.Mediumblue	
	{
		background:	#6F6FDC;
		padding: 25px;
                color: white;
                font-weight: bold;			
	}

	td.Mediumpurple	
	{
		background:	#AB94DC;
		padding: 25px;
                color: white;
                font-weight: bold;			
	}


	td.IncomeHeading 
	{ 
		font-weight: bold;
		background: #9999FF;
		border-top: 1px solid #CCCCCC;
	}

	td.Income
	{ 
		font-weight: bold;
		background: #9999FF;
	}
	
	td.bottomLine
	{
		border-bottom: 1px solid #CCCCCC;
	}
	
	
	td.currency
	{
		font-weight: bold;
		color:green;		
	}
	
	
	td.LoanHeading 
	{ 
		font-weight: bold;
		background: #CC6666;
		border-top: 1px solid #CCCCCC;
	}
	
	table.dynTable
	{
		border-color: #CCCCCC;
	    border-width: 1px 1px 1px 1px;
	    border-style: solid;
		width: 100%;
	}


	tr.dynTable0
	{
		background: #EEEEEE;
	}

	tr.dynTable1
	{
		background: #FFFFFF;
	}

	th.dynTable
	{
		padding: 5px;	
		font-size: 120%;
		wrap-option:wrap;
		text-align:	left;
	}

	td.dynTable
	{
		padding: 5px;	
		wrap-option:wrap;
		text-align: left;
	}
	
	table.RetirementCalcAdsense
	{
		background: #8FA880; 
		border-top: 1px solid #C0D9AF; 
		border-left: 1px solid #C0D9AF; 
		border-bottom: 1px solid #687E5A; 
		border-right: 1px solid #687E5A; 
	}
	
	th.RetirementCalcAdsense
	{
		font-size: 120%; 
		font-weight: bold; 
		color: #FFFFFF;
	}
	
	td.RetirementCalcAdsense
	{
		border-top: 1px solid #687E5A; 
		border-left: 1px solid #687E5A; 
		border-bottom: 1px solid #C0D9AF; 
		border-right: 1px solid #C0D9AF; 
	}
	
	
	td.Amount
	{
		font-weight: bold; 
		color: green;
		text-align: right;
	}
	
	/* show a new feature/promotion in this bright cell */
	td.PromoteNewFeature
	{
		padding: 25px;
		background:	#fff001;
		border: 2px dashed #0c460c;
	}
	
	.PopupTip
	{
		background-color: #2F4F4F;
		font-weight: bold; 
		color: #FFFFFF;
		border: 1px solid #C0D9D9;
		width: 200px;
		height: 200px;
		padding: 10px;
		position: fixed;
		left: 50%;
		top: 50%;
		overflow: auto;
		margin-top: -100px;
		margin-left: -100px;
	}

	/* Style to show a div element floating in the center of the page */
	.DivInCenter
	{
		background-color: #2F4F4F;
		color: #FFFFFF;
		border: 1px solid #C0D9D9;
		width: 600px;
		height: 400px;
		padding: 10px;
		position: fixed;
		left: 50%;
		top: 50%;
		overflow: auto;
		margin-top: -100px;
		margin-left: -300px;
	}
	
	/* Style for popup that talks about Verification Phrase */
	.WhatIsVerificationPhrasePopupTip
	{
		background-color: #2F4F4F;
		font-weight: bold; 
		color: #FFFFFF;
		border: 1px solid #C0D9D9;
		width: 400px;
		height: 300px;
		padding: 10px;
		position: fixed;
		left: 50%;
		top: 50%;
		overflow: auto;
		margin-top: -150px;
		margin-left: -200px;
	}

	/* Style for popup that talks about Verification Phrase */
	.WhatIsPopupInBudget
	{
		background-color: #2F4F4F;
		color: #FFFFFF;
		border: 1px solid #C0D9D9;
		width: 400px;
		height: 100px;
		padding: 10px;
		position: fixed;
		left: 50%;
		top: 50%;
		overflow: auto;
		margin-top: -50px;
		margin-left: -200px;
	}
	
	/* Style for calculators */
	table.Calculator
	{
		border: 1px solid #CCCCCC;
		background: #eceaea;
	}
	
	.Calculator td
	{
		font-weight:bold;
		color: #404040;
	}
	
	.Calculator input
	{
		font-size:8pt;
	}

	/* Chart Style */
	table.Chart
	{
		border: 1px solid #a6a6a6;
		background: #d0d0d0;	
	}
	
	
	td.Result
	{
		font-weight: bold;
		color: blue;
	}
	
	td.ResultGood
	{
		font-weight: bold;
		color: green;
	}

	td.ResultBad
	{
		font-weight: bold;
		color: red;
	}


	.ErrorText
	{
		color: red;
	}


	
	/* default style for input elements */
	.button 
	{ 
		font-size: 8pt; 
	}

		
	.InputAmount 
	{ 
		font-size: 8pt; 
		text-align: right;
	}
	
	/* style for textarea */
	textarea.default
	{
		width:100%;
		height:15em;
		color: black;
	}

	/* style for tables that glow on hover, */
	/* used in tables that can be clicked   */
	/* and this leads to more info              */
	table.MoreInfo
	{
		border: 1px solid #CCCCCC;
	}
	
	table.MoreInfoHover
	{
		border: 1px solid blue;
	}
	
	
	table.FileUploadForm
	{
		border: 1px solid #778899;
		background: #FFFFFF;
	}
	
	th.FileUploadForm
	{
		background: #9FB6CD;
		color: #404040;
		font-weight: bold;
		font-size: 110%;
		padding: 1.0ex;
		border-bottom: 1px solid #778899;
	}
	
	/* Used to show some results, style designed to draw attention */
	div.OrangeBackgroundBigBoldText
	{
		background: #ffc601;
		border: 1px solid #d4a501;
		color: #ffffff;
		padding: 0.5em;
		font-weight: bold;
		font-size: 120%;
	}
	
	div.GreenBackgroundBigBoldText
	{
		background: #05c105;
		border: 1px solid #028c02;
		color: #ffffff;
		padding: 0.5em;
		font-weight: bold;
		font-size: 120%;
	}	

	div.RedBackgroundBigBoldText
	{
		background: #cf0505;
		border: 1px solid #940303;
		color: #ffffff;
		padding: 0.5em;
		font-weight: bold;
		font-size: 120%;
	}	
	
	/* styles for div elements that are not shown or hidden */
	div.invisibleDiv
	{
		display: none;
		visibility: hidden;
	}
	
	div.floatingDiv
	{
		display: block;
		visibility: visible;
		position: absolute;
		padding: 10px;
		background-color: #2F4F4F;
		overflow: auto;
		color: #FFFFFF;
		border: 1px solid #C0D9D9;
		z-index: 99999;
	}
	
	
	div.textBigBold
	{
		font-size: 120%;
		font-weight: bold;
	}
	
	div.textMediumBold
	{
		font-size: 110%;
		font-weight: bold;
	}
	
	/* Dashboard style */
	div.dashboardTopBar
	{
		border-left: 1px solid #CCCCCC;
		border-top: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		background-color: #f8f8f8;
	}
	table.dashboardBody
	{
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		background-color: #f8f8f8;
	}
	div.dashboardBottomBar
	{
		border-left: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		background-color: #f8f8f8;
		-moz-border-radius-bottomleft: 20px;
		-moz-border-radius-bottomright: 20px;
	}
	
	/* this div along with one divs below gives the shadow effect */
	div.messageShadow
	{
		background: #e5e3e3;
		padding: 0.5em;
		margin: 1em 0 1em 2em;
	}
	
	div.messageOdd
	{
		background: #cefdce;
		border: 1px solid #859f85; 
		margin: -1em 0 0 -1em;
	}
	
	div.messageEven
	{
		background: #ecf8ec;
		border: 1px solid #859f85; 
		margin: -1em 0 0 -1em;
	}

	
	/* end divs for shadow effect */
	
	td.toolbar
	{
		background-color: #575757;
		padding: 10px;
	}

	/* rounded divs */
	
	div.roundedTopSmallRadius
	{
		border-left: 1px solid #CCCCCC;
		border-top: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		background-color: #f8f8f8;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;	
	}

	div.bodyForRoundedCorners
	{
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		background-color: #f8f8f8;
	}

	div.roundedBottomSmallRadius
	{
		border-left: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		background-color: #f8f8f8;
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
	}
		
-->

</style>