div#logo {
    margin-bottom: 20px;
}

div#contentArea > * {
    vertical-align: top;
}

div#contentArea {
    margin-bottom: 20px;
}

    div#contentArea div.container.body-content {
        display: inline-block;
        position: relative;
    }

.titlebar {
    text-align: right;
}

#header .titlebar h1 {
    display: inline-block;
    float: left;
    color: white;
    margin-top: 8px;
    cursor: default;
}

html.theme-teal header#header div.titlebar ul {
    list-style: none;
    display: inline-block;
    color: #e5ecf4;
    margin: 0;
    min-height: 3px;
}

.titlebar ul li {
    display: inline-block;
}

    .titlebar ul li a {
        padding: 20px;
        display: inline-block;
        color: #fff;
        text-transform: uppercase;
    }

        .titlebar ul li a:hover,
        .titlebar ul li a.active {
            background-color: #1F8353;
            text-decoration: none;
        }

.toolkit-tabs > li > a {
    padding: 8px 12px 6px 12px;
    line-height: 20px;
    margin-right: 2px;
    display: block;
}

.toolkit-navbar:before,
.toolkit-navbar:after {
    display: table;
    content: '';
    line-height: 0;
}

.toolkit-navbar:after {
    clear: both;
}

div#contentArea div.toolkit-navbar,
div#contentArea div.toolkit-navbar ul#topTabs.toolkit-tabs,
div#contentArea div.toolkit-navbar ul#topTabs.toolkit-tabs li {
    margin-bottom: 0;
}

    div#contentArea div.toolkit-navbar ul#topTabs.toolkit-tabs {
        border-bottom: 0;
        list-style: none;
        display: inline-block;
    }

    div#contentArea div.toolkit-navbar.full-width ul#topTabs.toolkit-tabs {
        margin: 40px 0 0;
    }

    div#contentArea div.toolkit-navbar ul#topTabs.toolkit-tabs li {
        background-color: #fff;
        border: 0;
        margin-right: 2px;
        display: inline-block;
        min-width: 100px;
        text-align: center;
        text-transform: uppercase;
    }

        div#contentArea div.toolkit-navbar ul#topTabs.toolkit-tabs li:last-child {
            margin-right: 0;
        }

        div#contentArea div.toolkit-navbar ul#topTabs.toolkit-tabs li a {
            text-decoration: none;
            color: #39536a;
            font-weight: 600; /*Previously 400.*/
        }

            div#contentArea div.toolkit-navbar ul#topTabs.toolkit-tabs li a:hover {
                color: #1F8353;
            }

        div#contentArea div.toolkit-navbar ul#topTabs.toolkit-tabs li.active-tab,
        div#contentArea div.toolkit-navbar ul#topTabs.toolkit-tabs.State li.state-tab,
        div#contentArea div.toolkit-navbar ul#topTabs.toolkit-tabs.Employer li.employer-tab,
        div#contentArea div.toolkit-navbar ul#topTabs.toolkit-tabs.Insurer li.insurer-tab {
            background-color: #e5ecf4;
            border-top: 5px solid #1F8353;
            color: #000;
        }

            div#contentArea div.toolkit-navbar ul#topTabs.toolkit-tabs li.active-tab a:hover,
            div#contentArea div.toolkit-navbar ul#topTabs.toolkit-tabs.State li.state-tab a:hover,
            div#contentArea div.toolkit-navbar ul#topTabs.toolkit-tabs.Employer li.employer-tab a:hover,
            div#contentArea div.toolkit-navbar ul#topTabs.toolkit-tabs.Insurer li.insurer-tab a:hover {
                color: #39536a;
            }

            div#contentArea div.toolkit-navbar ul#topTabs.toolkit-tabs li.active-tab a {
                color: #000;
                text-decoration: none;
            }

    div#contentArea div.toolkit-navbar ul#topTabs.toolkit-tabs > .active-tab > a, .nav-tabs > .active-tab > a:hover, .nav-tabs > .active-tab > a:focus {
        border: 0;
        background-color: transparent;
        text-decoration: none;
    }

div#contentArea div.container.body-content {
    margin: 0 0 20px;
    padding: 1% 2% 4%;
    background-color: #e5ecf4;
    box-sizing: border-box;
}

html.theme-teal div#contentArea div.container.body-content.full-width h2,
div#body #contentArea .tab-title h2 {
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 900;
    color: #1F8353;
    font-size: 40px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

div#body #contentArea .tab-title h2 {
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 1em;
    text-align: left;
    margin: 5px 0;
}

div#body div#contentArea div.container.body-content.full-width.span24 h2 {
    font-size: 32px;
    color: #39536c;
    text-transform: none;
    letter-spacing: normal;
}

html.theme-teal div#contentArea div.container.body-content.full-width h3,
div#body #contentArea .tab-title h3 {
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #222222;
    text-align: center;
    font-size: 62px;
    text-transform: uppercase;
    margin: 25px 0;
}

div#body #contentArea .tab-title h3 {
    font-size: 31px;
    margin: 0 0 10px 0;
    line-height: 1em;
    text-align: left;
}

div#contentArea div.toolkit-navbar.full-width.row-fluid .tabby-tabs {
    text-align: right;
}

html.theme-teal div.container.body-content.full-width p.home-info {
    text-align: center;
    color: #000000;
    line-height: 1.6em;
    padding: 0 22%;
    font-size: 16px;
}

html.theme-teal div.container.body-content.full-width p,
html.theme-teal div.container.body-content.full-width dd {
    color: #000000;
    font-size: 14px;
}

dd {
    margin-bottom: 10px;
}

    dd:last-child {
        margin-bottom: 0px;
    }

.more-info {
    background-color: #f5f9fc;
    padding: 7px 11px;
    font-style: italic;
    font-size: 12px;
    margin-left: 16px;
}

.range {
    text-align: right;
    font-style: italic;
    font-size: 12px;
}

label[for="annualProbability"] {
    margin-left: 16px;
}

a#clearForm {
    cursor: pointer;
}

a[data-toggle*="tooltip"] i,
i[rel="tooltip"] {
    padding-left: 3px;
    color: #1F8353;
    font-size: 18px;
    text-decoration: none;
    cursor: help;
}

a[data-toggle="tooltip-large"] i {
    padding-bottom: 3px;
}

#body a[data-toggle*="tooltip"]:link,
#body a[data-toggle*="tooltip"]:visited,
#body a[data-toggle*="tooltip"]:hover,
#body .card a:link,
#body .card a:visited,
#body .card a:hover,
#body .card a:link,
#body .card a:visited,
#body .card a:hover,
#body .card a {
    text-decoration: none;
}

.card div.row-fluid.clearfix.intervention div.span2 {
    width: 9.9%;
}

span.intervention-year {
    background-color: #f5f9fc;
    padding: 8px 10px 10px;
}

#body a.results-button {
    text-transform: uppercase;
    background-color: #bfd0e0;
    color: #39536c;
    font-size: 12px;
    text-align: center;
    display: block;
    text-decoration: none;
    margin-bottom: 5px;
    font-weight: 600;
    cursor: pointer;
}

.row-fluid.c3 {
    margin-bottom: 10px;
}

.data-table {
    background-color: #e5ecf4;
}

    .data-table .table {
        margin-bottom: 0;
        border-bottom: 2px solid #bfd0e0;
    }

        .data-table .table th, .table td {
            border-top: 1px solid #bfd0e0;
        }

.toggle-table {
    background-color: #e5ecf4;
    cursor: pointer;
    color: #000000;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0 8px;
    line-height: 3em;
}

    .toggle-table .plus-minus-box {
        border: 1px solid #39536c;
        color: #000000;
        font-size: 12px;
        margin-right: 5px;
        display: inline-block;
        padding: 2px 5px;
        line-height: 1em;
    }


/***************************************
	CARDS
***************************************/

.card {
    background-color: #fff;
    border-radius: 2px;
    padding: 20px;
    color: #39536c;
    font-size: 14px;
    margin-bottom: 15px;
    box-sizing: border-box;
    position: relative;
}

    .card h4 {
        font-weight: 300;
        margin: 0 0 20px;
        font-size: 24px;
        border-bottom: 1px solid #e5ecf4;
        padding: 0 0 20px;
        color: #39536c;
    }

body.results .card h4 {
    font-weight: 400;
    padding-right: 36px;
}

    body.results .card h4.no-cancel {
        padding-right: 0;
    }

.card h5 {
    text-transform: uppercase;
    font-size: 14px;
    color: #39536c;
}

    .card h5 a,
    .card h5 span,
    .card h5 .tooltip {
        text-transform: none;
    }

.card hr {
    height: 1px;
    background: #e5ecf4;
    margin: 20px 0;
    border: 0;
}

html.theme-teal div.container.body-content.full-width .card p {
    color: #39536c;
    font-size: 14px;
}

.card .breakdown-box {
    background-color: #f2f6f9;
    padding: 5px;
    line-height: 1em;
}

    .card .breakdown-box label[for="screeningPerPerson"],
    .card .breakdown-box p {
        line-height: 1em;
    }

    .card .breakdown-box hr {
        height: 1px;
        background: #dfe8f1;
        margin: 5px 0;
        border: 0;
    }

    .card .breakdown-box input[type="text"],
    .card .breakdown-box input[type="text"].dollars {
        width: 90px;
        padding: 3px;
        background-color: #fff;
    }

.card label {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
}

    .card fieldset label,
    .card label.budget-box {
        display: table-cell;
        padding: 0 0 0 5px;
    }

.card input[type="text"] {
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #dce5ee;
    background-color: #e5ecf4;
    padding: 8px;
    color: #000000;
    width: auto;
    margin-bottom: 0;
    text-align: right;
}

    .card input[type="text"].dollars {
        width: 70%;
    }

.card label.year-label {
    display: block;
    text-align: center;
    background-color: #f5f9fc;
    margin: 0;
}

.card input[type="text"].year {
    width: 2.75em;
    margin-top: 5px;
    padding: 4px;
}

.card select {
    width: 100%;
    height: 44px;
    padding: 5px;
    background-color: #e5ecf4;
    border: 1px solid #d7e4ed;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('../images/select-arrow.png');
    background-repeat: no-repeat;
    background-position: right 0 top 0;
    margin-bottom: 0;
}

    .card select::-ms-expand {
        display: none;
    }

div.intervention.row-fluid div.span2 {
    margin: 0;
}



.card div.mod-select {
    display: inline-block;
    width: 32%;
    padding: 0 1%;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    box-sizing: border-box;
}

    .card div.mod-select:first-child {
        padding-left: 0;
    }

    .card div.mod-select:last-child {
        padding-right: 0;
    }

    .card div.mod-select div.circle img {
        display: block;
        min-width: 100%;
        min-height: 100%;
    }

.hide-card,
#body a.hide-card {
    position: absolute;
    top: 20px;
    right: 20px;
    border: 1px solid #e5ecf4;
    padding: 2px 8px;
    cursor: pointer;
    text-decoration: none;
}

    .hide-card i,
    #body a.hide-card i {
        text-decoration: none;
        color: #39536c;
    }

#selectMap {
    margin: 20px auto 0px;
}

.card .data-table .table th,
.card .data-table .table td {
    font-size: 13px;
    padding: 7px;
}

    .card .data-table .table th[scope="row"] {
        font-weight: normal;
        text-align: left;
    }


div#contentArea div.container.body-content.full-width div.row-fluid div.card div#regions_div div div {
    margin: 0 auto;
}


.tooltip-icon {
    padding-left: 3px;
}

div.tooltip.fade.in {
    font-weight: 400;
    font-size: 14px;
}

div#optional-submit,
div#required-submit {
    position: relative;
}
/*div#optional-submit span,
div#required-submit span {
	position: absolute;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	top: 15px;
	left: auto;
}*/
div.purple-btn, label.purple-btn {
    width: 100%;
    padding: 15px;
    text-align: center;
    background-color: #1F8353;
    border: 4px solid #6ade76;
    box-sizing: border-box;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    cursor: pointer;
}

div.blue-btn {
    width: 100%;
    padding: 15px;
    text-align: center;
    background-color: #39536c;
    border: 4px solid #bfd0e0;
    box-sizing: border-box;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    cursor: pointer;
}

/***************************************
	INPUTS
***************************************/
input[type="text"].person,
input[type="text"].percent,
input[type="text"].dollars,
input[type="text"].days {
    background-size: contain;
    background-repeat: no-repeat;
}

input[type="text"].person,
input[type="text"].dollars {
    padding-left: 54px;
    background-position: left 0 top 0;
}

input[type="text"].person {
    background-image: url('../images/person-input.png');
}

input[type="text"].dollars {
    background-image: url('../images/dollars-input.png');
}

    input[type="text"].dollars.dark {
        background-image: url('../images/dollars-input-dark.png');
    }

input[type="text"].percent {
    background-image: url('../images/percent-input.png');
}

    input[type="text"].percent.dark {
        background-image: url('../images/percent-input-dark.png');
    }

input[type="text"].days {
    background-image: url('../images/day-input.png');
}

input[type="text"].percent,
input[type="text"].days {
    padding-right: 54px;
    background-position: right 0 top 0;
    /*line-height: 1em;*/
}

.card .breakdown-box input[type="text"].percent {
    padding: 3px 36px 3px 3px;
    width: 54px;
}

.card .breakdown-box input[type="text"].dollars {
    padding: 3px 3px 3px 36px;
    width: 54px;
}

input#submit1,
input#submit2 {
    width: 100%;
    padding: 22px;
    text-align: center;
    background-color: transparent;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    border: 0;
    color: transparent;
}

input#submit1 {
    top: 74px;
}

input#submit2 {
    top: 0px;
}

input[type=submit]:focus,
div.purple-btn:focus {
    outline: 1px dotted #212121;
}

input[readonly] {
    display: none;
    width: 0;
    height: 0;
}

.radio-checkbox.max-budget {
    display: inline-block;
}

.radio-container {
    position: relative;
    display: table-cell;
    margin-right: 5px;
}

    .radio-container input[type="radio"],
    .radio-container input[type="checkbox"] {
        background: none;
        opacity: 0;
    }

        .radio-container input[type="radio"] + span,
        .card .radio-container input[type="checkbox"] ~ span {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: url('../images/controls.png');
            background-repeat: no-repeat;
            height: 18px;
            width: 18px;
        }

    .radio-container, .radio-container input[type="radio"], .radio-container input[type="checkbox"] {
        height: 18px;
        width: 18px;
        position: relative;
        z-index: 10;
    }

        .radio-container input[type="radio"]:checked + span {
            background-position: -18px 0;
        }

        .radio-container input[type="checkbox"] ~ span {
            background-position: 0 -18px;
        }

        .radio-container input[type="checkbox"]:checked ~ span {
            background-position: -18px -18px;
        }

/********************************
	Helper Classes
********************************/

a.caps-link,
div#body a.caps-link {
    text-transform: uppercase;
    font-size: 11px;
    text-decoration: none;
}

    a.caps-link:hover,
    a.caps-link:focus,
    div#body a.caps-link:hover,
    div#body a.caps-link:focus {
        text-decoration: none;
    }

.purple,
a.purple:visited,
a.purple:hover,
a.purple:focus {
    color: #1F8353;
}

.blue,
a.blue:visited,
a.blue:hover,
a.blue:focus {
    color: #39536c;
}

.hidden-label,
a[data-toggle*="tooltip"] span,
a.hide-card span,
i[rel="tooltip"] span {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

/* Override */
a.nonHtml.plugin .tp-label {
    text-decoration: none;
}

    a.nonHtml.plugin .tp-label:hover,
    a.nonHtml.plugin .tp-label:focus {
        text-decoration: underline !important;
    }

/********************************
	Validation Helper Classes
********************************/
.validation-summary-errors,
.validation-summary-errors ul li {
    color: #940000;
}

.validation-summary-valid {
    display: none;
}

.field-validation-error {
    color: #940000;
}

.field-validation-valid {
    display: none;
}

.card .breakdown-box input.percent.input-validation-error[type="text"] {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.card .breakdown-box span[class*="field-validation"] {
    display: block;
}

/********************************
	Modify Inputs Panel
********************************/
/* Modify padding in _LayoutResults */
div#contentArea div.container.body-content.full-width.span24.make-space {
    padding: 0 2% 0 0;
}

    div#contentArea div.container.body-content.full-width.span24.make-space div.row-fluid {
        overflow: hidden;
    }

        div#contentArea div.container.body-content.full-width.span24.make-space div.row-fluid .data-table {
            overflow-x: auto;
        }

div#body div#contentArea div.container.body-content.full-width.span24 .modify-inputs {
    background-color: #39536c;
    margin-bottom: -99999px;
    padding-bottom: 99999px;
    color: #fff;
}

    div#body div#contentArea div.container.body-content.full-width.span24 .modify-inputs h2 {
        background-color: #32485f;
        color: #6ade76;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 15px;
        margin: 0 0 10px;
        padding: 0 0 0 10px;
    }

    div#body div#contentArea div.container.body-content.full-width.span24 .modify-inputs h3 {
        color: #fff;
        text-transform: none;
        font-size: 15px;
        font-weight: 600;
        text-align: left;
        margin: 0 10px 10px 10px;
        cursor: pointer;
    }

    div#body div#contentArea div.container.body-content.full-width.span24 .modify-inputs i {
        font-size: 12px;
        padding-top: 6px;
    }

        div#body div#contentArea div.container.body-content.full-width.span24 .modify-inputs i.icon-info-sign {
            font-size: 14px;
            color: #e5ecf4;
        }

    div#body div#contentArea div.container.body-content.full-width.span24 .modify-inputs h3 a {
        letter-spacing: normal;
    }

    div#body div#contentArea div.container.body-content.full-width.span24 .modify-inputs > div {
        padding: 0 10px;
    }

    div#body div#contentArea div.container.body-content.full-width.span24 .modify-inputs hr {
        width: 90%;
        border-bottom: 0 none;
        border-right: 0 none;
        border-left: 0 none;
        border-top: 1px solid #324a62;
        background-color: #476683;
        height: 2px;
        margin: 10px auto;
    }

    div#body div#contentArea div.container.body-content.full-width.span24 .modify-inputs .panel-nav {
        text-transform: uppercase;
        font-size: 12px;
    }

        div#body div#contentArea div.container.body-content.full-width.span24 .modify-inputs .panel-nav span {
            color: #e5ecf4;
            padding-right: 3px;
        }

        div#body div#contentArea div.container.body-content.full-width.span24 .modify-inputs .panel-nav a {
            color: #6ade76;
            line-height: 1em;
            font-size: 11px;
        }

        div#body div#contentArea div.container.body-content.full-width.span24 .modify-inputs .panel-nav div.tooltip {
            color: #fff;
            padding-left: 3px;
        }

    div#body div#contentArea div.container.body-content.full-width.span24 .modify-inputs label {
        display: table-cell;
        vertical-align: top;
        padding: 0 0 8px 5px;
    }

        div#body div#contentArea div.container.body-content.full-width.span24 .modify-inputs label.year-label {
            padding: 0;
            display: block;
            background-color: #e5ecf4;
            color: #39536c;
            text-align: center;
            margin: 0;
        }

.modify-inputs .radio-container {
    display: table-cell;
}

    .modify-inputs .radio-container input[type="radio"] + span, .radio-container input[type="checkbox"] ~ span {
        background-image: url("../images/controls_dark.png");
    }

    .modify-inputs .radio-container span {
        height: 18px;
        width: 18px;
    }

.modify-inputs input[type="text"] {
    border-radius: 0;
    border: 1px solid #e5ecf4;
    box-shadow: none;
    text-align: right;
    height: auto;
    width: 100%;
    box-sizing: border-box;
    color: #1F8353;
}

.modify-inputs input.year[type="text"] {
    margin-top: 0px;
    padding: 4px;
    width: 100%;
    color: #1F8353;
}

#resubmit {
    background-color: #1F8353;
    border: 2px solid #6ade76;
    width: -moz-calc(100% - 24px);
    width: -webkit-calc(100% - 24px);
    width: calc(100% - 24px);
    margin: 0 10px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 5px;
}

body.results #inputDashboard {
    margin-top: 20px;
}

.make-space form {
    margin: 0;
}

.modify-inputs .field-validation-error {
    color: #fff;
    background-color: #ff0000;
}


/********************************
	Results Dashboard
********************************/
.make-space .span20 .span5 {
    text-align: right;
}

input[type='button'].pdf-print, input[type='submit'].pdf-print,
input[type='submit'].excel-print, input[type='button'].excel-print {
    display: inline-block;
    width: 55px;
    height: 50px;
    background-color: #1F8353;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    border: none;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-position: center;
}

    input[type='button'].pdf-print:hover, input[type='submit'].pdf-print:hover, input[type='submit'].excel-print:hover, input[type='button'].excel-print:hover,
    input[type='button'].pdf-print:focus, input[type='submit'].pdf-print:focus, input[type='submit'].excel-print:focus, input[type='button'].excel-print:focus {
        background-color: #32485f;
    }

input[type='button'].pdf-print, input[type='submit'].pdf-print {
    background-image: url('../images/pdf.png');
    margin-left: 5px;
}

input[type='submit'].excel-print, input[type='button'].excel-print {
    background-image: url('../images/xls.png');
}

.card td li {
    color: #000000;
}

.data-table .table td {
    text-align: center;
}

    .data-table .table td.left {
        text-align: left;
    }

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

.card .data-table td,
.card .data-table th {
    color: #000000;
}


/***************************************
	HOME PAGE
***************************************/
.row-fluid.modules .span8 {
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    color: #39536c;
    font-weight: 600;
}

.row-fluid.modules .circle {
    width: 198px;
    height: 198px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #fff;
    padding: 0;
    margin: 10px auto;
    transition: all 0.4s ease 0s;
}

    .row-fluid.modules .circle:hover {
        -webkit-box-shadow: 0px 0px 8px 2px rgba(57,83,108,1);
        -moz-box-shadow: 0px 0px 8px 2px rgba(57,83,108,1);
        box-shadow: 0px 0px 8px 2px rgba(57,83,108,1);
    }

/***************************************
	TOOLTIPS
***************************************/
#tooltip {
    text-align: left;
    color: #fff;
    background: #39536c;
    position: absolute;
    z-index: 100;
    padding: 15px;
    line-height: 1.3em;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(153,153,153,1);
    -moz-box-shadow: 0px 0px 7px 0px rgba(153,153,153,1);
    box-shadow: 0px 0px 7px 0px rgba(153,153,153,1);
    border: 4px solid #fff;
    max-width: 522px;
}

    #tooltip:after {
        /* triangle decoration */
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #39536c;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }

    #tooltip.top:after {
        border-top-color: transparent;
        border-bottom: 10px solid #39536c;
        top: -20px;
        bottom: auto;
    }

    #tooltip.left:after {
        left: 10px;
        margin: 0;
    }

    #tooltip.right:after {
        right: 10px;
        left: auto;
        margin: 0;
    }

/***************************************
	MEDIA QUERIES
***************************************/
/* Extra-large screens */
@media (min-width: 1200px) {
    div.container.body-content div.row {
        margin-left: 0;
    }
}
/*end extra-large*/

/* Begin Smaller Tablet (phone not supported)
   This really supports down to about 600px wide before it
   begins to suffer. This should cover most tablets in portrait */
@media screen and (min-width: 600px) and (max-width: 768px) {
    /* Input Stuff */
    .card div.row-fluid.clearfix.intervention div.span2,
    .row-fluid .span14,
    .row-fluid .span10,
    .card .row-fluid .span12 {
        float: left;
    }

    .row-fluid .span14 {
        width: 57.8947%;
    }

    .row-fluid .span10 {
        width: 41.0526%;
    }

    .card .row-fluid .span12 {
        width: 49.3671%;
        margin-left: 1.26582%;
    }

        .card .row-fluid .span12:first-child {
            margin-left: 0;
        }

    .card .row-fluid .offset12:first-child {
        margin-left: 50.6329%;
    }

    .card input.year[type="text"] {
        width: 80%;
    }

    /* Results Stuff */
    div#contentArea div.container.body-content.full-width.span24.make-space {
        padding: 0;
    }

        div#contentArea div.container.body-content.full-width.span24.make-space > form > .row-fluid > .span20 {
            padding: 0 2%;
        }

    div#body div#contentArea div.container.body-content.full-width.span24 .modify-inputs {
        margin-bottom: 10px;
        padding-bottom: 20px;
    }

    #body form a.results-button {
        display: inline-block;
        padding: 13px 8px;
        margin-bottom: 0;
        margin-left: 5px;
    }

    input.pdf-print[type="button"], input.pdf-print[type="submit"], input.excel-print[type="submit"], input.excel-print[type="button"] {
        margin-bottom: 0;
    }

    .make-space .card .row-fluid .span12 {
        float: none;
        width: 100%;
        margin: 0;
    }

    body.results .card h4.no-cancel {
        padding-right: 36px;
    }

    div#body div#contentArea div.container.body-content.full-width.span24 .modify-inputs > div {
        text-align: right;
    }

        div#body div#contentArea div.container.body-content.full-width.span24 .modify-inputs > div label {
            text-align: left;
        }

    .modify-inputs input[type="text"] {
        width: 40%;
    }

    div#body div#contentArea div.container.body-content.full-width.span24 .modify-inputs label.text-label {
        width: 45%;
        margin-right: 2%;
        float: left;
    }

    .modify-inputs .row-fluid .span8 {
        float: left;
        width: 32.66667%;
        margin-left: 1%;
    }

        .modify-inputs .row-fluid .span8:first-child {
            margin-left: 0;
        }
}
/*end Smaller Tablet*/

/* Begin Larger Tablet to Smaller Desktop */
@media screen and (min-width: 769px) and (max-width: 1185px) {
    .row-fluid .span14,
    .row-fluid .span10 {
        width: 100%;
    }

    .pull-right[data-conditional="SetMaximumBudget"] {
        float: none;
    }

    .card .breakdown-box label {
        display: block;
        margin-bottom: 5px;
    }

    .card .breakdown-box input.percent.pull-right[type="text"] {
        float: none;
        width: 100%;
        padding-right: 43px;
        box-sizing: border-box;
        height: 30px;
    }

    .card .breakdown-box span.total.pull-right,
    .card .breakdown-box label.box-total {
        display: inline-block;
    }

    .card .breakdown-box span.total.pull-right {
        margin-bottom: 5px;
    }
}
/*end Larger Tablet to Smaller Desktop */

/* A couple of special cases for the Intervention Weight Loss
   and Regain Schedule */
@media screen and (min-width: 769px) and (max-width: 979px) {
    .card input.year[type="text"] {
        width: 2em;
        font-size: 12px;
        padding: 1px;
    }

    span.intervention-year {
        padding: 8px 10px;
    }
}

@media screen and (min-width: 980px) and (max-width: 1185px) {
    .card input.year[type="text"] {
        width: 2em;
    }
}
/* End special cases */

/*508 fixes*/
.show-focus-line input:focus + span,
.outline-on-span .radio-container input:focus + span,
.outline-on-span .radio-container input:focus + input + span {
    outline: 2px solid orange !important;
}

.outline-on-span {
    margin-left: 0px !important;
}

legend {
    font-weight: 300;
    margin: 0 0 20px;
    font-size: 24px;
    border-bottom: 1px solid #e5ecf4 !important;
    padding: 0 0 20px;
    color: #39536c;
    line-height: 28px;
    font-family: Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;
}