/* Style Sheet */
/* Table of Styles
==================================================
	#Basics
	#Styled Text
	#Site Styles
	#Lists
	#Spacers
	#Background Colors
	#Text Colors
	#Tables
	#Side Navigation
	#Page Structure
	#Float Fix
	#Print Styles

/*-- Basics
     ================================================== */

/*default link behavior comes from boilerplate */



body {
    font-family: 'Segoe UI', 'Open-Sans', Arial, sans-serif;
    color: #3E3E3E;
    background-color: #fff;
    margin: 0px;
    padding: 0px;
}

.pagewidth {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}


p {
    line-height: 1.5em;
}

h1 {
    font-size: 2.25em;
    line-height: normal;
    color: #3E3E3E;
    text-align: left;
    font-variant: normal;
    font-weight: 600;
    margin-bottom: 0px;
}

h2 {
    font-size: 1.75em;
    color: #3E3E3E;
    font-weight: normal;
}

h3 {
    font-size: 1.5em;
    color: #E74C00;
    font-weight: 500;
    padding-left: 0px;
    margin-top: 1.286em;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0;
}

h4 {
    font-size: 1.25em;
    color: #3E3E3E;
    font-weight: 600;
}


/*-- Styled Text
     ================================================== */

.intro-txt {
    font-size: 1.5em;
    font-style: italic;
    padding-top: 3px;
    line-height: 1.5em;
}

.imp-title {
    font-size: 1.4em;
    font-weight: 600;
    color: #516186;
    line-height: 1.2em;
}

.callout {
    width: 250px;
    float: right;
    margin-left: 20px;
    padding: 10px;
    position: relative;
}

.callout-right {
    width: 200px;
    background-color: #F2F2EA;
    margin-left: 0px;
    margin-bottom: 10px;
    padding: 10px;
    color: #333;
    margin-right: 10px;
}

.home-box-txt {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0em;
    color: #FFF;
    line-height: 1.5em;
}

.impt-title {
    font-size: 1.4em;
    font-weight: normal;
    color: #900;
    line-height: 1.2em;
}

.largish-txt {
    font-size: 110%;
}

.small-txt {
    font-size: 0.75em;
    color: #666;
}

.xsmall-txt {
    font-size: 0.6em;
}

.uppercase {
    text-transform: uppercase;
}

.hilite {
    background-color: #FF0;
}
/* home topics */
.home-topic {
    display: block;
    color: #fff;
    font-size: 1.75em;
    line-height: 1.5em;
    margin-top: 3px;
    margin-bottom: 0px;
    text-align: center;
}

/*-- Lists
     ================================================== */

ol {
    color: #3E3E3E;
}

ul {
    color: #3E3E3E;
}

li {
    line-height: 1.5em;
    padding-bottom: .8em;
}

    li:last-child {
        padding-bottom: 0px;
    }


.list-acrobat {
    list-style-image: url(../img/icons/acrobat.png);
}

.list-article {
    list-style-image: url(../img/icons/article-bullet.png);
}

.list-carrot {
    list-style-image: url(../img/icons/bullet-carrot.png);
}

.list-mike {
    list-style-image: url(../img/icons/bullet-mike.png);
}

.list-round-check {
    list-style-image: url(../img/icons/bullet-circle-check.png);
}

.list-blue-tick {
    list-style-image: url(../img/icons/tick-blue.png);
}

.list-big-blue-tick {
    list-style-image: url(../img/icons/tick-big-blue.png);
}

.list-blue-dot {
    list-style-image: url(../img/icons/bullet-dk-blue.png);
}

.list-med-blue-dot {
    list-style-image: url(../img/icons/bullet-lt-blue.png);
}

.list-blue-caret {
    list-style-image: url(../img/icons/blue-caret2.png);
}

.list-green-dot {
    list-style-image: url(../img/icons/bullet-green.png);
}

.list-orange-dot {
    list-style-image: url(../img/icons/bullet-orange.png);
}

.list-white-dot {
    list-style-image: url(../img/icons/bullet-white.png);
}

.list-white-tick {
    list-style-image: url(../img/icons/tick-white.png);
}

.list-webinar {
    list-style-image: url(../img/icons/movie-bullet.png);
}

.list2-carret {
    list-style-image: url(../img/icons/carret.png);
    margin-top: 0px;
    margin-bottom: 0px;
}


/*-- Spacers
     ================================================== */

.no-top-margin {
    margin-top: 0px;
}

.no-bottom-margin {
    margin-bottom: 0px;
}

.no-left-margin {
    margin-left: 0px;
}

.no-right-margin {
    margin-right: 0px;
}

.margin-left20 {
    margin-left: 20px;
}

.margin-left40 {
    margin-left: 40px;
}

.margin-right20 {
    margin-right: 20px;
}

.top-margin10 {
    margin-top: 10px;
}

.top-margin20 {
    margin-top: 20px;
}

.top-margin40 {
    margin-top: 40px;
}

.bottom-margin10 {
    margin-bottom: 10px;
}

.bottom-margin20 {
    margin-bottom: 20px;
}

.bottom-margin40 {
    margin-bottom: 40px;
}

.left-margin10 {
    margin-left: 10px;
}

.center-div {
    margin-left: auto;
    margin-right: auto;
}

.center-txt {
    text-align: center;
}

.end-txt {
    text-align: end;
    width: 690px;
    line-height: 1rem;
}

/*-- Background Colors
     ================================================== */
.bknd-lt-blue {
    background-color: #cddfee;
}

.bknd-med-blue {
    background-color: #0079c2;
}

.bknd-dark-blue {
    background-color: #0a4181;
    color: #ffffff;
}

.bknd-orange {
    background-color: #e74c00;
}

.bknd-green {
    background-color: #477f30;
}

.bknd-lt-green {
    background-color: #c0d5ac;
}

.bknd-oyster {
    background-color: #f6f2ef;
}

.bknd-lt-gray {
    background-color: #f0f0f0;
}

.bknd-lt-orange {
    background-color: #f6bea3;
}

.bknd-neutral-green {
    background-color: #F2F2EA;
}

/*-- Text Colors
     ================================================== */
.color-blue {
    color: #00539b;
}

.color-orange {
    color: #e74c00;
}

.color-yellow {
    color: #e74c00;
}

.color-gray {
    color: #98999b;
}

.color-gray2 {
    color: #515151;
}

.color-green {
    color: #477F30;
}

.color-red-bold {
    font-weight: bold;
    color: #bf1b05;
}

.color-red {
    color: #bf1b05;
}

.color-white {
    color: #fff;
}

a.color-white {
    color: #fff;
    text-decoration: underline;
}

    a.color-white:hover {
        color: #C8EEF1;
        text-decoration: underline;
    }

    a.color-white:active {
        color: #fff;
        text-decoration: underline;
    }

    a.color-white:visited {
        color: #fff;
        text-decoration: underline;
    }


/*-- Buttons
     ================================================== */



/*orange button */
.btn-orange, .btn-orange:link, .btn-orange:visited {
    border-radius: 0em;
    border-style: solid;
    border-width: 0px;
    display: inline-block;
    background-color: #e74c00;
    color: #fff;
    padding: 10px 10px;
    text-decoration: none;
    -webkit-transition: color 0.4s, background-color 0.4s, border 0.4s;
    transition: color 0.4s, background-color 0.4s, border 0.4s;
}

    .btn-orange:hover, .btn-orange:focus {
        color: #ffffff;
        background-color: #fa844b;
        -webkit-transition: background-color 0.3s, color 0.3s, border 0.3s;
        transition: background-color 0.3s, color 0.3s, border 0.3s;
    }

    .btn-orange:active {
        color: #ffffff;
        background-color: #fa844b;
        -webkit-transition: background-color 0.3s, color 0.3s, border 0.3s;
        transition: background-color 0.3s, color 0.3s, border 0.3s;
    }

/*blue button */
.btn-blue, .btn-blue:link, .btn-blue:visited {
    border-radius: 0em;
    border-style: solid;
    border-width: 0px;
    display: inline-block;
    background-color: #0079c2;
    color: #fff;
    padding: 10px 10px;
    text-decoration: none;
    -webkit-transition: color 0.4s, background-color 0.4s, border 0.4s;
    transition: color 0.4s, background-color 0.4s, border 0.4s;
}

    .btn-blue:hover, .btn-blue:focus {
        color: #ffffff;
        background-color: #73beff;
        -webkit-transition: background-color 0.3s, color 0.3s, border 0.3s;
        transition: background-color 0.3s, color 0.3s, border 0.3s;
    }

    .btn-blue:active {
        color: #ffffff;
        background-color: #73beff;
        -webkit-transition: background-color 0.3s, color 0.3s, border 0.3s;
        transition: background-color 0.3s, color 0.3s, border 0.3s;
    }

/*green button */

.btn-green, .btn-green:link, .btn-green:visited {
    display: inline-block;
    background-color: #477f30;
    color: #fff;
    padding: 10px 10px;
    text-decoration: none;
    -webkit-transition: color 0.4s, background-color 0.4s, border 0.4s;
    transition: color 0.4s, background-color 0.4s, border 0.4s;
}

    .btn-green:hover, .btn-green:focus {
        color: #ffffff;
        background-color: #68a94e;
        -webkit-transition: background-color 0.3s, color 0.3s, border 0.3s;
        transition: background-color 0.3s, color 0.3s, border 0.3s;
    }

    .btn-green:active {
        color: #ffffff;
        background-color: #68a94e;
        -webkit-transition: background-color 0.3s, color 0.3s, border 0.3s;
        transition: background-color 0.3s, color 0.3s, border 0.3s;
    }

.large-btn {
    font-size: 1.75em;
    margin-right: 40px;
    padding: 30px 30px;
}

.med-btn {
    font-size: 1.25em;
    margin-right: 40px;
    padding: 20px 20px;
}


/*-- Tables
     ================================================== */

th {
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}


/*table hover row */
table.table-hover-row tbody tr:hover td, table.table-hover-cell td:hover {
    background-color: #CCEDFF;
}


/*table headings*/

.heading-orange {
    background-color: #e74c00;
    color: #fff;
    font-weight: bold;
}

.heading-med-blue {
    background-color: #0079c2;
    color: #fff;
    font-weight: bold;
}

.heading-dk-blue {
    background-color: #0a4181;
    color: #fff;
    font-weight: bold;
}

.heading-green {
    background-color: #477f30;
    color: #C7E5D1;
    font-weight: bold;
}

.heading-dark-blue {
    background-color: #0a4181;
    color: #fff;
    font-weight: bold;
}
/*CPG Table */

.next-text {
}

.help-button {
    width: 30px;
    height: 30px;
    background-image: url(../img/icons/questionmark.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-color: #136ABA;
    position: absolute;
    z-index: 100000;
}

    .help-button:focus {
        outline: none;
    }

.table-button::before {
    width: 30px;
    height: 30px;
    content: '';
    display: inline-flex;
    border-right: 3px white solid;
    background-image: url(../img/icons/expand.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    position: absolute;
    left: -30px;
    background-color: #136ABA;
}

.table-button.disabled::before {
    background-color: #A4A5A7;
    background-image: url(../img/icons/close.png);
}

.table-button, .table-button:link, .table-button:visited {
    left: 30px;
    position: relative;
    border-radius: 0em;
    border-style: solid;
    border-width: 0px;
    display: inline-block;
    background-color: #136ABA;
    color: #ffffff;
    padding-left: 5px;
    text-decoration: none;
    width: 635px;
    height: 30px;
    margin-bottom: 3px;
    font-weight: bold;
    line-height: 30px;
}

    .table-button.disabled {
        text-decoration: none;
        background-color: #A4A5A7;
        color: #838383;
    }

        .table-button.disabled:hover, .table-button.disabled:focus {
            text-decoration: none;
            background-color: #A4A5A7;
            color: #838383;
        }

    .table-button:hover, .table-button:focus {
        color: #ffffff;
    }

    .table-button:active {
        color: #ffffff;
    }

table.clergy {
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 5px;
    width: 670px;
    border: #2372BC 1px solid;
}

    table.clergy.disabled {
        border: 0;
    }

        table.clergy.disabled th {
            background-color: #A4A5A7;
            color: #838383;
        }

    table.clergy th {
        background-color: #9DD3F7;
        color: white;
        font-weight: bold;
        text-align: left;
        padding-left: 10px;
    }

        table.clergy th.center {
            text-align: center;
        }

    table.clergy td {
        padding: 10px;
        margin-top: 2px;
    }

    table.clergy.active > tbody > tr {
        border-top: #2372BC 1px solid;
    }

        table.clergy.active > tbody > tr.extraSSQuestions {
            border-top: none;
        }

        table.clergy.active > tbody > tr.SecularQuestionDetail {
            border-top: none;
        }

    table.clergy tbody tr.none:nth-child(even) {
        background-color: inherit;
    }

    table.clergy td.none {
        border-top: none;
        background-color: inherit;
        padding: 10px;
        margin-top: 2px;
    }

    table.clergy > tbody > tr > td:nth-child(1) {
        width: 70%;
    }


/* zebra stripe tbody on .cpg tables*/
tr.blue-row {
    background-color: #DFEFF9;
}


table.cpg {
    font-size: 1em;
    line-height: 1.5em;
    border: #DCDCDC 1px solid;
}

    table.cpg th {
        border-top: #2372BC 2px solid;
        background-color: #136ABA;
        color: white;
        font-weight: bold;
        text-align: left;
        padding-left: 10px;
    }

        table.cpg th.center {
            text-align: center;
        }

    table.cpg td {
        border-top: #78AADD 2px solid;
        padding: 10px;
        margin-top: 2px;
    }

    /* zebra stripe tbody on .cpg tables*/
    table.cpg tbody tr:nth-child(even) {
        background-color: #DFEFF9;
        border-top: #78AADD 2px solid;
    }

    table.cpg tbody tr.none:nth-child(even) {
        background-color: inherit;
        border-top: none;
    }

    table.cpg td.none {
        border-top: none;
        background-color: inherit;
        padding: 10px;
        margin-top: 2px;
    }
/*Borderless Table */

table.noborder {
    border-spacing: 4px;
    border-collapse: collapse;
}

    table.noborder th {
        padding: 10px;
    }

    table.noborder td {
        padding: 10px;
        margin-top: 2px;
        border-spacing: 4px;
    }

/*Thin-border Table */

table.thin {
    border-width: 1px;
    border-spacing: 0px;
    border-style: solid;
    border-color: #333;
    border-collapse: collapse;
}

    table.thin th {
        border: 1px;
        padding: 4px;
        border-style: solid;
        border-color: #333;
    }

    table.thin td {
        border: 1px;
        padding: 4px;
        border-style: solid;
        border-color: #333;
    }

table.none {
    border-width: 1px;
    border-spacing: 1px;
}

    table.none td {
        padding: 4px;
    }

    table.none th {
        padding: 4px;
        border-style: solid;
    }

/*Top border Table */
table.thin2 {
    border-width: 0px;
    border-spacing: 0px;
    border-style: solid;
    border-color: #acadad;
    border-collapse: collapse;
}

    table.thin2 th {
        border-top: 1px;
        padding: 6px;
        border-top-style: solid;
        border-top-color: #acadad;
    }

    table.thin2 td {
        border-top: 1px;
        padding: 6px;
        border-top-style: solid;
        border-top-color: #acadad;
    }


table.thin3 {
    border-width: 1px;
    border-spacing: 0px;
    border-style: solid;
    border-color: #B3B2B2;
    border-collapse: collapse;
}

    table.thin3 th {
        border-left: 1px solid #D7D7D7;
        border-right: 1px solid #D7D7D7;
        border-bottom: 1px solid #D7D7D7;
        border-top: 1px solid #D7D7D7;
        padding: 4px;
        border-style: solid;
        border-color: #D7D7D7;
    }

    table.thin3 td {
        border: 1px;
        padding: 4px;
        border-style: solid;
        border-color: #D7D7D7;
    }


/*-- Side Navigation
     ================================================== */
#side-nav {
    width: 100%;
    background-color: #f5f5f5;
    padding-top: 5px;
    padding-bottom: 5px;
}

    #side-nav h3 {
        margin-left: 25px;
    }

    #side-nav ul {
        list-style-type: none;
        padding: 0;
    }

    #side-nav li {
        margin-bottom: 0px;
    }

    #side-nav a {
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.15em;
        color: #474747;
        padding: 1px 4px 4px 22px;
        text-decoration: none;
    }

        #side-nav a:link, #navlist a:visited {
            color: #474747;
            text-decoration: none;
        }

        #side-nav a:hover {
            color: #ffffff;
            background-color: #2081C7;
        }

#watch-learn {
    width: 100%;
    background-color: #ccddbb;
    margin-top: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
}

    #watch-learn h3 {
        text-align: center;
        color: #437115;
    }

    #watch-learn p {
        text-align: center;
    }


/*-- Page Structure Divs
     ================================================== */
header {
    width: 100%;
    height: 140px;
    border-bottom: 4px solid #0a4181;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 64.77%,rgba(199,214,224,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 64.77%,rgba(199,214,224,1.00) 100%);
}

#heading { /*redundant to support older pages */
    width: 100%;
    height: 140px;
    border-bottom: 4px solid #0a4181;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 64.77%,rgba(199,214,224,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 64.77%,rgba(199,214,224,1.00) 100%);
}

#logo {
    width: 250px;
    height: 75px;
    float: left;
    position: relative;
    margin-top: 20px;
}

.top-title {
    display: inline-block;
    background-color: #f5f5f5;
    color: #666666;
    padding: 10px 10px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 0px;
    margin-right: 0px;
}

#toplinks {
    width: 650px;
    height: 35px;
    overflow: hidden;
    float: right;
    position: relative;
    text-align: right;
}

#top-nav {
    background-color: #033f83;
    color: #ffffff;
    float: right;
    position: relative;
}

    #top-nav p {
        font-family: Arial, Helvetica, sans-serif;
        font-color: #fff;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 5px;
        margin-top: 12px;
    }

    #top-nav a {
        color: #ffffff;
        text-decoration: none;
    }

        #top-nav a:link, a:visited {
            color: #ffffff;
            text-decoration: none;
        }

        #top-nav a:hover, a:active {
            color: #d2e4f9;
            text-decoration: underline;
        }

.callout-right {
    width: 200px;
    float: left;
    margin-left: 0px;
    margin-bottom: 10px;
    padding: 10px;
    color: #333;
    margin-right: 10px;
}

#twocols {
    width: 1100px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
}

#twocols-int {
    width: 100%;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
}

#main-container {
    width: 830px;
    position: relative;
    float: left;
}

#main-container-landing {
    width: 940px;
    position: relative;
    float: left;
}

#maincol {
    float: left;
    display: inline;
    position: relative;
    width: 700px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 20px;
    margin-left: 30px;
}

#maincol-int {
    float: right;
    display: inline;
    position: relative;
    width: 750px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-left: 0px;
    margin-top: 0px;
    padding-right: 30px;
}

#rightcol {
    width: 240px;
    float: right;
    position: relative;
    padding-top: 0px;
    padding-left: 0px;
    margin-top: 0px;
}

#rightcol-int {
    width: 230px;
    float: left;
    position: relative;
    padding-top: 0px;
    padding-left: 10px;
    margin-top: 40px;
    margin-left: 20px;
}

#leftcol {
    width: 230px;
    float: left;
    position: relative;
    padding-top: 0px;
    margin-top: 90px;
    margin-left: 25px;
}


footer {
    font-size: 1em;
    width: 100%;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    color: #ffffff;
    clear: both;
    background-color: #0a4181;
    height: 180px;
}

#footer { /*redundant to support older pages */
    font-size: 1em;
    width: 100%;
    padding-top: 30px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    color: #ffffff;
    clear: both;
    background-color: #0a4181;
    height: 200px;
}

.footer-leftcol {
    width: 45%;
    float: left;
    position: relative;
}

.copyright {
    font-size: 0.98em;
    line-height: normal;
    margin-top: 15px;
    padding-top: 0px;
}

.footer-rightcol {
    width: 25%;
    float: right;
    position: relative;
}

/* wrapper for sticky footer */
.sticky-wrap {
    min-height: calc(100vh - 250px);
}


/* home page  divs */

#hero {
    width: 1100px;
    height: 266px;
    margin-top: 0px;
    position: relative;
    background-image: url(../img/hero-image.jpg);
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

#welcome {
    width: 500px;
    float: right;
    background-color: rgba(255,255,255,0.89);
    margin-top: 10px;
    margin-right: 20px;
}

.float-row700 {
    width: 700px;
    float: left;
    position: relative;
}

.float-row500 {
    width: 500px;
    float: left;
    position: relative;
}

.float-row450 {
    width: 450px;
    float: left;
    position: relative;
}

.float-row380 {
    width: 380px;
    float: left;
    position: relative;
}

.float-row350 {
    width: 350px;
    float: left;
    position: relative;
}

.float-row250 {
    width: 250px;
    float: left;
    position: relative;
}

.float-row200 {
    width: 200px;
    float: left;
    position: relative;
}

.float-row150 {
    width: 150px;
    float: left;
    position: relative;
}


.inner-div {
    padding: 10px 10px;
    position: relative;
}


.welcome-box {
    width: 580px;
    margin-left: 0px;
    margin-bottom: 10px;
    position: relative;
}

.homebox-1 {
    height: 250px;
    background-image: url(../img/nest-eggs.png);
    background-repeat: no-repeat;
    background-position: bottom right
}

.homebox-2 {
    height: 250px;
    overflow-x: visible;
}

.homebox-3 {
    height: 75px;
}

.homebox-4 {
    height: 135px;
}

/*-- Results Page Items
     ================================================ */
/*top nav bar */
.top-bar {
    width: 100%;
    height: 45px;
    background-color: #0a4181;
    overflow: hidden;
}

.results-bar {
    width: 780px;
    background-color: #f5f5f5;
    float: right;
}

.nav ul {
    list-style: none;
    text-align: center;
    padding: 0;
    margin: 0;
}

.nav li {
    height: 30px;
    line-height: 45px;
    font-size: 1.4em;
    display: inline-block;
    white-space: nowrap;
    width: auto;
    position: relative;
    /*margin-right: -4px;*/
}

.nav a {
    text-decoration: none;
    color: #444;
    display: block;
    position: relative;
    transition: .3s background-color;
    padding-left: 10px;
    padding-right: 10px;
}

    .nav a:hover {
        background-color: #e74c00;
        color: #fff;
    }

    .nav a.active {
        background-color: #0079c1;
        color: #fff;
        cursor: default;
    }
/*results message */

.result-box {
    width: 100%;
    background-color: #f1efe0;
    padding-top: 10px;
}

.message-txt {
    font-size: 1.2em;
    line-height: 1.8em;
}

.circle-tip {
    width: 155px;
    margin-left: auto;
    margin-right: auto;
}

/*results circle */

.circleBase {
    border-radius: 50%;
    margin: 20px 20px 20px 20px;
}

.results {
    width: 130px;
    height: 130px;
    background: #ffd35d;
    border: 10px solid white;
    text-align: center;
    color: #fff !important;
    box-shadow: 2px 2px 7px #3D3D3D;
}

.results-shortfall {
    width: 130px;
    height: 130px;
    background: #e74c00;
    border: 10px solid white;
    text-align: center;
    color: #fff !important;
    box-shadow: 2px 2px 7px #3D3D3D;
}

.results-excess {
    width: 130px;
    height: 130px;
    background: #477F30;
    border: 10px solid white;
    text-align: center;
    color: #fff !important;
    box-shadow: 2px 2px 7px #3D3D3D;
}

.result-head {
    font-size: 1.3em;
    margin-top: 30px;
    font-weight: bold;
    margin-bottom: 0px;
}

.result-pct {
    font-size: 2.8em;
    font-weight: bold;
    line-height: 0em;
    margin-top: 20px
}

.result-boxprint {
    width: 100%;
    background-color: #ffffff !important;
    padding-top: 10px;
}
/*-- Float Fix
     ================================================== */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* End hide from IE-mac */

/*print styles */
#printhead {
    display: none;
}




@media print {
    body {
        -webkit-print-color-adjust: exact;
    }

    #twocols, #maincol {
        display: block;
        width: 100%;
        float: none;
    }

    /*hide these items when printing*/
    #rightcol {
        display: none;
    }

    #header {
        display: none;
    }

    #footer {
        display: none;
    }

    #nav-bar {
        display: none;
    }

    #slider-wrapper {
        display: none;
    }

    #hm-rt {
        display: none;
    }
}