@import url(../../../../eremitimages/all.css);

/* COLORS */
/*
 ORANGE: #F8981C; 
 GREY:   #4C4C4C;
 BLUE: #004469;
 GREEN: #418500;
 RED:  #d92e00
/* DARK ORANGE: #FC5700;*/

.local{
display: inline;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    overflow-y: scroll;
    font-size: 16px;
    line-height: 1.25em;
}

body {
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
}

#main {
    background: #ffffff;
    padding: 0px;
    margin: 0;
    /*adding to fix css? */
    width: 100%;
}

.red {
    background: red;
}

#content {
    /*width: 90% !important; */
    padding: 0;
    display: block;
    margin: 0 auto !important;
}

section.one-third {
    width: 33%;
    padding: 0 1%;
    float: left;
}

section.two-third {
    width: 66%;
    padding: 0 1%;
    float: left;
    background: none;
}

section.full-width {
    width: 100%;
    padding: 1%;
}

.top {
    height: 33px;
    background-color: #3A3A3A;
    color: #d3d3d3;
    font-size: 14px;
    line-height: 22px;
    padding: 5px 0 6px 44px;
    margin-bottom: 0px;
}

.top span {
    color: #d3d3d3;
    padding: 0;
    font-family: "Roboto Condensed", Arial, sans-serif;
}

.top .mini-phone {
    background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2216px%22%20height=%2216px%22%20viewBox=%220%200%2016%2016%22%20enable-background=%22new%200%200%2016%2016%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22%23ffffff%22%20d=%22M10.938,11.047c-0.07-0.388-0.134-0.632-0.328-0.812c-0.096-0.088-0.252-0.257-0.452-0.278c-0.045-0.005-0.176,0.002-0.222,0.011l-1.311,0.486C8.461,10.193,7.907,9.517,7.906,7.5c0-2.031,0.523-2.652,0.688-2.906l1.343,0.439c0.045,0.008,0.088,0.013,0.133,0.012c0.509,0.002,0.668-0.389,0.821-1.014l0.391-2.516c0.003-0.023,0.016-0.335,0.016-0.359c0-0.327,0.058-0.465-0.203-0.703c-0.224-0.206-0.377-0.298-0.677-0.305L8.115,0.001C8.1,0.001,8.085,0,8.068,0C6.869,0,6.328,0.703,5.55,2.504C5.031,4.25,4.875,5.921,4.875,7.5c0,2.531,1.225,5.85,2.013,6.955l0,0C7.282,14.816,7.679,15,8.068,15c0.017,0,0.032-0.001,0.047-0.002l2.302-0.146c0.664-0.016,0.849-0.294,0.849-0.945%20M8,0.859l2.487,0.221L9.984,4.006l-1-0.271c-0.02-0.003-0.103-0.014-0.125-0.016c-0.31-0.031-0.535-0.056-0.78,0.146C7.447,4.386,7.063,6.111,7.094,7.5c0.038,1.737,0.337,3.044,0.935,3.59l0,0c0.254,0.234,0.579,0.346,0.914,0.312c0.021-0.002,0.041-0.006,0.062-0.01l0.994-0.414l0.36,2.858l-2.103,0.226C8.222,14.047,8,14.005,7.751,13.89c-0.672-0.812-1.86-2.765-2.063-6.39C5.688,7.649,5.281,1.719,8,0.859z%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    padding-left: 16px;
    margin-right: 20px;
}

.top-right {
    margin-top: 0;
    float: right;
    margin-right: 50px;
}

.top-right a {
    color: #d3d3d3;
}

.top-right a:hover {
    color: #fff;
}

.homelink {
    z-index: 1000;
}

.impSwitcher {
    text-align: center;
    background-color: #fff59d;
    color: #616161;
    line-height: 2rem;
    font-weight: 600 !important;
    font-family: "Roboto Condensed", Arial, sans-serif;
}

/*----------COLORS---------*/

.pension {
    color: #004469;
}

.grey {
    color: #4c4c4c;
}

.hw {
    color: #D92E00;
}

.annuity {
    color: #418500;
}

.legal {
    color: #F8981C;
}

td {
    font-size: 16px;
}

#header {
    background-image: url('../../C177Bannerslice.jpg');
}

#header img {
    padding: 0;
    float: left;
}

#header div {
    display: block;
    padding-top: 60px;
}

#header h2 {
    color: #fff;
    display: inline;
    width: auto;
    text-align: center;
    margin: 50px 0 0 0;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 0px 20px 0 0;
    font-size: 1.75em;
    line-height: 120%;
    font-weight: normal;
    text-shadow: 2px 2px 4px rgba(40, 40, 40, 1);
}

TD#tag {
    color: #000000;
    padding: 20px 0 0px 0;
}

TR#navbar1 {
    margin: 200px 0 0 0;
    padding: 0;
}

.user {
    display: none;
}

.navtext {
    text-align: right;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: normal;
    text-decoration: none;
    padding: 10px 44px;
    color: #4c4c4c;
    background-color: #fff;
    margin: 0;
}

.navtext a {
    color: #4c4c4c;
}

.navtext a:hover {
    color: #5b5b5b;
    text-decoration: underline;
}

a {
    font-family: "Roboto Condensed", Arial, sans-serif;
    color: #004469;
    text-decoration: underline;
}

a.company {
    color: #000;
    text-decoration: underline;
}

a.company:hover {
    color: #000;
    text-decoration: underline;
}

.imgright {
    float: right;
    margin-left: 10px;
}

#employer_button {
    display: none;
}

#member_button {
    display: none;
}

.pipe {
    display: none;
}

.textbox1 {
    border: 0;
    margin: 0;
    padding: 0 44px;
    min-height: 400px;
}

.box {
    display: inline;
    background: #efefef;
    float: left;
    /*border: 3px solid #333;  */
    width: 31%;
    height: 500px;
    margin: 10px 1%;
    padding: 10px 1%;
    min-height: 200px;
    text-align: center;
}

.hw {
    background: #0B5D99;
}

.pension {
    background: #0B5D99;
}

.annuity {
    background: #0B5D99;
}

.legal {
    background: #0B5D99;
}

.box a {
    color: #222;
}

.box p {
    color: #444;
    padding: 0px 0 10px 0;
    margin: 0;
}

.box h4 {
    color: #444;
    margin: 0;
    text-align: center;
    padding: 0;
}

.box h3 {
    background: #0b5d99;
    color: #fff;
}

#homelink, .linkbutton {
    display: inline-block;
    color: #eee;
    margin-top: 10px;
    padding: 4px 8px;
    background: #222222;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-weight: bold;
    font-size: 1em;
    text-decoration: none;
    border: 1px solid #222;
    background: #5e5e5e; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iIzYwNjA2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYTNhM2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #5e5e5e 0%, #606060 36%, #3a3a3a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5e5e5e), color-stop(36%, #606060), color-stop(100%, #3a3a3a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #5e5e5e 0%, #606060 36%, #3a3a3a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #5e5e5e 0%, #606060 36%, #3a3a3a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #5e5e5e 0%, #606060 36%, #3a3a3a 100%); /* IE10+ */
    background: linear-gradient(to bottom, #5e5e5e 0%, #606060 36%, #3a3a3a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e5e5e', endColorstr='#3a3a3a', GradientType=0); /* IE6-8 */
}

#homelink {
    font-size: .9em;
    font-weight: normal;
    float: left;
}

#homelink:hover, .linkbutton:hover {
    color: #fff;
    border: 1px solid #222;
    background: #828282; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgyODI4MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iIzdjN2M3YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NjU2NTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #828282 0%, #7c7c7c 36%, #565656 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #828282), color-stop(36%, #7c7c7c), color-stop(100%, #565656)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #828282 0%, #7c7c7c 36%, #565656 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #828282 0%, #7c7c7c 36%, #565656 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #828282 0%, #7c7c7c 36%, #565656 100%); /* IE10+ */
    background: linear-gradient(to bottom, #828282 0%, #7c7c7c 36%, #565656 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#828282', endColorstr='#565656', GradientType=0); /* IE6-8 */

    text-decoration: none;
    cursor: pointer;
    background-color: #e0f3fa;
}

.section {
    padding: 10px 1%;
    border: 1px solid #aaa;
    margin: 0 1% 25px 1%;
    background: #eFeFeF;
    width: 44%;
    float: left;
    box-shadow: 0px 0px 5px #999;
    -moz-box-shadow: 0px 0px 5px #999;
    -webkit-box-shadow: 0px 0px 5px #999;
}

#disclaimer {
    font-size: 10pt;
}

textarea, input[type="textbox"], input[type="text"], input[type="password"], input[type="email"], select {
    background: #e8e8e8;
    border: 1px solid #F2F2F2;
    line-height: 20px;
    margin: 0;
    padding: 5px;
    color: #5f6a5f;
    border-radius: 5px;
    box-shadow: 0px 2px 3px #bcbcbc inset;
}

#loginright {
    padding: 10px 1%;
    float: right;
    width: 40%;
    margin-left: 2%;
    margin-top: -80px;
}

.info, #member-error, .success, .warning, .errormsg, .importantMessage, .redirect {

    font-weight: bold;
    border: 1px solid;
    margin: 10px auto;
    padding: 10px 10px 10px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 30px;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: .5em;
    margin-left: auto;
    margin-right: auto;
}

.importantMessageTitle {
    background: none;
}




.error msg, .importantMessage {
    font-size: 100%;
    font-weight: normal;
    color: #D8000C;
    background-color: #FFBABA;
}



.error1 {
    border: 1px solid #D8000C !important;
    background-color: #FFBABA !important;
}

.mobileLogo {
    display: none;
}

.panelBanner {
    text-align: center;
    margin-bottom: 10px;
    padding: 10px 5%;
    color: #fff;
    font-size: 1em;
    background: #0B5D99;
}

/*  ----------------- FONTS  ------------------- */

h2, h3 {
    width: auto;
    margin: 0px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #0b5d99;
    padding: 10px 0 0 0;
    font-size: 2.5em;
    line-height: 1.25;
    font-weight: bold;
}

h3 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 1.75em;
    line-height: 1.25em;
}

.secure-server {
    font-size: .8em;
}

#profileright {
    background: #efefef;
    border: 1px solid #ddd;
    padding: 0px;
    float: right;
    width: 50%;
    margin-left: 10px;
    margin-bottom: 10px;
}

#profileright p {
    padding: 0 2%;
    line-height: 160%;
}

#profileright h3 {
    background: #4c4c4c;
    color: #fff;
    padding: 5px 2%;
}

h4 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #0b5d99;
    font-size: 1.25em;
    margin: 15px 0;
    padding: 0;
/*    background-color: #fff;*/
    font-weight: bold;
}

h4.pension {
    color: #004469;
    background-color: #fff;
    border-bottom: 3px solid #004469
}

h4.hw {
    color: #D92E00;
    background-color: #fff;
    border-bottom: 3px solid #d92e00
}

h4.annuity {
    color: #0b5d99;
    background-color: #fff;
    border-bottom: 3px solid #eeb510
}

h4.legal {
    color: #F8981C;
    background-color: #fff;
    border-bottom: 3px solid #F8981C
}

td {
    font-family: "Roboto Condensed", Arial, sans-serif;
}

p {
    font-size: 105%;
    font-family: "Roboto Condensed", Arial, sans-serif;
    padding: 5px 0;
    margin: 0px 0 10px 0;
    color: #333;
}

li {
    font-family: "Roboto Condensed", Arial, sans-serif;
}

.login-span {
    font-size: 1.3em !important;
    font-family: "Roboto Condensed", Arial, sans-serif;
}

a {
}

img.benefits {
    display: block;
    margin: 0 auto;
}

#parentDiv {
    width: 100%;
}

.right-menu {
    width: 100%;
    margin-top: 20px;
    border: 1px solid #ddd;
    padding-left: 15px;
    padding-top: 10px;
    background: #efefef;
}

.right-menu:after {
    display: block;
    content: " ";
    clear: both;
}

.right-menu h3 {
    font-size: 1.2em;
    margin: 0;
}

.right-menu ul {
    padding-top: 0;
    -webkit-margin-before: .5em;
    -webkit-padding-start: 0px;
    list-style-type: none;
    padding-left: 0;
    float: left;
}

.right-menu ul li {
    padding-bottom: 5px;
    float: left;
}

.right-menu a {
    float: left;
    color: #333;
    padding-right: 15px;
}

.homelink {
    float: right;
    top: 0;
    margin-top: 0px
}

/*-------- FUND-SPECIFIC COLORS -------*/

/*----------- FOOTER -----------*/

footer {
    overflow: auto;
    background-color: #878787;
    line-height: 26px;
}

footer section {
    width: 50%;
    float: left;
    padding: 10px 1%;
}

footer section p {
    font-size: 16px;
    text-align: left;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(40, 40, 40, 1);
}

footer section#contact {
    width: 25%;
    float: left;
}

footer section#contact p {
    text-align: center;
}

footer section#social {
    text-align: center;
    width: 100%;
}

footer #fineprint {
    font-size: .9em;
}

footer .content {
    padding: 14px;
}

footer #fineprint p {
    color: #fff;
}

footer section.company {
    text-align: left;
    width: 100%;
    background: #0b5d99;
    color: #FFF;
}

footer section.company p {
    color: #fff;
    font-size: 14px
}

a.company {
    color: #fff;
}

a.company:hover {
    color: #fff;
    cursor: pointer
}

/*---------- HOME --------*/

#home .box {
    width: 23%;
    border: none;
    min-height: 300px;
}

#home .box h3 {
    color: #fff;
    text-align: center;
}

.box.hw:hover {
    opacity: .9;
}

.box.pension:hover {
    opacity: .9;
}

.box.annuity:hover {
    opacity: .9;
}

.box.legal:hover {
    opacity: .9;
}

#home #news {
    margin-top: 8px;
    padding: 0;
    background: #EFEFEF;
    border: 1px solid #ccc;
}

#home #news p {
    padding: 5px 3%;
    line-height: 110%;
}

#home #news h3 {
    padding: 5px 3%;
    background: #4c4c4c;
    color: #fff;
}

/*---------- REGISTRATION PAGE ----------*/

.invalid {
    background: url('../../eremitimages/images/icons/error.png') no-repeat 0 50%;
    background-size: 15px;
    padding-left: 22px;
    line-height: 24px;
    color: #ec3f41;
}

.valid {
    background: url('../../eremitimages/images/icons/success.png') no-repeat 0 50%;
    background-size: 15px;
    padding-left: 22px;
    line-height: 24px;
    color: #3a7d34;
}

#register #pswd_info {
    position: absolute;
    /*bottom: -45px; */
    bottom: -115px \9; /*IE Specific*/
    right: 30%;
    width: 40%;
    padding: 15px;
    background: #f5f5f5;
    font-size: .875em;
    border-radius: 5px;
    box-shadow: 0 1px 5px #888;
    border: 1px solid #bbb;
}

#register #pswd_info h4 {
    background: none;
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: normal
}

#register #pswd_info::before {
    content: "\25B2";
    position: absolute;
    top: -12px;
    left: 45%;
    font-size: 14px;
    line-height: 14px;
    color: #bbb;
    text-shadow: none;
    display: block;
}

.errSpan { color: red; display:inline; margin-left: 5px; }

@media all and (max-width: 960px) and (min-width: 600px) {
    #register {
        width: 80%;
    }
}

@media all and (max-width: 599px) and (min-width: 220px) {
    #register {
        width: 95%;
        max-width: 480px;
    }
}

/*---------- ANNUITY--------*/
#annuity {
}

#annuity section {
    float: left;
    width: 32%;
    margin-right: 1%;
    padding: 10px 1%;
    border: 1px solid #ddd;
    background: #EFEFEF;
}

#annuity section img {
    max-width: 100%;
}

#annuity h3 {
    background: #418500;
    color: #FFF;
    padding-left: 20px;
}

#annuity p {
    margin-bottom: 5px;
    line-height: 150%;
}

#annuity .forms a {
    background-image: url('../../eremitimages/images/pdfsmall.gif');
    background-repeat: no-repeat;
    background-size: 18px;
    padding-left: 20px;
}

#annuity.forms a.noimg {
    background: none;
    padding: 0;
}

#annuity.forms a.doc {
    background: url('../../eremitimages/images/icons/word.png');
    background-repeat: no-repeat;
    background-size: 18px;
}

.highlight {
    background: #FFFFb5;
    border: 1px solid #FFFF87;
}

/*---------- PENSION--------*/
#pension {
}

#learn .box {
    width: 31%;
    text-align: left;
}

#learn .box p {
    padding-bottom: 0;
}

.right {
    width: 32%;
    border: 1px solid #ddd;
    margin-left: 1%;
    padding: 10px 1%;
    background: #efefef;
    float: right;
}

.right img {
    width: 100%;
}

#pension section {
    float: left;
    width: 32%;
    margin-right: 1%;
    padding: 10px 1%;
    border: 1px solid #ddd;
    background: #EFEFEF;
}

#pension h3 {
    background: #004469;
    color: #FFF;
    padding-left: 20px;
}

#pension p {
    margin-bottom: 5px;
    line-height: 150%;
}

#pension .forms a {
    background-image: url('../../eremitimages/images/pdfsmall.gif');
    background-repeat: no-repeat;
    background-size: 18px;
    padding-left: 20px;
}

#pension.forms a.noimg {
    background: none;
    padding: 0;
}

#pension.forms a.doc {
    background: url('../../eremitimages/images/icons/word.png');
    background-repeat: no-repeat;
    background-size: 18px;
}

/*---------- HEALTH-WELFARE--------*/
#hw {
}

#hw section {
    float: left;
    width: 32%;
    margin-right: 1%;
    padding: 10px 1%;
    border: 1px solid #ddd;
    background: #EFEFEF;
}

#hw h3 {
    background: #D92E00;
    color: #FFF;
    padding-left: 20px
}

#hw p {
    margin-bottom: 5px;
    line-height: 150%;
}

#hw .forms a {
    background-image: url('../../eremitimages/images/pdfsmall.gif');
    background-repeat: no-repeat;
    background-size: 18px;
    padding-left: 20px;
}

#hw .forms a.noimg {
    background: none;
    padding: 0;
}

#hw .forms a.doc {
    background: url('../../eremitimages/images/icons/word.png');
    background-repeat: no-repeat;
    background-size: 18px;
}

/*--------------LEGAL --------------*/
#legal #whosWho {
    overflow: auto;
}

#legal #whosWho h3 {
}

#legal #whosWho section {
    text-align: center;
}

#legal-staff img {
    width: 200px;
}

#legal section {
    float: left;
    width: 33%;
    padding: 2%;
}

#legal article {
    clear: both;
}

#legal h3 {
    color: #FFF;
    background: #F8981C;
    padding-left: 20px;
}

/*#legal h2 { border-top: 15px solid #F8981C;}*/

#legal h4 {
    margin: 0;
    color: #4c4c4c;
}

#legal h3 {
    font-size: 1.4em;
    margin: 0;
}

#legal .linkbutton {
    font-size: .9em;
    font-weight: normal;
}

hr {
    color: #4c4c4c;
    background-color: #4c4c4c;
    height: 3px;
    margin-bottom: 20px;
}

/* ---------- CONTACT ------- */

#contact section {
    float: left;
    width: 50%;
    padding: 10px 1%;
}

#contact h4 {
    margin: 0;
    color: #4c4c4c;
}

#contact h3 {
    font-size: 1.4em;
}

#contact table {
}

#contact table td {
    padding: 2px 15px 2px 0;
}

#contact #map { /*width: 111.5%; margin-left: -6%; */
    margin-bottom: 10px;
}

#email {
    background: #efefef;
    padding: 10px 1%;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

/* ---------- MENU ------- */

#leftcontent-hide {
    display: none;
}

#leftcontent {
    display: none;
    float: left !important;
    width: 100% !important;
    /*	background-image:url(bg.jpg); */
    padding: 0;
    margin: 0px auto !important;
    display: block !important;
}

.shadow {
    background: #fcfcfc !important;
    -moz-box-shadow: 0px 0px 5px #333333;
    -webkit-box-shadow: 0px 0px 5px #333333;
    box-shadow: 0px 0px 5px #333333;
    padding-top: 0;
    padding-bottom: 0;
}

#brand {
    width: 15%;
    float: left;
}

#brand h1 {
    font-size: 1em;
}

#contactBox {
    height: 325px;
}

@media screen and (max-width: 768px) {

    .toggleMenu {
        width: 100%;
        background: #4c4c4c;
        padding: 10px 15px;
        background-image: url("http://webdesigntutsplus.s3.amazonaws.com/tuts/378_tessa/tessa-lt-dropdowns-21c7868/images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }

    .toggleMenu a {
        color: #fff;
    }

    #smallTitle {
        display: block;
    }

    .menu {
        width: 100%;
    }

    ul.nav {
        -webkit-padding-start: 0;
        padding-left: 0;
        -webkit-margin-before: 0;
        margin: 0;
        display: none;
    }

    .nav li.hover ul.hw {
        background: #D92E00;
        border-top: 0px solid #4c4c4c;
    }

    .nav li.hover ul.pension {
        background: #004469;
        border-top: 0px solid #4c4c4c;
    }

    .nav li.hover ul.annuity {
        padding-left: 10px;
        background: #418500;
        border-top: 0px solid #4c4c4c;
    }

    .nav li.hover ul.legal {
        background: #F8981C;
        border-top: 0px solid #4c4c4c;
    }

    #brand {
        display: none
    }

    .active {
        display: block;
    }

    .nav {
        width: 100%;
        background: #4c4c4c;
    }

    .nav a {
        color: #FFF;
        padding: 10px;
    }

    .nav > li {
        float: none;
    }

    .nav > li > .parent {
        background-position: 95% 50%;
    }

    .nav > li > .parent {
        background-image: none;
    }

    .nav li .more {
        background-image: url("http://webdesigntutsplus.s3.amazonaws.com/tuts/378_tessa/tessa-lt-dropdowns-21c7868/images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
        float: right;
        width: 50%;
        padding: 8px auto;
        margin: 2px 5px 2px 0px;
        cursor: pointer;
        z-index: 200;
        position: relative;
    }

    .nav li .more:before {
        content: "";
        background: rgba(0, 0, 0, .3);
        display: block;
        position: relative;
        float: right;
        top: 0;
        bottom: 0;
        left: -2px;
    }

    .nav ul {
        display: block;
        width: 100%;
        -webkit-margin-before: 0;
        -webkit-padding-start: 0;
        padding-left: 0;
    }

    .nav li {
        padding: 0;
    }

    .nav li a {
        padding-left: 20px;
    }

    .nav > li.hover > ul, .nav li li.hover ul {
        position: static;

    }

    .nav li.hw {
        background: #D92E00;
    }

    .nav li.pension {
        background: #004469;
    }

    .nav li.annuity {
        background: #418500;
    }

    .nav li.legal {
        background: #F8981C;
    }

}

#vac input#curr_contrib_date {
    font-family: "Roboto Condensed", Arial, sans-serif;
    color: #444;
    font-size: 16px;
    border: none;
}

#wrapper {
    width: 33%;
    float: left
}

#contribTable {
    float: right;
    width: 65%;
    margin-left: 2%
}

/* ------------- RESPONSIVE -----------*/

@media all and (max-width: 960px) and (min-width: 600px) {

    .textbox1 {
        padding: 0 1%;
    }

    footer section {
        float: left;
        width: 100%;
    }

    footer section#contact p {
        text-align: left
    }

    footer section#contact {
        width: 100%;
    }

    /* == change these two elements to make them responsive at a mid-size screen == */
    #wrapper {
        width: 100%;
        float: left
    }

    #contribTable {
        float: left;
        width: 98%;
        margin-left: 2%
    }

    #profileright {
        width: 100%;
        float: none;
        margin-bottom: 20px;
        margin-right: 10px;
        margin-left: 10px;
    }

}

/*end 220-500 MQ */

@media all and (max-width: 599px) and (min-width: 220px) {

    .textbox1 {
        padding: 0 1%;
    }

    #pension img {
        max-width: 100%;
    }

    footer section {
        float: left;
        width: 100%;
    }

    footer section#contact p {
        text-align: left;
    }

    footer section#contact {
        width: 100%;
    }

    #loginright {
        display: none;
    }

    h2 {
        font-size: 1.5em;
    }

    #wrapper {
        width: 100%;
        float: left
    }

    #contribTable {
        float: left;
        width: 98%;
        margin-left: 2%
    }

    .navtext {
        padding-left: 5px;
        padding-right: 5px;
    }

    #header h2 {
        font-size:1.25em;
    }

    #profileright {
        width: 90%;
        float: none;
        margin-bottom: 20px;
        margin-right: 0px;
        margin-left: 0px;
    }

    textarea, input[name="email_addr"], input[name="email_addr0"], input[name="opwd"], input[name="npwd"], input[name="npwd2"], input[name="answer"], select[name="question"] {
        width: 90%;
    }

    #loading img {
        max-height: 200px;
        max-width: 200px;
    }

    #header {
        background-image: none;
        background-color: #0B5D99;
        padding-left: 5px;
        padding-right: 5px;
    }

    .fullLogo {
        display:none;
    }

    .mobileLogo {
        display: inline;
        width:;
        width: 92px;
        height: 150px;
        margin-right: 10px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    TR#navbar1 {
    margin: 0 0 0 0;
    }

    #parentDiv2 {
        width: 100%;
    }

    h3 {
        font-size: 1.25em;
    }

    #homelink {
        margin-top: 0px;
    }

    #contactBox {
        height: 500px;
    }
}

/* end 220-599 */