/**
*  Section off your styles (i.e. HEADER, FOOTER, GENERAL, SIDEBAR
*  Do not publish commented code to production
*  Minimize CSS before publishing to production
*  Don't create duplicate styles if a style already exists,
*  just update the existing style.
**/

/************************************* GENERAL STYLES *****************************************/
.hiddenInitially {
    display: none;
}
.displayFlex {
    display: flex;
}
* {
    text-shadow: none;
}
html {
    font-size: 14px !important;
    background-color: #e9eaed;
}
body {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 1em;
    color: #000;
    width: 100% !important;
    background-color: #fff;
    line-height: 1.5;
}
input,
select,
textarea {
    padding: 0.15em;
    border: 1px solid #ddd;
    background: #fafafa;
    font: 700 0.95em arial, sans-serif !important;
}
label,
.textAsLabel,
.inlineFieldSet legend {
    float: left;
    margin-right: 1em;
    margin-bottom: 0.5em;
    font-weight: bold;
    color: #555;
    text-align: right;
    width: 18%;
    word-wrap: break-word;
    vertical-align: text-bottom;
}
input::-webkit-input-placeholder {
    color: #003e74;
}

input::-moz-placeholder {
    color: #003e74;
}

input::-ms-placeholder {
    color: #003e74;
}

input::placeholder {
    color: #003e74;
    opacity: 1;
}
.inlineFieldSet {
    border: 0;
    margin: 0;
    padding: 0;
}
.inlineFieldSet legend {
    font-size: 1em;
    border: 0 !important;
}
.inlineFieldSet label.labelAfter {
    color: #000;
    font-weight: normal;
    float: none;
    display: inline-block;
    margin: 0 20px 0 6px;
    text-align: left;
    width: auto;
}
.inlineFieldSet .subLabel {
    font-weight: normal;
    color: #000;
    width: auto;
    margin: 0 5px;
    float: none;
    display: inline-block;
}
.alignLabelRight {
    width: 107px !important;
    text-align: right;
}
.fpoDiv label {
    width: 30%;
}
.regularLabel label {
    width: 30%;
}
.autoLabel label {
    width: auto !important;
}
.leftAlignedLabel label,
.textLeft {
    text-align: left !important;
}
.autoWidth {
    width: auto;
}
.vTop {
    vertical-align: top;
}
.textRight {
    text-align: right !important;
}
.wordBreak {
    word-break: break-word;
}
p {
    margin: 0 0 10px !important;
}
article p,
aside p,
article ul,
aside ul,
article li,
aside li,
article a,
aside a {
    font-size: 14px !important;
    color: #000;
}
blockquote {
    border: 0 none;
    color: #666 !important;
    font-size: 0.8em !important;
    margin: 6px 40px;
}
img {
    background-color: transparent !important;
    border: none !important;
}
.clearFix,
.clr {
    clear: both;
}
a {
    color: #003e74 !important;
    display: inline;
    text-decoration: none !important;
    cursor: pointer;
}
a[role="button"] {
    color: #003e74 !important;
    display: inline;
    text-decoration: none;
}
.tabContent a {
    color: #497aad !important;
    font-weight: bold;
}
a:hover {
    text-decoration: underline !important;
}
a[role="button"]:hover,
a[role="button"]:focus {
    text-decoration: underline !important;
}
a:focus {
    outline-offset: 2px !important;
}
a.notLink {
    color: inherit !important;
    cursor: default;
}
a.notLink:hover {
    text-decoration: none !important;
}
p strong a {
    margin-bottom: 4px;
}
h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty {
    display: none;
}
h1,
.h1 {
    color: #335c85 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.715em;
    margin: 4px 0 8px;
}
.articleContent .plain h1 {
    color: #335c85 !important;
    font-size: 1.425em !important;
    margin: 0 0 20px !important;
}
h2,
.h2 {
    color: 335C85;
}
h3,
.h3 {
    color: #222;
    font-size: 1.2em;
    font-weight: normal;
    margin: 8px 0 15px 0;
}
h4,
.h4 {
    color: #666;
    font-size: 12pt;
    font-weight: bold;
    margin: 8px 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Roboto";
    line-height: 1.3;
    font-weight: 500;
}
.centeredText {
    text-align: center;
    margin: 0 auto;
}
li.centeredText {
    text-align: center;
    color: #497aad;
}
hr {
    border-top: 0;
    border-bottom: 1px solid #e7e7e7 !important;
    margin: 5px 0 20px;
}
article li,
aside li,
.articleContent li,
.content li {
    line-height: inherit;
    margin-bottom: 5px;
}
sup {
    font-size: 50% !important;
    vertical-align: super !important;
    line-height: 1.4 !important;
    top: -1px !important;
}
a.greyEight {
    display: inline-block;
    margin-top: 28px !important;
    font-size: 0.8em;
}

h3 .greyEight {
    float: right;
    margin-top: 0 !important;
    font-weight: normal;
    font-size: 0.65em;
    font-family: Arial, Helvetica, sans-serif;
}
ul.noListStyle {
    list-style: none;
    padding: 15px 0 0 10px;
}
.cityResources ul.noListStyle {
    padding: 0 0 10px 10px;
}
ul.noListStyle.noPadding {
    padding: 0;
}
ul.noListStyle.communities {
    padding: 0 0 0 20px;
}
ul.noListStyle.media {
    padding: 5px 0 0 5px;
    margin-top: 0;
}
ul.healthyGuidance li {
    margin-bottom: 7px;
}
ul.healthyGuidance li.true a {
    color: #333;
    font-weight: 600;
    text-decoration: none;
}
audio {
    width: 100%;
    max-width: 450px;
}

/********************************************************************** HEADER STYLES ****************************************************************/
#skip a {
    padding: 6px;
    position: absolute;
    top: -40px;
    left: 0px;
    color: white !important;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-bottom-right-radius: 8px;
    background: transparent;
    -webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    z-index: 999999;
}
#skip a:focus {
    position: absolute;
    left: 0px;
    top: 0px;
    outline: 0;
    -webkit-transition: top 0.1s ease-in, background 0.5s linear;
    transition: top 0.1s ease-in, background 0.5s linear;
}
.forPrintContainer header,
.forPrintContainer #header {
    margin-bottom: 25px;
    position: relative;
}
header,
#header {
    width: 100%;
    padding: 0;
    margin: 0;
    height: auto;
    z-index: 999;
    position: absolute;
    top: 0;
    left: 0;
}
header .container,
#header .container,
nav #topNav .container,
nav #bottomNav .container {
    width: 1170px;
}
#mobileNav {
    width: 100%;
    background-color: #003e74;
    display: none;
    padding: 3px 0 !important;
    height: 35px;
}
#mobileNav .leftMenu {
    width: 10%;
}
#mobileNav .rightMenu {
    width: 70%;
    margin-right: 10px;
}
#mobileNav input {
    width: auto !important;
    float: right !important;
    margin-right: 5px;
    height: 28px;
    max-width: 190px;
}
#mobileNav a.btn {
    border-radius: 0px !important;
}
#topAndBottomNav.affix,
#mobileNav.affix {
    position: fixed;
    top: 0px;
    width: 100%;
}
.mm-menu {
    background-color: #333 !important;
}
.mm-menu .mm-list li a,
.mm-list a.mm-subopen + span {
    color: #fff !important;
}
.mm-menu .mm-list li.withInput {
    padding: 5px;
    overflow: hidden;
    margin-bottom: 20px;
}
.mm-menu .mm-list li input[type="text"] {
    height: 100%;
    width: 90%;
    border-radius: 2;
    border: none;
    padding: 5px;
    float: left;
    display: inline;
    color: #000;
    font-size: 1.2em;
    margin-bottom: 10px;
}
.mm-menu .mm-list li.withInput .navLink {
    padding: 5px;
    color: inherit;
    text-transform: uppercase;
    text-align: center;
}
.mm-menu .mm-list li.withInput .navLink:hover {
    color: #f2f2f2;
}
.mm-menu .mm-list li.sideNavHeader {
    background-color: #222;
}
.mm-menu .mm-list li.sideNavHeader a {
    text-transform: uppercase;
    font-weight: 600;
}
.mm-menu .mm-list li.localeItem a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    line-height: 20px;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 0;
}
.mm-menu .mm-list li.localeItem a img,
.mm-menu .mm-list li.allLocalesItem span img {
    margin-right: 10px;
    border: none;
}
.mm-list a.mm-subopen:before {
    border: none;
}
.mm-highest .mm-subopen {
    display: none !important;
}
.mm-subopen.mm-fullsubopen {
    display: block !important;
}
.mm-highest a.mm-subopen + a {
    margin-right: 0 !important;
}
header nav,
header nav #topNav,
#header nav,
#header nav #topNav {
    margin: 0 auto;
    width: 100%;
    background-color: #f7f7f7;
}
header #banner,
#header #banner {
    height: 85px;
    overflow: hidden;
    margin: 0 auto;
}
header #banner img,
#header #banner img {
    width: 100%;
    max-width: 377px;
    max-height: 71px;
    display: inline;
    border: none !important;
}
.mainLogoCol a img {
    width: 88% !important;
    margin: 6px !important;
}
banner a {
    outline-color: #fff !important;
}
#bottomNav a:focus {
    outline-offset: 1px !important;
    outline-color: #003e74 !important;
}

nav a:hover {
    background-color: #fff !important;
}

.middleText {
    height: 83px;
    font-size: 20px;
    position: relative;
}
.topText,
.bottomText {
    white-space: nowrap;
    margin-left: -20px;
    padding: 4px 0 0;
    font-size: 20px;
    height: 50%;
    position: relative;
    top: 15px;
    color: #fff;
}
.bottomText {
    bottom: 0;
}
.cpLogoCol {
    line-height: 22px;
    color: #fff;
}
.cpLogoCol sup {
    font-size: 0.8em;
    line-height: 0;
    vertical-align: baseline;
    top: -1px;
}

.cpLogoWrap,
.badgeWrapper {
    float: right;
    height: 85px;
    padding: 5px;
    text-align: center;
    margin-right: 15px;
    margin-top: 10px;
}
.badgeWrapper {
    width: 85px;
}
.badgeWrapper img {
    height: 100% !important;
    width: 100% !important;
}
.cpTop {
    font-family: adobe-garamond-pro, serif;
    font-weight: 400;
    font-style: normal;
    font-size: 45px;
    text-align: center;
    margin-top: 10px;
}

.cpTop span {
    font-size: 32px;
}
.cpBottom {
    font-family: adobe-garamond-pro, serif;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    text-align: center;
}

nav #topNav {
    height: 43px;
    width: 100%;
    overflow: hidden;
    border-top: 5px solid #ff8300 !important;
    border-bottom: 1px solid #e7e7e7;
}
.hpContainer {
    position: relative;
    width: 100%;
    height: auto;
}
nav .leftMenu {
    float: left;
    width: auto;
    height: 100%;
}
nav .rightMenu {
    float: right;
    height: 100%;
}
nav #topNav .rightMenu ul li {
    margin-right: 5px;
}
nav #topNav .rightMenu ul li:last-of-type {
    margin-right: 0;
}
nav #topNav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: -1px;
}
nav #topNav ul li {
    float: left;
    display: inline;
    height: 40px;
    color: #fff;
}
nav #topNav ul li:hover {
    background-color: #2c699e;
}
nav #topNav ul li li:hover {
    background-color: #679ad3;
}
nav #topNav ul li:hover a,
nav .topNav ul li:hover span,
nav .topNav ul li:hover span span,
nav .topNav ul li:hover a,
nav .topNav ul li:hover,
nav #topNav ul li:hover .submenu a:hover,
nav .topNav ul li:hover .submenu a:hover {
    color: #fff !important;
}
nav #topNav ul li:hover .submenu a,
nav .topNav ul li:hover .submenu a {
    color: #003e74 !important;
}
nav #topNav ul li li,
nav .topNav ul li li {
    width: 100%;
    height: 35px;
    color: #fff !important;
    overflow: hidden;
}
nav #topNav ul li li:hover {
    background-color: #679ad3;
}
nav #topNav ul li li a {
    display: block;
    width: 100%;
    text-decoration: none;
    padding: 10px;
    line-height: 1;
}
nav ul#navMenu li {
    margin-right: 1px;
}
nav ul#navMenu li > a,
nav ul#actions li a,
nav ul#navMenu li .clicker,
nav ul.navMenu li .clicker {
    color: #003e74 !important;
    text-decoration: none;
    height: 100%;
    padding: 0 10px;
    display: table-cell;
    height: 39px;
    vertical-align: middle;
    clear: both;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 1.1em;
}

.submenu {
    display: none;
    position: absolute;
    width: 250px;
    margin-left: -3px;
    background-color: #111;
    z-index: 999999;
}
.submenu.left {
    margin-left: -214px !important;
}

#navMenu .clicker.active,
.navMenu .clicker.active {
    background-color: transparent;
    text-decoration: underline;
    color: #fff;
}
#navMenu .clicker:hover + .submenu,
.navMenu .clicker:hover + .submenu,
.submenu:hover {
    display: block;
    float: left;
    clear: both;
    color: #fff !important;
}
header nav #bottomNav,
#header nav #bottomNav {
    border-bottom: 1px solid #ddd;
    height: 30px;
    background-color: #e9eaed;
    padding: 3px 0 3px 1px;
    overflow: hidden;
}
header nav #bottomNav .leftMenu,
#header nav #bottomNav .leftMenu {
    float: left;
    overflow: hidden;
}
header nav #bottomNav .rightMenu,
#header nav #bottomNav .rightMenu {
    float: right;
    overflow: hidden;
    width: 100%;
    max-width: 50%;
}
header nav #bottomNav .rightMenu form,
#header nav #bottomNav .rightMenu form {
    text-align: right;
}
header nav #bottomNav .searchBox,
#header nav #bottomNav .searchBox {
    background-color: #fff;
    border: 1px double #a8c9eb;
    color: #111;
    padding: 0.25em;
    vertical-align: top;
    height: 25px !important;
    border-radius: 0;
    margin-top: 0;
    width: 70%;
}
header nav #bottomNav .search,
#header nav #bottomNav .search {
    background-color: #ccc;
    border: 1px double #a8c9eb;
    color: #000000;
    font-size: x-small;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 20px;
    padding: 0.25em;
    vertical-align: middle;
}
a.helpLink,
a.searchLink,
header nav #bottomNav .localeSelect {
    font-weight: bold;
    margin: 0 10px 0 7px;
    padding: 0;
    top: 2px !important;
    position: relative;
    height: 25px;
    text-decoration: none;
    vertical-align: middle;
    color: #003e74 !important;
}
a.helpLink {
    float: right;
}
header nav #bottomNav a.helpLink {
    float: none;
}
header nav #bottomNav a img,
#header nav #bottomNav a img {
    vertical-align: text-bottom;
    height: 80%;
}
header nav #bottomNav a {
    text-decoration: none;
}

.sidemenu-toggle {
    background: center center no-repeat transparent;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC);
    background-position: 0 5px;
    /*z-index: 99999;*/
    width: 45px;
    height: 35px;
    position: absolute;
    left: 5px;
    bottom: 3px;
}
#noLocale {
    padding: 10px;
    color: #fff;
    margin-top: 25px;
    text-align: center;
}
button.glyphicon {
    background-color: transparent;
    border: 0 none;
    padding: 0;
}

/********************************************************************** CONTENT STYLES ****************************************************************/
.main {
    padding-left: 20px;
}
.main h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18pt;
    font-weight: normal;
    margin: 0 0 20px;
}
#content {
    width: auto;
}
#bodyContainer {
    width: 1170px;
    margin: 0 auto;
    margin-bottom: 20px;
}
#bodyContainer #content {
    margin-top: 165px;
    padding-top: 5px;
    padding-bottom: 20px;
}
.noBorder {
    border: none !important;
}
.plain {
    border: none;
    height: auto;
    margin: 0;
}
.plain .content {
    margin: 0;
    padding: 0;
    font-size: 14px;
}
.plain h1,
.plain h2 {
    font-size: 1.5em !important;
    color: #000 !important;
    margin-bottom: 10px !important;
}
.plain h2:first-of-type {
    margin-top: 0;
}
.slideshow h2 {
    color: #fff !important;
    margin: 7px auto !important;
    font-size: 1.3em !important;
}
.instructions {
    color: #555;
    font-weight: bold;
    margin: 0 30px 30px;
}
.stepHeading {
    position: relative;
    font-size: 1.2em;
    height: 40px;
}
.stepNumber {
    background-color: #003e74;
    border-radius: 30px;
    color: #fff;
    font-weight: bold;
    left: 5px;
    padding: 7px 13px;
    position: absolute;
    top: -7px;
}
.stepText {
    border-bottom: 1px solid #003e74;
    color: #222;
    font-size: 0.785em;
    font-weight: normal;
    left: 50px;
    margin-bottom: 15px;
    padding-bottom: 2px;
    position: absolute;
    width: 85%;
}
.stepContainer {
    margin-left: 30px;
}
.divContainer {
    margin-left: 30px;
    margin-bottom: 15px;
}
#container-wrapper {
    background-color: #fff !important;
    border: none !important;
}
#awardSection {
    text-align: left;
    width: 100%;
    margin-top: 20px;
}
#awardSectionImages {
    display: table;
    margin: 0 auto;
    margin-top: -70px;
}
#awardSectionImages img {
    display: inline-block;
    margin: 5px 20px;
    padding: 5px;
    max-width: 100px;
    max-height: 80px;
}
#awardSectionImages img:last-of-type {
    margin-right: 0px;
}
.box .content .boxContainer {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
}
.box .content .boxContainer .imageContainer {
    width: 70px;
    height: 70px;
    float: left;
    display: inline;
    overflow: hidden;
}
#threeColumnMiddle .box .content .boxContainer .imageContainer {
    margin-top: 5px;
}
.box .content .boxContainer .imageContainer img,
.box .content .boxContainer .imageContainer img,
.box .content .boxContainer .imageContainer img {
    width: 100%;
    height: 100%;
}
input,
label,
select,
textarea {
    max-width: 768px;
}
.form-control {
    width: auto !important;
    display: inline !important;
}
input.full-size {
    width: 100% !important;
}
input.rf-insp-inp[type="text"] {
    padding-left: 7px !important;
}
.rf-insp-dec,
.rf-insp-inc {
    background-color: #f9f9f9;
}
.rf-insp-dec:hover,
.rf-insp-inc:hover {
    cursor: pointer;
    background-color: #d9d9d9;
}
.rf-insp-dec {
    border-top: 1px solid #c0c0c0;
}
textarea.form-control {
    width: 100% !important;
    max-width: 768px;
}
#threeColumnMiddle .box .content .boxContainer .textContainer {
    display: inline-block;
    width: 452px;
    margin: 0 0 20px 15px;
}
.section {
    margin: 10px 0 35px 0;
    clear: both;
    border-bottom: 1px solid #ccc;
}
img.searchProviderImage {
    float: left;
    margin-right: 10px;
}
.section.highlight {
    background-color: #ccffcc;
    padding: 5px;
}
.section h3 {
    margin-top: 25px;
    color: #335c85;
}
.section h2 {
    font-size: 1.2em;
    margin-left: 25px;
}
.section h2,
#threeColumnMiddle .box h2 {
    font-size: 1.5em;
    color: #335c85;
    border-bottom: 1px solid #e7e7e7 !important;
    padding-bottom: 0;
    margin-bottom: 15px;
}
.profile.section {
    width: 80% !important;
}
.forPrintContainer {
    max-width: 750px !important;
    margin: 0 auto !important;
    overflow: hidden;
}
.blackEight {
    font-size: 0.8em;
    margin: 20px 0 0;
}
.blackNine {
    color: #000 !important;
    line-height: 1.7em;
}
*.rf-pp-shade {
    z-index: 9999 !important;
}
.rf-pp-shade,
.ui-widget-overlay {
    background-color: #000 !important;
    background-image: none !important;
    opacity: 0.3 !important;
    z-index: 9999 !important;
}
#threeColumnMiddle .box {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 60px;
}
#threeColumnMiddle .smallBox .box {
    border: none;
}
#twoColumnMiddle {
    width: 75%;
    float: left;
    border-left: 1px solid #e7e7e7;
    padding-left: 25px;
    overflow: hidden;
}
.main {
    padding-left: 20px;
}
main#content {
    position: relative;
    overflow: hidden;
}
#twoColumnMiddle .box {
    width: auto !important;
}
#threeColumnMiddle .box h2,
#twoColumnMiddle .box h2 {
    background-color: transparent;
    border: none;
    font-size: 1.3em;
}
#threeColumnMiddle .box:last-of-type {
    border: 0;
}
#threeColumnLeft,
#threeColumnRight {
    float: left;
}
#threeColumnLeft {
    width: 25%;
    padding: 0 20px 0 0;
    border: 0;
}
#threeColumnLeft .box .content .boxContainer .imageContainer {
    width: 22px;
    height: 22px;
    background-color: #fff;
}
#threeColumnLeft .box .content .boxContainer .textContainer,
#twoColumnLeft .box .content .boxContainer .textContainer,
.threeColumn.sidebar .box .content .boxContainer .textContainer {
    float: left;
    margin-left: 10px;
    display: inline-block;
    width: 70%;
    padding-top: 0;
}

#threeColumnRight {
    width: auto;
    position: absolute;
    right: 0;
    padding: 0 0 0 10px;
    border: 0;
}
#threeColumnRight:empty {
    display: none;
}
#threeColumnMiddle {
    padding: 0 10px;
    width: 53%;
    float: left;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
}

#threeColumnLeft .plain,
#threeColumnRight .plain {
    margin-bottom: 15px;
}
#loginLeft {
    width: 64%;
    float: left;
}
.loginPoster {
    text-align: center;
    margin: 15px 0px 0px 0px;
}
.loginPoster img {
    margin: auto;
    width: 100%;
}
.loginLeftText {
    margin: 40px 10px 20px 10px;
}
.loginLeftText div {
    margin: 5px;
}
.loginLeft2Logo {
    margin: 20px 0px 40px 0px;
}
.logoContainer {
    float: left;
    margin: 0px auto 0px auto;
    width: 310px;
    padding: 0px 8px 0px 8px;
    text-align: center;
}
.tiffanyLogo {
    padding: 0px 24px 0px 24px;
}
.laureltonLogo {
    padding: 1px 0px 1px 0px;
}
#loginRight {
    width: 35%;
    float: left;
}
#loginRight .box {
    padding-left: 20px;
}
#loginRight .box label {
    width: auto;
}
#loginRight .box .form-group input[type="text"],
#loginRight .box .form-group input[type="password"],
#loginRight .box input[type="submit"] {
    display: block;
    clear: both;
    width: 99% !important;
    min-width: 0;
}
.loginHelp {
    float: right;
    margin-top: -15px;
    font-size: 1.1em;
    font-weight: bold;
}
#rMeLabel {
    display: inline;
}
html[dir="rtl"] .loginHelp {
    float: left;
}
.textOverlay {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: -70px;
    left: 0;
    border-radius: 0px;
    background-color: #f5f5f5;
    opacity: 0.9;
    z-index: 999;
    padding: 10px;
    text-align: center;
}
.textOverlay#kohls,
.textOverlay#target {
    background-color: #fff;
    position: relative;
    text-align: left;
    opacity: 1;
}
.textOverlay#target {
    top: 0px !important;
}
.textOverlay#loginTextOverlay {
    position: relative !important;
}
.textOverlay h1,
.textOverlay p {
    opacity: 1 !important;
}
.articleContent {
    width: 100%;
    float: left;
}
.articleContent .content {
    font-size: 1.2em;
}
.articleContent > #topBar {
    width: 25%;
    float: right;
}
.articleContent > #bottomBar {
    width: 70%;
    float: left;
}
.articleTools {
    float: right;
    width: 100%;
    font-size: 14px !important;
}
.articleTools span:not(.glyphicon) {
    display: block;
    margin: 0 10px 10px 0;
}
.articleTools span.glyphicon {
    margin-right: 5px;
    color: #1c94c4;
}
.rateIcon {
    margin-right: 4px;
    margin-top: -6px;
}
.glyphicon-star::before {
    padding-left: 1px;
}

#backToTop {
    position: fixed;
    bottom: 46px;
    right: 46px;
    width: 50px;
    height: 50px;
    border-radius: 30px;
    background-color: #111;
    cursor: pointer;
    display: none;
    z-index: 11;
}
#backToTop:hover {
    background-color: #000;
}
#backToTop span.glyphicon {
    color: #fff;
    position: absolute;
    top: 15px;
    left: 15px;
    display: block !important;
}
.blackTwelveBold {
    margin-top: 20px;
    color: #222 !important;
    border-bottom: 1px solid #e7e7e7;
    width: 100%;
}
.blackTwelveBold ~ hr {
    display: none;
}
.blackTwelveBold a {
    margin-top: -90px;
    height: 90px;
    display: block;
}
.alertBoxIcon {
    float: left;
    width: 35px;
    margin-top: -3px;
}
.alertBoxIcon img {
    width: 26px;
}
.alertBoxText {
    float: left;
    width: 67%;
}
.alertBoxText p > a {
    font-weight: 600;
    font-size: 1.1em;
}
#featuredResource {
    height: 100%;
    clear: both;
    overflow: hidden;
    padding: 0 15px 15px;
    width: 90%;
}
#featuredResource h3 {
    color: #333 !important;
    margin-bottom: 10px;
}
#featuredResource img {
    float: left;
    margin-right: 15px;
}
.featuredResourceImg {
    float: left;
    width: 110px;
    margin-bottom: 10px;
}
#featuredResource #article {
    float: left;
    display: inline;
    margin-right: 5%;
    max-width: 55%;
}
.featuredArticles .boxContainer {
    margin-bottom: 20px;
}
.topicList p,
.listItem {
    background: none repeat scroll 0 0 #f2f5f7;
    border: 1px solid #e7e7e7;
    display: block;
    float: left;
    height: 130px;
    margin: 0 20px 20px 0;
    overflow: hidden;
    padding: 3px 10px 10px 0;
    width: 47.5%;
    position: relative;
    z-index: 10;
}
.halfCol .topicList p {
    width: 100% !important;
}
.subTopics {
    float: left;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
    width: 48%;
    font-size: 0.95em;
    height: 110px;
}
.linkTopic p {
    background-color: transparent !important;
    border: none !important;
    height: auto;
    width: 100%;
    float: left;
}
.linkTopic .tileBottomBuffer {
    display: none;
}
.archiveTopicList .topicList p {
    padding: 5px 3px 3px 10px;
}
.breakTopicList {
    margin-right: 71%;
}
.topicList p:nth-child(2n) {
    margin-right: 0;
}
.listItem {
    margin-right: 10px;
}
.topicList p:hover:not(.topicList p.noHover),
.listItem:hover:not(.listItem.noHover),
.topicHover:not(.topicHover.noHover) {
    background-color: #e7eff8 !important;
}
.topicRevert {
    background-color: #f2f5f7 !important;
}
.topicList p a,
.listItem strong a {
    font-size: 1em;
    display: inline-block !important;
    padding: 0 0 0 5px;
    margin: 0 3px 3px;
    color: #003e74;
}
#twoColumnMiddle .topicList p a,
#twoColumnMiddle .listItem strong a {
    font-size: 0.96em;
    line-height: 1.4;
}
.topicList p a:hover,
.listItem strong a:hover {
    text-decoration: underline;
}
.listItem.mbs .textContainer strong a {
    margin-left: 0;
    padding-left: 0;
}
.homeTopicList p {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 5px;
    height: auto;
}
.homeTopicList p strong a {
    padding: 0;
    margin: 0;
}
.homeTopicList img {
    width: auto;
    max-width: 107px;
}
.homeTopicList .tileBottomBuffer {
    height: 0;
}
.listItem.mbs.training {
    height: 150px;
}
.listItem.mbs .imageContainer {
    float: left;
    display: inline;
}
.listItem.program {
    width: 100% !important;
    min-height: 150px;
    height: auto;
    overflow: hidden;
    display: table;
    padding: 10px;
}
.listItem.program .imageContainer {
    background-color: #fff;
    display: table-cell;
    margin: auto !important;
    padding: 20px;
    text-align: center !important;
    vertical-align: middle;
    width: 200px;
}
.listItem.mbs.articles .imageContainer {
    width: 10%;
    overflow: hidden;
}
.listItem.mbs.articles .imageContainer img {
    width: 100%;
    height: 100%;
}
.listItem.mbs.training .imageContainer {
    width: 30%;
}
.listItem .imageContainer img {
    vertical-align: middle;
    width: 125px;
}
.listItem.program .textContainer {
    display: table-cell !important;
    margin-left: 30px;
    padding-left: 3%;
    vertical-align: top;
}
.homeTopicList span,
.listItem.mbs.articles .textContainer,
.listItem.mbs.training .textContainer {
    width: 70%;
    font-size: 0.95em;
    float: left;
    display: block;
    text-overflow: ellipsis;
    height: 100%;
    overflow: hidden;
}
.listItem.mbs.articles .textContainer {
    display: inline;
    width: 80%;
    margin-left: 10px;
}
.listItem.mbs.training .textContainer {
    display: inline;
    width: 65%;
    margin-left: 10px;
}
.listItem.program .textContainer strong a {
    font-size: 0.95em;
    margin-left: 0;
    padding-left: 0;
}
.imgTopicList span a {
    font-weight: 600;
    font-size: 1em;
    display: inline-block;
    margin-bottom: 3px !important;
}
.imgTopicList img {
    float: left;
}
.archiveTopicList img {
    width: auto;
    float: none;
    margin-top: 5px;
}
.imgTopicList span {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    width: 79%;
}
.archiveTopicList span {
    font-size: 0.95em;
}
.archiveTopicList span {
    width: 65%;
}
.tileBottomBuffer {
    background: none repeat scroll 0 0 #f2f5f7;
    bottom: 0;
    height: 10px;
    left: 0;
    position: absolute;
    width: 100%;
}
.abstractText {
    color: #303030;
    display: block;
    padding-left: 7px;
    overflow: hidden;
    padding-bottom: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-overflow: ellipsis;
}
#twoColumnMiddle .abstractText {
    font-size: 0.95em;
    line-height: 1.4;
}
.siloImage {
    clear: both;
    display: block;
    margin-bottom: 18px;
}
.siloImage img {
    width: 85%;
    height: auto;
}
.siloImageText {
    position: relative;
    top: -150px;
    margin-left: 25px !important;
    color: #ffffff !important;
    text-transform: uppercase;
    font-size: 29px !important;
}
.siloTitleContainer {
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e7e7e7;
}
.siloImgContainer {
    min-height: 133px !important;
}
.siloImg {
    padding: 0 !important;
}
.siloText {
    padding-right: 0 !important;
}
.siloImgContainer img {
    width: 100%;
}
.siloTitle {
    width: auto;
    display: inline;
    color: #333 !important;
}
.siloTitleBox {
    margin-bottom: 20px;
}
.siloImgText {
    margin-left: 5px;
    display: inline-block;
    float: left;
    font-size: 1.15em;
    color: #333;
}
.wellness h1 {
    border-bottom: 5px solid #fde804;
}
.relationships h1 {
    border-bottom: 5px solid #e57e07;
}
.work h1 {
    border-bottom: 5px solid #079ae5;
}
.financial h1 {
    border-bottom: 5px solid #459a35;
}
.legal h1 {
    border-bottom: 5px solid #8f3704;
}
.lifestyle h1 {
    border-bottom: 5px solid #0576a1;
}
.home h1 {
    border-bottom: 5px solid #c7221c;
}
.chatOverview {
    float: left;
    width: 100%;
}
.articleContent hr {
    margin-top: 0;
}
.relatedContent hr {
    margin: 30px 0;
}
.photoIcon {
    float: left;
    width: 65px;
    padding-right: 10px;
}
.photoIcon img {
    width: 100%;
}
.photoIconText {
    display: inline-block;
    width: 175px;
}
.photoIconText p {
    margin-top: 0;
}
.blackNine {
    font-size: 1em !important;
}
ul.blackNine {
    font-size: 1em !important;
    list-style: disc;
}
.mTop20 {
    margin-top: 20px;
}
.topicPagingLinks {
    margin-top: 30px;
    text-align: center;
}
.rf-ds {
    text-align: center;
    background-color: transparent !important;
}
.topicPagingLinks a,
.topicPagingLinks span {
    font-size: 16px;
    background: none;
    border: none;
    color: #205081 !important;
}
.topicPagingLinks span {
    font-weight: 600;
    color: #000 !important;
}
.topicPagingLinks a:hover,
.topicPagingLinks span:hover {
    border: none;
}
.topicPagingLinks a:hover {
    background-color: #e4ecf2;
    text-decoration: underline;
}
.rf-ds-btn-prev,
.rf-ds-btn-next {
    font-size: 24px !important;
    font-weight: normal !important;
}
.rf-ulst-itm,
.rf-olst-itm,
.rf-dlst-trm,
.rf-dlst-dfn,
.rf-ulst-itm,
.rf-olst-itm,
.rf-dlst-trm,
.rf-dlst-dfn {
    font-size: 1em !important;
}
.treeNav {
    margin-left: -5px;
}
.rf-trn {
    color: #555 !important;
    font-size: 14px !important;
    width: 100% !important;
    padding: 3px !important;
    background-image: none !important;
}
.rf-trn.active {
    font-weight: 600;
    background-color: #e9eaed;
}
.rf-trn.active span > a {
    color: #000;
    font-weight: 600;
    line-height: 1.5;
}
.rf-trn-ico,
.rf-trn-hnd,
.rf-trn-hnd-ldn-fct {
    float: left;
}
.rf-trn-lbl {
    padding: 0 !important;
    display: inline !important;
}
.rf-trn-cnt {
    display: inline !important;
}
.rf-tr-nd .rf-tr-nd {
    margin-left: 14px !important;
}
.rf-cal-hdr-month {
    width: 230px !important;
}
.rf-trn-sel {
    background-color: transparent !important;
}
.rf-au-lst-scrl {
    max-height: 250px !important;
    width: 300px !important;
}
.rf-au-fnt {
    font-size: 12px !important;
}
.sidebar .rf-trn-ico,
.rf-trn-ico-exp,
.rf-trn-ico-colps,
#threeColumnLeft .rf-trn-hnd-lf {
    display: none !important;
}
.rf-tr-nd,
.sidebar .rf-trn-hnd-ldn-fct {
    background: none !important;
}
.rf-trn-ico,
.rf-trn-hnd,
.rf-trn-hnd-ldn-fct {
    height: 21px !important;
    margin: 0 0 1px !important;
}
#threeColumnLeft .rf-trn-cnt {
    padding: 0 3px;
}
.ssContainer {
    position: relative;
    float: left;
    height: 264px;
}
#linkContainer {
    position: absolute;
    bottom: 0;
    height: 24px;
}
.topHeader {
    margin-top: 15px;
}
.rf-ulst {
    margin-bottom: 0;
}
.moreOnLink {
    float: right;
}
#flashVideo {
    height: auto;
}
#flashVideo embed {
    min-height: 309px;
}
#locationDetails {
    width: auto;
    margin-right: 15px;
    display: inline-block;
    float: left;
}
.providerDetailsTable {
    width: 100% !important;
}
.providerDetailsTable td {
    padding: 8px 12px 0 0;
    vertical-align: top;
}
.providerDetailsTable td:first-of-type {
    font-weight: bold;
    white-space: nowrap;
}
.providerDetailsTable td:last-of-type {
    max-width: 400px;
}
#mapDetails {
    width: 65%;
    height: 450px;
    display: inline-block;
    float: left;
}
#map-canvas {
    height: 100%;
    width: 100%;
    max-width: 600px;
    margin: 0;
    padding: 0;
}
.inline-box {
    float: left;
    margin-right: 10px;
    width: 45%;
    overflow: hidden;
    margin-bottom: 25px;
}
.smDataSet {
    width: 50%;
    margin: 0 0 20px !important;
}
.mdDataSet {
    width: 75%;
    margin: 20px 0 !important;
}
.lgDataSet {
    width: 100%;
    margin: 20px 0 !important;
}

.smDataSet label,
.mdDataSet label,
.lgDataSet label {
    margin: 0 !important;
}
.smDataSet .form-inline.boxText,
.mdDataSet .form-inline.boxText,
.lgDataSet .form-inline.boxText {
    margin-bottom: 0 !important;
}
.smDataSet div,
.mdDataSet div,
.lgDataSet div {
    margin: 4px 0;
}
.smDataSet table,
.mdDataSet table,
.lgDataSet table {
    margin: 20px 0 !important;
    background: #fff !important;
    width: 100% !important;
    border: 0;
}
.lgDataSet table table,
.lgDataSet table table td {
    background: transparent none repeat scroll 0 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.smDataSet th,
.smDataSet td,
.mdDataSet th,
.mdDataSet td,
.lgDataSet th,
.lgDataSet td {
    color: #333 !important;
    padding: 9px 10px !important;
    vertical-align: top !important;
    border: none !important;
    border-right: 1px solid #fff !important;
    display: table-cell !important;
    font-size: 14px !important;
    text-align: left;
}
.smDataSet tr:hover,
.mdDataSet tr:hover,
.lgDataSet tr:hover {
    background-color: #ffffcc !important;
}
.smDataSet .rf-dt-ftr:hover,
.mdDataSet .rf-dt-ftr:hover,
.lgDataSet .rf-dt-ftr:hover {
    background-color: transparent !important;
}
.smDataSet td,
.mdDataSet td,
.lgDataSet td {
    background-color: transparent !important;
}
.smDataSet tbody,
.mdDataSet tbody,
.lgDataSet tbody {
    border: 0 !important;
}
.smDataSet tr.even,
.smDataSet tr.alt,
.smDataSet tr:nth-child(even),
.altRow,
.smDataSet div.row:nth-child(even),
.mdDataSet tr.even,
.mdDataSet tr.alt,
.mdDataSet tr:nth-child(even),
.mdDataSet div.row:nth-child(even),
.lgDataSet tr.even,
.lgDataSet tr.alt,
.lgDataSet tr:nth-child(even),
.lgDataSet div.row:nth-child(even) {
    background: #f9f9f9;
}
.smDataSet th,
.mdDataSet th,
.lgDataSet th,
td.header {
    background-color: #f5f5f5 !important;
}
.smDataSet td img,
.mdDataSet td img,
.lgDataSet td img {
    float: left;
    margin: 0 7px 7px;
}
.smDataSet tfoot a,
.mdDataSet tfoot a,
.lgDataSet tfoot a {
    color: #497aad !important;
}
.pagingFooter {
    width: 100%;
}

.hg h3 {
    font-size: 1.1em;
    font-weight: bold;
    margin: 15px 0;
}

.totalLabel {
    color: #c05210;
}

.prevLink {
    display: inline-block;
    float: left;
}
.nextLink {
    display: inline-block;
    float: right;
}

.w10p {
    width: 10% !important;
}
.w20p {
    width: 20% !important;
}
.w30p {
    width: 30% !important;
}
.w40p {
    width: 40% !important;
}
.w50p {
    width: 50% !important;
}
.w60p {
    width: 60% !important;
}
.w70p {
    width: 70% !important;
}
.w80p {
    width: 80% !important;
}
.w90p {
    width: 90% !important;
}
.w100p {
    width: 100% !important;
}
.wAuto {
    width: auto !important;
}

.margin0 {
    margin: 0 !important;
}
.padding0 {
    padding: 0 !important;
}

.bold {
    font-weight: bold !important;
}

.fLeft {
    float: left !important;
}
.fRight {
    float: right !important;
}

/********************************************************************** WELLNESS STYLES ****************************************************************/
.smallBox {
    margin: 20px 0;
    overflow: hidden;
}
.smallBox .left,
.smallBox .right,
#twoColumnMiddle .smallBox .box,
#threeColumnMiddle .smallBox .box {
    width: 48% !important;
    float: left;
    margin-right: 5px;
    display: inline;
}
.smallBox.threeColumn .left,
.smallBox.threeColumn .middle,
.smallBox.threeColumn .right {
    width: 35% !important;
    float: left;
    margin-right: 5px;
    display: inline;
}
.smallBox.threeColumn .middle {
    width: 19% !important;
}
.smallBox .left,
.smallBox .right {
    width: 46% !important;
}
.smallBox .right {
    float: right;
}
.smallBox .right,
#twoColumnMiddle .smallBox .box:last-of-type,
#threeColumnMiddle .smallBox .box:last-of-type {
    border: none;
}
ul#wellnessSiloBox,
ul#wellnessSiloBox ul {
    list-style: none;
    padding: 0;
}
ul#wellnessSiloBox ul {
    padding-left: 20px;
    margin-bottom: 10px !important;
}
.change.left > ul {
    margin-bottom: 20px;
}
ul#wellnessSiloBox li img {
    height: 25px;
    width: 25px;
}
ul#wellnessSiloBox li.learn,
ul#wellnessSiloBox li.change {
    font-weight: bold;
    font-size: 1.3em;
}
ul#wellnessSiloBox li.learn {
    color: #e5ac69;
}
ul#wellnessSiloBox li.change {
    color: #6f5d8f;
    font-weight: bold;
}
ul#wellnessSiloBox li ul li a {
    font-size: 0.75em;
    font-weight: normal;
}

.hgFAQ {
    list-style: none !important;
    padding-left: 0;
}

.hgFAQ li {
    margin-bottom: 20px !important;
}

.hgFAQ p {
    margin-top: 5px;
}

/********************************************************************** ASSESSMENT STYLES ****************************************************************/
#assessment .question {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

/********************************************************************** SIDEBAR BOX STYLES ****************************************************************/
#twoColumnLeft,
.threeColumn.sidebar {
    padding: 0 15px 0 0 !important;
    width: 25% !important;
    float: left;
    margin: 0;
}
#twoColumnLeft .box {
    width: auto;
}
.sidebar {
    z-index: 999;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #fff !important;
    padding: 0 0 10px 0 !important;
}
#threeColumnLeft .plain .content {
    padding: 3px;
}
#threeColumnLeft .box,
#threeColumnRight .box {
    margin-bottom: 30px;
}
.sidebar .content,
#threeColumnLeft .content,
#threeColumnRight .content {
    padding: 3px 5px;
}
.sidebar .box .content,
#threeColumnLeft .box .content,
#threeColumnRight .box .content {
    font-size: 1em !important;
}
.box .content #agcImage {
    float: left;
    width: 20%;
    min-width: 60px;
    margin-right: 5px;
    display: inline;
}
.box .content #agcImage img {
    width: 100%;
}
.box .content #agcLinks {
    display: inline;
    float: left;
    width: 60%;
}
.box .content #agcLinks a {
    display: block;
    clear: both;
    float: left;
    margin-bottom: 5px;
    word-wrap: break-word;
    text-wrap: normal;
}
.sidebar .box .content .boxContainer .imageContainer,
#threeColumnLeft .box .content .boxContainer .imageContainer,
#threeColumnRight .box .content .boxContainer .imageContainer {
    width: 22px;
    height: 22px;
    float: left;
    display: inline;
    overflow: hidden;
}
#threeColumnLeft .box .content .imageContainer img {
    width: 100%;
}
.sidebar .box .content .boxContainer .imageContainer img,
#threeColumnLeft .box .content .boxContainer .imageContainer img,
#threeColumnRight .box .content .boxContainer .imageContainer img {
    width: 100%;
    height: 100%;
}
.sidebar .box .content .boxContainer .textContainer,
#threeColumnLeft .box .content .boxContainer .textContainer,
#threeColumnRight .box .content .boxContainer .textContainer {
    width: 80%;
    float: left;
    display: inline;
    padding-top: 3px;
}
#threeColumnRight .box .radio input,
#threeColumnLeft .box .radio input,
.sidebar .box .radio input {
    float: left;
    margin-right: 5px;
}
#threeColumnRight .box .radio label,
#threeColumnLeft .box .radio label,
.sidebar .box .radio label {
    width: 80%;
    overflow: hidden;
}
.threeColumn.sidebar {
    display: none;
}
.box h1 {
    color: #335c85;
    font-size: 15px;
    padding: 0 10px;
}
.box h2,
.busNetNavBox h2 {
    background-color: #f5f5f5;
    font-weight: bold;
    font-size: 0.95em;
    padding: 5px 5px;
    width: 100%;
    text-transform: uppercase;
}
.sidebar .box h2 {
    font-size: 0.95em;
    font-weight: bold !important;
    color: #000000;
    font-family: inherit;
}
.busNetNavBox h2 {
    padding-top: 0;
    margin-top: 0;
}
.box h3,
.box h4,
.box h5,
.box h6 {
    margin-top: 0 !important;
}
.box h1,
.box h2 {
    margin-top: 0px !important;
}
.box .content {
    padding-left: 5px;
}
.box .navContent {
    margin: 0;
    padding: 0 10px 0px;
}
#loginRight .box h2 {
    background-color: transparent;
    border: none !important;
}
.boxSubHead {
    font-size: 0.95em;
    font-weight: bold;
}

/********************************************************************** FOOTER STYLES ****************************************************************/
footer,
#footer {
    padding: 30px 10px;
    height: 100%;
    background-color: #e9eaed;
    border-top: 1px solid #ccc;
    overflow: hidden;
    font-size: 1em;
}
footer p,
#footer p {
    color: #999;
    text-align: center;
    margin: 0;
    padding: 0;
}
footer a,
#footer a {
    text-decoration: none;
}
footer a:hover,
#footer a:hover {
    text-decoration: underline;
}
#footer p a,
footer p a {
    color: #003e74;
}
footer p,
#footer p {
    color: #555;
}
.aboutLinks,
.aboutLinks a:link,
.aboutLinks a:visited {
    color: #666 !important;
}
footer #mobileIcons,
#footer #mobileIcons {
    overflow: hidden;
    width: 310px;
    height: auto;
    margin: 0 auto;
}
footer #mobileIcons .icon,
#footer #mobileIcons .icon {
    overflow: hidden;
    width: 135px;
    height: 40px;
    display: inline !important;
    float: left;
    margin-right: 20px;
}
footer #mobileIcons .icon img,
#footer #mobileIcons .icon img {
    width: 100%;
    height: 100%;
}

/********************************************************************** INPUT FIELD STYLES ****************************************************************/
.section > div {
    margin-bottom: 15px !important;
    clear: both;
    display: block;
}
.helpText {
    display: block !important;
    clear: none !important;
    width: auto !important;
    max-width: 600px;
    overflow: hidden;
}
.form-inline.boxText,
.form-group.boxText {
    margin-bottom: 25px !important;
    clear: both;
    overflow: hidden;
}
.form-inline.boxText div,
.form-group.boxText div {
    width: auto;
}
.form-inline .radio,
.form-group .radio {
    display: inline !important;
}
.boxTextCurrency {
    overflow: hidden;
    padding-left: 8px;
    background-image: none !important;
}
.boxTextCurrency:before {
    font-family: "Glyphicons Halflings";
    content: "\e148";
    margin-left: -12px;
    margin-right: 5px;
}
.floatRight {
    float: right;
    margin-top: 15px;
    margin-right: 25px;
}
.form-group div {
    display: inline-block;
    clear: none;
    margin: 0;
}
.feedback-form-radio {
    display: inline-block;
    align-items: center;
    vertical-align: middle;
    width: max-content;
    font-weight: lighter !important;
    width: auto;
    overflow: hidden;
    padding-left: 5px !important;
    margin-bottom: 5px;
    min-height: 15px;
    color: #555;
    margin: -4px 25px;
    padding: 5px 412px;
    margin-right: 1em !important;
}

.submitButtonStyle {
    font-size: 1em;
    border: 1px solid #ccc;
    padding: 5px 9px;
    width: auto !important;
    background-color: #2a6fb5;
    color: #fff !important;
    margin-bottom: 10px;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    margin-left: 0px !important;
    position: relative;
}
.smallBox.threeColumn select[multiple] {
    width: 70%;
}
input:not(.searchBox),
select {
    width: auto;
    height: 34px;
    padding: 6px 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #222 !important;
    background-color: #fff;
    background-image: none;
    border-radius: 2px !important;
    margin-right: 3px;
}
input[type="checkbox"],
input[type="radio"],
input[type="image"] {
    width: auto !important;
    height: auto;
    padding: 0;
    border-radius: 0;
    background-color: #fff;
    float: left;
    margin-right: 5px;
    appearance: normal;
    -webkit-appearance: normal !important;
}
input.cancelButton {
    background-color: #757575 !important;
}
input:not(input[type="submit"]),
select,
textarea {
    display: inline-block;
    /*width: auto !important;*/
    vertical-align: middle;
}
input,
select {
    font-size: 0.95em !important;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="submit"],
textarea {
    -webkit-appearance: none;
    min-width: 320px;
}
.narrowInput input {
    min-width: 0px;
}
input.searchBox,
input[type="submit"],
.fpoDiv input[type="text"] {
    min-width: 0;
}
select {
    box-shadow: none !important;
}
input[type="checkbox"],
header nav #bottomNav input {
    clear: none;
    display: inline;
}
input[type="submit"] {
    font-size: 1em;
    border: 1px solid #ccc;
    margin: 8px 20px 8px 0;
    padding: 5px 9px;
    width: auto !important;
    background-color: #2a6fb5;
    color: #fff !important;
}
.submitBtns {
    margin-left: 15px;
}
*.rf-au {
    width: 100% !important;
    border: none !important;
    background-image: none !important;
}
.form-inline .rf-au {
    display: inline-block !important;
    width: auto !important;
    vertical-align: middle !important;
}
input.rf-au-inp {
    background-image: none !important;
    border: 1px solid #ccc !important;
    width: 100% !important;
    padding-left: 10px !important;
}
.box input[type="submit"] {
    width: 100% !important;
}
.disabledButton {
    background-color: #ddd !important;
    border: 1px solid #bbb !important;
}
textarea.termsTextarea {
    width: 100%;
    min-height: 300px;
}
textarea {
    resize: vertical !important;
    padding: 6px 12px;
    background-color: #fff;
}
textarea:focus,
textarea:hover {
    background-color: #fff;
}
.radioRating label {
    text-align: center;
    margin: auto;
    display: block;
    clear: both !important;
    margin-left: -3px !important;
}
.radioRating input {
    margin: auto;
}
.radioRating table {
    width: 100%;
    margin: 0px 0px 15px;
    padding: 0px;
}
.radioRating td {
    text-align: center;
    padding: 0 10%;
    width: 25%;
}
.radio {
    position: relative;
    margin: 0 0 0 15px;
}
.radio fieldset {
    border: none;
    width: auto;
    padding: 1px 0 0 11em;
}
.radio legend {
    font-size: 1em;
    color: #000;
}
.radio legend span {
    position: absolute;
    left: 0;
    top: 0.3em;
    width: 10em;
    display: block;
}
.radio input {
    vertical-align: middle;
    display: inline-block;
    float: left;
    width: auto;
    background: none;
    border: none;
    font-weight: normal;
    margin-bottom: 5px;
}
.radio label {
    vertical-align: middle;
    display: inline-block;
    background: none;
    border: none;
    font-weight: normal;
    margin-bottom: 5px;
    width: auto;
    overflow: hidden;
    padding-left: 5px !important;
}
.charSeedDisplay {
    font-weight: 100;
    font-size: 0.9em;
    margin-left: 5px;
}
.pollBox label {
    font-size: 0.9em !important;
    display: block !important;
    line-height: 1.6em;
}
.pollData {
    margin: 0 0 7px 7px;
}
.pollData img {
    vertical-align: baseline;
}
.pollResTitle {
    margin-bottom: 10px;
}
.pollRes {
    margin-bottom: 10px;
    color: #222;
    font-size: 0.9em;
}
.radio div {
    float: left;
    white-space: nowrap;
    clear: none;
}
.radioWide {
    margin-bottom: 20px !important;
}
.radioWide div {
    float: none;
    white-space: normal;
    clear: none;
}
.radioWide table {
    clear: both;
    margin: 5px 0 0 15px;
}
.radioWide > label {
    font-weight: bold !important;
    padding: 0 !important;
    width: 100% !important;
    display: block;
    float: none;
    min-width: 100% !important;
}

.subFieldText {
    display: inline-block;
}
.topLabel {
    display: block;
    float: none;
    margin: 0 0 5px;
    text-align: left;
    width: auto;
}
.fieldBottomText {
    display: block;
    width: auto;
    margin-top: 5px;
    color: #333;
}
.fieldError label {
    background-color: #ffe6e6;
    color: #000;
}
.dropLabel {
    margin-top: 6px;
    margin-bottom: 0;
    font-size: 1.2em;
}

input[type="submit"]:focus {
    border: 1px solid #000 !important;
}
a:focus img,
a:focus img {
    border: 1px dotted #000 !important;
}

.plainSet {
    border: 0;
    margin-bottom: 0;
    padding: 0;
}
.plainSet legend {
    color: #111;
    font-size: 0.95em;
    font-weight: bold;
    border: 0;
    margin-bottom: 10px;
}
.plainSet table {
    margin-left: 7px;
}
.plainSet label {
    color: #222;
}
.pollBox form {
    margin-bottom: 15px;
}

/* use where fieldset misused as layout container */
.fieldset div {
    margin-bottom: 8px;
    overflow: hidden;
}
.inline-pagination {
    display: inline-block !important;
}

/********************************************************************** ERROR STYLES ****************************************************************/
.rf-msg,
.rf-msgs {
    margin: 0 0 8px;
    padding: 5px;
    display: block;
    font-size: 1em !important;
    font-weight: bold;
    height: auto !important;
}
.rf-msg span,
.rf-msgs span {
    display: block;
    margin-bottom: 5px;
}
.important,
.error,
.rf-msgs-err {
    color: #e50000;
}
.rf-msgs-wrn {
    color: #e50000 !important;
}
.rf-msgs-inf {
    color: black;
}
.remove {
    display: none !important;
}
.errorBG {
    background-color: #ffe6e6;
}
.errMessage span:last-of-type span span:last-of-type {
    margin-bottom: 15px;
}
.errMessage .rf-msgs,
.errMessage .rf-msgs-err,
.errMessage .rf-msgs-sum {
    margin-bottom: 0;
}
.fieldError {
    border: 1px solid #e50000 !important;
    background-color: #ffe6e6 !important;
}
form.fieldError {
    background-color: transparent !important;
}

/********************************************************************** POPUP BOX STYLES ****************************************************************/
*.rf-pp-cntr {
    background-color: #fff !important;
    max-width: 750px;
    border: 1px solid #e7e7e7 !important;
    border-radius: 4px;
    z-index: 9999 !important;
    padding: 0;
}
.rf-pp-cnt,
.rf-pp-cnt p,
.rf-pp-hdr-cntrls,
.rf-pp-hdr-cntrls a {
    font-size: 1em !important;
    color: #333 !important;
}
.rf-pp-hdr h2 {
    font-size: 1.7em;
    text-align: center;
}
.rf-pp-cnt {
    padding-top: 0 !important;
}
.popupModal .rf-pp-cnt {
    height: 400px;
    width: 300px;
    padding: 10px !important;
    text-align: center;
}
.rf-pp-shdw {
    display: none !important;
}
.localeModal {
    width: 710px !important;
    height: 500px !important;
    overflow: hidden;
}
.localeModal .modal-container {
    height: 500px;
}
.localeModal .modal-header,
.localeModal .nav-tabs {
    background-color: #e9eaed !important;
}
.localeModal .nav-tabs {
    padding: 0 15px;
}
.localeModal .nav-tabs li {
    width: 22%;
    min-width: 160px;
    font-size: 0.95em;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
}
.localeModal .nav-tabs li a {
    padding: 10px 0 0;
}
.localeModal .modal-body {
    padding: 0;
}
.localeModal .tab-content {
    padding: 15px;
}
.localeModal .nav-tabs li a:hover {
    text-decoration: underline;
}
.localeModal .nav-tabs li a.active {
    background-color: #fff !important;
}
.rf-pp-cnt-scrlr {
    background-color: transparent !important;
    width: 100% !important;
}
.localeModal .rf-pp-cnt-scrlr {
    height: 70% !important;
    margin-top: 160px;
}
.rf-pp-cnt-scrlr .localeDisplay {
    margin-right: 40px;
    margin-bottom: 10px;
    float: left;
    width: 180px;
    height: 60px;
    overflow: hidden;
}
.localeDisplay.selected a {
    background: #9ecfff;
    color: #000;
    font-weight: bold;
    padding: 2px 4px;
    text-transform: uppercase;
}
.localeDisplay.selected a:hover,
.localeDisplay.selected a:focus {
    text-decoration: none;
    cursor: default;
}
.localeDisplay .textHolder a.flagText {
    font-size: 0.98em !important;
}
.rf-pp-cnt-scrlr .localeDisplay:nth-child(3n + 3) {
    margin-right: 0px !important;
}
.rf-pp-cnt-scrlr .localeDisplay img {
    border-radius: 3px !important;
    margin-right: 10px;
    border: 0;
    text-decoration: none;
    float: left;
}
.localeDisplay.division {
    width: 200px;
    float: left;
    margin: 0 25px 25px 0;
}
.imgHolder {
    height: 100%;
    width: 24px;
    display: inline;
    float: left;
    margin-right: 10px;
}
.flagImg {
    color: #003e74 !important;
    font-size: 0.96em;
}
.flagText:visited {
    color: #679ad3;
}
.flagText {
    word-wrap: break-word;
}
ul#localeTabs {
    width: 100%;
    top: 0px;
    height: 70px;
    background-color: #e9eaed !important;
    margin: 0;
    padding: 0;
    position: absolute;
    overflow: hidden;
    display: table;
}
ul#localeTabs li.ui-tabs-active,
ul#localeTabs li.ui-state-active {
    background-color: #fff !important;
}
ul#localeTabs li {
    max-width: 170px;
    width: 100%;
    overflow: hidden;
}
ul#localeTabs li:focus {
    outline: 1px dotted !important;
}
ul#localeTabs li a {
    font-size: 0.95em;
    text-align: center;
    width: 100%;
}
ul#localeTabs li a span {
    text-align: center;
}
.tab {
    height: 80%;
}
span.location {
    background-repeat: no-repeat;
    display: block;
    padding: 30px 85px 22px 10px;
    width: 100% !important;
    color: #000;
}
#location-americas a,
#location-americas_rtl a {
    background: url("../images/sprite-locale-selector.png") no-repeat;
    background-position: center 35px;
    content: "";
    display: block;
    margin: 10px auto 0;
    width: 165px;
    height: 81px;
}
#location-europe a,
#location-europe_rtl a {
    background: url("../images/sprite-locale-selector.png") no-repeat;
    background-position: center -73px;
    content: "";
    display: block;
    margin: 10px auto 0;
    width: 165px;
    height: 81px;
}
#location-asia-pacific a,
#location-asia-pacific_rtl a {
    background: url("../images/sprite-locale-selector.png") no-repeat;
    background-position: center -291px;
    content: "";
    display: block;
    margin: 10px auto 0;
    width: 165px;
    height: 81px;
}
#location-africa-middle-east a,
#location-africa-middle-east_rtl a {
    background: url("../images/sprite-locale-selector.png") no-repeat;
    background-position: center -183px;
    content: "";
    display: block;
    margin: 10px auto 0;
    width: 165px;
    height: 81px;
}
ul #localeSubText {
    color: #999;
    font-size: 0.9em;
    margin: 10px 0 15px 0;
}
ul #localeSubText a {
    color: #003e74 !important;
}
#headerBox .closeButton {
    margin-right: 20px;
    float: right;
    font-weight: bold;
}
.modalClose {
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 6px;
    z-index: 999;
}
.modalCloseWhite {
    color: #fff !important;
}
.logoutClose {
    color: #333 !important;
    font-size: 1.5em !important;
    font-weight: 400 !important;
    line-height: 0;
    padding-bottom: 7px !important;
}
.changePasswordPopup {
    padding: 0;
    min-width: 250px !important;
    border-radius: 5px;
}
*.rf-pp-hdr {
    background-image: none !important;
    background-color: #e9eaed !important;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.rf-pp-hdr-cnt {
    color: #000 !important;
    background-color: transparent !important;
    background-image: none !important;
}
.rf-pp-shdw {
    display: none !important;
}
.rf-pp-hdr-cntrls {
    margin-right: 5px;
}
.changePasswordPopup ul li {
    list-style: none !important;
    margin-bottom: 5px;
}
.rateArticlePopup {
    max-width: 450px;
    background-color: #fff;
}
.ratingBox .radioRating {
    margin-top: 0;
}
.ratingRange {
    font-weight: 600;
}
.ui-dialog {
    z-index: 10000 !important;
}
#fpoGenerateWSSuccessWindow_container,
#fpoGenerateWSSuccessWindow_content_scroller {
    height: auto !important;
}

/********************************************************************** TABLE STYLES ****************************************************************/
.rf-dt {
    width: 100%;
}
*.rf-fu-hdr {
    margin: 0 !important;
    background-image: none !important;
}
*.rf-fu {
    background-color: #fff !important;
    display: inline-block;
    min-width: 200px;
    max-width: 400px;
}
*.rf-fu-btn-add,
*.rf-fu-btn-upl,
*.rf-fu-btn-clr {
    background-image: none !important;
    background-color: #fff !important;
    color: #000 !important;
}
.rf-dt-shdr-c {
    background-image: none !important;
    background-color: #003e74 !important;
    font-size: 1em !important;
}
.rf-dt-tft,
.rf-dt-ftr,
.rf-dt-ftr-c {
    background-color: transparent !important;
}
.rf-ds-btn,
.rf-ds-nmb-btn {
    background-image: none !important;
    background-color: transparent !important;
    font-size: 18px !important;
    border: none !important;
    margin: 0 !important;
    padding: 2px !important;
    width: 1.4em !important;
}
.rf-ds-btn {
    width: 3em !important;
}
.rf-ds-btn:hover {
    color: #000 !important;
}
.rf-dt-c.mainBody {
    font-size: 1em !important;
}
.rf-tab-cnt table {
    width: 100%;
}
*.rf-dt-c {
    font-size: 1em !important;
    vertical-align: top;
}
.adminPage {
    font-family: Arial, Helvetica, sans-serif !important;
}
*.rf-dt-hdr-c,
*.rf-cp-hdr {
    background-image: none !important;
}
*.rf-cp {
    border: none !important;
    margin-bottom: 10px !important;
}
*.rf-cp-b {
    font-size: 0.9em;
}
table.radio,
table.rf-pm-top-gr-gr {
    border: none !important;
    width: auto !important;
}
table.radio td {
    width: 10%;
}
.form-group .radioRight {
    display: inline-block !important;
    margin: 0;
    width: 100px !important;
}
.adminPage table {
    width: 100%;
    border: 1px solid #c0c0c0;
}
.adminPage table th,
table.reference th {
    background-color: #4a75b5 !important;
    color: #fff !important;
    text-align: center;
    padding: 4px;
    background-image: none !important;
    font-size: 1em !important;
    font-weight: normal !important;
}
.adminPage table th.date,
.adminPage table th.username {
    max-width: 200px;
}
.adminPage table.rf-cp-gr {
    border: none !important;
}
.adminPage table.rf-cal-popup {
    width: auto !important;
}
.adminPage table.rf-cal-popup th {
}
.adminPage table.rf-cal-popup td {
    padding: 0 !important;
}
.adminPage table td {
    padding: 7px !important;
    font-family: Arial, Helvetica, sans-serif;
}
.adminPage table,
.adminPage table th,
.adminPage table td {
    font-family: Arial, Helvetica, sans-serif !important;
}
table.igedSearchRadio {
    width: 100%;
}
table.igedSearchRadio label {
    width: auto;
}

/********************************************************************** ADMIN TOOL STYLES ****************************************************************/

#bottomButtonBar {
    position: fixed;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 45px;
    padding: 5px;
    background-color: #e9eaed;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    z-index: 999;
}
#bottomButtonBar input {
    margin: 0px;
}
#bottomButtonBar .rf-msg,
#bottomButtonBar .rf-msgs {
    clear: none;
    float: right;
    width: auto;
}

/********************************************************************** SLIDESHOW STYLES ****************************************************************/

#homeSlideshowTop {
    position: relative;
    height: auto;
    width: 50%;
    float: left;
    display: inline;
    background-color: #fff;
    overflow: hidden;
}

#homeSlideshowTop span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    opacity: 0;
}

#homeSlideshowTop span.active {
    z-index: 10;
    opacity: 1;
}

#homeSlideshowTop span.last-active {
    z-index: 9;
}

#homeSlideshowTop img {
    margin: 0 auto;
    width: 100% !important;
}
#homeSlideshowBottom {
    float: left;
    width: 45%;
    margin-left: 20px;
}
#homeSlideshowBottom h3,
#connectBox h3 {
    display: inline;
}
#homeSlideshowBottom p strong,
#connectBox p strong {
    color: #777;
}
#connectBox .section {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: block;
    clear: none !important;
    margin: 0 !important;
    border: none !important;
}
#connectBox .section img {
    width: 30%;
    max-width: 50px;
    float: left;
    display: inline;
}
#connectBox .section .textContainer {
    display: inline !important;
    float: left;
    width: 65%;
    margin-left: 10px;
    margin-bottom: 0 !important;
    clear: none !important;
}
/*! http://responsiveslides.com v1.54 by @viljamis */
.slideshow {
    margin-bottom: 25px;
}
.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}
.paragraphDivSpacing {
    padding-bottom: 8px;
}
/*
Commenting as fix for EAP-13793
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}*/
.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}
.events {
    list-style: none;
}
.callbacks_container {
    position: relative;
    margin: 0 auto;
    margin-bottom: 10px;
    width: 100%;
}
.callbacks_container.loginPage {
    width: 100%;
    max-height: 309px;
    margin-bottom: 10px;
}
.callbacks_container.loginPage li img {
    max-width: 100%;
    max-height: 100%;
}
.callbacks_container.homePage {
    width: 100%;
    min-height: 240px;
    overflow: hidden;
    margin-bottom: 10px;
}
.callbacks_container.partnerProgramsBox {
    width: 100%;
    height: 140px;
    overflow: hidden;
    margin-bottom: 20px;
}
.callbacks_container.partnerProgramsBox strong > a {
    display: block;
    text-align: center;
}
.callbacks_container.partnerProgramsBox img {
    max-width: 60%;
    max-height: 100px;
    width: auto;
    float: none;
    margin: 0 auto;
}
.callbacks_tabs {
    display: none;
}
.callbacks {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}
/*
Commenting as fix for EAP-13793
.callbacks li {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}*/
.callbacks img {
    display: block;
    position: relative;
    z-index: 1;
    height: auto;
    width: 100%;
    border: 0;
}
.callbacks .caption {
    display: block;
    position: absolute;
    z-index: 2;
    text-shadow: none;
    color: #fff;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    left: 0;
    right: 0;
    top: 0;
    padding: 0px 20px;
    margin: 0;
    max-width: none;
    text-align: center;
}
.callbacks .description {
    height: auto;
    overflow: hidden;
}
.callbacks .description ul {
    padding: 0 0 0 30px;
    margin: 0;
    overflow: hidden;
}
.callbacks .description ul li {
    position: relative !important;
    display: list-item !important;
    font-size: 0.85em !important;
    clear: both !important;
}
.callbacks p {
    font-size: 0.85em;
}
.callbacks .caption h2 {
    font-size: 1em;
}
.callbacks_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 52%;
    left: 0;
    opacity: 0.7;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 61px;
    width: 38px;
    background: transparent url("themes.gif") no-repeat left top;
    margin-top: -45px;
}
.slideshowPage .callbacks_nav {
    top: 320px;
}
.callbacks_nav:active {
    opacity: 1;
}
.callbacks_nav.next {
    left: auto;
    background-position: right top;
    right: 0;
}
#slider3-pager a {
    display: inline-block;
}
#slider3-pager img {
    float: left;
}
#slider3-pager .rslides_here a {
    background: transparent;
    box-shadow: 0 0 0 2px #666;
}
#slider3-pager a {
    padding: 0;
}
@media screen and (max-width: 600px) {
    .callbacks_nav {
        top: 47%;
    }
    .slideshowPage .callbacks_nav {
        top: 200px;
    }
}

.carousel-pause button {
    background: none;
    border: 0;
    float: left;
    color: #666;
}
.pause_slider:before {
    font-family: "Glyphicons Halflings";
    content: "\e073";
}
.play_slider:before {
    font-family: "Glyphicons Halflings";
    content: "\e072";
}

/********************************************************************** TAB STYLES ****************************************************************/
*.rf-tab-hdr-act.rf-tab-hdr-top,
*.rf-tab-hdr,
*.rf-tab-hdr-inact {
    background-image: none !important;
    background-color: #fff !important;
}
*.rf-tab-hdr {
    color: #000 !important;
}
*.rf-tab-hdr-inact {
    color: #555 !important;
}
*.rf-tab-cnt {
    border: none !important;
    padding-left: 0 !important;
}
*.rf-tab-hdr-tabs {
    border-bottom: 1px solid #ccc !important;
}
*.rf-tab-hdr-tabs tr td {
    margin: 0 auto;
}
#mostViewedTabs h3,
#healthyGuidanceTabs h3 {
    display: none;
}
#mostViewedTabs ul a,
#healthyGuidanceTabs ul a {
    text-decoration: none !important;
}
#mostViewedTabs ul,
#healthyGuidanceTabs ul,
.groTabs {
    margin-bottom: 20px;
}

/* jQuery Tabs */
.ui-widget {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 1em !important;
}
ul.ui-tabs-nav,
.ui-widget-content,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    background-image: none !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}
.ui-state-default:focus {
    outline: 1px dotted #003e74;
}
.ui-widget-content {
    background-color: #fff !important;
}
.ui-widget-header {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 1px solid #ccc;
}
.ui-tabs .ui-tabs-panel {
    padding: 0 !important;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #003e74 !important;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited,
.ui-state-active a:hover .ui-state-active a:focus {
    color: #000 !important;
    box-shadow: none !important;
}
.ui-state-active,
.ui-state-active span {
    cursor: default !important;
}
.ui-state-hover a,
.ui-state-focus a {
    text-decoration: underline !important;
}
.ui-state-active.ui-state-focus a {
    text-decoration: none !important;
}
.ui-state-active a:hover {
    color: #000 !important;
}
.ui-state-active a:hover,
.ui-state-active a .text:hover {
    text-decoration: none !important;
    cursor: default;
}
ul.ui-tabs-nav {
    text-align: center;
}
#assetTabs ul.ui-tabs-nav {
    text-align: left;
}
.tabContent .boxText label,
.tabContent .section div > label {
}

ul.ui-tabs-nav li {
    float: none;
    display: inline-block;
    margin: 0 auto;
}
.ui-tabs .ui-tabs-nav li {
    float: none !important;
    margin-bottom: -4px;
}

/********** In-house Tabs ***********/

#loginRight .box h2 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border-bottom: 0 !important;
    margin-bottom: -1px;
    margin-top: 1px !important;
    padding-bottom: 5px !important;
    padding-left: 10px !important;
}
#loginRight .box .content {
    border: 1px solid #ccc;
    padding: 20px;
    min-height: 375px;
}
.baseTab {
    background: #e9eaed none repeat scroll 0 0;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    color: #003e74;
    padding: 4px 15px 3px;
    font-size: 1.1em;
    cursor: pointer;
}
/* hack for Chrome, tabs 1px off */
.baseTab:not(*:root) {
    padding-bottom: 4px;
}
.activeTab {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #fff;
    color: #666;
    cursor: default;
}

/********************************************************************** MODAL STYLES ****************************************************************/
.ui-widget-header,
.modal-header {
    background: #003e74 !important;
}
.disclaimerModal .ui-widget-header,
.disclaimerModal .modal-header,
.ui-dialog-titlebar,
.p-dialog-header {
    background: #5f3032 !important;
}
.disclaimerModal .modal-header {
    background: #003e74 !important;
}
.modal-title,
.modal-title a {
    color: #fff !important;
}
.modal-footer {
    text-align: center;
    border: none;
}
.modal-footer .btn {
    margin-right: 10px;
}
.ui-dialog,
.p-dialog {
    left: auto !important;
    top: auto !important;
    margin: 0 auto !important;
    height: 200px !important;
}
.ui-dialog-titlebar,
.p-dialog-header {
    border-bottom: 1px solid #e5e5e5 !important;
    height: 40px !important;
    padding: 15px !important;
}
.p-dialog {
    display: block !important;
    position: initial !important;
}
.p-dialog-header {
    display: block !important;
}
.p-dialog .p-dialog-header-icons {
    justify-content: flex-end;
    margin-top: -10px;
}
.pi-times {
    color: #fff;
}
.ui-dialog .ui-dialog-title,
.p-dialog-title {
    margin: 0 !important;
    font-size: 1.2em !important;
    color: #fff !important;
    position: absolute;
    top: 0;
    display: block;
    padding: 10px 0;
}
.ui-dialog .ui-dialog-content,
.p-dialog-content {
    padding: 15px 15px 0 15px !important;
}
.ui-dialog,
.p-dialog {
    background-clip: padding-box !important;
    background-color: #fff !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    border-radius: 6px !important;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5) !important;
    outline: 0 none !important;
    position: absolute;
    padding: 0 !important;
    top: 5% !important;
    left: 25% !important;
    width: 50% !important;
    height: auto !important;
}
.ui-widget-content {
    background-color: #fff !important;
    color: #000 !important;
    font-size: 1em !important;
    line-height: 1.5 !important;
    transform: none !important;
}

.ui-dialog p-button,
.ui-dialog button.ui-button,
.p-confirm-dialog-accept {
    margin: 0 auto !important;
    display: table;
}

.ui-button-text,
.p-button {
    color: #fff !important;
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
    padding: 4px 7px !important;
    margin: 10px auto !important;
    border-radius: 6px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    display: block !important;
}
.p-button .p-button-icon-left {
    margin-right: 0 !important;
}
.pi-check:before {
    content: "" !important;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
    background: none !important;
}

.ui-button-text:hover,
.ui-button-text:focus,
.ui-button-text.focus,
.ui-button-text:active {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.ui-dialog .ui-dialog-title,
.p-dialog-title {
    margin: 0 !important;
    font-size: 1.2em !important;
    color: #fff !important;
    position: absolute;
    top: 0;
    display: block;
}
#iBodyExternal,
#iBodyLocal {
    display: none;
}

.localeModal .modal-title {
    color: #003e74 !important;
    font-size: 0.95em !important;
    text-align: center !important;
}
.localeModal .modal-header .close,
.localeModal .modal-title a {
    color: #003e74 !important;
}

/********************************************************************** HEALTHY GUIDANCE STYLES ****************************************************************/
.healthCoach.section {
    width: 100%;
    border: none !important;
}
.healthCoach.section .image {
    float: left;
    display: inline !important;
    margin-right: 25px;
    width: 25%;
}
.healthCoach.section .image img {
    width: 100%;
}
.healthCoach.section .text {
    float: left;
    display: block !important;
    clear: none;
    width: 70%;
}
.healthCoach.section .text ul {
    margin: 0;
}
.submitBtnCoachingDecision {
    float: left;
    margin-left: 50px;
}
/********************************************************************** FPP STYLES ****************************************************************/
.fppMontageImage,
.mbsLoginMontageImage {
    max-width: 600px;
    width: 100%;
}
.navpanel a,
.navpanel span,
.subpanel a.mainLink,
.subpanel span.mainLink {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: inline-block;
}
.subpanel {
    width: 90%;
    float: right;
}
.subpanel a,
.subpanel span {
    font-size: 0.9em;
    font-weight: normal;
    text-transform: none;
    margin-bottom: 7px;
    text-decoration: none;
    display: inline-block;
}
.subpanel a.fpoLinkActive:after {
    font-family: "Glyphicons Halflings";
    content: "\e079";
    color: #333;
    margin-left: 15px;
}

/********************************************************************** MBS STYLES ****************************************************************/
ul.mbsBullets li a {
    font-size: 1.2em;
}

/********************************************************************** AGC STYLES ****************************************************************/
.agcMain {
    float: left;
    width: 55%;
    margin-right: 5%;
}
.agcMain label {
    color: #555;
    font-weight: bold;
    margin: 0;
    float: none;
    text-align: left;
    width: auto;
}
.agcRight {
    float: left;
    width: 35%;
}
.agcRight strong {
    background-color: #f0f1f5;
    color: #003e74;
    display: block;
    font-size: 1.375em;
    font-weight: normal;
    letter-spacing: 0.03em;
    padding: 1px 5px;
}
.agcRight strong:not(:first-of-type) {
    margin-top: 30px;
}
.agcRight p {
    margin: 5px 10px 20px;
}
.agcContainer .arrowRight {
    font-weight: bold;
    margin-left: 30px;
}
.agcContainer h2 {
    margin-top: 0;
}
.agcLinks {
    margin: 15px 0 30px 0;
}
.fieldDescriptor {
    display: inline-block;
    font-size: 0.96em;
    margin: 5px 0 10px;
    color: #444;
}

/********************************************************************** ICON STYLES ****************************************************************/
.pdf:before {
    font-family: "Glyphicons Halflings";
    content: "\e022";
    margin-right: 5px;
    color: #1c94c4;
}
.archiveIcon:before {
    font-family: "Glyphicons Halflings";
    content: "\e173";
    margin-right: 5px;
    color: #1c94c4;
}

*.rf-msg-err,
*.rf-msgs-err {
    background-image: none !important;
    padding-left: 0 !important;
}
*.rf-msg-err:before,
*.rf-msgs-err:before {
    font-family: "Glyphicons Halflings";
    content: "\e086";
    margin-right: 5px;
    color: #e50000;
    display: inline;
    float: left;
}
.articleIcon:before {
    font-family: "Glyphicons Halflings";
    content: "\e056";
    margin-right: 5px;
    color: #1c94c4;
}

.calculatorIcon:before {
    font-family: "Glyphicons Halflings";
    content: "\e145";
    margin-right: 5px;
    color: #1c94c4;
}

.questionIcon:before {
    font-family: "Glyphicons Halflings";
    content: "\e085";
    margin-right: 5px;
    color: #1c94c4;
}

.webinarIcon:before {
    font-family: "Glyphicons Halflings";
    content: "\e218";
    margin-right: 5px;
    color: #1c94c4;
}

.evaluationIcon:before {
    font-family: "Glyphicons Halflings";
    content: "\e185";
    margin-right: 5px;
    color: #1c94c4;
}

.audioIcon:before {
    font-family: "Glyphicons Halflings";
    content: "\e035";
    margin-right: 5px;
    color: #1c94c4;
}

.videoIcon:before {
    font-family: "Glyphicons Halflings";
    content: "\e009";
    margin-right: 5px;
    color: #1c94c4;
}

.slideshowIcon:before {
    font-family: "Glyphicons Halflings";
    content: "\e060";
    margin-right: 5px;
    color: #1c94c4;
}

.newsIcon:before {
    font-family: "Glyphicons Halflings";
    content: "\e022";
    margin-right: 5px;
    color: #1c94c4;
}

.arrowRight:before {
    font-family: "Glyphicons Halflings";
    content: "\e092";
    margin-right: 5px;
    color: #1c94c4;
}

.programsIcon {
    padding-left: 32px;
    background: transparent url("/groWeb/resources/images/icons/program.png") no-repeat 0 0;
    display: inline-block !important;
}

.estateGuidanceIcon {
    padding-left: 32px;
    background: transparent url("/groWeb/resources/images/icons/estateGuidance.gif") no-repeat 0 0;
    display: inline-block !important;
}

.lawyerIcon {
    padding-left: 32px;
    background: transparent url("/groWeb/resources/images/icons/lawyer.gif") no-repeat 0 0;
    display: inline-block !important;
}

.collegeIcon:before {
    font-family: "Glyphicons Halflings";
    content: "\e233";
    margin-right: 12px;
    color: #1c94c4;
    font-size: 20px;
    vertical-align: middle;
    line-height: 1;
}

.counselorIcon {
    padding-left: 32px;
    background: transparent url("/groWeb/resources/images/icons/counselor.gif") no-repeat 0 0;
    display: inline-block !important;
}

.elderCareIcon {
    padding-left: 32px;
    background: transparent url("/groWeb/resources/images/icons/elderCare.gif") no-repeat 0 0;
    display: inline-block !important;
}

.financialPlannerIcon {
    padding-left: 32px;
    background: transparent url("/groWeb/resources/images/icons/financialPlanner.gif") no-repeat 0 0;
    display: inline-block !important;
}

.seniorHousingIcon {
    padding-left: 32px;
    background: transparent url("/groWeb/resources/images/icons/seniorHousing.gif") no-repeat 0 0;
    display: inline-block !important;
}

.childCareIcon {
    padding-left: 32px;
    background: transparent url("/groWeb/resources/images/icons/childCare.gif") no-repeat 0 0;
    display: inline-block !important;
}

.financialPointIcon {
    padding-left: 32px;
    background: transparent url("/groWeb/resources/images/icons/fpo.bmp") no-repeat 0 0;
    display: inline-block !important;
}

.iconLinks {
    padding-top: 3px;
}
.iconLinks a {
    background-size: 22px auto;
    height: 22px;
}

/********************************************************************** TINYMCE STYLES ****************************************************************/

/********************************************************************** NON LOGGED-IN STYLES ****************************************************************/

@font-face {
    font-family: "slick";
    font-weight: normal;
    font-style: normal;
    src: url("/groWeb/resources/css/fonts/slick.eot");
    src: url("/groWeb/resources/css/fonts/slick.eot?#iefix") format("embedded-opentype"),
        url("/groWeb/resources/css/fonts/slick.woff") format("woff"),
        url("/groWeb/resources/css/fonts/slick.ttf") format("truetype"),
        url("/groWeb/resources/css/fonts/slick.svg#slick") format("svg");
}
.slick-prev::before,
.slick-next::before {
    color: black;
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
}

.slick-prev {
    left: 0px;
}
[dir="rtl"] .slick-prev {
    right: 26px;
}
.slick-next {
    right: 26px;
}
[dir="rtl"] .slick-next {
    left: 0px;
}
.slick-prev,
.slick-next {
    z-index: 100;
}

.slick-prev::before,
.slick-next::before {
    color: #fff;
    font-family: "slick";
    font-size: 44px;
    line-height: 1;
    opacity: 0.75;
    background-color: #003e74;
    padding: 0 10px;
    font-weight: bolder;
}
.subContent .slick-prev::before,
.subContent .slick-next::before {
    font-family: arial, sans-serif;
    color: #666;
}
.subContent .slick-prev,
.subContent .slick-next {
    top: 37%;
}
.slick-prev::before {
    content: "<";
}
.slick-next::before {
    content: ">";
}
.subContent .slick-prev::before,
.subContent .slick-next::before {
    background: transparent none repeat scroll 0 0;
    opacity: 1;
}

.noLogin .articleContent {
    padding: 0 20px;
}

.bottomBar {
    height: 60vh;
    overflow-y: auto;
    padding: 0 20px;
    width: 98%;
}

.crisisImg {
    width: 250px;
    height: 166px;
    margin-bottom: 10px;
}

.noLogin #twoColumnMiddle {
    position: relative;
}
.noLogin .articleContent {
    display: none;
}
.noLogin .articleContent:first-of-type {
    display: block;
}
.crisisImg span {
    display: none;
}
.crisisImg span:first-of-type {
    display: block;
}
.noLogin .rf-trn {
    background-image: none !important;
    color: #555 !important;
    font-size: 14px !important;
    margin-bottom: 10px;
    padding: 4px 8px !important;
    white-space: normal !important;
    width: 100% !important;
}
.noLogin .rf-trn.active {
    line-height: 1.5;
}
.noLogin .rf-trn-ico,
.noLogin .rf-trn-hnd,
.noLogin .rf-trn-hnd-ldn-fct {
    width: 0 !important;
}
.noLogin #twoColumnLeft,
.noLogin .threeColumn.sidebar {
    width: 24% !important;
}
.noLogin #twoColumnMiddle {
    border-left: 0;
}

.topDisclaimer {
    font-size: 0.9em;
    margin: -20px 0 25px;
}

.inputNumberSpinner,
input[type="text"].rf-insp-inp {
    font-size: 14px !important;
    min-width: 100px !important;
}

*.rf-insp-dec,
*.rf-insp-inc,
*.rf-insp-dec-dis,
*.rf-insp-inc-dis {
    min-height: 18px !important;
    width: 100% !important;
}

*.rf-insp {
    border: 1px solid #ddd !important;
    vertical-align: text-bottom;
    padding-right: 0px;
}

input.rf-insp-inp[type="text"] {
    background-image: none !important;
    display: inline-block;
}
*.rf-insp-btns {
    background-image: none !important;
    min-height: 34px !important;
    min-width: 25px !important;
    display: inline-block;
}

.smallInputText {
    min-width: 100px !important;
    width: 100px !important;
}

.emptyLabel {
    width: auto !important;
    padding-right: 30px;
    padding-left: 10px;
}

/* tooltip */
.helptip {
    color: #003e74;
    cursor: pointer;
    margin-right: 10px;
}
.helptip:hover,
.helptip:focus {
    text-decoration: none;
}
.helptip.disability {
    float: left;
}
.helptip:after {
    font-family: "Glyphicons Halflings";
    content: "\e085";
    margin-left: 5px;
}
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
}
.tooltip.show {
    opacity: 0.9;
}
.tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}
.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}
.tooltip-inner {
    max-width: 400px;
    text-align: left;
    padding: 6px 8px;
    font-size: 1.1em;
}
.bs-tooltip-left {
    padding: 0 0.4rem;
}
.bs-tooltip-left .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
}
.offScreen {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    font-size: 0;
}
/******Exclusive Content******/
a.exclusiveContent {
    color: green !important;
    font-weight: normal;
}
a.exclusiveContent:hover,
a.exclusiveContent:focus {
    text-decoration: none;
}

.submenu {
    background-color: #f7f7f7;
    border: 1px solid #2c699e;
    font-family: "Roboto";
    font-weight: 500;
    z-index: 999;
}
.submenu li,
.submenu li a {
    height: auto !important;
    line-height: 1.4 !important;
}
.submenu li a {
    padding: 7px 10px !important;
}
nav ul#navMenu a:hover {
}

nav ul#navMenu .submenu li a:hover,
nav ul.navMenu .submenu li a:hover,
nav ul#navMenu a:hover,
nav ul.navMenu a:hover,
nav ul.navMenu span:hover,
nav ul.navMenu span:hover span,
.clicker:hover {
    background: #2c699e !important;
    color: #fff !important;
    text-decoration: none !important;
}

#threeColumnMiddle {
    padding: 0 10px;
    width: 91%;
    float: left;
    border-right: 0;
    border-left: 0;
}
.mainBox {
    height: 397px;
    border: 1px solid #ff8300;
}
.lBlueBox {
    background: rgba(0, 0, 0, 0) url(images/main1.jpg) no-repeat local 0px -70px / 127% 153%;
}
.lOcreBox {
    background: rgba(0, 0, 0, 0) url(images/girl.jpg) no-repeat local 0px 0 / 100% 100%;
}
.lGreenBox {
    background: rgba(0, 0, 0, 0) url(images/world_watch_wide.jpg) no-repeat local 0 0 / 119% auto;
}
.lOrangeBox {
    background: rgba(0, 0, 0, 0) url(images/bio_screenings.jpg) no-repeat local -246px -64px / 125% 127%;
}
.lRedBox {
    background: rgba(0, 0, 0, 0) url(images/hot_topics.jpg) no-repeat local -69px -46px / 109% 112%;
}
.lRedBox2 {
    background: rgba(0, 0, 0, 0) url(images/topics.jpg) no-repeat local 0px -82px / 118% 121%;
}
.lBlackBox {
    background: rgba(0, 0, 0, 0) url(images/featured.jpg) no-repeat local 0 -67px / 100% auto;
}

.scrollBox {
    background: #003e74;
}
.scrollContent {
    padding: 15px 50px;
    background: #fff;
    overflow: hidden;
}

.greenBox {
    width: 30%;
    float: left;
    background-color: #b9ffc8;
    height: 190px;
}
.blueBox {
    width: 30%;
    float: left;
    background-color: #b9c6ff;
    height: 190px;
}
.mainBox {
    padding-top: 30px !important;
}
.bannerLogo {
    margin-left: 6%;
    width: 22%;
    height: 290px;
    background: #fff;
    opacity: 0.95;
    color: #000;
    text-align: left;
    padding: 10px;
    font-weight: bold;
    float: left;
    margin-right: 1%;
}

.bannerLongText {
    background: #fff;
    opacity: 0.95;
    text-align: left;
    margin-left: 10%;
    width: 50%;
    height: 290px;
    overflow-y: scroll;
    color: #000;
    padding: 10px;
    border: 1px solid #ccc;
}
.bannerTextR {
    margin-left: 42%;
}
.bannerLogo .logo {
    margin: 10px auto;
}
.bannerTextFull {
    width: 65%;
    overflow: hidden;
}
.bannerText h3 {
    font-size: 1.1em;
    margin-bottom: 5px;
    color: #003e74;
}
.bannerText .alertBoxText p {
    background: #fff;
    width: 100%;
    margin-left: 3%;
    padding: 10px;
    color: #000;
    opacity: 0.9;
    font-size: 1.1em;
}
.features {
    height: 300px;
    overflow-y: scroll;
    width: 66%;
    margin-left: 2%;
    margin-right: 0 !important;
}
.features p {
    width: 98% !important;
    margin-left: 0 !important;
}
.lBlueBox ul {
    list-style: disc;
}
.bannerText p,
.bannerText a {
    text-align: left;
}

#threeColumnMiddle .box {
    border-bottom: 0;
}

#resFilter {
    background: #fafafa;
    margin: 0 5px 15px;
    color: #000;
    border-color: #999;
}
/* search results container */
#articleTiles {
    margin-top: -10px;
}
.articleTiles,
.rrTiles {
    height: 700px;
    overflow-y: auto;
    overflow-x: hidden;
}
.searchEB {
    overflow-y: hidden;
    height: 850px !important;
    margin-bottom: -19px;
}

.rrTiles {
    height: 566px;
}
.fuscia {
    background-color: #dda0dd;
    height: 120px;
    border-radius: 10px;
    margin-bottom: 20px;
}
.fuscia span {
    display: block;
    margin: 40px auto;
    text-align: center;
    font-size: 1.5em;
    color: #fff;
}
#threeColumnRight h2 {
    background: none;
    color: #335c85;
    font-size: 1.1em;
    margin-bottom: 0 !important;
    white-space: nowrap;
}
#servMenuTitle {
    width: auto;
}
.searchBar {
    background: #fcfcfc;
    padding: 10px;
    position: relative;
    height: 168px;
    border: 2px solid #979797 !important;
}

.expandoText .searchBar {
    height: 100px;
    margin-top: 0;
    width: 90%;
}

.clear {
    clear: both;
}

.searchText {
    color: #fff;
    float: left;
    font-size: 1.7em;
    font-weight: bold;
    line-height: 1.3;
    margin-left: 15px;
    margin-right: 10px;
    margin-top: 3px;
}
.searchFilter input {
    color: #000 !important;
    font-size: 3em !important;
    width: 100% !important;
    max-width: none;
    float: left;
    font-weight: normal;
    padding: 0 10px !important;
    height: 75px;
    font-family: "Roboto";
    font-weight: 300;
    display: table;
}

.gridContainer {
    height: 685px !important;
    overflow-y: auto;
    box-shadow: 0 0 0px #ccc;
    border: 1px solid #e7e7e7;
    margin: auto !important;
}
.grid {
    margin: 10px auto 0px 10px;
}
.articleTiles .tile,
.rrTiles .tile {
    border-radius: 0 !important;
    height: 220px;
    width: 23.5%;
    margin: 5px;
    padding: 0 10px 7px;
}
.articleTiles .tile.wtile,
.rrTiles .tile.wtile {
    width: 48%;
}
.articleTiles .tile a:hover h3,
.rrTiles .tile a:hover h3 {
    text-decoration: none !important;
}

.tileType {
    font-size: 1em;
    color: #fff;
    font-weight: 400;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 3px 0 3px 8px;
    font-family: "Roboto";
    padding-right: 9px;
}

.tile.connect {
    border: 1px solid #003e74;
}
.connect h3:before {
    content: url("../images/icon_connect_w.png");
    display: inline-block;
    margin: 0 7px 0 0;
    vertical-align: middle;
    position: absolute;
    bottom: 23px;
    right: 0;
}
.connect .tileType {
    background: #003e74;
}

.tile.interact {
    border: 1px solid #3475b3;
}
.interact h3:before {
    content: url("../images/icon_interact_w.png");
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle;
    position: absolute;
    bottom: 27px;
    right: -5px;
}
.interact .tileType {
    background: #3475b3;
}

.tile.listen {
    border: 1px solid #414929;
}
.listen h3:before {
    content: url("../images/icon_listen_w.png");
    display: inline-block;
    margin: 0 7px 0 0;
    vertical-align: middle;
    position: absolute;
    bottom: 25px;
    right: 2px;
}
.listen .tileType {
    background: #414929;
}

.tile.read {
    border: 1px solid #628000;
}
.read h3:before {
    content: url("../images/icon_read_w.png");
    display: inline-block;
    margin: 0 7px 0 0;
    vertical-align: middle;
    position: absolute;
    bottom: 24px;
    right: -2px;
}
.read .tileType {
    background: #628000;
}

.tile.save {
    border: 1px solid #5f6a72;
}
.save h3:before {
    content: url("../images/icon_save_w.png");
    display: inline-block;
    margin: 0 7px 0 0;
    vertical-align: middle;
    position: absolute;
    bottom: 28px;
    right: -1px;
}
.save .tileType {
    background: #5f6a72;
}

.tile.bewell {
    border: 1px solid #bf5900;
}
.bewell h3:before {
    content: url("../images/icon_bewell_w.png");
    display: inline-block;
    margin: 0 7px 0 0;
    vertical-align: middle;
    position: absolute;
    bottom: 26px;
    right: 0;
}
.bewell .tileType {
    background: #bf5900;
}

.tile.watch {
    border: 1px solid #5f3032;
}
.watch h3:before {
    content: url("../images/icon_watch_w.png");
    display: inline-block;
    margin: 0 7px 0 0;
    vertical-align: middle;
    position: absolute;
    bottom: 23px;
    right: 1px;
}
.watch .tileType {
    background: #5f3032;
}

.tile h3:before {
    background: #5f819e;
    height: 30px;
    margin: 5px 3px !important;
}

.articleSide {
    padding-left: 35px;
}
.moreContent {
    margin-top: -15px;
    padding-left: 4px;
}
.moreContent .tile {
    position: relative;
    font-size: 0.9em;
    height: auto;
    padding: 4px 0 0 0;
    border: none;
    margin: 5px 0;
}
.moreContent .tile h3 {
    color: #003e74;
    width: 98%;
    margin-bottom: 3px;
}
.moreContent .tile h3:before {
    content: "";
}
.moreContent .tile a {
    display: block;
}
.moreContent .tileType {
    background: none;
    color: #003e74;
    position: relative;
    padding: 0 0 0 1px;
}

.feature {
    background-color: #fff;
    border: 2px solid #d7d7d7;
}

.services h2:before {
    content: url("../images/icon_services.png");
    display: inline-block;
    margin-right: 3px;
    vertical-align: middle;
}
.servicesMenu {
    background: url("../images/icon_services_sm.png") 50% 50% no-repeat;
    width: 30px;
    height: 30px;
    display: block;
}
nav #topNav ul li:hover .servicesMenu {
    background: url("../images/icon_services_sm_w.png") 50% 50% no-repeat;
}

.headerPanel {
    width: 100%;
    height: auto;
    background: #fff;
    position: absolute;
    z-index: 999999;
    border-color: #e7e7e7;
    border-style: solid;
    border-width: 0 2px 2px 2px;
    box-shadow: 5px 10px 18px #888888;
}

.tile .glyphicon {
    text-transform: uppercase;
    font-size: 1.1em;
    color: #003e74;
    font-weight: 800;
}
.tile .glyphicon span {
    font-family: "Roboto";
    display: inline-block;
    margin-left: 4px;
}

.glyphicon-star:before {
    content: "\e006";
}

.alertsImg {
    float: left !important;
    width: 130px;
    margin-right: 20px;
}
.alertsImg img {
    width: 130px;
}
.alertBoxText {
    margin-bottom: 15px;
}
.alertBoxText p {
    display: table-cell;
}

.articleTiles .tile a,
.articleTiles .tile h3,
.rrTiles .tile a,
.rrTiles .tile h3 {
    color: #003e74 !important;
}
.articleTiles .col,
.rrTiles .col {
    padding: 0 7px;
}
.articleTiles .row,
.rrTiles .row {
    margin: 0 -5px;
}
.rightMenu input {
    width: 90%;
}
#bodyContainer #content {
    margin-top: 150px;
}
#accordian {
    padding: 0;
    background: #feebfe;
    border-radius: 30px;
}
#accordian li a {
    display: block;
    padding: 10px 15px;
    background: #fcd9fc;
    border: 1px solid #dda0dd;
    border-radius: 30px;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    font-size: 0.95em;
    margin-top: -1px;
    position: relative;
}
#accordian li a:hover,
#accordian li a.active {
    background: #dda0dd;
    color: #fff;
    border-color: #fff;
}
#accordian li ul {
    display: none;
    padding: 30px 0 18px 15px;
    background: #feebfe;
    margin-top: -18px;
    border-radius: 0 0 10px 10px;
}
#accordian li ul li a {
    padding: 10px 25px;
    background: #ececec;
    border-bottom: 1px dotted #ccc;
}

ul.submenu.topics {
    margin-left: -91px !important;
}
ul.submenu.popular {
    margin-left: -152px !important;
}
ul.submenu.communities {
    margin-left: -293px !important;
}

.iconSlider {
    margin-bottom: 20px;
    display: block;
    width: 72px;
    height: 76px;
    padding: 0;
    text-align: center;
    line-height: 75px;
    font-size: 22px;
    z-index: 11;
    color: #fff;
    position: relative;
    left: 0;
    float: right;
    background-color: #2c699e;
    border: 1px solid #fff;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transition: all 350ms;
    -moz-transition: all 350ms;
    transition: all 350ms;
}
.iconSlider:hover,
.iconSlider:focus,
.iconSlider:active {
    color: #fff;
    width: 300px;
}
.usStyles .iconSlider:hover,
.usStyles .iconSlider:focus,
.usStyles .iconSlider:active {
    border: 2px solid #003e74;
    border-radius: 3px 0 0 3px;
}
.icon {
    height: 74px;
    width: 75px;
    float: left;
    position: relative;
}
.usStyles .icon {
    height: 72px;
}

.slideRail {
    z-index: 99;
    width: 50px;
    margin-left: 37px !important;
}
.slideRail h3 {
    width: 100%;
    left: 0;
    color: #666;
    display: inline-block;
    font-weight: 300;
    color: #fff;
    font-size: 0.6em;
    bottom: 1px !important;
    position: absolute;
    margin-bottom: 3px;
    white-space: nowrap;
}
.iconBody {
    height: 500px;
    width: 483px;
    background: #f7f7f7;
    border-radius: 0 0 10px 10px;
    color: #000 !important;
    font-size: 0.7em;
    text-align: left;
    line-height: 1.5;
    padding: 10px;
    border: 1px solid #cfcfcf;
    border-top: 0;
    overflow-y: auto;
}
.iconTab,
.iconBody {
    border: 0px solid #fff;
    width: 76px;
}
.iconBody .content {
    width: 97%;
}
.regList div {
    font-size: 0.95em;
    background: #fff;
    padding: 12px;
    margin-left: -10px;
}
.iconTitle {
    width: 298px;
    text-align: left;
    padding-left: 100px;
    cursor: pointer;
}
.fa {
    line-height: 2;
}
.services h2 {
    padding-right: 0;
    padding-bottom: 12px !important;
}
.mainContent .content {
    color: #fff;
    text-align: center;
    padding-top: 1%;
}
.slick-dots {
    background: #003e74 none repeat scroll 0 0;
    bottom: -10px;
    color: #fff;
    display: block;
    left: 0;
    list-style: outside none none;
    opacity: 0.9;
    padding: 0;
    position: absolute;
    text-align: left;
    width: 100%;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    padding: 0;
    cursor: pointer;
    border-right: 1px solid #fff;
    margin: 0;
}
.slick-dots li a {
    color: #fff;
    padding: 10px 15px;
    font-size: 1.2em;
    display: block;
}
.slick-dots li.slick-active a {
    background: #fff;
    color: #003274 !important;
}
.slick-dots li:hover {
    text-decoration: none;
    background: #fff;
}
.slick-dots li:hover a {
    color: #003e74;
    text-decoration: none;
}

.subBox {
    width: 32%;
    float: left;
    margin-right: 19px;
}
.subBox:last-of-type {
    margin-right: 0;
}
.subContent {
    float: left;
    width: 100%;
    border: 1px solid #e7e7e7;
}
.subContent:last-of-type {
    margin-right: 0;
}
.subBox h3 {
    color: #999;
    font-size: 1.7em;
    font-weight: 400;
    display: table;
    margin-bottom: 10px !important;
}
.subLogo img {
    max-height: 90px;
}
.workLogo img {
    max-height: 50px;
    margin: 25px 0;
}
.subMessage h4 {
    color: #3475b3 !important;
    font-size: 1.3em !important;
    margin: 10px 0 !important;
}
.slick-slider {
    margin-bottom: 5px;
}
.box .content {
    padding-left: 0;
}
ul.regList,
ul.disc {
    list-style: disc;
}
.regList li,
.disc li {
    line-height: 1.7;
}
ul.disc {
    margin-top: 7px;
    margin-bottom: 7px;
}

#ableVideo_youtube,
.able-media-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.able-button-handler-slower,
.able-button-handler-faster,
.able-button-handler-restart {
    display: none !important;
}
.able-big-play-button {
    height: 100% !important;
}
.able-status-bar {
    height: 2.5em;
}
.able-controller {
    min-height: 30px;
    z-index: 9;
    width: auto !important;
    float: left;
}
.able-left-controls,
.able-right-controls {
    margin: 0 6px 0 6px;
}
.able-right-controls {
    display: none !important;
}
.able-controller span {
    margin-right: 40px;
}
.videoBox {
    width: 100%;
    position: relative;
    float: left;
}
.groText {
    margin: 20px;
    width: 25%;
    display: inline-block;
    font-size: 1em;
}
.subContent .radio label {
    max-width: 85%;
}
.trainingImg {
    width: 100%;
    margin-bottom: 10px;
}
.panelSpacer {
    width: 100%;
    height: 20px;
    margin: 15px auto 10px;
    border-top: 1px solid #ccc;
    display: block !important;
}
.sPanel {
    position: relative;
    height: 100%;
}
.servPanel,
.sPanel {
    padding-left: 10px;
    margin: 30px 10px;
}
#requestServices .sPanel {
    margin-top: 10px;
    width: 90% !important;
}
.servPanel h3,
.sPanel h3 {
    margin-left: -10px;
}
.sPanel a {
    font-weight: 600;
}
.panelFootLinks {
    position: absolute;
    bottom: 0;
    font-weight: bold;
    width: 100%;
}
.panelFootLinks a {
    display: inline-block;
    width: 48%;
}
.panelNext {
    text-align: right;
}
.box input[type="submit"].servSubmit {
    width: 100px !important;
    margin-left: 34%;
}
.form-inline.boxText {
    margin-bottom: 20px !important;
}
.innerPanel label {
    width: 33%;
}
.innerPanel input {
    width: 100px !important;
    min-width: 20%;
}
.dataTable {
    margin: 15px 0;
}
th,
table .rf-dt-shdr-c {
    background-color: #003e74 !important;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 7px 5px;
    text-align: center;
    white-space: nowrap;
    color: #333;
}
td {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #111;
    margin: 0 1px;
    padding: 6px 5px;
    vertical-align: initial;
}
.rf-ds {
    display: block;
    margin: 20px 0 !important;
}
.rf-ds a,
.rf-ds span {
    font-size: 1.2em !important;
    padding: 0 5px;
}
tfoot tr:hover {
    background: #fff !important;
}

.rf-dt {
    border: 1px solid #fff !important;
    /*min-width: 75% !important;*/
}
.rf-dt th {
    background: #f0f0f0;
    color: #000;
    padding: 7px 15px !important;
    text-align: left;
    line-height: 1.6;
}
.rf-dt th:first-of-type {
    border-radius: 10px 0 0;
}
.rf-dt th:last-of-type {
    border-radius: 0 10px 0 0;
}
.rf-dt td {
    border: 1px solid #fff;
    padding: 4px 3px !important;
    font-size: 1em !important;
    line-height: 1.6;
}

td.rf-dt-ftr-c {
    font-size: 1em !important;
    color: #41719e !important;
    padding-top: 20px;
}

.rf-dt tr:nth-child(even) {
    background: #f8f8f8;
}
tr:hover {
    background: #ffffcc !important;
}
.radioSet {
    width: 100% !important;
    display: block;
    margin-bottom: 0px;
    margin-left: 15px;
}
.radioSet label {
    width: 85%;
    text-align: left;
    font-weight: normal;
}
.pdfLink,
.pdfLink:hover {
    margin-left: 10px;
    color: #d90000;
}
a.headSwitch:hover,
a.headSwitch:active,
a.headSwitch:focus {
    text-decoration: none;
}
.wwLogo {
    width: 175px;
    background: #fff;
    opacity: 0.9;
    float: left;
    margin-left: 8%;
    height: 128px;
    padding: 10px;
}
.wwLogo img {
    margin: auto;
}
.bannerText h2 {
    font-size: 1.7em !important;
    background: none !important;
    text-transform: none;
    padding: 0;
    margin: 0;
}
.bannerLongText h2 {
    margin-bottom: 20px;
}
.bannerLogo .logo {
    margin: 0 auto 20px;
}
.hotTopics {
    text-align: left;
    background: #fff;
    opacity: 0.9;
    padding: 15px 0;
    margin-left: 2%;
    font-size: 1.1em;
}
.agcLinks a {
    font-weight: bold;
}
.dontKnow {
    margin-bottom: 10px;
    display: block;
    position: absolute;
    bottom: -50px;
    margin-left: 10px;
    font-family: "Roboto";
    font-weight: 600;
    line-height: 1;
    width: 100%;
}
.dontKnow img {
    width: 27px;
    margin-top: -8px;
}
.dontKnow a {
    margin-left: 8px;
}
.low .dontKnow {
    position: initial;
}
.closeExpando,
.headPanelHider {
    float: right;
    margin: 10px 10px 20px;
    padding: 5px 10px;
    background: #f7f7f7;
    border: 1px solid #e7e7e7;
    position: absolute;
    right: 0;
    top: -5px;
}
.expando {
    position: relative;
}
.headerPanel .expandoText {
    padding: 40px 20px;
}
.expandoText h2 {
    padding-left: 0;
    margin-top: 30px !important;
}
.expandoText h2:first-of-type {
    margin-top: 0 !important;
}
.expandoText h1,
.expandoHead h1 {
    padding-left: 0;
    font-size: 1.8em;
    font-weight: 500;
    margin-bottom: 20px;
    color: #3475b3 !important;
    padding: 10px 0 3px;
    width: 100%;
    border-bottom: 1px solid #3475b3;
}

#rrCode {
    margin-top: -9px;
}
.rrQuestion {
    font-size: 1.8em;
    margin: 0 0 15px 30px;
    font-style: italic;
    text-align: left;
}
.rrIcons {
    background: url("../images/rrbg.jpg") no-repeat;
    padding: 10px;
    font-family: "Roboto";
    color: #fff;
    text-align: center;
    min-height: 193px;
}
.rrSet {
    margin: 0 auto;
    display: flex;
    width: 100%;
    justify-content: center;
}
.rrIcon {
    max-width: -webkit-fill-available;
    padding: 0px;
    font-size: 1.2em;
    flex: 1 0 0;
    width: 20% !important;
    line-height: 1.4;
}
#rrSet2 .rrIcon {
    max-width: 200px;
    margin: 0 20px;
}
.rrIcon img {
    width: 100%;
    margin: 0 auto 5px !important;
    text-align: center;
    max-width: 70px !important;
}
.rrIcon a {
    display: block;
}

.rrGroup {
    position: relative;
}
.question {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1em;
}

#requestServices li a {
    font-weight: 600;
}

.myServText {
    font-size: 1.1em;
    margin-bottom: 20px;
}
.phoneCols div {
    margin: 0 0 20px 0;
    padding: 5px;
}
.textC {
    display: inline-block;
}
.phoneC {
    display: inline-block;
    direction: ltr;
}
/**/
.ecBox h4 {
    color: #003e74 !important;
    font-size: 1.2em !important;
    margin-bottom: 0 !important;
    font-weight: 600 !important;
    padding: 0 10px;
    display: inline-flex;
}
.actionBox h4 {
    margin-bottom: 3px !important;
}
.ecSubBox p {
    padding: 0px 5px 0 15px;
}
.tile h3 {
    font-weight: 600 !important;
    display: inline-flex;
    font-size: 0.975em !important;
    font-family: "Roboto", sans-serif;
}
.tile p {
    font-size: 0.95em;
    font-family: sans-serif;
}
.hgIcon {
    margin-right: 7px;
}
.filterContainer {
    position: relative;
    margin-bottom: 30px;
    margin-top: 30px;
}
.filterPanel {
    width: 99%;
    position: absolute;
    height: auto;
    z-index: 999999;
    background: #fff;
    border-color: #e7e7e7;
    border-style: solid;
    border-width: 0 2px 2px 2px;
    padding: 0 10px;
    box-shadow: 5px 10px 18px #888888;
}
ul.filterTabs li {
    display: inline-block;
    padding: 10px 20px;
    margin-right: 10px;
    border-width: 1px 1px 0 1px;
    border-color: #ccc;
    border-style: solid;
    margin-bottom: -1px;
    cursor: pointer;
}
.filterLink {
    font-size: 1.2em;
    font-family: "Roboto";
    background: #fcfcfc;
    padding: 10px 20px;
    border: 1px solid #e7e7e7;
    width: 99%;
    color: #000;
    font-weight: 600;
}
/*.filterTest{
	font-size: 1.2em;
	font-family: "Roboto";
	color: #888888;
	font-weight: 600;
}*/
.filterTitle {
    display: inline-block;
    margin-right: 25px;
    font-weight: 600;
    color: #2c699e;
    font-size: 0.9em;
    text-transform: uppercase;
}

.filterLink select {
    font-weight: normal;
    font-size: 0.9em;
    margin: 0 5px;
    border-color: #676767;
}
.filterLink a {
    color: #003e74 !important;
    font-size: 0.9em;
    font-family: "Roboto";
    display: inline-block;
    margin-left: 120px;
    font-weight: 400;
    cursor: pointer;
}
.filterLink a:hover {
    text-decoration: underline !important;
}
.advFilter .glyphicon {
    font-size: 0.8em;
}

.agcIcon img {
    width: 40px;
    margin-right: 10px;
    vertical-align: top;
}

#threeColumnMiddle .box .expando h2 {
    border-bottom: 0 !important;
    text-transform: none !important;
}

.filterTabs {
    float: left;
    width: 56%;
    border-bottom: 1px solid #ccc;
    margin-right: 25px;
}
.filterSort {
    width: 40%;
    display: inline-block;
}
.filteringOn {
    margin: 0 0 0 10px;
}
.notFound {
    margin: 20px 10px;
}

.topicTitle {
    display: inline-block;
    margin: 0 10px 10px;
}
.clearTopic {
    display: inline-block;
    margin-left: 2px;
    color: #fff;
    background: #333;
    line-height: 1;
    width: 18px;
    height: 18px;
    padding: 0 3px;
    cursor: pointer;
    border-style: hidden;
}
.clearTopic:hover {
    background: #666;
}

.topicFilterTitle {
    background: #f7f7f7 !important;
    font-weight: 600;
    margin-bottom: 5px;
    padding: 2px 8px;
}
.topicFilterList {
    list-style-type: none;
    margin-left: -13px;
}

.filterPanel .row {
    margin-bottom: 16px;
    font-size: 1.1em;
}
.wMax {
    font-weight: 900;
}
.wMed {
    font-weight: 600;
}
.leadText {
    margin-top: 15px;
    font-size: 0.9em !important;
    color: #333;
    font-weight: 600;
}
.filterPanel input[type="checkbox"] {
    margin-bottom: 8px;
}
.btn.disabled {
    opacity: 0.45 !important;
}
.fsItem:after {
    content: "X";
    border-left: 1px solid #ccc;
    padding: 8px 10px;
    margin-left: 11px;
    font-weight: 700;
    font-size: 1.2em;
    background: #ccc;
    margin-right: -10px;
    cursor: pointer;
}
.fsItem {
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 28px;
    background: #f7f7f7;
    border: 1px solid #ccc;
    margin-right: 10px;
    white-space: nowrap;
}
.filterTabRow {
    margin-bottom: 30px;
}
.box input[type="submit"] {
    width: auto !important;
    margin-left: 6px;
}
span.highlight {
    background: #f7fbfc;
    padding: 7px;
    color: #000 !important;
    font-size: 1.3em;
    font-weight: 400;
}
.filterTab {
    background: #eee;
    border-bottom: 1px solid #ccc !important;
}
.filterTab.active {
    background: #fff;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #fff !important;
}
.aboutLinks,
.aboutLinks a:link,
.aboutLinks a:visited {
    color: #555;
    font-size: 12px;
    font-weight: 700;
    margin-top: 0;
    text-align: center;
}

.moreContent {
    margin-top: -7px;
    padding-left: 4px;
}
.moreContent .tile {
    position: relative;
    font-size: 0.9em;
    height: auto;
    padding: 4px 0 0 0;
    border: none;
    margin: 10px 0;
    width: 100%;
}
.moreContent .tile a {
    display: block;
    width: 98%;
    margin-bottom: 3px;
    font-weight: 600 !important;
    display: inline-flex;
    font-size: 1.1em;
}
.articleTools a {
    width: 98%;
    font-weight: 600 !important;
    font-size: 1em;
    display: block;
    margin: 5px 0 10px;
}
.moreContent .tileType {
    background: none;
    color: #003e74;
    position: relative;
    padding: 0 0 0 1px;
}

.ecBox {
    flex-direction: column;
}
.ecBoxMessage {
    height: 240px;
}
.eapBoxes .ecBoxMessage {
    min-height: 230px;
    height: auto;
}
.eapBoxes .ecBox h3 {
    margin-bottom: 10px !important;
}

.featureBoxes .ecBoxMessage {
    min-height: 269px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ecSubBox {
    height: 100% !important;
}
.ecSubBox p {
    padding: 0px 15px 35px !important;
    min-height: 140px;
}

.longAbstract {
    margin-bottom: 15px !important;
}
.longAbstract {
    display: none;
}
.videoSm {
    width: 50%;
    margin: 0 auto;
}
.videoSmCounselor {
    margin: 6% 0% 0% -17% !important;
}
.plyr--fullscreen-enabled [data-plyr="fullscreen"] {
    display: inline-block !important;
}
.featureExp {
    margin: -8px 0 0 -2px !important;
    vertical-align: middle;
}
.eapBoxes .featureExp {
    margin-left: 2px !important;
}
.featureCol {
    margin-left: 3px;
}

#oneColumn div.content {
    overflow: auto;
}

/********************************************************************** MEDIA QUERIES ****************************************************************/
@media (max-width: 1300px) {
    nav footer,
    header .container,
    #header .container,
    #bodyContainer,
    .main,
    .modal {
        max-width: 1100px;
    }
}

@media (min-width: 1121px) {
    #twoColumnMiddle .topicList p a,
    #twoColumnMiddle .listItem strong a {
        margin: 5px;
    }
    #twoColumnMiddle .abstractText {
        padding-left: 10px;
    }
    #twoColumnMiddle .abstractText {
        font-size: 0.96em;
        line-height: 1.5;
    }
}

@media (min-width: 1301px) {
    #twoColumnMiddle .topicList p a,
    #twoColumnMiddle .listItem strong a {
        font-size: 1em;
        line-height: 1.5;
    }
    #twoColumnMiddle .abstractText {
        font-size: 1em;
    }
}

@media (max-width: 1120px) {
    nav footer,
    header .container,
    #header .container,
    #bodyContainer,
    .main,
    .modal {
        max-width: 100%;
    }

    #loginLeft {
        width: 55%;
    }
    #loginRight {
        width: 44%;
    }

    nav ul#navMenu li > a,
    nav ul#actions li a,
    nav ul#navMenu li .clicker {
        font-size: 0.95em;
    }
    .global nav ul#navMenu li > a,
    .global nav ul#actions li a,
    .global nav ul#navMenu li .clicker {
        font-size: 0.9em;
    }
    .articleContent {
        width: 100%;
    }

    #twoColumnLeft,
    .threeColumn.sidebar {
        width: 30% !important;
    }
    #twoColumnMiddle {
        width: 70%;
        padding-left: 5px;
    }

    .threeColumn.sidebar {
        display: block;
        padding-right: 15px !important;
        width: 30%;
        float: left;
    }

    #threeColumnMiddle {
        width: 90%;
        border-right: none;
    }

    #twoColumnMiddle .topicList p,
    #twoColumnMiddle .listItem {
        width: 48%;
    }

    #twoColumnMiddle #featuredResource {
        width: 100%;
    }

    .articleContent > #topBar {
        width: 100%;
        float: left;
        display: block;
        clear: both;
        border-bottom: 1px solid #ccc;
        margin-bottom: 20px;
        padding-bottom: 5px;
    }
    .articleContent > #bottomBar {
        width: 100%;
        float: left;
        display: block;
        clear: both;
    }
    .articleContent > #topBar .articleTools {
        float: none;
        display: table;
        margin: 0 auto;
    }
    .articleContent > #topBar .articleTools .tool,
    .articleContent > #topBar .articleTools > form .tool {
        display: inline !important;
        float: left !important;
        margin: 0 10px 10px 0;
        padding: 3px 5px;
        width: auto;
        height: 30px;
    }

    .callbacks_container.loginPage {
        height: auto;
    }

    .siloImage img {
        width: 100%;
    }

    .ui-state-default,
    .ui-widget-content .ui-state-default {
        font-size: 0.95em !important;
    }
    .ui-tabs .ui-tabs-nav li a {
        padding: 3px 10px !important;
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
        font-size: 0.95em !important;
        padding: 3px 10px !important;
    }

    .smDataSet {
        width: 65%;
    }

    .archiveTopicList img {
        width: 73px;
    }
    .archiveTopicList span {
        width: 69%;
    }
}

@media (max-width: 991px) {
    .halfCol .topicList p {
        width: 47.5% !important;
    }
}

@media (max-width: 950px) {
    #loginLeft {
        width: 50%;
    }
    #loginRight {
        width: 49%;
    }

    nav ul#navMenu li > a,
    nav ul#actions li a,
    nav ul#navMenu li .clicker {
        padding: 0 6px;
    }

    .siloImageText {
        top: -120px;
    }

    .archiveTopicList img {
        width: 68px;
    }
    .archiveTopicList span {
        width: 67%;
    }
}

@media (max-width: 850px) {
    nav footer,
    header .container,
    #header .container,
    #bodyContainer,
    .main,
    .modal {
        width: 100% !important;
    }

    #awardSectionImages img {
        max-width: 80px;
    }

    #bodyContainer #content {
        margin-top: 20px !important;
    }
    span#tmpGroLogo {
        margin-top: 0 !important;
    }
    #twoColumnMiddle,
    #threeColumnMiddle,
    #oneColumn {
        float: left;
        width: 100%;
        padding-left: 5px;
        border: none;
    }
    .noLogin #twoColumnLeft,
    .noLogin .threeColumn.sidebar {
        width: auto !important;
    }

    nav #topNav ul,
    nav #bottomNav,
    nav #topNav,
    .sidebar,
    .threeColumn.sidebar {
        display: none;
    }

    #mobileNav {
        display: block;
    }
    .cpTop {
        font-size: 32px !important;
    }
    .cpTop span {
        font-size: 26px !important;
    }
    .cpBottom {
        font-size: 10px !important;
    }
    .cpLogoCol {
        line-height: 18px !important;
        padding-left: 0;
        padding-right: 0;
    }
    .cpLogoWrap,
    .badgeWrapper {
        height: 76px;
        padding: 5px 5px 5px 0;
    }
    .badgeWrapper {
        float: left;
        left: 10px;
        margin-left: 40%;
    }
    .topText,
    .bottomText {
        padding: 0 7px;
    }

    #threeColumnMiddle .topicList p {
        width: 48%;
        margin-right: 10px;
    }

    .homeTopicList img {
        width: 53.5px;
        height: 47.5px;
    }

    .homeTopicList span {
        width: 72%;
    }

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

    .siloImageText {
        top: -150px;
    }
    .siloImgContainer {
        display: none;
    }

    .ui-state-default,
    .ui-widget-content .ui-state-default {
        font-size: 0.95em !important;
    }
    .ui-tabs .ui-tabs-nav li a {
        padding: 0.5em 1.5em !important;
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
        font-size: 0.95em !important;
        padding: 0.5em 1.5em !important;
    }

    .smallBox.cos .left,
    .smallBox.cos .right,
    #twoColumnMiddle .smallBox.cos .box,
    #threeColumnMiddle .smallBox.cos .box {
        width: 70% !important;
        float: left;
        margin: 0;
        display: inline;
        border: none;
    }

    #locationDetails,
    #mapDetails {
        width: 100%;
        display: block;
        margin-bottom: 15px;
    }

    .smDataSet {
        width: 55%;
    }

    .archiveTopicList img {
        width: 85px;
    }
    .archiveTopicList span {
        width: 70%;
    }
}

@media (max-width: 810px) {
    .baseTab {
        padding-left: 9px;
        padding-right: 9px;
    }
}

@media (max-width: 768px) {
    #loginLeft {
        width: 100%;
        display: block;
        clear: both;
    }
    #loginRight {
        width: 100%;
        border: none;
        margin-top: 25px;
    }
    #loginRight .box .content {
        min-height: initial;
    }
    #loginRight .box {
        padding-left: 0;
    }

    #awardSection,
    #awardSectionImages,
    #slideshowLogin {
        display: none;
    }

    .siloImageText {
        top: -130px;
    }

    .ui-state-default,
    .ui-widget-content .ui-state-default {
        font-size: 0.9em !important;
    }
    .ui-tabs .ui-tabs-nav li a {
        padding: 0.5em 1em !important;
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
        font-size: 0.9em !important;
        padding: 0.5em 1em !important;
    }
    .agcMain {
        clear: float;
        width: 95%;
    }
    .agcRight {
        clear: float;
        width: 95%;
        margin: 30px 0;
    }
    .agcContainer input[type="submit"] {
        width: 95%;
    }

    label,
    .textAsLabel,
    .inlineFieldSet legend {
        text-align: left;
    }

    .helpText input,
    .helpText select,
    .helpText textarea {
        width: 100%;
    }

    .textOverlay#loginTextOverlay {
        top: 0;
    }

    .inline-box {
        width: 100%;
        clear: both;
    }

    .archiveTopicList img {
        width: 78px;
    }
    .archiveTopicList span {
        width: 69%;
    }

    .mobileHide {
        display: none;
    }
}

@media (max-width: 750px) {
    #compsychLogo {
        display: none !important;
    }
    .feedback-form-radio {
        width: 115% !important;
    }
}

@media (max-width: 700px) {
    header #banner {
        max-height: 85px;
    }
    #banner .col-xs-9 {
        width: 70%;
    }
    #banner .col-xs-3 {
        width: 30%;
    }
    .cpLogoWrap {
        float: left;
    }
    .mainLogoCol {
        max-width: 500px !important;
    }
    .forceSmallBox {
        display: block !important;
        width: 100% !important;
        float: left;
        clear: both !important;
    }
    #mapDetails {
        height: 300px;
    }
    .smDataSet {
        width: 70%;
    }

    .archiveTopicList img {
        width: 63px;
    }
    .archiveTopicList span {
        width: 67%;
    }
}

@media (max-width: 565px) {
    #homeSlideshowTop {
        margin: 0 auto;
    }
    .callbacks_container.homePage {
        min-height: 178px;
    }
    .callbacks {
        width: 60%;
        margin: 0 auto;
    }
    #homeSlideshowTop li {
        float: none !important;
    }

    .topicList p,
    .listItem {
        width: 100% !important;
        height: auto;
    }

    .bookBox,
    #loginLeft,
    p.about,
    p.aboutLinks,
    img.searchProviderImage {
        display: none !important;
    }

    #flashVideo embed {
        min-height: 234px;
    }

    .smallBox .right .login {
        border: none !important;
        border-top: 1px solid #ccc;
        padding: 0 !important;
    }

    nav #topNav a.logoText {
        font-size: 1.2em;
        float: right;
        padding: 0;
        margin: 10px 0 0 0;
    }

    nav #topNav a.logoSubText {
        font-size: 0.85em;
        margin: 0;
    }

    header #banner {
        height: 65px;
    }

    header #banner img {
        height: auto;
        max-height: 70px;
        width: 100%;
        max-width: 405px;
        display: block;
        clear: both;
        float: left;
    }
    .mainLogoCol {
        width: 100% !important;
    }
    .cpLogoCol {
        display: none;
    }

    span#country {
        display: block;
        clear: both;
        width: 100%;
        float: left;
        font-size: 16px !important;
        text-align: center;
    }

    #homeSlideshowTop {
        width: 100%;
        height: auto;
        margin: 0 auto;
        margin-bottom: 25px;
    }

    #homeSlideshowBottom,
    #connectBox {
        display: block;
        clear: both;
        float: left;
        width: 100%;
        margin: 0;
    }

    .listItem.mbs.articles {
        width: 100%;
    }

    .homeTopicList span {
        width: 70%;
    }

    .box h2 {
        background-color: transparent;
        font-size: 1.2em;
    }
    .baseTab {
        font-size: 0.9em !important;
        padding-bottom: 4px;
    }
    /* hack for Chrome, tabs 1px off */
    .baseTab:not(*:root) {
        padding-bottom: 5px !important;
    }
    .baseTab a:hover,
    .baseTab a:focus {
        text-decoration: none !important;
    }
    .submitBtnCoachingDecision {
        float: none;
        margin-left: 0;
    }
    input[type="submit"] {
        width: 100% !important;
    }
    *.rf-pp-cnt {
        color: #000 !important;
    }
    *.rf-pp-cntr {
        width: 100%;
        height: auto;
        top: 85px !important;
        left: 0 !important;
        border-radius: 0;
        z-index: 9999;
        background-color: #fff !important;
    }

    .siloImageText {
        top: -110px;
    }

    .healthCoach.section .image {
        width: 100%;
        display: block;
        margin: 0 auto;
        clear: both;
        margin-bottom: 20px;
    }
    .healthCoach.section .image img {
        display: block;
        margin: 0 auto;
    }

    .healthCoach.section .text {
        width: 100%;
    }
    .healthCoach.section .text ul {
        margin-left: 25px;
    }

    .ui-state-default,
    .ui-widget-content .ui-state-default {
        font-size: 1em !important;
    }
    .ui-tabs .ui-tabs-nav li a,
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
        padding: 0.5em 1.2em !important;
    }
    #mostViewedTabs ul li .text,
    #healthyGuidanceTabs ul li .text {
        display: none;
    }
    #mostViewedTabs ul,
    #healthyGuidanceTabs ul {
        margin-bottom: 20px;
    }
    #mostViewedTabs h3,
    #healthyGuidanceTabs h3 {
        display: block;
        text-align: center;
        margin: 30px 0;
    }

    .imageAndTextInline .imageContainer,
    .imageAndTextInline .textContainer {
        width: 100%;
        display: block;
        clear: both;
        margin: 0 auto;
        margin-bottom: 15px;
        overflow: hidden;
    }
    .imageAndTextInline .imageContainer img {
        margin: 0 auto;
        display: block;
        width: 100%;
    }

    .hideForMobile {
        display: none;
    }

    .smallBox .left,
    .smallBox .right,
    #twoColumnMiddle .smallBox .box,
    #threeColumnMiddle .smallBox .box,
    .smallBox.threeColumn .singleBox {
        width: 100% !important;
        float: left;
        margin: 0;
        display: block;
        border: none;
    }

    .smallBox.cos .left,
    .smallBox.cos .right,
    #twoColumnMiddle .smallBox.cos .box,
    #threeColumnMiddle .smallBox.cos .box {
        width: 100% !important;
    }

    .smallBox.threeColumn select[multiple] {
        width: 80%;
    }

    .listItem.program .imageContainer,
    .listItem.program .textContainer {
        width: 100%;
        display: block;
        clear: both;
        float: left;
        margin-left: 0;
        padding-left: 0;
    }
    .listItem.program .imageContainer {
        padding: 10px 0;
    }
    .listItem.program .textContainer {
        margin: 20px 0;
    }
    .listItem.program .imageContainer img {
        display: block;
        margin: 0 auto;
    }

    label,
    #twoColumnMiddle span.oneColumn label,
    .textAsLabel,
    .inlineFieldSet legend {
        width: 100% !important;
        display: block;
        text-align: left;
        float: none !important;
    }

    .radio label {
        width: 80% !important;
    }
    .radioRating label {
        width: 100% !important;
    }
    .radio input {
        float: left !important;
    }
    .radioWide table {
        width: 100%;
    }

    /*span:empty {
		display: none !important;
	}*/
    .rf-insp-btns span:empty {
        display: block !important;
    }
    .rf-insp-btns {
        border-width: 1px 1px 1px 0;
        border-color: #c0c0c0;
        border-style: solid;
    }

    .alignLabelRight {
        text-align: left;
        margin: 0;
    }

    .form-inline .rf-au {
        width: 100% !important;
    }

    fieldset div {
        overflow: visible !important;
    }

    input,
    select,
    textarea,
    .form-control {
        clear: both;
        display: block;
        width: 100% !important;
        float: none !important;
    }
    .labelAfter input {
        display: inline-block;
        width: 90% !important;
    }

    .helpText {
        clear: both;
        float: left;
        width: 100% !important;
    }

    #bottomButtonBar {
        height: 90px;
        text-align: center;
    }
    #bottomButtonBar input {
        margin: 0px;
        clear: both;
        display: block;
    }
    #bottomButtonBar .rf-msg,
    #bottomButtonBar .rf-msgs {
        clear: both;
        float: left;
        width: 100%;
        display: block;
        text-align: center;
    }

    .localeDisplay.division {
        width: 100%;
    }

    img.searchProviderImage {
        float: none;
        display: block;
        clear: both;
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .smDataSet,
    .mdDataSet {
        width: 95%;
    }

    #mobileNav input {
        min-width: 0;
    }

    .form-group .radioRight {
        width: 100% !important;
    }

    .halfCol .topicList p {
        width: 100% !important;
    }

    .archiveTopicList img {
        width: 88px;
    }
    .archiveTopicList span {
        width: 75%;
    }
    .textC {
        width: 20%;
        float: left;
    }
    .phoneC {
        width: 80%;
        float: left;
    }
}

@media (max-width: 460px) {
    .archiveTopicList img {
        width: 78px;
    }
    .archiveTopicList span {
        width: 72%;
    }
}

@media (max-width: 405px) {
    #twoColumnMiddle #featuredResource img {
        width: 100%;
        display: block;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .siloImageText {
        top: -90px;
    }
    .ui-tabs .ui-tabs-nav li a,
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
        padding: 0.5em 0.8em !important;
    }
    .smDataSet {
        width: 100%;
    }
    #flashVideo embed {
        min-height: 180px;
    }
    .providerDetailsTable td:first-of-type {
        white-space: normal;
    }
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="number"],
    input[type="submit"],
    textarea {
        min-width: auto;
    }

    .archiveTopicList img {
        width: 65px;
    }
    .archiveTopicList span {
        width: 69%;
    }
}
.serviceCol {
    padding: 5px 30px;
    margin-bottom: 10px;
}
@media (max-width: 365px) {
    .baseTab {
        font-size: 0.8em !important;
        padding-left: 8px;
        padding-right: 8px;
    }
    .baseTab:not(*:root) {
        font-size: 0.8em !important;
        padding-left: 8px;
        padding-right: 8px;
    }
    .loginHelp {
        font-size: 0.9em !important;
    }
}

@media (max-width: 352px) {
    #mobileNav {
        width: 75%;
    }
}

@media (max-width: 520px) {
    .inline-pagination-table {
        margin: 0px -429px 0px -161px !important;
    }
}

@media (min-width: 696px) {
    .inline-pagination-table {
        margin: -11px -514px -15px 59px !important;
    }
}

@media (min-width: 523px) and (max-width: 800px) {
    .inline-pagination-table {
        margin: -11px -300px -15px 33px !important;
    }
}
/************************************************************PRINT STYLES ******************************************/

@media print {
    footer {
        display: none;
    }
}
/*********************contactUs***************************/
.contactUs_heading {
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 0.5%;
}

/*********************************************Discounts************************/
.discount_heading,
.search_heading,
.contactUs_heading {
    font-size: 1.5em !important;
    color: #000 !important;
    margin-bottom: 10px !important;
    font-weight: normal;
}
.discount_heading {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 0 20px;
    padding-left: 0.5%;
}

.feedback_label {
    color: #555;
    text-align: left;
    word-wrap: break-word;
    width: 100%;
    margin-left: 1em !important;
}

.feedback_textarea {
    margin-left: 1em;
}

.feedback_heading {
    font-size: 1.5em !important;
    color: #000 !important;
    margin-bottom: 10px !important;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 0.5%;
    border-bottom: none !important;
}

.feedback_div {
    margin-bottom: 3%;
}

.feedback_space {
    margin-bottom: 1%;
}

.editorpickcontent img {
    width: 50px;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
}
.editorspick_text {
    display: inline-block;
    width: 170px;
    overflow: hidden;
    margin: 0 0 0 5%;
}

.ActiveNode {
    font-weight: 600;
    background-color: #e9eaed;
    padding: 10px;
    color: black !important;
    display: block;
}

.activeSilo {
    text-decoration: underline !important;
}

.wellness_listItems {
    width: 45%;
    display: list-item !important;
}

.city_listItems {
    display: grid !important;
    margin-left: -7%;
}
.section_listItems {
    display: list-item !important;
}
.locationDetailsItems p {
    margin: 0 !important;
}
.eldarTableBody tr:hover,
.childTableBody tr:hover {
    background-color: white !important;
}

.topicList_silo {
    padding: 5px 3px 3px 10px !important;
}

.silo_topics {
    display: inline-block;
    vertical-align: top;
    margin-left: 6px !important;
}

.silo_image_margin {
    margin-right: 100%;
}

.silo_abstract_text {
    width: 100% !important;
}