@charset "utf-8";

/* Used by the static pages; formerly outside the application in /inc/global.css */


/* CSS Document */

a {
    color: #6b9a55;
}

h1 {
    font-size: 23px;
}

.content_container {
    background-color: #e6e6e6;
}


/** Left Nav **/

.left_nav {
    padding: 0px;
}

.left_nav ul {
    padding: 0px;
}

.left_nav ul li {
    border-bottom: 1px solid #fff;
}

.left_nav ul li a {
    background-color: #508eab;
    display: block;
    padding: 10px 0px 10px 20px;
    width: 213px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}

.left_nav ul li a.active {
    background: #78acc5;
}

.left_nav ul li a:hover {
    background: #878787;
}

.t2_callout {
    margin: 15px 15px 0 15px;
    width: 203px;
    float: left;
}

.left_nav ul.home_nav {
    border-bottom: none;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.left_nav ul.home_nav li.home_nav_item {
    height: 59px;
    width: 233px;
    border-style: solid;
    border-color: white;
    border-bottom-width: 1px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 1px;
    color: white;
    line-height: 59px;
}

.left_nav ul.home_nav li.home_nav_item span.home_nav_text {
    display: inline-block;
    font-weight: bold;
    font-size: 10.5pt;
    margin-left: 32px;
    font-family: sans-serif;
}

.left_nav ul.home_nav li.home_nav_item::after {
    content: "⯈";
    width: 25px;
    display: block;
    float: right;
    text-align: center;
}

.left_nav ul.home_nav li.brokers {
    background-color: #508eab;
}

.left_nav ul.home_nav li.brokers::after {
    background-color: #a6c5d4;
}

.left_nav ul.home_nav li.brokers:hover {
    background-color: #cbdde6;
    box-shadow: inset 0 0 1em #508eab;
}

.left_nav ul.home_nav li.brokers:hover span.home_nav_text {
    color: #508eab;
}

.left_nav ul.home_nav li.brokers:hover::after {
    background-color: #508eab;
}

.left_nav ul.home_nav li.employers {
    background-color: #f47e00;
}

.left_nav ul.home_nav li.employers::after {
    background-color: #f9bd7d;
}

.left_nav ul.home_nav li.employers:hover {
    background-color: #fcd9b3;
    box-shadow: inset 0 0 1em #f47e00;
}

.left_nav ul.home_nav li.employers:hover span.home_nav_text {
    color: #f47e00;
}

.left_nav ul.home_nav li.employers:hover::after {
    background-color: #f47e00;
}

.left_nav ul.home_nav li.plan {
    background-color: #b2071e;
}

.left_nav ul.home_nav li.plan::after {
    background-color: #d8818c;
}

.left_nav ul.home_nav li.plan:hover {
    background-color: #e8b5bc;
    box-shadow: inset 0 0 1em #b2071e;
}

.left_nav ul.home_nav li.plan:hover span.home_nav_text {
    color: #b2071e;
}

.left_nav ul.home_nav li.plan:hover::after {
    background-color: #b2071e;
}

.left_nav ul.home_nav li.providers {
    background-color: #6c356e;
}

.left_nav ul.home_nav li.providers::after {
    background-color: #a786a8;
}

.left_nav ul.home_nav li.providers:hover {
    background-color: #d3c3d4;
    box-shadow: inset 0 0 1em #6c356e;
}

.left_nav ul.home_nav li.providers:hover span.home_nav_text {
    color: #6c356e;
}

.left_nav ul.home_nav li.providers:hover::after {
    background-color: #6c356e;
}

.left_nav ul.home_nav li.mrf {
    background-color: #b2071e;
}

.left_nav ul.home_nav li.mrf::after {
    background-color: #d8818c;
    content: none !important;
}

.left_nav ul.home_nav li.mrf:hover {
    background-color: #e8b5bc;
    box-shadow: inset 0 0 1em #b2071e;
}

.left_nav ul.home_nav li.mrf:hover span.home_nav_text {
    color: #b2071e;
}

.left_nav ul.home_nav li.mrf:hover::after {
    background-color: #b2071e;
}



/** Home Content **/

.home_content {
    width: 627px;
    float: left;
    margin-left: 2px;
}

.home_image {
    width: 627px;
    height: 238px;
    background: url(../images/home_default.jpg) no-repeat;
    position: relative;
}

.home_image_text {
    position: absolute;
    top: 43px;
    left: 66px;
    color: white;
    width: 200px;
    font-size: 9pt;
}

.home_image_text_more {
    text-decoration: underline;
}

.home_providers {
    float: left;
    background: url(../images/TSH_home_providers_box.jpg) no-repeat;
    width: 88px;
    height: 123px;
    padding: 66px 25px 0px 120px;
}

.home_tour {
    width: 193px;
    height: 189px;
    background: url(../images/TSH_home_tour_blank.png) no-repeat;
}

.home_funded {
    height: 189px;
    width: 231px;
    background: url(../images/TSH_home_funded_blank.png) no-repeat;
    margin-left: 1px;
}

.home_difference {
    height: 189px;
    width: 201px;
    background: url(../images/TSH_home_difference_blank.png) no-repeat;
    margin-left: 1px;

}

.home_panel {
    float: left;
}

.home_panel h1 {
    padding: 0px 5px 10px 20px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight: normal;
    font-size: 20px;
}

.home_panel h1.green {
    padding: 10px 0 0 10px;
}

.home_panel div {
    padding: 0 15px 0 25px;
}


/** T2 Content **/

.t2_header {
    float: left;
    margin-left: 2px;
    height: 178px;
    width: 627px;
}

.content {
    padding: 15px;
    width: 597px;
    float: left;
    margin-left: 2px;
    background-color: #e9f0e6;
}

.info-box {
    border: solid 1px green;
    padding: 10px;
    text-align: center;
    margin-bottom: 10px;
}

.login {
    background: #e5e5e5;
    padding: 5px;
    width: 587px;
    font-weight: bold;
}

.login input {
    border: 1px solid black;
}

.login td {
    padding: 2px;
}

.provider {
    border: 1px solid black;
    text-align: center;
    width: 250px;
    height: 75px;
    padding: 10px 0;
    margin: 0 25px 15px 0;
    float: left;
    background: #fff;
}

button.main_button {
    background-image: linear-gradient(#8db978, #719a5e);
    color: white;
    border: none;
    padding: 2px 9px 1px 7px;
    margin: 0px 3px 4px 0px;
    font-size: 7pt;
    font-weight: bold;
    box-shadow: 1px 1px 2px gray;
}

button.main_button:hover {
    cursor: pointer;
}


/* Utility Classes */

.font12 {
    font-size: 12pt;
}

.inactivity-notice {
    color: red;
    border: thin solid black;
    margin-left: 100px;
    margin-top: 15px;
    padding: 15px 8px;
    width: 425px;
}

.inactivity-notice a {
    color: red;
    font-weight: bold;
    text-decoration: underline;
}