<style type="text/css">

<!--

	a
	{ 
		text-decoration: none; 
		color:#000066; 
	}

	a:hover 
	{ 
		color:#0033FF; 
		text-decoration: none; 
	}


	.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;
	}

.BoldGreenLink A
{
    text-decoration:none;
    color:#48b301;
    font-weight: bold;
}

.BoldGreenLink A:hover
{
    color:#5ce700;
    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%;
	}	

.LinkBigWhite A
{
    text-decoration:none;
    color:white;
    font-size: 110%;
    font-weight: bold;
}

.LinkBigWhite A:hover
{
    color:white;
    text-decoration:underline;
    font-size: 110%;
    font-weight: bold;
}

	.LinkSmallBlue A 
	{ 
		text-decoration:none; 
		color:#000066;
		font-size: 80%;
	}
	
	.LinkSmallBlue A:hover 
	{ 
		color:#000066; 
		text-decoration:underline;
		font-size: 80%;
	}

.LinkGlowingBoldWhite a
{
    text-decoration:none;
    font-weight: bold;
    color:#DBDBDB;
    text-shadow: 0 0 10px #DBDBDB;
}

.LinkGlowingBoldWhite a:hover
{
    text-decoration:none;
    font-weight: bold;
    color:#FFFFFF;
    text-shadow: 0 0 10px #FFFFFF;
}

	
	
	#LinkDivBlock a 
	{ 
		border: 1px solid #000000;
		text-decoration:none;
	}
	
	#LinkDivBlock a:hover 
	{ 
		border: 1px solid #009900;
		text-decoration:none;
	}	

	img 
	{
		border-style:none;
	}

        img.PreviewPremiumAccountFeature
        {
            border: 1px dashed #000000;
        }
	
	Body
	{
		background-color: #F9F7F7; /*#c9ded3;*/
                /*
                background-image: url(../images/background_gradient_green.jpg);
		background-repeat: repeat-x;
                */
		/*font-size: 90%;*/
		font-family: Georgia, Serif;/*"Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;*/
		margin: 0px 0px 0px 0px;
	}


    h1
    {
        background: none;
        text-decoration:none;
        color:  blue;
        font-size: 150%;
    }

    .homePageHeading
    {
        background: none;
        text-decoration:none;
        color:  #000000;
        font-family: "Comic Sans MS", Arial;
        font-size: 150%;
    }

    .homePageHeading-Light
    {
        background: none;
        text-decoration:none;
        color:  #FFFFFF;
        font-family: "Comic Sans MS", Arial;
        font-size: 150%;
    }


	table.blackBorder3
	{
		border-top: 1px solid #000000;
		border-left: 1px solid #000000;
		border-right: 1px solid #6E8B3D;
	}
	
    th.ContextHeader
    {
        background-color: #f8f8f8;

        background: -webkit-gradient(linear, left top, left bottom, from(#c3c4c4), to(#7d7e7e));
        background: -moz-linear-gradient(top,  #c3c4c4,  #7d7e7e);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3c4c4', endColorstr='#7d7e7e');

        border: 1px solid #CCCCCC;

        color: #404040;
        font-weight: bold;
        padding: 1.0ex;
        font-size: 120%;
    }

        table.JustBorder
        {
            border: 1px solid #CCCCCC;
        }

	table.General
	{
		border: 1px solid #CCCCCC;
		background-color: #f9f7f7;
	}

        table.GeneralWhiteBackground
	{
            border: 1px solid #CCCCCC;
            background-color: #ffffff;
	}

	table.GeneralLightGreyBackground
	{
		border: 1px solid #CCCCCC;
		background-color: #f9f7f7;
	}

        .GeneralLightGreyBackground td
        {
            color: #000000;
        }

        th.DarkGrey
        {
            background-color: #494747;
            font-weight: bold;
            color: #FFFFFF;
        }

      	tr.EvenRow
	{
            background:white
	}


	tr.OddRow
	{
            background:#f8f8f8;
	}

        tr.GoodRow
	{
            background:#afdbb8;
	}

	
	td.GeneralLightGreyBackgroundWithBorder
	{
		border: 1px solid #CCCCCC;
		background-color: #f9f7f7;
	}

	td.GeneralLightGreyBackground
	{
		background-color: #f9f7f7;
	}
	
	table.GeneralDarkGreyBackground
	{
		border: 1px solid #CCCCCC;
		background-color: #3a3a3a;
	}

        th.BigWhiteHeader
        {
            font-color: #FFFFFF;
            font-size: 180%;
        }

	td.GeneralDarkGreyBackgroundWithBorder
	{
		border: 1px solid #CCCCCC;
		background-color: #3a3a3a;
		color: #FFFFFF;
                font-size: 100%;
	}


table.DarkGrayTable
{
    border: 1px solid #CCCCCC;
    background-color: #3a3a3a;
}

.DarkGrayTable td
{
    color: #FFFFFF;
}

	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
	{
		font-color: black;
	}

	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%;
	}

th.BigHeader
{
    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: #F9F7F7;
	}
		
    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;
        }

table.AdsBackground
{
    border-color: #9ecaed;
    box-shadow:0 0 10px #9ecaed;
    background-color: #ccd7e0;
}

.AdsBackground td
{
    color: #000000;
}

	.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;
	}

    .GridTable table
    {
        border: 2px solid #000000;
    }

    .GridTable td
    {
        border: 1px solid #000000;
    }

    
    .SignUpButton
        {
                color: white;
                background-color:#27408B; 
                font-size: 8pt;
                font-weight: bold;
        }

        table.headerBar
	{
		background-color:#006633;
	}

table.headerBar-BottomBorder
{
    background-color:#006633;
    border-bottom: 1px solid #000000;
}

table.headerBar-TopBorder
{
    background-color:#006633;
    border-top: 1px solid #6E8B3D;
}

td.headerBar-BottomBorder
{
    background-color:#006633;
    border-bottom: 1px solid #000000;
}

td.headerBar-RaisedBorder
{
    background-color:#006633;
    border-top: 1px solid #6E8B3D;
    border-left: 1px solid #6E8B3D;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

table.headerBar-LoweredBorder
{
    background-color:#006633;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #6E8B3D;
    border-bottom: 1px solid #6E8B3D;
}

table.headerBar-Darker
{
    background-color:#002311;
}

table.headerBar-Darker-TopBorder
{
    background-color:#002311;
    border-top: 1px solid #6E8B3D;
}

td.WhiteText
{
    color: #FFFFFF;
}

table.footerBar-Dark-TopBorder
{
    border-top: 1px solid #7e7e7e;
}
td.footerBar-Light-TopBorder
{
    border-top: 1px solid #CCCCCC;
}

	table.SignUpContainerTable
	{
		background-color:#006633;
		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;
        }

        .HandWriting
        {
            font-family: cursive,Arial,sans-serif;
            font-style: normal;
        }

        .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: 20%;
		overflow: auto;
		margin-top: -100px;
		margin-left: -300px;
	}


        /* Style for popup that explains some term on the page */
	.WhatIsPopup
	{
		background-color: #252525;
		font-weight:normal;
		color: #FFFFFF;
		border: 1px solid #CCCCCC;
		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 */
.WhatIsVerificationPhrasePopupTip
{
    background-color: #2F4F4F;
    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;
                font-size: 110%;
		color: #0ff80a;
	}

	td.ResultBad
	{
		font-weight: bold;
		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%;
	}	

        .divMildGreenBackground
        {
            background-color: #70DB93;
            display:inline-block;
        }

	div.RedBackgroundBigBoldText
	{
		background: #cf0505;
		border: 1px solid #940303;
		color: #ffffff;
		padding: 0.5em;
		font-weight: bold;
		font-size: 120%;
	}

        .divMildRedBackground
        {
            background-color: #F08080;
            display:inline-block;
        }
	
	/* styles for div elements that are not shown or hidden */
	div.invisibleDiv
	{
		display: none;
		visibility: hidden;
	}

        /** Since you can't just name these classes 0 and 1, they have a showOrHide prefix */
        div.showOrHide0
        {
            visibility:hidden;
        }
        div.showOrHide1
        {
            visibility:show;
        }
	
	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 #000000;
		border-top: 1px solid #000000;
		border-right: 1px solid #000000;
		background-color: #3a3a3a;
	}
	table.dashboardBody
	{
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		background-color: #3a3a3a;
	}
	div.dashboardBottomBar
	{
		border-left: 1px solid #000000;
		border-bottom: 1px solid #000000;
		border-right: 1px solid #000000;
		background-color: #3a3a3a;
		-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;
	}
	
	.PremiumAccount
	{
		background: #2e4b32;
		border-top: 1px solid #00b51a;
		border-left: 1px solid #00b51a;
		border-right: 1px solid #000000;
		border-bottom: 1px solid #000000;
		color: #FFFFFF;
	}
	
	.PremiumAccount th
	{
		font-weight: bold;
		font-size: 120%;
		color: #FFFFFF;
	}
	
	.PremiumAccount2
	{
		background: #18271a;
		color: #FFFFFF;
	}

/* Style for the element that shows progress messages for a user action */
/* This element is displayed at the top (or some where near) the form that initiates the action */
.ProgressMessageBlock
{
    display:inline;
    background: #FFF1A8;
    border-color: #fff000;
    padding: 10px;
    color: black;
}

.SuccessfulMessage
{
    font-weight: bold;
    color: green;
}

.ErrorText
{
    font-weight: bold;
    color: red;
}

/* Style for tables with forms */
.FormTable
{
    border: 1px solid #CCCCCC;
    background-color: #f8f8f8;
}

.FormTable th
{
    background-color: #494747;
    font-weight: bold;
    color: #FFFFFF;
}

.FormTable td
{
    font-weight: bold;
    color: #404040;
}


.CompanyInfoFormTable
{
    border: 1px solid #CCCCCC;
    background-color: #f8f8f8;
}
 
.CompanyInfoFormTable th
{
    background-color: #014437;
    font-weight: bold;
    color: #FFFFFF;
}

.CompanyInfoFormTable td
{
    font-weight: bold;
    color: #404040;
}

.Form-BigFields input, .password-field
{
    line-height: 40px;
    font-size: 30px;
}

.Form-BigFields label
{
    display: inline;
    font-size: 20px;
    color: #404040;
    letter-spacing: -1px;
    font-weight: bold;
}

.Form-BigFields select
{
    line-height: 40px;
    font-size: 30px;
    color: #404040;
    letter-spacing: -1px;
    font-weight: bold;
}

.Form-BigFields button
{
    line-height: 40px;
    font-size: 30px;
    color: #404040;
    font-weight: bold;
    display: block;
    text-align: center;
    position: relative;
}


.Form-MediumFields input, .password-field
{
    line-height: 30px;
    font-size: 20px;
}

.Form-MediumFields label
{
    display: inline;
    font-size: 20px;
    color: #404040;
    letter-spacing: -1px;
    font-weight: bold;
}

.Form-MediumFields select
{
    line-height: 30px;
    font-size: 20px;
    color: #404040;
    letter-spacing: -1px;
    font-weight: bold;
}

.Form-MediumFields button
{
    line-height: 30px;
    font-size: 20px;
    color: #404040;
    font-weight: bold;
    display: block;
    text-align: center;
    position: relative;
}


.fadecontentwrapper{ /* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
position: relative;
width: 100%;
height: 400px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
}

.fadecontent{ /*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its padding and borders, if any) */
background: #002311;
position: absolute;
padding: 10px;
visibility: hidden;
width: 100%;
color: #ffffff;
}

.fadecontenttoggler{ /*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
background: #002311;
border-top-width: 0;
overflow: hidden;
}

.fadecontenttoggler a{ /*style for every navigational link within toggler */
text-decoration: none;
padding: 0 5px;
float: left;
display: block;
font-weight: bold;
color: black;
}

.fadecontenttoggler a:hover{
color: white;
}

.fadecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.fadecontenttoggler a.prev, .fadecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
color: black;
}

.fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover{
color: white;
background: black;
}

.fadecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
color: white;
}

		
-->

</style>
