﻿/* HTML5 âœ° Boilerplate */
span
    {
        border: 0 none;
        font: inherit;
        margin: 0;
        padding: 0;
        vertical-align: baseline;
    }
li
    {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        text-align: left;
        vertical-align: baseline;
        color:#858278;
    }

ul
    {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
        margin-left: 2em;
    }

ol
    {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
        margin-left: 2em;
        list-style-type: decimal;
    }

p
    {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
        line-height: 20px;
        margin-bottom: 10px;
        color:#858278;
        font-size: 11px;
    }

h6
    {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
        font-weight: bold;
    }

h5
    {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
        font-weight: bold;
    }

h4
    {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
        font-weight: bold;
        text-transform:capitalize;
        margin-bottom: 10px;
        color:#E28C05;
        font-size: 12px;
    }

h3
    {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
        font-weight: bold;
        font-size: 14px;
        color:#E28C05;
    }

h2
    {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
        font-weight: bold;
        font-size: 22px;
        color:#E28C05;
    }

h1
    {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
        font-weight: bold;
    }

hr
    {
        display: block;
        height: 1px;
        border: 0;
        border-top: 1px solid #ccc;
        margin: 1em 0;
        padding: 0;
    }

a
    {
        color: #E28C05;
        text-decoration: none
    }

/*a:hover
    {
        color: #E28C05 !important;
        text-decoration: underline !important;
    }*/

div#eduInner a:hover {
    color: #F69521 !important;
}

.container
    {
        width: 940px;
        margin: 0 auto;
        padding: 0px 20px;position: relative;
    }

.faded-border
    {
        background: url('../images/sprite.png') no-repeat top right transparent;
        display: block;
        position: absolute;
        top:0;
        right:0;
        width:20px;
        height:150px;
    }

.arrow
    {
        background: url("../images/sprite.png") no-repeat scroll -27px -74px transparent;
        display: block;
        float: left;
        width: 15px;
    }
#accordians
    {
        margin-bottom: 20px;
        width: 950px;
        height:auto;
    }

.accordian
    {margin-bottom: 5px;}

.a-header
    {
    	/*background: url("images/nav-bg.jpg") repeat-x scroll 0 0 #FAFAFA;  */
        border: 1px solid #545454;
        background-color: #545454;
        cursor: pointer;
        padding:10px;
        width:247px;
        font-size:12px;
        text-align: left;
    }

.a-header h3
    {color: #FFFFFF;}

.a-arrow
    {
        background: url("../images/sprite.png") no-repeat scroll -53px -125px transparent;
        display: block;
        float: left;
        width: 15px;
        height: 15px;
        margin-top: 3px;
    }

.a-content
    {
        padding: 20px;
        border: 1px solid #ccc;
        border-top: none;
    }

.accordian.active .a-arrow
    {
        background: url("../images/sprite.png") no-repeat scroll -42px -125px transparent;
        float: left;
        width: 14px;
        height: 17px;
        margin-top: 3px;
    }

.accordian.active .a-content
    {display: block;}

.EM-SubMain
{
    float: left;
    margin:10px;
    padding: 8px;
    width:270px;
    background: url("../images/nav-bg.jpg") repeat-x scroll 0 0 #FAFAFA;
    border: 1px solid #CCCCCC;
    cursor: pointer;
}
.EM-ColHeadding
    {
        /*color: #7A7A7A;
        font-size: 14px;
        text-align:center;
        font-size: 14px; */
        font-weight:bold;
        text-align:center;
        background-color:#dddddd;
		padding:20px;
		font:bold 13px arial;
		color:#5d5d5d;
    }

ul.footer__bottom-links {
    margin: 10px 0 0 0 !important;
}

.contentContainer .inner .heading {
/*padding-left: 20px !important;*/
}

.contentContainer .inner a {
text-align: left !important;
padding: 25px 20px !important;
margin-bottom: 20px !important;
}

.contentContainer .inner a.active {
margin-bottom: 0px !important;
}

.contentContainer .inner .contentSection {
    margin-bottom: 20px !important;
}


/*................................................................................................................................ */
/* | Refresh Styling  | //////////////////////////////////////////////////////////////////////////////////////////////////// */

/* .EducateMeContent */

.header-content-FE h1 {
    color: #FFFFFF;
}

.header-content-FE p {
    color: #FFFFFF !important;
}

.header-content-FE {
    width: 980px !important;
    margin: auto !important;
    left: 5px !important;
}

.education-header {
    Color: #124E57 !important;
    border-color: #124E57 !important;
    padding-bottom: 1em !important;
}

.financialEdu-H {
    Color: #124E57 !important;
    margin: 11px 0;
}

.section-label {
    background: transparent !important;
    border: 1px solid #124E57;
    color: #124E57;
    border-radius: 5px;
}
    .section-label:hover, input:checked + .section-label:hover {
        background: #15808D !important;
        color: #FFF;
        border-color: #15808D;
    }

input:checked + .section-label {
    background: #15808D !important;
    border-color: #15808D;
    color: #FFFFFF;
    border-radius: 5px 5px 0 0;
}
    input:checked + .section-label + .section-content {
        border: 1px solid #15808D;
        border-radius: 0 0 5px 5px;
    }

.section-content li .arrow-right {
    border: 2px solid #F15A22;
    border-radius: 100px;
    padding: 0px;
    margin-bottom: 2px;
}


.section-content .il a {
    color: #124E57 !important;
    text-decoration: underline;
}

    .section-content .il a:hover {
        color: #F69521 !important;
    }

.header-FinancialE {
    background: url("/Content/stylesheets/images/AFO Refresh Banner 2.jpg") no-repeat !important;
    /*background-size: 100% 100% !important;*/
    background-position: 50% 50% !important;
    margin: 0 !important;
    left: 0 !important;
}

.section-label:after {
    background: url("/Content/images/FunctionIcons/Functional Icon DarkTeal 1.png") no-repeat;
    height: auto !important;
    background-size: contain !important;
    content: '' !important;
    display: block !important;
}
.section-label:hover:after,
input:checked + .section-label:after {
    background: url("/Content/images/FunctionIcons/Functional Icon White 1.png") no-repeat;
}
