/** 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, .displayNone {
    display: none;
}

* {
    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;
}

span.previewResource {
    margin-top: 70px !important;
    display: block;
    padding: 10px;
    background: gray;
    font-weight: bold;
}
.ecBoxContainer {
    margin-top: 20px !important;
}
.ecBox {
    width: 32%;
    float: left;
    margin-right: 19px;
    position: relative;
}
div.ecBox:last-of-type {
    margin-right: 0;
}
.ecSubBox {
    height: 460px;
    border: 1px solid #979797;
    transition: transform 0.4s ease-in-out;
    background: #fff;
    z-index: 10;
    position: relative;
    cursor: pointer;
}
/*.ecSubBox:hover {
    transform: translateY(-60px);
}*/
.ecBoxImg {
    height: 165px;
    overflow: hidden;
    justify-content: flex-end;
    display: flex;
    -ms-flex-direction: row-reverse;
}
.ecBoxImg img {
    width: 100%;
}
.ecBox {
    max-width: 257px !important;
    width: 100%;
    margin: 0 10px 40px !important;
    /*float: none;*/
}
.ecBoxImg img[src$='jpg'] {
    opacity: .85;
}
.ecBox .actionBox {
    width: 95%;
    position: absolute;
    bottom: 0;
    z-index: 1;
    text-align: right !important;
}
.ecBox img[type="gif"] {
    width: 70%;
}
.ecBox h3 {
    background: #3475b3 !important;
    font-size: 1.3em !important;
    font-weight: 500 !important;
    color: #fff !important;
    padding: 12px 0 9px 15px;
    margin: 0 0 10px !important;
    font-family: "Roboto" !important;
    border-top: 1px solid #fff;
}
.ecBox h4 {
    color: #003e74 !important;
    font-size: 1.2em !important;
    margin-bottom: 10px !important;
    font-weight: 600 !important;
    padding: 3px 5px 0 10px;
    display: inline-flex;
}
.ecSubBox p {
    padding: 0px 5px 0 15px;
    color: #000;
}
.ecSubBox p {
    padding: 0px 5px 0 10px;
}
.ecBox a:hover {
    text-decoration: none !important;
}
.actionBox h4 {
    margin-bottom: 10px !important;
    margin-right: 10px;
}
.ecBox .actionBox h4:after, #viewMoreLink:after {
    content: url("/groWeb/resources/images/linkArrows.png");
    display: inline-block;
    margin-left: 5px;
    margin-top: 3px;
}
.ecBox .actionBox h4 {
    font-size: 1.3em;
    font-weight: 400;
}

@media(max-width:1120px) {
    .ecBox {
        width: 31%;
    }
    .ecBoxImg img {
        width: auto;
    }
    .ecSubBox {
        height: 450px;
    }
    .searchBox {
        width: 99% !important;
    }
    .box.services {
        width: 100%;
    }
    .content.wellness ul.disc {
        margin-left: 0 !important;
    }
}

label, .textAsLabel, .inlineFieldSet legend {
    float: left;
    margin-right: 1em;
    margin-bottom: .5em;
    font-weight: bold;
    color: #555;
    text-align: right;
    width: 18%;
    word-wrap: break-word;
    vertical-align: text-bottom;
}

.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;
}

.interactiveAssetIframe {
    width: 100%;
    height: auto !important;
    min-height: 500px;
    border: 2px solid grey;
}

.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;
}

p {
    margin: 0 0 10px;
}

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;
    display: inline;
    text-decoration: none;
}

.tabContent a {
    color: #497AAD !important;
    font-weight: bold;
}

a:hover {
    text-decoration: underline;
}

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 {
    font-weight: normal;
}

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;
}

.centeredText {
    text-align: center;
    margin: 0 auto;
}

li.centeredText {
    text-align: center;
    color: #497AAD;
}

hr {
    border-bottom: 1px solid #e7e7e7 !important;
    margin: 5px 0 20px;
}

article li,
aside li,
.articleContent li,
.content li {
    line-height: inherit;
    margin-bottom: 3px;
}

sup {
    font-size: 50%;
    vertical-align: super;
    line-height: 1.4;
    top: -1px;
}

a.greyEight {
    display: inline-block;
    margin-top: 28px !important;
    font-size: .8em;
}

h3 .greyEight {
    float: right;
    margin-top: 0 !important;
    font-weight: normal;
    font-size: .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: 0;
    color: white;
    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:0;
    top:0;
    outline: 0;
    -webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .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;
    background: #003e74;
}

header .container,
#header .container,
nav #topNav .container,
nav #bottomNav .container {
    width: 1170px;
}

#mobileNav {
    width: 100%;
    background-color: #003e74;
    display: none;
    padding: 3px 0;
    height: 48px;
    border-bottom: 5px solid #ff8300;
}

#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:0 !important;
}

#topAndBottomNav.affix,
#mobileNav.affix {
    position: fixed;
    top:0;
    width: 100%;
}

.mm-menu {
    background-color: #333 !important;
}

.mm-menu .mm-list li a,
.mm-list a.mm-subopen + span {
    color: #fff !important;
}

form.mm-list {
    margin-left: 0px !important;
    margin-top: -14px;
}

.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;
}

.blockDisplay {
    display: block
}

.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;
}

.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: .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;
    margin-bottom: -10px;
}

.badgeWrapper {
    width: 85px;
}

.badgeWrapper img {
    height: 100% !important;
    width: 100% !important;
    margin-top: -10px;
}

.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:hover a, nav #topNav ul li:hover span {
    color: #fff !important;
}
nav #topNav ul li:hover .submenu a {
    color: #003e74 !important;
}
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 #topNav ul li:hover .submenu a {
    color: #003e74 !important;
}

nav #topNav ul li:hover a {
    color: #fff !important;
}
.submenu {
    background-color: #f7f7f7 !important;
    border: 1px solid #2c699e;
}
.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 a:hover {
    background: #2c699e !important;
    color: #fff !important;
}
.servicesMenu {
    background: url(/groWeb/resources/images/icon_services_sm.png) 50% 50% no-repeat;
    width: 30px;
    height: 30px;
    display: block;
}
nav #topNav ul li:hover .servicesMenu {
    background: url("/groWeb/resources/images/icon_services_sm_w.png") 50% 50% no-repeat;
}

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";
    font-weight: 500;
    font-size: 1.1em;
}
.localeFlagContainer {
    margin-right: 52px !important;
}

.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 {
    background-color: transparent;
    text-decoration: underline;
    color: #fff;
}

#navMenu .clicker:hover + .submenu, .navMenu .clicker:hover + .submenu,
.submenu:hover {
    display: block;
    float: left;
    clear: both;
}

header nav #bottomNav,
#header nav #bottomNav {
    border-bottom: 1px solid #ddd;
    height: 30px;
    background-color: #f7f7f7;
    padding: 3px 0 3px 1px;
    overflow: hidden;
    border-top: 1px solid #ddd;
    margin-top: -1px;
}

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;
}
header nav #bottomNav .localeSelect {
    margin-top: 9px;
}
.localeSelect {
    padding: 7px 10px;
}
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: 1px;
}

#noLocale {
    border-bottom: 0 !important;
    margin-top: 30px !important;
    text-align: left !important;
}
#noLocale a {
    max-width: 400px !important;
    white-space: normal !important;
    color: #fff !important;
}

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;
    min-height: 500px;
    margin: 0 auto;
    margin-bottom: 10px;
}

#bodyContainer #content {
    margin-top: 130px;
    padding-top: 10px;
    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:0;
}

.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%;
}

.forgotPassBtnBox {
    margin-left: 14.7em;
}

input,
label,
select,
textarea {
    max-width: 768px;
}

.form-control {
    width: auto !important;
    display: inline !important;
}

.certSummaryInput {
    min-width: 259px !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,
#twoColumnMiddle .box h2,
#threeColumnMiddle .box h2 {
    font-size: 1.5em;
    color: #335C85;
}

.profile.section {
    width: 80% !important;
}

.forPrintContainer {
    max-width: 750px !important;
    margin: 0 auto !important;
    overflow: hidden;
}

.blackEight {
    font-size: .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: 30px;
}

#threeColumnMiddle .smallBox .box {
    border: none;
}

#twoColumnMiddle {
    width: 75%;
    float: left;
    border-left: 1px solid #e7e7e7;
    padding-left: 25px;
    overflow: hidden;
}

.main {
    padding-left: 20px;
}

#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: 22%;
    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;
}

#threeColumnMiddle .content {
    font-size: .95em !important;
}

#threeColumnLeft .plain,
#threeColumnRight .plain {
    margin-bottom: 15px;
}

#loginLeft {
    width: 64%;
    float: left;
    margin-top: 20px;
}

.loginPoster {
    text-align: center;
    margin: 15px 0 0 0;
}

.loginPoster img {
    margin: auto;
    width: 100%;
}

.loginLeftText {
    margin: 40px 10px 20px 10px;
}

.loginLeftText div {
    margin: 5px;
}

.loginLeft2Logo {
    margin: 20px 0 40px 0;
}

.logoContainer {
    margin: 0 auto 0 auto;
    width: 310px;
    padding: 0 8px 0 8px;
    text-align: center;
}

.tiffanyLogo {
    padding: 0 24px 0 24px;
}

.laureltonLogo {
    padding: 1px 0 1px 0
}

#loginRight {
    width: 35%;
    float: left;
    margin-top: 20px;
}

#loginRight #localeModal {
    display: none !important;
}

#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;
}

.navSearch .glyphicon-search {
    color: #003e74 !important;
    margin-left: 0;
    display: inline-block;
    font-size: 1.1em;
    margin-top: 3px;
    cursor: pointer;
}

#rMeLabel {
    display: inline;
}

html[dir="rtl"] .loginHelp {
    float: left;
}

.textOverlay {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: -70px;
    left: 0;
    border-radius: 0;
    background-color: #f5f5f5;
    opacity: .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: 0 !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;
}

.rateArticleLink {
    margin-left: 3px;
}

#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: 100%;
}

.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: .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;
}

.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 strong 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 strong a,
#twoColumnMiddle .listItem strong a {
    font-size: .96em;
    line-height: 1.4;
}

.topicList p strong 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: .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: .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: .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: .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;
}

.boxAssetMappingParent {
    display: flex;
    padding-bottom: 20px;
}
.boxAssetMapping {
    padding-left: 90px;
}

.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 #a12905;
}

.lifestyle h1 {
    border-bottom: 5px solid #0576a1;
}

.home h1 {
    border-bottom: 5px solid #821512;
}

.global h1 {
    border-bottom: 5px solid #6a6695;
}

.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;
}

.homeVideoScreenSm a img {
    width: 210px;
    height: 120px;
    margin-bottom: 10px;
}

.homeGlobalNewsletter a img {
    width: 160px;
    height: 120px;
    margin-bottom: 10px;
}

.blackNine {
    font-size: 1em !important;
}

.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;
    white-space: auto !important;
    width: 100% !important;
    white-space: normal !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;
}

.redMsg {
	color: red;
}

.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;
}

.italic {
    font-style: italic;
}

.center{
    text-align:center;
}

.fLeft {
    float: left !important;
}

.fRight {
    float: right !important;
}

.whiteSpaceNoWrap {
    white-space: nowrap !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;
}

.change.left > ul:first-of-type {
    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.5em;
}

ul#wellnessSiloBox li.learn {
    color: #E5AC69;
}

ul#wellnessSiloBox li.change {
    color: #6F5D8F;
    font-weight: bold;
}

ul#wellnessSiloBox li ul li a {
    font-size: .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;
}
#assessment .radio label {
    max-width: 92%;
}

#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 {
    height: 100% !important;
    margin: 0 0 30px;
    padding: 0;
    overflow: hidden;
    width: 100% !important;
}

.box h1 {
    color: #335C85;
    font-size: 15px;
    padding: 0 10px;
}

.box h2,
.busNetNavBox h2 {
    background-color: #f5f5f5;
    font-weight: bold;
    font-size: .95em;
    padding: 5px 5px;
    width: 100%;
    text-transform: uppercase;
}

.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: 0 !important;
}

.box .content {
    padding-left: 5px;
}

.box .navContent {
    margin: 0;
    padding: 0 10px 0;
}

#loginRight .box h2 {
    background-color: transparent;
    border: none !important;
}

.boxSubHead {
    font-size: .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;
}

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;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    margin-left: 0 !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: .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: 0;
}

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;
}

.wrapper {
    text-align: center;
}

.chatbutton {
    font-size: 1em;
    border: 1px solid #ccc;
    margin: 8px 20px 8px 0;
    padding: 5px 9px;
    width: auto !important;
    background-color: #2a6fb5;
    color: #fff !important;
}


.cancel {
    border: 1px solid #ccc;
    margin: 8px 20px 8px 0;
    padding: 7px;
    width: 100% !important;
    background-color: #757575 !important;
    color: #fff !important;
    align-items: flex-start;
    text-align: center;
    font: 700 .95em arial,sans-serif
}

.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;
    height: 34px !important;
}

.box input[type="submit"] {
    width: 100% !important;
}

.disabled {
    background: #ccc none repeat scroll 0 0 !important;
    color: #888 !important;
    border: 1px solid #ccc !important;
    cursor: default !important;
    pointer-events: none !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: 0 0 15px;
    padding: 0;
}

.radioRating td {
    text-align: center;
    padding: 0 10%;
    width: 25%;
}

.radio {
    position: relative;
    margin: 0 0 0 15px;
}

.radio#chatPremiumUSABox {
    height: 145px !important;
}

.radio#chatPremiumUSABox div {
    padding: 7px;
    clear: both;
}

.radio#chatPremiumUSABox #chatPartners {
    padding: 0 0 7px 0;
    margin-left: 2em;

}

.radio#chatPremiumUSABox #chatPartners div {
    clear: unset;
    padding: 0 7px;
}

.radio fieldset {
    border: none;
    width: auto;
    padding: 1px 0 0 11em;
}

.radio legend {
    font-size: 1em;
    color: #000;
}

.liveChat {
    color: #2E8B57;
}

.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: .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: .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: .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;
}

/********************************************************************** 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-msgs .rf-msgs-err .rf-msgs-sum {
    font-size: 1em !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 ****************************************************************/
.popupBox {
    margin-bottom: 1px;
}
*.rf-pp-cntr {
    background-color: #fff !important;
    width: initial !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;
}

.rf-pp-cnt-scrlr {
    background-color: transparent !important;
    width: 100% !important;
}

.localeModal .rf-pp-cnt-scrlr {
    height: 70% !important;
    margin-top: 160px;
}

.modal {
    z-index: 99999;
}

.modal-backdrop {
    z-index: 99998;
}

.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: .98em !important;
}

.rf-pp-cnt-scrlr .localeDisplay:nth-child(3n+3) {
    margin-right: 0 !important;
}

.rf-pp-cnt-scrlr .localeDisplay img {
    border-radius: 3px !important;
    margin-right: 10px;
    vertical-align: middle;
    border: 0;
    text-decoration: none;
    float: left;
}

.localeDisplay.division {
    width: 22%;
    float: left;
    margin: 0 2% 2% 0;
}

.imgHolder {
    height: 100%;
    width: 24px;
    display: inline;
    float: left;
    margin-right: 10px;
}

.flagImg {
    color: #003e74 !important;
    font-size: .96em;
}

.flagText:visited {
    color: #679AD3;
}

#menu .flagText:visited {
    color: #fff;
}

.flagText {
    word-wrap: break-word;
}

ul#localeTabs {
    width: 100%;
    top: 0;
    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: .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;
}

span.location.location-americas {
    background-image: url("/groWeb/resources/images/sprite-locale-selector.png");
    background-position: center 10px;
}

span.location.location-europe {
    background-image: url("/groWeb/resources/images/sprite-locale-selector.png");
    background-position: center -98px;
}

span.location.location-asia-pacific {
    background-image: url("/groWeb/resources/images/sprite-locale-selector.png");
    background-position: center -314px;
}

span.location.location-africa-middle-east {
    background-image: url("/groWeb/resources/images/sprite-locale-selector.png");
    background-position: center -206px;
}

ul #localeSubText {
    color: #999;
    font-size: .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-lst {
    height: auto !important;
    border: #000 0.4px solid;
}
*.rf-fu {
    background-color: #fff !important;
    display: inline-block;
    min-width: 200px;
    max-width: 400px;
}
.rf-fu-itm-rgh {
    width: 15% !important;
}
*.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-srt-btn
    color: #ffffff !important;
}

.rf-dt-srt-btn {
    display: none !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;
}

table.hgDataScroller td.rf-dt-ftr-c span.rf-ds a.rf-ds-nmb-btn, table.hgDataScroller td.rf-dt-ftr-c span.rf-ds span.rf-ds-act {
    width: 3.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;
    border: #c0c0c0 solid 1px !important;
}
.rf-dt-c-srt {
    color: #ffffff !important;
}

.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: .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: 0;
}

#bottomButtonBar .rf-msg,
#bottomButtonBar .rf-msgs {
    clear: none;
    float: right;
    width: auto;
}

.multiplePanel {
    height: 486px;
    overflow-y: auto !important;
    border: #C0C0C0 solid;
    border-width: 1.5px;
}

/********************************************************************** 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.0;
}

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

#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;
}

/*
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 li {
    width: 100%;
}

.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, .8);
    left: 0;
    right: 0;
    top: 0;
    padding: 0 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: .85em !important;
    clear: both !important;
}

.callbacks p {
    font-size: .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("/groWeb/resources/images/themes.gif") no-repeat left top;
    margin-top: -45px;
}

.slideshowPage .callbacks_nav {
    top: 250px;
}

.callbacks_nav:active {
    opacity: 1.0;
}

.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: 0 !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: #5f3032 !important;
}

.modal-title {
    color: #fff !important;
}

.modal-footer {
    text-align: center;
}

.modal-footer .btn {
    margin-right: 10px;
}

.ui-dialog-titlebar {
    border-bottom: 1px solid #e5e5e5 !important;
    min-height: 16.4286px !important;
    padding: 15px !important;
}

.ui-dialog .ui-dialog-title {
    margin: 0 !important;
    font-size: 1.2em !important;
}

.ui-dialog .ui-dialog-content {
    padding: 15px !important;
}

.ui-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: relative !important;
    padding: 0 !important;
}

.ui-widget-content {
    background-color: #fff !important;
    color: #000 !important;
    font-size: 1em !important;
    line-height: 1.5 !important;
}

#iBodyExternal, #iBodyLocal {
    display: none;
}

/********************************************************************** 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: .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%;
}

.agcCallout {
    margin: 10px 0;
    padding: 7px;
    background: #f7f7f7;
    border: 1px solid #ccc;
    border-radius: 5px;
}


.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;
}

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

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

.mobileAppIcon: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;
}

.guideIcon:before {
    font-family: "Glyphicons Halflings";
    content: "\e024";
    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: 10px;
}

[dir="rtl"] .slick-prev {
    right: 10px;
}

.slick-next {
    right: 10px;
}

[dir="rtl"] .slick-next {
    left: 10px;
}

.slick-prev, .slick-next {
    z-index: 100;
}

.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;
}
#oneColumn div.content {
    overflow: auto;
}

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

/********** Style Calender time Picker ************/
.rf-cal-sp-inp-cntr {
    padding: unset !important;
}
.rf-cal-sp-inp {
    min-width: 0px !important;
    border: 0 !important;
    padding: 0 0 0 3px !important;
    background: none transparent scroll repeat 0 0 !important;
    font-size: 11px !important;
    font-family: Arial,Verdana,sans-serif !important;
    width: 18px !important;
}
.rf-cal-sp-down, .rf-cal-sp-up{
    width: 14px !important;
}
.rf-cal-time-btn {
    width: 45px !important;
}
.adminPage table.rf-cal-timepicker-cnt td {
    padding: 0 !important;
}

/********** RTL ************/

html[dir="rtl"] #menuLeft {
    float: right;
}
html[dir="rtl"] .rightMenu {
    float: left;
}
html[dir="rtl"] nav #topNav ul.submenu {
    margin-right: -214px;
}
html[dir="rtl"] .mainLogoCol {
    float: right;
}
html[dir="rtl"] {
    font-size: 1em !important;
}
html[dir="rtl"] .headMiddleCol {
    float: right;
}
html[dir="rtl"] #mobileNav input {
    float: left !important;
}
html[dir="rtl"] #mobileNav a.btn {
    padding: 4px 8px;
    border: 0 !important;
}
html[dir="rtl"] .sidemenu-toggle {
    right: -5px;
    bottom: 5px;
    left: 0;
}
html[dir="rtl"] input[type="submit"] {
    margin: 8px 0;
}
@media (max-width: 1000px) {
    html[dir="rtl"] .mainLogoCol {
        width: 70% !important;
    }
    html[dir="rtl"] .cpLogoCol {
        width: 30% !important;
    }
    html[dir="rtl"] .cpLogoWrap {
        float: right !important;
        padding: 0;
    }
}
@media (max-width: 768px) {
    html[dir="rtl"] .mainLogoCol {
        width: 68% !important;
    }
    html[dir="rtl"] .cpLogoCol {
        width: 32% !important;
        padding: 0;
    }
}

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

@media (min-width: 1121px) {
    #twoColumnMiddle .topicList p strong 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 strong 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 {
        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: .95em;
    }
    html[lang="ru"] nav ul#navMenu li > a,
    html[lang="ru"] nav ul#actions li a,
    html[lang="ru"] nav ul#navMenu li .clicker {
        font-size: .9em;
    }

    .articleContent {
        width: 100%;
    }

    #twoColumnLeft,
    .threeColumn.sidebar {
        width: 25% !important;
    }

    #twoColumnMiddle {
        width: 75%;
        padding-left: 15px;
    }

    #threeColumnLeft,
    #threeColumnRight {
        display: none;
    }

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

    #threeColumnMiddle {
        width: 75%;
        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: .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: .95em !important;
        padding: 3px 10px !important;
    }

    .smDataSet {
        width: 65%;
    }

    .archiveTopicList img {
        width: 73px;
    }

    .archiveTopicList span {
        width: 69%;
    }
    .certSummaryInput {
        min-width: 250px  !important;
    }

}

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

}

@media (max-width: 965px) {
    #topNav .container {
        padding: 0;
    }
}

@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%;
    }
    .certSummaryInput {
        min-width: 220px  !important;
    }

}

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

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

    #bodyContainer #content {
        margin-top: 120px;
    }

    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;
    }

    .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: .95em !important;
    }

    .ui-tabs .ui-tabs-nav li a {
        padding: .5em 1.5em !important;
    }

    .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
        font-size: .95em !important;
        padding: .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: .90em !important;
    }

    .ui-tabs .ui-tabs-nav li a {
        padding: .5em 1em !important;
    }

    .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
        font-size: .90em !important;
        padding: .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%;
    }
}

@media (max-width: 750px) {
    #compsychLogo {
        display: none !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;
    }

    .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 {
        width: 160px;
    }

    .cpLogoWrap, .badgeWrapper {
        height: 76px;
        padding: 5px 5px 5px 0;
    }

    .badgeWrapper {
        float: left;
        left: 10px;
        margin-left: 40%;
    }

    .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: .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: .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;
    }

    .forgotPassBtnBox {
        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: .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;
    }

    #threeColumnMiddle h2,
    #twoColumnMiddle h2 {
        text-align: center;
    }

    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;
    }
    table.igedSearchRadio input[type=radio] {
        float: left !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: 0;
        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%;
    }

}

@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: .5em .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;
    }

    #bodyContainer #content {
        margin-top: 95px;
    }

    .archiveTopicList img {
        width: 65px;
    }

    .archiveTopicList span {
        width: 69%;
    }
}

@media (max-width: 365px) {
    .baseTab {
        font-size: .8em !important;
        padding-left: 8px;
        padding-right: 8px;
    }

    .baseTab:not(*:root) {
        font-size: .8em !important;
        padding-left: 8px;
        padding-right: 8px;
    }

    .loginHelp {
        font-size: .9em !important;
    }
}

.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: 0;
}

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 {
    z-index: 9999;
}

.tooltip-inner {
    max-width: 400px;
    text-align: left;
    padding: 6px 8px;
    font-size: 1.1em;
}

#custom-tooltip {
    display: none;
    margin-left: 40px;
    padding: 5px 12px;
    background-color: #000000df;
    border-radius: 4px;
    color: #fff;
}

.offScreen {
    position: absolute;
    left: -9999px;
    top: -9999px;
}
#cookieConsent {
    background-color: #2D2D30;
    min-height: 26px;
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: "Roboto",arial,sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
}

#cookieConsent a {
    color: #ff8300;
    text-decoration: none;
}

#cookieConsent a:hover {
    text-decoration: underline;
}

#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: -10px 0 0 0;
    font-size: 1.3em;
    color: #ccc;
}

#closeCookieConsent:hover {
    color: #FFF;
}

#cookieConsent a.cookieConsentOK {
    background-color: #2a6fb5;
    color: #fff;
    display: inline-block;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}

#cookieConsent a.cookieConsentOK:hover {
    background-color: #666;
}


/************************************************************PRINT STYLES ******************************************/

@media print {
    footer {
        display: none;
    }
}

/******Exclusive Content******/
a.exclusiveContent {
    color: green !important;
    font-weight: normal;
}

a.exclusiveContent:hover, a.exclusiveContent:focus {
    text-decoration: none;
}

/************************************** Mobile special style *********************************************************/
.mobileAppTryAgain {
    font-size: 1em !important;
    border: 1px solid #ccc;
    margin: 8px 20px 8px 0;
    padding: 5px 9px;
    width: auto !important;
    background-color: #2a6fb5 !important;
    color: #fff !important;
}