/* CSS Document */

h3
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin: 0px;
    padding-left: 10px;
    padding-top: 9px;
}

.bluekeep
{
    float: left;
    padding-bottom: 25px;
}

#maincontainer
{
}

#bluetraintrackouter
{
    color: #000000;
    width: 543px;
   /* height: 25px;*/
    position: relative;
    top: -7px;
/*
margin: -7px 0 0 0;
border: 1px solid red;
*/
}
#intro  #bluetraintrackouter
{
    width: 550px;
}
#intro #bluetraintrackinner
{
    width: 526px;
}
#intro .financialbluecontent
{
    width: 532px;
    margin-top: -69px;
    margin-left: 5px;
}

* html #intro .financialbluecontent
{
    position: relative;
    left: -5px;
}

#bluetraintrackinner
{
    float: left;
    width: 525px;
    height: 27px;
    margin-top: 4px;

}

#blueleft
{
    float: left;

    width: 10px;
    height: 31px;
}


#blueright
{
    float: left;

    width: 8px;
    height: 31px;
}

.leftpadder
{
    float: left;
    width: 5px;
    height: 100px;
}


.financialbluecontent
{
	width: 800px;
	height:1400px;
	margin-right: 5px;
	border: 1px solid #a29f40;
	font-size: 12px;
}

.rButton, .rButtonTxt
{
    padding-bottom: 10px;
}

.padinside
{
    padding-left: 35px;
    padding-right: 35px;
}

#blueheadingbg
{
    position: absolute;
    z-index: 1;
    left: 46px;
    height: 17px;
    padding-left: 17px;
    background-color: #d5ebf9;
    padding-right: 12px;
    padding-top: 3px;
    width: 502px;
}
#blueheadingbgbudgetcalc
{
    position: absolute;
    z-index: 1;
    height: 17px;
    padding-left: 5px;
    background-color: #d5ebf9;
    padding-right: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 529px;
}


.fieldholders
{
    float: left;
    width: 100%;
    height: 20px;
}
.txtholders
{
    float: left;
}
.makefieldsright
{
    float: right;
}

/* This section is for use with the longer of the heading ellements  */

#bluetraintrackouter_about_me
{
    float: left;
    color: #000000;
    width: 750px;
    height: 38px;
}

#bluetraintrackinner_about_me
{
    float: left;
    width: 730px;
    height: 34px;
    margin-top: 4px;

    text-align: center;
}

.aboutmebluecontent
{
    width: 736px;
    margin-right: 5px;
    border: 1px solid #349ce3;
    font-size: 12px;
    padding-bottom: 0px;
    float: left;
}
.topcontent2
{
    border-top: 15px solid #ffffff;
}

.makebottombordercenter
{
    float: left;
    padding-bottom: 15px;
    border-bottom: 1px solid #349ce3;
    text-align: center;
    width: 736px;
}

.makebottomborder
{
    float: left;
    margin-top: 15px;
    border-bottom: 1px solid #349ce3;
    padding-left: 49px;
    padding-bottom: 15px;
    width: 687px;
}



.makebottomborder_noborder
{
    float: left;
    margin-top: 15px;
    margin-bottom: 0px;
    height: 43px;
    padding-left: 49px;
    padding-bottom: 15px;
    width: 687px;
}

.spacethemout
{
    float: left;
    width: 217px;
}

#intro
{
    width: 750px;
    float: left;
}

#pageOne
{
    width: 750px;
    float: left;
}

#pageTwo
{
    width: 750px;
    float: left;
}
#pageThree
{
    width: 750px;
    float: left;
}
#pageFour
{
    width: 750px;
    float: left;
}
#pageFive
{
    width: 750px;
    float: left;
}

#pageSix
{
    width: 750px;
    float: left;
}

#pageSeven
{
    width: 750px;
    float: left;
}

#interstitial
{
    float: left;
    width: 750px;
}

#results
{
    float: left;
    width: 750px;
}
.inset
{
    float: left;
}

.inset2
{
    float: left;
    padding-top: 3px;
    margin-bottom: 5px;
    margin-left: 3px;
    width: 600px;
}
.drop
{
    width: 90px;
}

#budgetcalcbluearea
{
    float: left;
    left: -30px;
    width: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #f0f7fd;
}

#debttestbluearea
{
    float: left;
    left: -30px;
    width: 117px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #d6ebf9;
}

.budgetcalcbutton2
{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #349ce3;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 140px;
    height: 14px;
    cursor: hand;
    text-align: left;
}

.budgetcalcbutton2 a
{
    text-decoration: none;
    cursor: hand;
}

.budgetcalcbutton2 a:hover
{
    text-decoration: none;
    cursor: hand;
}

.budgetcalcbutton1
{
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 15px;
    background-color: #349ce3;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 68px;
    height: 14px;
    cursor: hand;
}

.budgetcalcbutton1 a
{
    text-decoration: none;
    cursor: hand;
    color: #ffffff;
}

.budgetcalcbutton1 a:hover
{
    text-decoration: none;
    cursor: hand;
    color: #ffffff;
}
.budgetcalcbutton1 a:visited
{
    text-decoration: none;
    cursor: hand;
    color: #ffffff;
}

.mortgagecal, .financialbut
{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    padding-left: 11px;
    padding-right: 11px;
    background-color: #349ce3;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 68px;
    height: 14px;
    cursor: hand;
}
.financialbut
{
    width: 120px;
}
.mortgagecal a, .financialbut a
{
    text-decoration: none;
    cursor: hand;
    color: #ffffff;
}

.mortgagecal a:hover, .financialbut a:hover
{
    text-decoration: none;
    cursor: hand;
    color: #ffffff;
}
.mortgagecal a:visited, .financialbut a:visited
{
    text-decoration: none;
    cursor: hand;
    color: #ffffff;
}
.finhcheck
{
    width: 100px;
}
.budgetcal
{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #349ce3;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 70px;
    height: 14px;
    cursor: hand;
    text-align: center;
}

.budgetcal a
{
    text-decoration: none;
    cursor: hand;
    color: #ffffff;
}

.budgetcal a:hover
{
    text-decoration: none;
    cursor: hand;
    color: #ffffff;
}
.budgetcal a:visited
{
    text-decoration: none;
    cursor: hand;
    color: #ffffff;
}

#debttesttrackouter
{
    color: #000000;
    width: 765px;
    position: relative;

}

#debttesttrackinner
{
    float: left;
    width: 744px;
    height: 27px;
    margin-top: 4px;

    text-align: center;
}

.debttestbluecontent
{
    width: 750px;
    border: 1px solid #349ce3;
    font-size: 12px;
    float: left;
}


#debttestbg
{
    position: absolute;
    width: 460px;
    height: 135px;
    z-index: 1;

}

#healthcheckbg
{
    position: absolute;
    width: 460px;
    height: 135px;
    z-index: 1;

}
#toolcontainer1
{
    margin-left: 2px;
    margin-bottom: 10px;
}

* html #toolcontainer1
{
    margin-left: 13px;
}

#floatthem
{
    margin-top: -30px;
    float: left;
    width: 770px;
    margin-left: -8px;
}

* html #floatthem
{
    position: relative;
    margin-left: 0px;
}


.toolsButton
{
    color: #ffffff;
    font-size: 12px;
    background-color: #349ce3;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 100px;
    border: 0;
}

#rightlinks
{
    float: left;
    width: 175px;
}
#holdersurround
{
    float: left;
    width: 500px;
    height: 20px;
    margin-bottom: 10px;
    margin-top: 5px;
}
#holdersurround2
{
    position: relative;
    float: left;
    width: 500px;
    height: 25px;
    margin-top: 15px;
    margin-bottom: 5px;
}
#headingholders
{
    position: relative;
    left: -14px;
    width: 309px;
    background-color: #d5ebf9;
    padding-left: 15px;
}

#headingholders2
{
    position: relative;
    left: -30px;
    width: 309px;
    padding-bottom: 3px;
    background-color: #d5ebf9;
    padding-left: 25px;
}

* html #headingholders2
{
    padding-top: 0;
    padding-bottom: 0;
}


#headingholders h4
{
    position: relative;
top: -2px;
}

* html #headingholders h4
{
    padding-top: 0;
    padding-bottom: 0;
    top: 0px;
}

* html #headingholders2 h4
{
    top: -1px;
}


#headingholders2 h4
{
    position: relative;
top: -3px;
}

.smallem
{
    font-size: 12px;
    font-style: italic;
}

.questionTxt
{
    padding: 10px 0 10px 0;
    font-size: 12px;
    font-weight: bold;
}


.moreabout
{
    font-size: 12px;
    font-weight: bold;
    color:#17496a;
}

a, a:hover
{
    color: #0060AB;
}

td
{
    font-size: 12px;
}

.topHeader
{
    margin-left: 10px;
    width: 300px;
    font-size: 20px;
}

p
{
    line-height: normal;
}

* html .midColumnTextBlock ul li
{
    margin-left: 16px;
}

#txtpad2
{
    margin-top: -4px;
}

.txtBox
{
    padding-bottom: 10px;
}


#notes1
{
    margin-left: -20px;
}

#notes2
{
    margin-left: -8px;
}


#email, #pub, #pension{
Position:relative;
left: 1px;
padding: 0;
width:770px;
margin: 15px 0px 45px 0px;
float: left;
}

#email, #pub {
left: 16px;
}

#pension{
margin: 0 0 0 0;
left: -20px;
}