*[dir="rtl"] {
    direction: rtl;
    unicode-bidi: embed;
}

bdo[dir="rtl"] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

*[dir="ltr"] {
    direction: ltr;
    unicode-bidi: embed;
}

bdo[dir="ltr"] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

html {
    overflow-y: scroll;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1;
    color: #424545;
}

html:lang(zh-Hans) {
    font-family: Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
}

body {
    background-color: #b5b6b3;
}

/* Vertical Spacing ---------------------------------------------------------- */

header p {
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    margin-top: 12px;
    margin-top: 0.75rem;
}

p.nospace {
    margin-top: 0;
    margin-bottom: 0;
}

/* Typographic Styles -------------------------------------------------------- */

div.label,
.acceptText,
.ignoreText {
    font-size: 16px; /* IE Only */
    font-size: 1rem;
    line-height: 1.5; /* (1 * 24) / 16 = 1.5 */
}

.large {
    font-size: 20px; /* IE Only */
    font-size: 1.25rem;
    line-height: 1.2; /*line-height: 1.2000;  (1 * 24) / 20 = 1.2 */
}

h4 {
    font-size: 16px; /* IE Only */
    font-size: 1rem;
    line-height: 1.5; /* (1 * 24) / 16 = 1.5 */
}

h5,
h5 span.asterisk {
    font-size: 13px; /* IE Only */
    font-size: 0.8125rem;
    font-weight: normal;
    line-height: 1.84615385; /* (1 * 24) / 13 = 1.84615... */
}

.note10,
h6 {
    font-size: 10px; /* IE Only */
    font-size: 0.625rem;
    line-height: 1.2; /* line-height at 1.2 / (1 * 24) / 10 = 2.4... */
}

/* 508 skiplist  -------------------------------------------------------- */
.skiplist {
    margin: 0;
    padding: 0;
}

.skipitem {
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    display: block;
}

:root .skipitem {
    display: block;
}

.skipitem a {
    left: -900em;
    padding: 8px;
    position: absolute;
    text-decoration: none;
    white-space: nowrap;
    z-index: 2;
}

    .skipitem a:focus,
    .skipitem a:active {
        left: 0;
        top: 8px;
        position: absolute;
        color: #ffffff;
        border: 1px dotted #ffffff;
        background-color: #424545;
    }

    .skipitem a:hover {
        cursor: default;
    }

/* Form Styling -------------------------------------------------------------- */
.button a {
    line-height: 2;
    padding: 0 0.75em;
}

    /* give a wait state for input buttons */
    .button a:active,
    .button input:active,
    .button button:active {
        cursor: wait;
    }

/* Text */
label + p,
.hint {
    margin-top: -6px;
    margin-top: -0.375rem;
    color: #b5b6b3;
}

label + p,
.hint,
.error_message {
    font-size: 10px; /* IE Only */
    font-size: 0.625rem;
    line-height: 1.2; /* (1 * 12) / 10 = 2.4... */
    margin-bottom: 6px;
    margin-bottom: 0.375rem;
}

.instructions {
    font-size: 10px; /* IE Only */
    font-size: 0.625rem;
    line-height: 2.4; /* (1 * 24) / 10 = 2.4... */
}

legend {
    border: 0;
}

textarea {
    overflow: auto;
    max-width: 480px;
    height: 150px;
}

.textbox input {
    max-width: 100%;
}

    .button input.normalwrap {
        white-space: normal;
    }

/* Required Form Field */
.requiredHelper:before,
.required label:before {
    content: '*';
    color: #c61717;
    margin-right: 0.250em;
    font-weight: normal !important;
}

h5 > span.asterisk {
    text-transform: none;
}

.validation-summary-valid > p {
    margin: 0 16px; /* IE Only */
    margin: 0 1rem;
    padding: 0 16px; /* IE Only */
    padding: 0 1rem;
    margin: 12px 0; /* IE Only */
    margin: 0.75rem 0;
}

.validation-summary-valid > span,
.validation-summary-errors > span {
    line-height: 1.8462; /* (1 * 24) / 13 = 1.84615... */
    padding: 0 16px;
}

.validation-summary-valid > span:after,
.validation-summary-errors > span:after {
    font-size: 18px;
    line-height: 24px;
}

.validation-summary-errors > ul,
.validation-summary-errors > p {
    margin: 0 16px; /* IE Only */
    margin: 0 1rem;
    padding: 0 16px; /* IE Only */
    padding: 0 1rem;
}

.validation-summary-errors li,
.validation-summary-errors > p {
    margin: 12px 0; /* IE Only */
    margin: 0.75rem 0;
}

textarea.input-validation-error,
input.input-validation-error,
select.input-validation-error {
    border-color: #c61717;
}

    /* Error Focus */
    textarea.input-validation-error:focus,
    input.input-validation-error:focus,
    select.input-validation-error:focus {
        -webkit-box-shadow: 0 0 4px 1px rgba(198, 023, 023, 0.32), inset 1px 1px 1px 0 rgba(0,0,0,0.04);
        -moz-box-shadow: 0 0 4px 1px rgba(198, 023, 023, 0.32), inset 1px 1px 1px 0 rgba(0,0,0,0.04);
        box-shadow: 0 0 4px 1px rgba(198, 023, 023, 0.32), inset 1px 1px 1px 0 rgba(0,0,0,0.04);
        z-index: 1;
    }

.element .field-validation-error a {
    display: inline;
}

/* buttons -------------------------------------------------------- */

/* Override GEL's default styling of "float: right" on buttons */
input[type="button"],
input[type="reset"],
input[type="submit"],
.button a {
    float: none;
}

/* Override GEL action button color */
button.actionBtn,
input.actionBtn[type="button"],
input.actionBtn[type="submit"],
.button a.actionBtn,
button.gel-btn-action,
input.gel-btn-action[type="button"],
input.gel-btn-action[type="submit"],
.button a.gel-btn-action {
    background: #0098db;
    background: -moz-linear-gradient(top,  #0098db 0%, #0092d3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0098db), color-stop(100%,#0092d3));
    background: -webkit-linear-gradient(top,  #0098db 0%,#0092d3 100%);
    background: -o-linear-gradient(top,  #0098db 0%,#0092d3 100%);
    background: -ms-linear-gradient(top,  #0098db 0%,#0092d3 100%);
    background: linear-gradient(to bottom,  #0098db 0%,#0092d3 100%);
    border-color: #177fb2;
}

button.actionBtn:hover,
input.actionBtn[type="button"]:hover,
input.actionBtn[type="submit"]:hover,
.button a.actionBtn:hover,
button.gel-btn-action:hover,
input.gel-btn-action[type="button"]:hover,
input.gel-btn-action[type="submit"]:hover,
.button a.gel-btn-action:hover {
    background: #177fb2;
    background: -moz-linear-gradient(top,  #177fb2 0%, #1679aa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#177fb2), color-stop(100%,#1679aa));
    background: -webkit-linear-gradient(top,  #177fb2 0%,#1679aa 100%);
    background: -o-linear-gradient(top,  #177fb2 0%,#1679aa 100%);
    background: -ms-linear-gradient(top,  #177fb2 0%,#1679aa 100%);
    background: linear-gradient(to bottom,  #177fb2 0%,#1679aa 100%);
}

/* Copy over GEL's "gel-btn-dark" button styling */
button.darkBtn,
input.darkBtn[type="button"],
input.darkBtn[type="submit"],
.button a.darkBtn {
    border-color: #25282a;
    color: #ffffff;
    -webkit-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.32);
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.32);
    background: #54585a;
}

.buttons .button {
    margin-top: 24px;
}

    .button a p {
        line-height: 1.5em;
        /* proofing/fix for RTE HTML insertion */
    }


/* marketing buttons */
.mktbuttons .button input,
.mktbuttons .button button,
.mktbuttons .button a {
    font-weight: normal;
    padding: 8px 16px;
}

    .mktbuttons .button input.iconBtn,
    .mktbuttons .button button.iconBtn,
    .mktbuttons .button a.iconBtn {
        text-align: left;
        line-height: 1.5;
        height: auto;
    }

.mktbuttons .button span.iconPurchase {
    float: left;
    display: block;
    height: 48px;
    width: 48px;
    background: transparent url("/Content/images/sprite2015.png") no-repeat -632px -820px;
}

.mktbuttons .button input:hover span.iconPurchase,
.mktbuttons .button button:hover span.iconPurchase,
.mktbuttons .button a:hover span.iconPurchase {
    background-position: -632px -756px;
}

.mktbuttons .button span.iconRedeem {
    float: left;
    display: block;
    height: 48px;
    width: 48px;
    background: transparent url("/Content/images/sprite2015.png") no-repeat -576px -820px;
}

.mktbuttons .button input:hover span.iconRedeem,
.mktbuttons .button button:hover span.iconRedeem,
.mktbuttons .button a:hover span.iconRedeem {
    background-position: -576px -756px;
}

.mktbuttons span.iconText {
    display: block;
    padding-top: 12px;
}


/* general container resets and definitions -------------------------------------------------------- */

a {
    color: #252626;
    cursor: pointer;
    text-decoration: underline;
}

    a:hover {
        text-decoration: none;
    }

    a:focus, a:active {
        outline: 1px dotted #595b5c;
    }

:active,
:focus {
    outline-style: none;
    outline-color: transparent;
}

.buttons:after,
.navigation ul:after,
.item:after,
.k-pager-wrap:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
}

/* On mobile, don't float by default (changed in media queries) */
.floatL,
.floatR {
    float: none;
}

img, video {
    height: auto;
}

.blockspan {
    display: block;
}

strong, .strong, b, .bold {
    font-weight: bold;
}

.nowrap {
    white-space: nowrap;
}

.hiddenIR {
    position: absolute;
    top: -999px;
    left: -999px;
    overflow: hidden;
    width: 1px;
    height: 1px;
}

.large > span {
    font-weight: normal;
}

pre {
    white-space: pre-wrap;
    white-space: pre;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font-family: monospace, serif;
}

sub, sup {
    position: relative;
    vertical-align: baseline;
    font-size: 0.5em;
    line-height: 0;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.5em;
}

.noliststyle {
    list-style: none;
}

img {
    -ms-interpolation-mode: bicubic;
    display: block;
    border: 0;
}

.relative {
    position: relative;
}

.underline {
    text-decoration: underline;
}

.disabled {
    color: #8e908f;
}

.iconLoading {
    min-height: 40px;
    line-height: 32px; /* hard px line-height for image display */
    padding-left: 48px;
    background: transparent url("//content.gallup.com/origin/gallupinc/GallupSpaces/Production/Cms/IMAGES/12fz05cbekabmhqdpnejkq.gif") no-repeat 0 0;
}

.spinnerComplete > img {
    margin: 0 auto;
}

.spinnerLarge {
    padding-bottom: 110px;
    background: url("//content.gallup.com/origin/gallupinc/GallupSpaces/Production/Cms/IMAGES/erqhfeteg0utia3rlpakkq.gif") no-repeat 50% bottom;
}

.completeMessage,
.spinnerComplete {
    background: none;
}

.hide,
.hideNoScript,
.hiddenMessage {
    display: none;
}


.resourcebox > .inner {
    padding: 0 16px;
    border: 1px solid #d5d6d2;
    border-radius: 2px 2px 2px 2px;
    background-color: #fefefe;
}

.contentDisabled.resourcebox > .inner {
    background-color: #f5f5f5;
    color: #b5b6b3;
}

.nopad,
.content .col > .inner.nopad {
    padding: 0;
}

.nopadV,
.content .col > .inner.nopadV {
    padding-top: 0;
    padding-bottom: 0;
}

.nopadH {
    padding-left: 0;
    padding-right: 0;
}

.nomarg {
    margin: 0;
}

.nomargV {
    margin-top: 0;
    margin-bottom: 0;
}

.nomargH {
    margin-left: 0;
    margin-right: 0;
}

/* tables
       ========================================================================== */

table {
    width: 100%;
}

    table.autowidth {
        width: auto;
    }

th {
    white-space: nowrap;
    font-weight: normal;
}

td {
    padding: 8px 0;
    padding: 0.5rem 0;
}

table.presentation td {
    padding: 0;
}

    table.presentation td + td {
        padding-left: 32px;
    }

table.presentation p.note {
    margin: 0;
}

table.presentation h5,
table.presentation .buttons {
    margin-top: 0;
}

.autowidth td {
    padding: 8px 16px 8px 0;
}
/* responsive table */
.responsive-table td {
    padding: 0;
}

.responsive-table .responsive-body td:before {
    display: block;
    float: left;
    margin-right: 12px;
    font-weight: bold;
    content: attr(data-th) ": ";
}

.responsive-table .responsive-body td.col1:before {
    display: none;
}

.responsive-table td:first-child {
    padding-top: 0.5em;
}

.responsive-table td.col1:first-child {
    padding-top: 0;
}

.responsive-table td:last-child {
    padding-bottom: 0.5em;
}

.responsive-table.purchaseTable p.rowtotal {
    margin-top: 0;
}

.responsive-table.purchaseTable h5 {
    margin-bottom: 0;
}


.content .row .section + .section,
.section div.item + div.item {
    padding: 24px 0;
}

    .content .row .section + .section.hide {
        padding-top: 0;
    }

.account .content .row .section + .section,
.content .row .section.topline {
    padding-top: 0;
    margin-top: 24px;
    border-top: 1px dotted #b5b6b3;
}

.content .row .section.header h4 {
    border-bottom: 1px dotted #b5b6b3;
    text-transform: uppercase;
    padding-bottom: 8px; /* IE Only */
    padding-bottom: 0.5rem;
    margin-bottom: 0;
}

.content .row .section.header h4.noline {
    border-bottom: 0px;
}

/* MOBILE DEVICES ONLY */
.isMobile .button.video {
    display: none;
}

/* lightbox and mask :: LEGACY */
#mask {
    position: fixed;
    z-index: 100;
    display: none;
    top: 0;
    left: 0;
    background-color: #000000;
}

.lightbox {
    padding: 8px 16px 16px;
    display: none;
    position: absolute;
    z-index: 9999;
    margin-bottom: 2em;
    border: 0.333em solid #252626;
    -moz-border-radius: 0.286em;
    -webkit-border-radius: 0.286em;
    border-radius: 0.286em;
    background-color: #ffffff;
    min-width: 640px;
}

.dialogHeader {
    height: 32px;
    position: relative;
    z-index: 99996;
}

.lightboxClose {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    height: 28px;
    width: 28px;
    background: transparent url("/Content/images/sprite2015.png") no-repeat -864px -34px;
}
/* END LEGACY */

/* Banner Styles -------------------------------------------------------- */
@media screen and (min-width: 64em) {
    .gel-nav-js .gel-logo:not(.nav-nextislonely),
    .gel-nav-js .gel-logo,
    .gel-nav-nojs .gel-logo {
        min-width: 312px;
    }
}

@media screen and (min-width: 80em) {
    .gel-nav-dt .nav-li-2:first-child {
        overflow: hidden;
    }
}

.gel-logo a {
    display: block;
    height: 24px;
    width: 232px;
    margin: 20px 0 20px 16px;
    background: transparent url("/content/images/sprite2015.png") no-repeat 0 -4px;
}

header.page.gel-nav-js,
.header.page.gel-nav-js {
    max-height: 114px; /* 64px (.row0) + 50px (.row1) = 114px */
    min-height: 64px;
    background: #272929 url("//content.gallup.com/origin/gallupinc/GallupSpaces/Production/Cms/IMAGES/4mzctrmhtu23g_echachuw.jpg");
    z-index: 1;
}

header .row0 {
    position: relative;
    background: #272929 url("//content.gallup.com/origin/gallupinc/GallupSpaces/Production/Cms/IMAGES/4mzctrmhtu23g_echachuw.jpg");
    min-height: 64px;
    height: auto;
}

header > .row1 {
    display: none;
    padding: 1px 0 1px 16px;
}

header > .row1,
.content .patternrow {
    background: #d5d6d2;
    background-image: url('/Content/images/bg_pattern.png'),-moz-linear-gradient(top, rgba(213,214,210,1) 0, rgba(255,255,255,1) 4px, rgba(255,255,255,1) 100%);
    background-image: url('/Content/images/bg_pattern.png'),-webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(213,214,210,1)), color-stop(4px,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
    background-image: url('/Content/images/bg_pattern.png'),-webkit-linear-gradient(top, rgba(213,214,210,1) 0,rgba(255,255,255,1) 4px,rgba(255,255,255,1) 100%);
    background-image: url('/Content/images/bg_pattern.png'),-o-linear-gradient(top, rgba(213,214,210,1) 0,rgba(255,255,255,1) 4px,rgba(255,255,255,1) 100%);
    background-image: url('/Content/images/bg_pattern.png'),-ms-linear-gradient(top, rgba(213,214,210,1) 0,rgba(255,255,255,1) 4px,rgba(255,255,255,1) 100%);
    background-image: url('/Content/images/bg_pattern.png'), linear-gradient(to bottom, rgba(213,214,210,1) 0,rgba(255,255,255,1) 4px,rgba(255,255,255,1) 100%);
}

.content .patternrow {
    border-top: 1px solid #d5d6d2;
}

/* Content Styles  -------------------------------------------------------- */

@media screen and (min-width: 64em) {
    /* Override GEL spacing between nav and content */
    .gel-nav-js ~ #gdcontent {
        margin-top: 0;
    }

    header > .row1 {
        display: block;
    }
}

#gdcontent {
    border-top: 1px solid #d5d6d2; /* FF padding fix */
    background: #ffffff;
    padding-bottom: 16px;
    background-image: -moz-linear-gradient(top, rgba(213,214,210,1) 0, rgba(255,255,255,1) 4px, rgba(255,255,255,1) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(213,214,210,1)), color-stop(4px,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
    background-image: -webkit-linear-gradient(top, rgba(213,214,210,1) 0,rgba(255,255,255,1) 4px,rgba(255,255,255,1) 100%);
    background-image: -o-linear-gradient(top, rgba(213,214,210,1) 0,rgba(255,255,255,1) 4px,rgba(255,255,255,1) 100%);
    background-image: -ms-linear-gradient(top, rgba(213,214,210,1) 0,rgba(255,255,255,1) 4px,rgba(255,255,255,1) 100%);
    background-image: linear-gradient(to bottom, rgba(213,214,210,1) 0,rgba(255,255,255,1) 4px,rgba(255,255,255,1) 100%);
}

.content .row > .inner,
.content .row.splash > .inner > .col {
    position: relative;
    margin: 0 auto;
}

.content .col > .inner {
    padding: 1px 16px;
}

.content .col {
    margin-bottom: 16px;
}

/* Footer Styles -------------------------------------------------------- */

#gdfooter {
    margin-top: 1px;
    background: #f5f5f5;
    background-image: url('/content/images/bg_pattern.png'), -o-linear-gradient(top, rgba(213,214,210,1) 0,rgba(245,245,245,1) 4px,rgba(245,245,245,1) 100%);
    background-image: url('/content/images/bg_pattern.png'), -ms-linear-gradient(top, rgba(213,214,210,1) 0,rgba(245,245,245,1) 4px,rgba(245,245,245,1) 100%);
    background-image: url('/content/images/bg_pattern.png'), linear-gradient(to bottom, rgba(213,214,210,1) 0,rgba(245,245,245,1) 4px,rgba(245,245,245,1) 100%);
}


.footer .row0 h5 {
    border-bottom: 1px dotted #595b5c;
    font-weight: normal;
    line-height: 1.2;
    margin: 0 16px 0 0;
    padding-bottom: 4px;
    text-transform: uppercase;
}

.footer .row0 .colpos40 h5 {
    margin-right: 0;
}

.footer .col.colpos40 > .inner {
    padding-bottom: 0;
}

.footer .row0 .colpos41 h5 {
    display: none;
}

.footer .row0 li {
    font-size: 13px; /* IE Only */
    font-size: 0.8125rem;
    margin-top: 12px;
    margin-top: 0.75rem;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
}

.footer .row0 .col > .inner {
    padding: 0 16px 16px;
}

.footer .row0 .colpos40 > .inner {
    padding-bottom: 0;
}

/*.footer .row0 .colpos41 li {
    margin-top: 0;
}

    .footer .row0 .colpos41 li + li {
        margin-top: 12px;
        margin-top: 1.2rem;
    }*/

.footer .row1 {
    border-top: 1px solid #b5b6b3;
    background: #ffffff;
    padding: 8px 0;
}

#divLanguageSelection li {
    padding: 0 16px;
    margin: 8px 8px 8px 0;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.2; /* line-height at 1.2 / (1 * 24) / 10 = 2.4... */
}

    #divLanguageSelection li + li {
        border-left: 1px solid #d5d6d2;
    }

.footer .row2 .colpos20 > .inner {
    padding: 0 16px;
}

#divLanguageSelection li a:hover {
    color: #0098db;
}

.footer .row2 {
    border-top: 1px solid #aaaaaa; /* FF padding fix */
    background: #b5b6b3;
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0.32) 0, rgba(213,214,210,0.32) 4px, #b5b6b3 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(0,0,0,0.32)), color-stop( 4px,rgba(213,214,210,0.32)), color-stop(100%,#b5b6b3));
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.32) 0,rgba(213,214,210,0.32) 4px,#b5b6b3 100%);
    background-image: -o-linear-gradient(top, rgba(0,0,0,0.32) 0,rgba(213,214,210,0.32) 4px,#b5b6b3 100%);
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0.32) 0,rgba(213,214,210,0.32) 4px,#b5b6b3 100%);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.32) 0,rgba(213,214,210,0.32) 4px,#b5b6b3 100%);
}

    .footer .row2 p,
    .footer .row2 li {
        font-size: 10px;
        font-size: 0.625rem;
        margin: 12px 0; /* IE Only */
        margin: 0.75rem 0;
    }


.footer .row > .inner {
    position: relative;
    margin: 0 auto;
}

.copyright,
#termsNav {
    display: block;
}


.footer .nav li a:hover {
    text-decoration: underline;
}

.footer .row2 .nav.social li {
    float: left;
    background-color: transparent;
    margin-left: 0;
}

.nav.social li + li {
    background-image: url("/Content/images/line_verticalNavDivider.png");
    background-position: left 50%;
    background-repeat: no-repeat;
}

.nav.social li > a {
    display: block;
    background-image: url("/Content/images/sprite2015.png");
    background-repeat: no-repeat;
    margin: 0 16px;
}

a.icon_youtube {
    height: 24px;
    width: 56px;
    background-position: -855px -832px;
}

    a.icon_youtube:hover {
        background-position: -855px -704px;
    }

a.icon_twitter {
    height: 24px;
    width: 24px;
    background-position: -964px -832px;
}

    a.icon_twitter:hover {
        background-position: -964px -704px;
    }
/* http://jira.gallup.com/jira/browse/SF-2898 */
#gdfooter .row2 .col.colpos20 {
    width: calc(100% - 144px);
}

#gdfooter .row2 .col.colpos21 {
    width: 144px;
}

/* General Nav Styles ----------------------------------------------------- */
nav ul,
.nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

nav li a,
nav li span,
.nav li a {
    text-decoration: none;
    display: block;
}

/* Welcome message styles (for My Account menu) */
.gel-nav-dt .gel-nav-main li.useraccount > a.gel-nav-dropdown-toggle {
    padding-top: 6px;
    max-height: 64px;
}

.gel-nav-main .useraccount > a .welcome-message {
    top: 13px;
    font-size: .8em;
    line-height: normal;
    position: relative;
    text-transform: none;
}

.gel-nav-dt .gel-nav-main .useraccount > a .welcome-message {
    position: absolute;
}

.gel-nav-dt .gel-nav-main .useraccount > a:after {
    top: 0;
}

/* Remove blue navtitle link hover styling to make menus consistent */
.gel-nav-main .navtitle li a:hover,
.gel-nav-main .navtitle li a:active,
.gel-nav-main .navtitle li a:focus {
    background: #272929 url("//content.gallup.com/origin/gallupinc/GallupSpaces/Production/Cms/IMAGES/4mzctrmhtu23g_echachuw.jpg");
}

/* Fix for webkit column spacing bug */
.gel-nav-dt .gel-nav-main .navtitle {
    -webkit-margin-after: 0;
}

/*remove the main navigation bar from survey pages */
.public.survey .gel-nav-main,
.public.survey #navHolder {
    display: none;
}
/* add small top padding to survey pages */
.public.survey #gdcontent {
    padding-top: 32px;
}

/* Site Content Styles ---------------------------------------------------- */
#gdcontent > .inner {
    position: relative;
}

.row.splash {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q5ZjBkNSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWYwZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(217,240,213,0) 0, rgba(217,240,213,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(217,240,213,0)), color-stop(100%,rgba(217,240,213,1)));
    background: -webkit-linear-gradient(top, rgba(217,240,213,0) 0,rgba(217,240,213,1) 100%);
    background: -o-linear-gradient(top, rgba(217,240,213,0) 0,rgba(217,240,213,1) 100%);
    background: -ms-linear-gradient(top, rgba(217,240,213,0) 0,rgba(217,240,213,1) 100%);
    background: linear-gradient(to bottom, rgba(217,240,213,0) 0,rgba(217,240,213,1) 100%);
}

    .row.splash > .inner {
        background-image: url('/content/images/bg_pattern.png');
    }

.nopadV .col > .inner {
    padding: 0;
}

.row.noheader {
    margin-top: 24px;
}

/* Page specific styles ---------------------------------------------------- */
.col > .inner > h5 {
    margin-top: 0;
}

/* homepage */
.homepage #gdcontent,
.homepage #gdcontent > .inner {
    padding-bottom: 1px;
}

.en-us.ESFabout .row4,
.ja-jp.ESFabout .row4,
.ko-kr.ESFabout .row4,
.homepage .section.create2,
.homepage .section.start {
    border-top: 1px solid #d5d6d2;
    background: #ffffff;
    background-image: -moz-linear-gradient(top, rgba(213,214,210,1) 0, rgba(255,255,255,1) 4px, rgba(255,255,255,1) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(213,214,210,1)), color-stop(4px,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
    background-image: -webkit-linear-gradient(top, rgba(213,214,210,1) 0,rgba(255,255,255,1) 4px,rgba(255,255,255,1) 100%);
    background-image: -o-linear-gradient(top, rgba(213,214,210,1) 0,rgba(255,255,255,1) 4px,rgba(255,255,255,1) 100%);
    background-image: -ms-linear-gradient(top, rgba(213,214,210,1) 0,rgba(255,255,255,1) 4px,rgba(255,255,255,1) 100%);
    background-image: linear-gradient(to bottom, rgba(213,214,210,1) 0,rgba(255,255,255,1) 4px,rgba(255,255,255,1) 100%);
}

    .en-us.ESFabout .row4,
    .ja-jp.ESFabout .row4,
    .ko-kr.ESFabout .row4,
    .homepage .section.create2 .row0,
    .homepage .section.start .row1 {
        padding-bottom: 32px;
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 0, rgba(213,214,210,0) 99%, rgba(213,214,210,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(255,255,255,0)), color-stop(99%,rgba(213,214,210,0)), color-stop(100%,rgba(213,214,210,1)));
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0,rgba(213,214,210,0) 99%,rgba(213,214,210,1) 100%);
        background: -o-linear-gradient(top, rgba(255,255,255,0) 0,rgba(213,214,210,0) 99%,rgba(213,214,210,1) 100%);
        background: -ms-linear-gradient(top, rgba(255,255,255,0) 0,rgba(213,214,210,0) 99%,rgba(213,214,210,1) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0,rgba(213,214,210,0) 99%,rgba(213,214,210,1) 100%);
    }

.en-us.ESFabout #gdcontent .row3,
.en-us.ESFabout #gdcontent .row6,
.ja-jp.ESFabout #gdcontent .row3,
.ja-jp.ESFabout #gdcontent .row6,
.ko-kr.ESFabout #gdcontent .row3,
.ko-kr.ESFabout #gdcontent .row6,
.homepage .section.create,
.homepage .section.enhance,
.homepage .section.summit,
.SBP .section.assessments {
    background-color: #f5f5f5;
    border-top: 1px solid #d5d6d2; /* FF padding fix */
    background-image: url('/content/images/bg_pattern.png');
}


.splash h1,
.splash h4,
.product h4 {
    font-weight: normal;
}

.splash .image img {
    margin: 16px auto 0;
}

.homepage-number-block {
    background: rgba(255, 255, 255, .5);
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.05);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.05);
    padding: 16px 8px;
    text-align: center;
    font-size: 13px; /* IE Only */
    font-size: 0.8125rem;
    line-height: 1.8462; /* (1 * 24) / 13 = 1.84615... */
    font-weight: bold;
}

.homepage-number-block > span {
    font-size: 20px; /* IE Only */
    font-size: 1.25rem;
    line-height: 1.2; /* (1 * 24) / 20 = 1.2 */
}

.homepage .content .colpos20 > .inner,
.homepage .content .colpos21 > .inner,
.SBP .assessments .colpos20 > .inner,
.SBP .assessments .colpos21 > .inner {
    text-align: center;
}

.homepage .splitline h3 {
    margin-top: 0;
}

.homepage .buttons {
    max-width: 447px; /* IE Only */
    max-width: 27.9375rem;
    margin-left: auto;
    margin-right: auto;
}

.enhance .colpos20 .inner,
.create .colpos20 .inner,
.assessments .colpos20 .inner {
    border: 1px solid #d5d6d2;
    background-color: #ffffff;
}

.enhance .colpos21 .inner,
.create .colpos21 .inner,
.assessments .colpos21 .inner {
    margin-top: 16px;
    border: 1px solid #d5d6d2;
    background-color: #ffffff;
}

.homepage h3 span {
    margin: 12px auto 0;
    display: block;
    height: 96px;
    width: 128px;
    background: transparent url("/Content/images/sprite2015.png") no-repeat 999px 999px;
}

h3.icon_CSF span {
    background-position: 0 -96px;
}

h3.icon_ESF span {
    background-position: -156px -96px;
}

h3.icon_Kits span {
    background-position: -320px -96px;
}

h3.icon_Courses span {
    background-position: -498px -96px;
    width: 156px;
}

h3.icon_Blog span {
    background-position: 0 -416px;
}

h3.icon_Dir span {
    background-position: -156px -416px;
}

.homepage p.icon {
    text-align: center;
    margin: 0;
}

p.icon > span {
    display: block;
    width: 158px;
    height: 96px;
    margin: 0 auto 16px;
    background: transparent url("/Content/images/sprite2015.png") no-repeat 999px 999px;
}

p.iconCertCrs > span {
    background-position: -498px -256px;
}

p.iconCertApp > span {
    background-position: -144px -256px;
}

p.iconCertExam > span {
    background-position: -308px -256px;
}

p.iconCertEval > span {
    background-position: 24px -256px;
}

/* marketing page headers */
.public .header h2 > span {
    float: left;
    display: block;
    height: 96px;
    width: 128px;
    background: transparent url("/Content/images/sprite2015.png") no-repeat 9999px 9999px;
}

.coachDir .header h2 > span {
    background-position: -8px -416px;
}

.CSFKits .header h2 > span {
    background-position: -328px -96px;
}

.CSFCourses .header h2 > span {
    background-position: -498px -96px;
    width: 172px;
}

html[lang="nl-NL"] .CSFCourses .header span {
    height: 140px;
}

.CSFCert .header h2 > span {
    background-position: -16px -256px;
}

.ESF .header h2 > span,
.ESFUserStory .header h2 > span,
.ESFabout .header h2 > span {
    background-position: -164px -96px;
}

.CSF .header h2 > span {
    background-position: 0 -96px;
}

.iconReport h5 > span {
    float: left;
    display: block;
    height: 24px;
    width: 24px;
    background: transparent url("/Content/images/sprite2015.png") no-repeat -776px -896px;
}

.iconTools h4 > span,
.iconTools h5 > span,
.iconResources h4 > span,
.iconResources h5 > span,
.iconVideo h4 > span {
    float: left;
    display: block;
    height: 24px;
    width: 24px;
    background: transparent url("/Content/images/sprite2015.png") no-repeat;
    margin-right: 8px;
    margin-right: 0.5rem;
}

.iconTools h4 > span,
.iconTools h5 > span {
    background-position: -452px -701px;
}

.iconResources h4 > span,
.iconResources h5 > span {
    background-position: -388px -701px;
}

.iconVideo h4 > span {
    background-position: -704px -701px;
    width: 32px;
}


/* Sign in page */
.signin .content .signin-section strong {
    white-space: nowrap;
}

/* Coach Directory pages */
.coach-filter-list {
    background: #e0e0e0;
    padding: 16px;
}

.coach-filter-list h5 {
    margin-bottom:10px; 
    margin-top:10px;
    font-weight: bold;
}

.coach-filter-list label {
    margin: 24px 0 0 0;
    font-weight: normal;
}

.coach-search label {
    margin-bottom: 5px;
}

.coach-search .searchBox .textbox {
    width: 88%;
}

.results h5,
.view h5 {
    font-weight: bold;
    display: inline-block;
}

.results div,
.view select,
.pagination div {
    display: inline-block;
    vertical-align: top;
    margin-top: 24px;
}

.view select {
    width: 53%;
    margin-top: 20px;
}

.pagination div {
    margin-top: 28px;
    padding-left: 8px;
}

#coachId {
    padding-bottom: 0;
}

.coachtable .row > .inner {
    padding-bottom: 35px;
}

.coachtable div:last-child {
    margin-bottom: 0px;
}

.coachtable p {
    margin-left: 15px;
}

.coachtable h4 {
    margin-left: 15px;
}

.coachProfile {
    border-bottom: 1px solid #b5b6b3;
    margin: 20px 0 35px 0;
    width: 100%;
}

    .coachProfile .coachInfo .coachName,
    .coachProfile .coachInfo .filter {
        margin: 0 0 8px 0;
    }

    .coachProfile .coachInfo p.bold,
    .coachProfile .coachInfo .email {
        margin: 0 0 10px 0;
    }

    .coachProfile .coachInfo .filter {
        font-size: .9em;
    }

.coachDir .profile h3 {
    margin-top: 0;
}

.coachDir .image img {
    padding-right: 16px;
    width: 100%;
}

.coachDir .twentyfive75 .image img {
    max-width: 200px;
}

.coachEmail {
    overflow: hidden;
    text-overflow: ellipsis;
}

.coach-button {
    width: 180px;
}

.coach-image {
    position: relative;
}

    .coach-image:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 1;
    }

#pagerList.nav li {
    float: left;
    display: block;
}

#pageSelector li a {
    display: block;
    margin-right: 16px;
    padding: 0 16px;
    border: 1px solid #ffffff;
}

    #pageSelector li a.currentPage {
        border-color: #d5d6d2;
    }

/* temp until database changed to use P tags */
.coachDir .profile div.coach.section {
    font-size: 16px; /* IE Only */
    font-size: 1rem;
    line-height: 1.5; /* (1 * 24) / 16 = 1.5 */
}

/* Sign in page */
#cookieCheck {
    display: none;
}

#signInScript {
    text-align: center;
    background-color: #9c0000;
}

    #signInScript p,
    #signInScript a {
        font-weight: bold;
        color: #f5f5f5;
        margin: 0;
    }

/* Account pages */

.account table td {
    min-width: 25%;
    padding-left: 0;
    padding-right: 16px;
}

    .account table td + td {
        width: 80%;
    }

    /* Override GEL's table row alternating bg color */
    .account tbody tr:nth-child(even) {
        background-color: transparent;
    }

/* Upgrade to 34 */
.upgrade-confirm .box-and-border {
    border: 1px solid #d4d5d6;
    padding: 8px 24px;
}

.upgrade-confirm .top-5-headline p {
    margin-bottom: 0;
}

.upgrade-confirm .upgrade-top-5 > ul {
    padding: 0;
    margin-bottom: 16px;
}

.upgrade-confirm .upgrade-top-5 > ul > li {
    display: inline;
    padding-left: 12px;
}

.upgrade-confirm .upgrade-top-5 > ul > li:first-child {
    padding-left: 0;
}

    .upgrade-confirm .upgrade-top-5 > ul > li::after {
        color: #d4d5d6;
        content: " | ";
        padding-left: 12px;
    }

    .upgrade-confirm .upgrade-top-5 > ul > li:last-child::after {
        content: "";
    }

/* Help Pages */
.icon.enabled {
    height: 24px;
    width: 32px;
    float: left;
    display: block;
    background: transparent url("/Content/images/sprite_v.png") no-repeat 0 -896px;
}

.icon.disabled {
    height: 24px;
    width: 32px;
    float: left;
    display: block;
    background: transparent url("/Content/images/sprite_v.png") no-repeat 0 -960px;
}

.icon.unknown {
    height: 24px;
    width: 32px;
    float: left;
    display: block;
    background: transparent url("/Content/images/sprite_v.png") no-repeat 0 -1024px;
}

/* CSFCourses Public Pages */
.CSFCourses .gray-header-bar {
    background-color: #f5f5f5;
    border-top: 1px solid #d5d6d2;
    background-image: url('/content/images/bg_pattern.png');
}

    .CSFCourses .gray-header-bar > .inner > .col > .inner {
        padding: 2px 16px;
    }

.CSFCourses .green-header-bar {
    background-color: #d6f1db;
    width: 100%;
    padding: 8px 0px;
    font-size: 20px; /* IE Only */
    font-size: 1.25rem;
    line-height: 1.2000; /* (1 * 24) / 20 = 1.2 */
    text-transform: uppercase;
    font-weight: bold;
}

.CSFCourses .subhead {
    font-size: 20px; /* IE Only */
    font-size: 1.25rem;
    line-height: 1.2000; /* (1 * 24) / 20 = 1.2 */
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    margin-top: 24px;
    margin-top: 1.5rem;
}

.CSFCourses div.course-path-chart {
        background-color: #e6e6e6;
}

    .CSFCourses div.course-path-chart span.header {
        display: block;
        background-color: #d3edd8;
        padding: 4px;
        font-weight: bold;
    }

    .CSFCourses div.course-path-chart p {
        padding: 0 8px;
    }

.CSFCourses div.course-path-1 {
    width: 50%;
    float: left;
}

.CSFCourses div.course-path-2 {
    width: 40%;
    float: right;
}

.CSFCourses div.course-path-or {
    padding: 10% 0;
    width: 10%;
    float: left;
}

ul.browse-courses > li > span {
    font-weight: bold;
}

.course-table {
    width: 100%;
}

    .course-table > thead > tr > th {
        font-weight: bold;
    }

.course-table > tbody > tr > td {
    padding: 16px 0;
}

.course-table tr:nth-child(even) {
    background-color: #e6e6e6;
}

.course-bullets li {
    margin-top: 0;
    margin-bottom: 0;
}

/* CSF Codes Public */
.CSFCodes .formPanel {
    border-top: 1px solid #b5b6b3;
    border-bottom: 1px solid #b5b6b3;
}

.CSFCodes .csf-purchase-grid {
    padding-bottom: 32px;
}

.CSFCodes .csf-purchase-grid .gray-header {
    background-color: #54585a;
    display: block;
    padding: 8px 0;
}

    .CSFCodes .csf-purchase-grid .gray-header:lang(pt-BR) {
        height: 62px;
    }

    .CSFCodes .csf-purchase-grid .gray-header h5 {
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        margin-bottom: 0;
        margin-top: 0;
    }

.CSFCodes .csf-purchase-grid p {
    margin-top: 12px;
    margin-top: 0.75rem;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
}

.CSFCodes .csf-purchase-grid li {
    margin-top: 0;
    margin-bottom: 0;
}

.CSFCodes .csf-purchase-grid .pricing {
    text-align: center;
    font-weight: normal;
}

.CSFCodes .csf-purchase-grid .pricing h1 {
    font-weight: normal;
}

.CSFCodes .csf-purchase-grid .pricing .note {
    font-weight: bold;
}

.CSFCodes .csf-purchase-grid .gray-arrow {
    position: absolute;
    left: -9999px;
}

.CSFCodes .csf-purchase-grid .buttons > .button.fullwidth > input {
    width: 60%;
    margin: 0 20%;
}

.dashboard .headroom {
    padding-top: 8px;
}

.get-adobe-reader {
    border: 1px solid #d4d5d6;
    margin-top: 32px;
    margin-top: 2rem;
    padding: 16px;
    padding: 1rem;
}

.dashboard .get-adobe-reader {
    margin-top: 0;
}

    .get-adobe-reader .download-link {
        float: left;
        height: 39px;
        width: 158px;
        margin-right: 16px;
        margin-right: 1rem;
        background: url(//content.gallup.com/origin/gallupinc/GallupSpaces/Production/Cms/IMAGES/igh63uhmmu-hkz6f8pxqva.png) no-repeat 0 0;
    }

    .get-adobe-reader span {
        line-height: 39px;
    }

.CSFCodes .formPanel {
    border-top: 1px solid #b5b6b3;
    border-bottom: 1px solid #b5b6b3;
}

.element.col {
    margin-bottom: 0;
    margin-top: 0;
}

.content .col > .inner.plusIcon {
    padding-right: 40px;
    background-color: transparent;
    background-image: url("/Content/images/sprite_v.png");
    background-position: right -730px;
    background-repeat: no-repeat;
}

.content .col > .inner.equalIcon {
    padding-right: 40px;
    background-color: transparent;
    background-image: url("/Content/images/sprite_v.png");
    background-position: right -796px;
    background-repeat: no-repeat;
}


.equalIcon label span {
    white-space: nowrap;
}

/* CSF Kits Public */
.calcPanel .col h5 {
    margin-top: 0;
}

/* ESF About */
/* Legacy Page, for non-english */
h5.icon > span {
    display: block;
    width: 124px;
    height: 96px;
    margin: 0 auto 16px;
    background: transparent url("/Content/images/sprite2015.png") no-repeat 999px 999px;
}


h5.ESFedu > span {
    background-position: 0 -916px;
}

h5.ESFinv > span {
    background-position: -162px -916px;
}

h5.ESFcoaches span {
    background-position: -324px -916px;
}

h5.ESFcity span {
    background-position: -520px -916px;
}

/* ESF About Page - new page with books */

.ESFabout #gdcontent {
    padding-bottom: 0;
}

.responsiveVideo {
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: 57.25%; /* Adjust for aspect ratio based on player size */
}

.responsiveVideo > iframe,
.responsiveVideo > embed,
.responsiveVideo > object,
.responsiveVideo > object embed,
.no-reflow > img,
.responsiveVideo > video,
.responsiveVideo > .mejs-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* YouTube videos have a big red play icon that can't be removed, so hide MediaElement's play button */
.mejs-video.mejs-youtube .mejs-overlay-button {
    display: none;
}

.ESFabout .productDescription h3 {
    margin-top: 0;
}

.en-us.ESFabout .row3 li,
.ja-jp.ESFabout .row3 li,
.ko-kr.ESFabout .row3 li {
    margin: 12px 2em;
}

.ESFabout .figcaption p {
    margin: 12px 0 0 0;
}

.ESFabout .figure a {
    text-decoration: none;
}

.ESFabout .figure.userStory img,
.ESFabout .responsiveVideo {
     border: 8px solid #e6e6e6;
 }

    .ESFabout .figure.userStory:hover img {
        border: 8px solid #d4d5d6;
    }

.en-us.ESFabout #gdcontent .row3 .buttons a img,
.ja-jp.ESFabout #gdcontent .row3 .buttons a img,
.ko-kr.ESFabout #gdcontent .row3 .buttons a img {
    margin: 0 auto;
}

.en-us.ESFabout #gdcontent .row4,
.ja-jp.ESFabout #gdcontent .row4,
.ko-kr.ESFabout #gdcontent .row4 {
    border-top: 1px solid #d5d6d2;
    text-align: center;
}

.en-us.ESFabout #gdcontent .row4 .button,
.ja-jp.ESFabout #gdcontent .row4 .button,
.ko-kr.ESFabout #gdcontent .row4 .button {
    float: none;
}

.en-us.ESFabout .row4 .button a,
.ja-jp.ESFabout .row4 .button a,
.ko-kr.ESFabout .row4 .button a {
    margin: 0 auto;
    display: inline-block;
}

.en-us.ESFabout #gdcontent .row1 .colpos20,
.ja-jp.ESFabout #gdcontent .row1 .colpos20,
.ko-kr.ESFabout #gdcontent .row1 .colpos20 {
    margin-top: 16px;
    text-align: center;
}

.en-us.ESFUserStory #gdcontent .row3,
.en-us.ESFabout #gdcontent .row2,
.en-us.ESFabout #gdcontent .row5,
.ja-jp.ESFUserStory #gdcontent .row3,
.ja-jp.ESFabout #gdcontent .row2,
.ja-jp.ESFabout #gdcontent .row5,
.ko-kr.ESFUserStory #gdcontent .row3,
.ko-kr.ESFabout #gdcontent .row2,
.ko-kr.ESFabout #gdcontent .row5,
.SBP #gdcontent .row3 {
    position: relative;
    background: #54585a;
    color: #ffffff;
}


.en-us.ESFUserStory #gdcontent .row3 h3,
.en-us.ESFabout #gdcontent .row2 h3,
.en-us.ESFabout #gdcontent .row5 h3,
.ja-jp.ESFUserStory #gdcontent .row3 h3,
.ja-jp.ESFabout #gdcontent .row2 h3,
.ja-jp.ESFabout #gdcontent .row5 h3,
.ko-kr.ESFUserStory #gdcontent .row3 h3,
.ko-kr.ESFabout #gdcontent .row2 h3,
.ko-kr.ESFabout #gdcontent .row5 h3,
.SBP #gdcontent .row3 h3 {
    padding: 26px 0;
    margin: 0;
}

.en-us.ESFUserStory #gdcontent .row3 .inner:before,
.en-us.ESFabout #gdcontent .row2 .inner:before,
.ja-jp.ESFUserStory #gdcontent .row3 .inner:before,
.ja-jp.ESFabout #gdcontent .row2 .inner:before,
.ko-kr.ESFUserStory #gdcontent .row3 .inner:before,
.ko-kr.ESFabout #gdcontent .row2 .inner:before,
.SBP #gdcontent .row3 > .inner:before {
    position: absolute;
    content: " ";
    left: calc(50% - 20px);
    left: 47%;
    width: 0; 
    height: 0; 
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #ffffff;
    visibility: visible;
}

.en-us.ESFabout #gdcontent .row3 > .inner,
.ja-jp.ESFabout #gdcontent .row3 > .inner,
.ko-kr.ESFabout #gdcontent .row3 > .inner {
    padding: 60px 0 30px 0;
}

.en-us.ESFabout #gdcontent .row3 > .inner  + .inner,
.ja-jp.ESFabout #gdcontent .row3 > .inner  + .inner,
.ko-kr.ESFabout #gdcontent .row3 > .inner  + .inner {
    border-top: 1px solid #8e908f;
}

.en-us.ESFabout #gdcontent .row3 .col,
.ja-jp.ESFabout #gdcontent .row3 .col,
.ko-kr.ESFabout #gdcontent .row3 .col {
    margin: 0 auto;
}

.en-us.ESFabout #gdcontent .row3 .col0,
.ja-jp.ESFabout #gdcontent .row3 .col0,
.ko-kr.ESFabout #gdcontent .row3 .col0 {
    width: 100%;
    max-width: 256px;
}

.ESFabout .figure.userStory img,
.en-us.ESFabout #gdcontent .row3 .col0 img,
.ja-jp.ESFabout #gdcontent .row3 .col0 img,
.ko-kr.ESFabout #gdcontent .row3 .col0 img {
    margin: 0 auto;
}

.ESFabout .figure.userStory {
    width: calc(100% - 32px);
    max-width: 264px;
    margin: 16px auto;
}

.no-reflow {
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: 56.8333333%; /* = 341/600 */
}

.no-reflow > img {
    position: absolute;
    top: 0;

}

.ESFabout .booklistitem {
    float: left;
    width: calc(100% - 32px);
    margin: 16px;
}

.ESFabout .booklistitem:nth-of-type(odd) {
    clear: left;
}

.ESFabout .booklistitem img {
    margin: 0 auto;
}

.ESFabout .booklistitem .bookinfo {
    clear: left;
    max-width: 50em;
    margin: 0 auto;
    text-align: center;
}

.ESFabout .booklistitem .bookinfo .buttons,
.ESFabout .booklistitem .bookinfo .button {
    float: none;
    display: inline-block;
}

/* ESF User Story */

.ESFUserStory #gdcontent .row1 .colpos21 .section {
    padding: 0 1.25rem;
}

.speech-bubble-left,
.speech-bubble-left + .cite {
    font-size: 16px;
    font-size: 1rem;
}

.speech-bubble-left {
    position: relative;
    margin: 0 0 42px 0;
    border: 10px solid #e7f8fc;
    text-align: center;
    color: #2776a6;
    background: #e7f8fc;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

    /* creates larger curve */
    .speech-bubble-left:before {
        content: "";
        background: #e7f8fc;
        position: absolute;
        z-index: 1;
        bottom: -45px;
        left: 50px;
        width: 50px;
        height: 70px;
        -webkit-border-radius: 80px 80px;
        -moz-border-radius: 80px 80px;
        border-radius: 80px 80px;
        display: block;
    }

    /* creates white circle to complete bubble tick */
    .speech-bubble-left:after {
        content: "";
        background: white;
        position: absolute;
        z-index: 2;
        bottom: -50px;
        left: 63px;
        width: 50px;
        height: 40px;
        -webkit-border-radius: 100px 70px;
        -moz-border-radius: 100px 70px;
        border-radius: 100px 70px;
        display: block;
    }

.speech-bubble-left blockquote {
    position: relative;
    z-index: 5;
    margin: 5%;
    line-height: 1.5;
    font-style: italic;
    text-align: left;
}

.speech-bubble-left + .cite {
    margin-left: 80px;
}

.ESFUserStory #gdcontent .header h2 {
    line-height: 2.5em;
}

.ESFUserStory #gdcontent .row1 {
    margin-top: 16px;
}

.ESFNewsStories > div,
.ESFUserStory #gdcontent .logoSidebar,
.ESFUserStory .section.userStory {
    overflow: hidden;
    background: #f8f8f7;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #d1cfcf;
}

/*.ESFNewsStories > div,*/
.ESFUserStory .section.userStory > div {
    width: calc(100% - 4em);
    float: none;
    margin: 1.25rem 1.25rem 9px 1.25rem;
}

.ESFUserStory .section.userStory:first-of-type > div {
    margin-bottom: 12px;
}

.ESFNewsStories > div + div,
.ESFUserStory .section.userStory + .section.userStory {
    margin-top: 16px;
    padding-top: 0;
}

.ESFUserStory #gdcontent .row1 + .row .col > .inner {
    padding: 0 16px;
    margin: 8px 0;
}

.ESFUserStory #gdcontent .button {
    float: none;
}

.ESFUserStory #gdcontent .buttons button {
    margin: 0 auto;
}

.ESFUserStory #gdcontent .logoSidebar {
    background: #ffffff;
    border-color: #e1e1e1;
    padding: 2em;
}

.ESFUserStory #gdcontent .logoSidebar p {
    margin: 0 0 8px 0;
    font-size: 24px;
    font-size: 1.5rem;
    font-style: italic;
}

.ESFUserStory #gdcontent .logoSidebar img {
    margin: 0 auto;
}

.ESFNewsStories > div h3,
.ESFNewsStories > div h4,
.ESFUserStory .section.userStory h3,
.ESFUserStory .section.userStory h4 {
    font-size: 20px;
    font-size: 1.25rem;
    text-transform: none;
}

.ESFNewsStories > div h3,
.ESFUserStory .section.userStory h3 {
    color: #00649d;
}

.ESFNewsStories > div h4,
.ESFUserStory .section.userStory h4 {
    font-weight: normal;
}

.ESFNewsStories > div h3,
.ESFNewsStories > div h4,
.ESFNewsStories > div p,
.ESFUserStory .section.userStory h3,
.ESFUserStory .section.userStory h4,
.ESFUserStory .section.userStory p {
    margin: 1em;
}

/* CSF Certification */
.CSFCert p.icon > span {
    float: left;
    text-align: right;
    width: 124px;
    margin: 0 16px 0 0;
    color: #c1c0c0;
}

.CSFCert p.iconASC > span {
    background-position: -531px -576px;
}

.CSFCert p.iconRpt > span {
    background-position: -192px -576px;
}

.CSFCert p.iconExam > span {
    background-position: -352px -576px;
}

.CSFCert p.iconChklist > span {
    background-position: -24px -576px;
}



/*------------------------------------*\
    #Strengths Based Parenting
\*------------------------------------*/

.SBP .sbp-splash h2 {
    font-weight: normal;
    text-transform: none;
}

.SBP .sbp-splash strong {
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}

.SBP .colpos21 > .inner > img {
    margin: 24px auto 48px;
}

.SBP .row3 {
    text-align: center;
}

.SBP .row3 .inner h3 > span {
    font-weight: normal;
}

.SBP .content .col > .retailers {
    padding: 50px 0;
    text-align: center;
}

.SBP .retailers a {
    display: block;
}

.SBP .retailers a + a {
    margin-top: 3rem;
}

.SBP .retailers a img {
    margin: 0 auto;
}

.SBP .assessments .colpos10 {
    margin: 44px 0 0;
}

.SBP .assessments .colpos10 > .inner {
    border: 1px solid #d5d6d2;
    background-color: #ffffff;
}

.SBP .assessments .colpos20 > .inner,
.SBP .assessments .colpos21 > .inner {
    border: none;
}

.SBP .assessments .colpos20 > .inner {
    padding-left: 0;
}

.SBP .book-cover {
    box-shadow: 0 2px 4px rgba(0,0,0,.3);
}

.SBP .csf-icon,
.SBP .se-icon {
    display: block;
    margin: 12px auto 0;
    background: transparent url("/Content/images/sprite2015.png") no-repeat;
}

.SBP .csf-icon {
    width: 124px;
    height: 149px;
    background-position: -194px -1237px;
}

.SBP .se-icon {
    width: 130px;
    height: 149px;
    background-position: 0 -1237px;
}

@media (min-width: 40rem) {
    .SBP .sbp-splash {
        height: 380px;
        background: linear-gradient(to right, rgba(255, 255, 255, 0.25) 40%, transparent 55%), url("//content.gallup.com/origin/gallupinc/GallupSpaces/Production/Cms/GSCCOMMONLKM/lwdqjrny6k6hypku-topnq.jpg") no-repeat right 0;
        background-size: cover;
    }

    .SBP .sbp-splash .col .inner {
        padding-top: 75px;
    }

    .SBP .sbp-splash h2 {
        max-width: 275px;
        font-size: 23px;
        font-size: 1.4375rem;
        line-height: 1.2;
    }
}

@media (min-width: 48rem) {
    .SBP .sbp-splash h2 {
        max-width: 450px;
    }

    .SBP .sbp-splash .col .inner {
        padding-top: 40px;
    }
}

@media (min-width: 64rem) {
    .SBP .sbp-splash {
        background: url("//content.gallup.com/origin/gallupinc/GallupSpaces/Production/Cms/GSCCOMMONLKM/lwdqjrny6k6hypku-topnq.jpg") no-repeat right 0 / cover;
    }

    .SBP .sbp-splash h2 {
        font-size: 38px;
        font-size: 2.3750rem;
        line-height: 1.2632;
    }

    .SBP .retailers a {
        display: inline-block;
    }

    .SBP .retailers a + a {
        margin-top: 0;
        margin-left: 5rem;
    }
}

.SEredeem .row0 > .inner {
    padding: 48px 0;
}

/* Product Cart Page */
.product h4 {
    margin-bottom: 0;
}

.product h5 {
    margin-top: 0;
    color: #545757;
}

.product .description {
    display: none;
}

.purchaseTable {
    background-color: #ffffff;
}

.content .purchaseTable th,
.content .purchaseTable td {
    padding-left: 0;
    padding-right: 0;
}

.content .purchaseTable th {
    vertical-align: middle;
}

    .purchaseTable .textbox input {
        width: auto;
    }

    .purchaseTable .responsive-body tr {
        border-top: 1px solid #d5d6d2;
    }

.prodreview .purchaseTable th,
.product .purchaseTable th {
    font-weight: bold;
}

.prodreview .resourcebox table tr td {
    width: 50%;
}

.preformat { /* legacy old invoice */
    white-space: pre;
    font-size: 16px; /* IE Only */
    font-size: 1rem;
    line-height: 1.5; /* (1 * 24) / 16 = 1.5 */
}

td.iconFull {
    min-width: 100px;
    background: transparent url("/Content/images/sprite2015.png") no-repeat 0 -1116px;
}

td.details {
    min-width: 100px;
}

.purchaseTable label {
    position: absolute;
    left: -9999px;
}

.product .purchaseTable td {
    vertical-align: top;
}

    .product .purchaseTable th + th,
    .product .purchaseTable td + td {
        padding: 8px 0;
    }

.myPurchases .purchaseTable th,
.myPurchases .purchaseTable td {
    padding-right: 16px;
}

    .myPurchases .purchaseTable th + th,
    .myPurchases .purchaseTable td + td {
        padding-left: 8px;
        padding-right: 8px;
    }

.product .purchaseTable td.evencol,
.product .purchaseTable th.evencol {
    padding-left: 8px;
    padding-right: 8px;
}

.product .purchaseTable td.right {
    min-width: 20%;
}

.purchaseTable .evencol {
    background-color: #f5f5f5;
}

.product .purchaseTable thead {
    border-bottom: 1px solid #b5b6b3;
}

.product .purchaseTable tfoot {
    border-top: 1px solid #b5b6b3;
}

.product .purchaseTable tbody + tbody tr + tr {
    border-top: none;
}

.prodreview .purchaseTable tr + tr {
    border-top: none;
}

.purchaseTable .product-with-languages tr:first-child .evencol {
    padding: 0;
}

.prodreview .content .section + .section {
    margin-top: 32px;
}

.language-purchase-inputs > input {
    margin: 4px 0;
}

.language-purchase-inputs label {
    display: block;
    position: static;
}

.language-price {
    margin: 11px 0 !important;
}

.product-with-languages .description p {
    margin-bottom: .5em;
}

.responsive-body td.no-before-text:before {
    content: "";
}

.purchase-language-description > .description {
    border-bottom: 1px dotted #b5b6b3;
    padding: 18px 0 4px 0;
    font-weight: normal;
}

.purchase-language-description > .description:first-child {
    padding: 8px 0 4px 0;
}

.purchase-language-description {
    font-weight: bold;
}

/* private pages */
h3.breakSpan > span {
    display: block;
}

#divShareIcons {
    margin-left: 16px;
}

    #divShareIcons > a {
        display: block;
        height: 24px;
        width: 24px;
        background-image: url("/Content/images/sprite2015.png");
        background-repeat: no-repeat;
        margin-right: 16px;
    }

        #divShareIcons > a:hover {
            color: #0098db;
        }

a.iconFB {
    background-position: -1030px -704px;
}

    a.iconFB:hover {
        background-position: -1030px -640px;
    }

a.iconTwitter {
    background-position: -964px -704px;
}

    a.iconTwitter:hover {
        background-position: -964px -640px;
    }

.dashboard .content .section p:first-child {
    margin-top: 0;
}

.dashboard .resourcebox p.item a {
    text-decoration: none;
}

.dashboard .resourcebox p.item u {
    text-decoration: underline;
}

.dashboard .resourcebox p.item a:hover u {
    text-decoration: underline;
    color: #0098db;
}

.dashboard .resourcebox p.item span {
    display: block;
}

.dashboard .floatL {
    display: block;
    float: left;
}

.dashboard .floatR {
    display: block;
    float: right;
}

.dashboard .header > h5 {
    font-weight: bold;
}

/* eBook download modal */
.ui-widget-content, .ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px; /* IE Only */
    font-size: 1rem;
    line-height: 1.5; /* (1 * 24) / 16 = 1.5 */
}

.ui-button {
  display: block;
  padding: 6px 1rem;
  margin: 0;
  margin-right: 0;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  zoom: normal;
  overflow: visible;
}

/*Override jQuery UI's hideous buttons*/
.ui-button {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: none;
    width: 100%;
    min-height: 36px;
    border: 1px solid #a9abac;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    background-color: #D4D5D6 !important;
}

.ui-widget button {
    font-family: Arial, Helvetica, sans-serif !important;
}

.ui-state-hover {
    background: url();
    background: #747779;
}


.strengthitem {
    position: relative;
}

    .strengthitem > span {
        background-color: #ffffff;
        position: relative;
    }

    .strengthitem .centerline2 {
        float: none;
        position: absolute;
        border-top: 1px dotted #d5d6d2;
        top: 50%;
        display: block;
        height: 1px;
        width: 100%;
    }

    .strengthitem > span > a {
        display: block;
        float: left;
        text-decoration: underline;
        margin-left: 16px;
        background: #ffffff url("/Content/images/sprite2015.png") no-repeat -9999px -9999px;
    }

        .strengthitem > span > a:hover {
            color: #0098db;
        }

    .strengthitem .iconVideo {
        height: 24px;
        width: 32px;
        background-position: -704px -702px;
    }

        .strengthitem .iconVideo:hover {
            background-position: -704px -638px;
        }

    .strengthitem .iconPDF {
        height: 24px;
        width: 24px;
        background-position: -776px -702px;
    }

        .strengthitem .iconPDF:hover {
            background-position: -776px -638px;
        }

#divESFPresent .minpad p.note {
    margin-bottom: 0;
}

span.keyDom {
    border-left: 16px solid #f48024;
    padding-left: 8px;
}

span.keySup {
    border-left: 16px solid #aad69f;
    padding-left: 8px;
}

span.keyCon {
    border-left: 16px solid #0065a4;
    padding-left: 8px;
}

/* share pages */

.sharingNav > .inner > .col > .inner {
    border-bottom: 1px dotted #d5d6d2;
}

.sharingNav a {
    display: block;
    padding: 4px 16px;
    text-shadow: 0 1px 1px rgba(255,255,255,0.5);
    border: 1px solid #d5d6d2;
    -moz-border-radius: 0.571em;
    -webkit-border-radius: 0.571em;
    border-radius: 0.571em;
    text-decoration: none;
}

.sharingNav .nav li {
    margin-right: 16px;
}

.sharingNav li.active a {
    -webkit-box-shadow: inset 1px 1px 2px 0 rgba(89, 91, 92, 0.5);
    box-shadow: inset 1px 1px 2px 0 rgba(89, 91, 92, 0.5);
    background-color: #d5d6d2;
}

.sharingNav a:hover {
    background-color: #efefef;
}

.sharingNav .colpos20 > .inner,
.sharingNav .colpos21 > .inner {
    padding-top: 0;
    padding-bottom: 0;
}

/* share widget */

#sharingMenu {
    display: none; /* needed for script call */
}

    #sharingMenu .checkbox input,
    #sharingMenu .checkbox span {
        float: left;
    }

    #sharingMenu .checkbox label {
        display: block;
        line-height: 1.25em;
        padding-left: 64px;
    }

.sharingMenuBox {
    background-color: #efefef;
    padding: 1px 16px 16px;
    margin-top: 16px;
}

.button a.shareButton {
    padding: 4px 16px 4px 12px;
}

.shareButtons .cancelLink {
    text-align: center;
    margin-top: 24px;
}

span.sharingIcon {
    float: left;
    display: block;
    height: 32px;
    width: 32px;
    background: transparent url("/Content/images/sprite2015.png") no-repeat -226px -32px;
}

/* Pending Requests */
.pendingSection {
    padding: 16px 0;
    border-top: 1px dotted #b5b6b3;
    border-bottom: 1px dotted #b5b6b3;
}

.pendingMenu {
    background-color: #efefef;
    padding: 1px 16px 16px;
    margin-top: 16px;
}

.pendingSection .section {
    border-top: 1px solid #b5b6b3;
}

    .pendingSection .section .item + .item {
        border-top: 1px dotted #d5d6d2;
        padding-top: 0;
    }

/* search box */

.searchBox .textbox {
    float: left;
    display: block;
    margin: 0;
    background-color: #ffffff;
    border: 1px solid #8e908f;
    border-right: none;
}

    .searchBox .textbox input {
        height: 30px;
        line-height: 30px;
        padding: 1px 0.5em;
        width: auto;
        min-width: 100%;
        border: none;
    }

.searchBox .button {
    overflow: hidden;
    float: left;
    margin-right: 4px;
    display: block;
    border: 1px solid #8e908f; /* inner stroke */
    border-left-color: #e5e5e5;
}

    .searchBox .button:hover {
        border: 1px solid #8e908f; /* inner stroke */
        border-left-color: #e5e5e5;
    }

    .searchBox .button + span {
        clear: left;
    }

.searchBox .field-validation-error.hide,
.searchBox .field-validation-error {
    display: none;
}

    .searchBox .field-validation-error.show {
        display: block;
    }

.page-selection-bar {
    width: 100%;
    background: #e6e6e6;
    padding: 16px 8px;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.5;
}

    .page-selection-bar > ul > li > .k-link {
        border-radius: 0px;
        border: 0;
        padding-right: 4px;
        height: 16px;
        width: auto;
        text-decoration: underline;
    }

    .page-selection-bar > ul > li > .k-link:hover {
        background: #e6e6e6;
    }

    .page-selection-bar > ul > li > .k-state-selected {
        border-radius: 0px;
        border: 0;
        height: auto;
        width: auto;
        text-decoration: underline;
        font-weight: bold;
        background: transparent;
    }

    .page-selection-bar > .k-pager-sizes {
        position: absolute;
        top: 21px;
    }

    /*Styles the dropdown*/
    [data-role="pager"] > span > .k-dropdown {
        background-color: #ffffff !important;
        margin: 8px;
    }

    [data-role="pager"] > span > .k-dropdown > .k-dropdown-wrap > .k-select:before {
        content: " ";
        position: absolute;
        bottom: 6px;
        width: 0; 
        height: 0; 
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid black;
    }

    [data-role="pager"] > span > .k-dropdown > .k-dropdown-wrap > .k-select > .k-icon {
        font-size: 0;
        visibility: hidden;
        width: 50px;
    }

    .page-selection-bar > .k-pager-sizes > .k-dropdown .k-dropdown-wrap, .k-dropdown.k-state-border-down .k-dropdown-wrap.k-state-border-down {
        border: 1px solid #959694 !important;
        padding: 8px 20px;
        background-color: #ffffff;
        width: 100px;
    }

    .page-selection-bar > .k-pager-sizes > .k-dropdown .k-dropdown-wrap .k-input, .k-ie .k-dropdown .k-dropdown-wrap .k-input, .k-ff .k-dropdown .k-dropdown-wrap .k-input  {
        background-color: #ffffff !important;
        padding: 8px !important;
    }

    [data-role="popup"] {
        background-color: #ffffff !important;
        border-radius: 1px !important;
        width: 65px;
        border: 1px solid #959694;
    }

    [data-role="popup"] > ul {
        padding: 0;
    }

    [data-role="popup"] > ul > li[class="k-item"],
    [data-role="popup"] > ul > li[class="k-item k-state-hover"],
    [data-role="popup"] > ul > li[class="k-item k-state-selected"],
    [data-role="popup"] > ul > li[class="k-item k-state-selected k-state-focused"],
    [data-role="popup"] > ul > li[class="k-item k-state-selected k-state-focused k-state-hover"] {
        border-radius: 0px;
        list-style-type: none;
        text-align: center;
        padding: 0 !important;
        margin: 0;
    }

    [data-role="popup"] > ul > li[class="k-item k-state-selected k-state-focused"] {
        width: 100%;
        margin: 0;
    }

    [data-role="popup"] > ul > li[class="k-item k-state-hover"],
    [data-role="popup"] > ul > li[class="k-item k-state-selected k-state-focused k-state-hover"] {
        cursor: pointer;
        background: #b7b7b5;
        width: 100%;
        margin: 0;
    }
/* sharing kendo items */
#k-content,
.k-content {
    margin: 32px 0;
    position: relative;
    min-height: 48px;
}

.k-loading,
.k-loading-image {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
}

.k-loading-mask,
.k-loading-image,
.k-loading-text {
    position: absolute;
    top: -4000px;
    left: -4000px;
}

.k-loading-image {
    width: 75%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background-image: url('/content/kendo/Default/loading-image.gif');
}

.k-loading {
    background-image: url('/content/kendo/Default/loading.gif');
}

.content .col.strengths > .inner {
    border: 1px solid #b5b6b3;
    padding: 0 16px;
}

.col.strengths .k-strengthsHdr {
    position: relative;
    padding-bottom: 8px;
    border-bottom: 1px solid #b5b6b3;
}

.col.strengths .sf-shareStatus {
    border-top: 1px solid #b5b6b3;
}

.col.strengths .k-strengthsContent h5,
.col.strengths .sf-shareGroup {
    margin: 16px 0;
}

.col.strengths .k-strengthsHdr input {
    position: absolute;
    top: 0;
    right: 0;
}

.col.strengths p.item > span {
    border: 2px solid #b5b6b3;
    border-radius: 12px;
    color: #9c0000;
    display: block;
    float: left;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.5;
    margin-right: 16px;
    text-align: center;
    height: 24px;
    width: 24px;
}

.col.strengths p.item > span:lang(ko-kr) {
    margin-right: 10px !important;
}

.sf-shareStatus p {
    text-align: center;
    font-weight: bold;
}

    .sf-shareStatus p.disabled {
        color: #b5b6b3;
    }

p.strengths.item {
    border-bottom: 1px dotted #b5b6b3;
    padding-bottom: 16px;
    margin-top: 16px;
    margin-bottom: 0;
}

    p.strengths.item > span {
        display: block;
    }

.k-strengthsHdr > span {
    display: block;
    font-weight: bold;
    margin-right: 16px;
}

.ignoredRequestBox .k-strengthsHdr > span {
    float: left;
    line-height: 2;
}

.k-strengthsHdr > span + span {
    display: inline;
    font-weight: normal;
}

.k-strengthsHdr input {
    background: transparent url("/Content/images/sprite2015.png") no-repeat -992px -30px;
    border: none;
    height: 24px;
    padding: 1px 6px;
    width: 24px;
}

    .k-strengthsHdr input:hover {
        background: transparent url("/Content/images/sprite2015.png") no-repeat -928px -30px;
    }

.k-strengthsContent {
    margin-top: 4px;
}

    .k-strengthsContent a {
        display: block;
        float: left;
        margin-right: 16px;
    }

.sf_share {
    display: block;
    height: 33px;
    width: 34px;
    background: transparent url("/Content/images/sprite2015.png") no-repeat -9999px -9999px;
}

.apIconX,
.igIconX,
.t5IconX,
.a34IconX {
    cursor: text;
}

.apIcon,
a.btnRptOff:hover .apIcon {
    background-position: -287px -32px;
}

a:hover .apIcon,
.apIconX,
.btnRptOff .apIcon {
    background-position: -351px -32px;
}

.igIcon,
a.btnRptOff:hover .igIcon {
    background-position: -415px -32px;
}

a:hover .igIcon,
.igIconX,
.btnRptOff .igIcon {
    background-position: -479px -32px;
}

.t5Icon,
a.btnRptOff:hover .t5Icon {
    background-position: -543px -32px;
}

a:hover .t5Icon,
.t5IconX,
.btnRptOff .t5Icon {
    background-position: -607px -32px;
}

.a34Icon,
a.btnRptOff:hover .a34Icon {
    background-position: -670px -32px;
}

a:hover .a34Icon,
.a34IconX,
.btnRptOff .a34Icon {
    background-position: -735px -32px;
}

.sblIcon,
a.btnRptOff:hover .sblIcon {
    background-position: -670px -90px;
}

a:hover .sblIcon,
.sblIconX,
.btnRptOff .sblIcon {
    background-position: -735px -90px;
}


.k-pager-numbers {
    margin: 0;
    padding: 0;
    float: right;
    height: 24px;
}

    .k-pager-numbers li {
        float: left;
        display: block;
        margin: 0 0 0 16px;
        font-size: 13px; /* IE Only */
        font-size: 0.8125rem;
        text-align: center;
        height: 24px;
    }

.k-link,
.k-state-selected {
    display: block;
    height: 32px;
    width: 32px;
    line-height: 32px;
    border: 1px solid #b5b6b3;
    border-radius: 16px;
    text-decoration: none;
}

    .k-link:hover,
    .k-state-selected {
        background-color: #efefef;
        text-decoration: none;
    }

/* video resources */

.videoIcon {
    float: left;
    display: block;
    margin-right: 32px;
    position: relative;
    overflow: hidden;
}

.thumbnail {
    height: 110px;
    width: 145px;
}

.videoIcon a img.overlay {
    max-width: none;
    position: absolute;
    top: 0;
    right: 0;
}

.videoResources .videoIcon a img.overlay {
    max-width: 100%;
    position: absolute;
    top: 0;
    right: auto;
}

.videoInfo > h3 {
    margin-bottom: 0;
    text-transform: none;
    font-size: 16px; /* IE Only */
    font-size: 1rem;
    line-height: 1.5; /* (1 * 24) / 16 = 1.5 */
    clear: left;
    /* I did a hacky thing, because time. Shame.css -Courtney */
}

.videoInfo > p {
    margin-top: 0;
}

.resourcebook {
    border: 1px solid #d5d6d2;
    border-radius: 2px 2px 2px 2px;
    background-color: #faf9ff;
}

.resourcebook > .inner {
    padding: 0 16px;
}

/* admin pages */

.clickable-table > tbody> tr:hover {
    background-color: #D4D5D6;
}

/* code management */

    #divHeaderWrapper .col {
        border-top: 1px solid #d5d6d2;
        border-right: 1px solid #d5d6d2;
        border-bottom: 1px solid #d5d6d2;
        min-height: 214px;
    }
    #divHeaderWrapper .col:first-child {
        border-left: 1px solid #d5d6d2;
    }

#divHeaderWrapper .col .label > a {
    display: block;
    padding: 16px;
    text-decoration: none;
}

    #divHeaderWrapper .col.active {
        border-bottom: 3px solid;
        border-bottom-color: #0098db;
    }

    #divHeaderWrapper .col:hover {
        background-color: #0098db;
        color: #ffffff;
        border-bottom-color: #0098db;
    }

#divHeaderWrapper .label {
    line-height: 1.15;
}


#divHeaderWrapper a > span {
    display: block;
    font-weight: normal;
    text-transform: none;
}

#divHeaderWrapper span.num-available {
    position: absolute;
    width: 18%;
    width: calc(25% - 60px);
}

   .codemgr .fullwidthbtn {
        width: 100% !important;
        padding: 0 4px !important;
    }

/*#divHeaderWrapper a span.floatL {
    display: block;
    float: left;
}

#divHeaderWrapper a span.floatR {
    text-align: right;
    display: block;
    float: right;
}*/

#divHeaderWrapper .note {
    font-weight: bold;
}

#divHeaderWrapper a span.floatNo {
    display: block;
    float: none;
}

#divHeaderWrapper .large {
    font-size: 30px;
    font-size: 1.875rem;
}

#divHeaderWrapper .button {
    float: none;
}

    #divHeaderWrapper .button button {
        width: 100%;
    }

.detailTable {
    margin-top: 32px;
}

    .detailTable > thead {
        background-color: #d5d6d2;
        border-bottom: 1px solid #8e908f;
    }

        .detailTable > thead > tr th,
        .detailTable > tbody > tr td {
            padding: 4px 16px;
            vertical-align: middle;
        }

    .detailTable h5 {
        margin-top: 12px;
        margin-top: 0.75rem;
        margin-bottom: 12px;
        margin-bottom: 0.75rem;
    }

.accParent {
    background-color: #ffffff;
    border-bottom: 1px solid #d5d6d2;
}

.accChild {
    border: 1px solid #252626;
    background-color: #ffffff;
    display: none;
}

.codeEmailInstructions {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

tr.accParent:hover {
    background-color: #0098db;
    color: #ffffff;
    cursor: pointer;
    cursor: hand; /* IE only */
}

tr.accParent.active,
tr.accParent.active:hover {
    background-color: #252626;
    color: #ffffff;
    border: 1px solid #252626;
}

.accChild td a.iconPDF {
    display: block;
    height: 24px;
    width: 24px;
    background: #ffffff url("/Content/images/sprite2015.png") no-repeat -776px -702px;
}

    .accChild td a.iconPDF:hover {
        background-position: -776px -638px;
    }

.codeEmailInstructions .callout {
    text-align: center;
    padding-bottom: 16px;
}

    .codeEmailInstructions .callout span {
        display: inline-block;
        margin: 0 auto;
        border: 1px solid #b5b6b3;
        padding: 4px 16px;
    }

.codeEmailInstructions .section {
    font-size: 14px;
    font-size: 0.875rem;
}

.detailTable > thead > tr th.nopad,
.detailTable > tbody > tr td.nopad {
    padding-right: 0;
}

th span.spacer {
    width: 32px;
    display: block;
}

.button input.iconReplaceBtn.darkBtn {
    height: 32px;
    min-height: 32px;
    width: 32px;
    min-width: 32px;
    padding: 0;
    font-size: 0;
    line-height: 0;
    border: 1px solid #422525;
    background: #252626 url("/Content/images/sprite2015.png") no-repeat -508px -700px;
}

    .button input.iconReplaceBtn.darkBtn:hover {
        background-color: #1b1b1b;
    }

.button input.iconReplaceBtn.editBtn {
    background-position: -511px -764px;
}

    .button input.iconReplaceBtn.editBtn:Hover {
        background-position: -511px -700px;
    }

/* Bootstrap-style alerts */
.alert {
    padding: 16px;
    margin-top: 16px;
    margin-top: 1rem;
    margin-bottom: 32px;
    margin-bottom: 2rem;
    border: 1px solid transparent;
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8fa;
    color: #31708f;
}

.alert p {
    margin-top: 0;
    margin-bottom: 0;
}

#maintenance-alert,
#maintenance-alert p {
    display: none;
}

#maintenance-alert .time-remaining {
    font-weight: bold;
}

/* Action Planning page */

.actionpage #actionItemReport .section + .header {
    padding-top: 0;
    margin-top: 24px;
    border-top: 1px dotted #b5b6b3;
}

.actionItem.hide { /* dependency on the actionItem.js */
    display: block;
}

.actionItemName td {
    padding-left: 8px;
    padding-right: 8px;
}

/***************************************************************************/
/* Tourbus CSS    -------------------------------------------------------- */
/***************************************************************************/
/* Tourbus leg definitions element */
.tourbus-legs {
    display: none;
}
/* Container for tourbus leg */
.tourbus-leg {
    position: absolute;
    visibility: hidden;
    top: 0;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    background: white;
}
/* Interior of leg, clearfixed */
.tourbus-leg-inner {
    padding: 20px;
    position: relative;
    -ms-zoom: 1;
    zoom: 1;
}

    .tourbus-leg-inner:before,
    .tourbus-leg-inner:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden;
    }

    .tourbus-leg-inner:after {
        clear: both;
    }
/*
  remove top padding/margin on headings
  because the interior of the leg has padding
*/
.tourbus-leg h1,
.tourbus-leg h2,
.tourbus-leg h3,
.tourbus-leg h4,
.tourbus-leg h5,
.tourbus-leg h6 {
    margin-top: 0;
    padding-top: 0;
}
/* Tourbus leg arrow */
.tourbus-arrow:before,
.tourbus-arrow:after {
    border: solid rgba(0, 0, 0, 0);
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
}
/* set the :after to be the _interior_ size of the arrow */
/* set the :before to be the _interior + desired border width_ */
.tourbus-arrow:after {
    border-width: 14px;
}

.tourbus-arrow:before {
    border-width: 16px;
}
/* Arrow background and border colors */
/*
  change margin-top/left values here to
  match the border width for :after above

  border colors here are for the _interior_ of the arrow
*/
.tourbus-arrow-right:after {
    border-right-color: #ffffff;
    margin-top: -14px;
    top: 50%;
}

.tourbus-arrow-left:after {
    border-left-color: #ffffff;
    margin-top: -14px;
    top: 50%;
}

.tourbus-arrow-bottom:after {
    border-bottom-color: #ffffff;
    margin-left: -14px;
    left: 50%;
}

.tourbus-arrow-top:after {
    border-top-color: #ffffff;
    margin-left: -14px;
    left: 50%;
}
/*
  change margin-top/left values here to
  match the border width for :before above

  border colors here are for the _border_ of the arrow
*/
.tourbus-arrow-right:before {
    border-right-color: #e5e5e5;
    margin-top: -16px;
    top: 50%;
}

.tourbus-arrow-left:before {
    border-left-color: #e5e5e5;
    margin-top: -16px;
    top: 50%;
}

.tourbus-arrow-bottom:before {
    border-bottom-color: #e5e5e5;
    margin-left: -16px;
    left: 50%;
}

.tourbus-arrow-top:before {
    border-top-color: #e5e5e5;
    margin-left: -16px;
    left: 50%;
}
/* you shouldn't need to change these */
.tourbus-arrow-right:after,
.tourbus-arrow-right:before {
    right: 100%;
}

.tourbus-arrow-left:after,
.tourbus-arrow-left:before {
    left: 100%;
}

.tourbus-arrow-bottom:after,
.tourbus-arrow-bottom:before {
    bottom: 100%;
}

.tourbus-arrow-top:after,
.tourbus-arrow-top:before {
    top: 100%;
}

.tour-overlay {
    display: none;
    background: #666666;
    opacity: .4; /* Standards Compliant Browsers */
    z-index: 9997;
    -ms-zoom: 1;
    zoom: 1;
    min-height: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.tour-highlight {
    background: white;
    position: relative;
    border-radius: 4px;
    box-shadow: inset 0 0 2px rgba( 0, 0, 0, 0.2 );
    z-index: 9998;
}

#divCSFNotPresent.tour-highlight,
#divCSFPresent.tour-highlight,
#divESFPresent.tour-highlight,
#divStrengthMedia.tour-highlight {
    padding: 7px;
    margin-top: 20px;
}


/* Mobile Landing Page Styles */

.mobilelanding h1 {
    font-size: 23px; /* IE Only */
    font-size: 1.4375rem;
    line-height: 1.2; /* UPPERCASE line-height: 1.5652;  (1.5 * 24) / 23 = 1.5652173... */
    /* line-height: 1.5652; /*line-height: 1.5652;  (1.5 * 24) / 23 = 1.5652173... */
}

.mobilelanding .col0 li {
    margin: 12px 0;
    margin: 0.75rem 0;
}

.mobilelanding .appbuttons {
    margin-top: 24px;
    margin-top: 1.5rem,;
    text-align: center;
}

.mobilelanding .appbuttons a {
    width: 144px;
    height: 48px;
    margin: 12px auto;
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
}

.mobilelanding .appbuttons .itunes {
    background-size: cover;
    background-image: url(/content/images/AppStore/itunes/en-us.svg);
    background-position: -8px 0;
    border-radius: 5px;
}

    .mobilelanding .appbuttons .itunes:lang(es-ar) {
        background-image: url(/content/images/AppStore/itunes/es-ar.svg);
    }

    .mobilelanding .appbuttons .itunes:lang(de-de) {
        background-image: url(/content/images/AppStore/itunes/de-de.svg);
    }

    .mobilelanding .appbuttons .itunes:lang(zh-Hans) {
        background-image: url(/content/images/AppStore/itunes/zh-hans-cn.svg);
    }

    .mobilelanding .appbuttons .itunes:lang(id-id) {
        background-image: url(/content/images/AppStore/itunes/id-id.svg);
    }

    .mobilelanding .appbuttons .itunes:lang(ko-kr) {
        background-image: url(/content/images/AppStore/itunes/ko-kr.svg);
    }

    .mobilelanding .appbuttons .itunes:lang(ja-jp) {
        background-image: url(/content/images/AppStore/itunes/ja-jp.svg);
    }

    .mobilelanding .appbuttons .itunes:lang(th-th) {
        background-image: url(/content/images/AppStore/itunes/th-th.svg);
    }

    .mobilelanding .appbuttons .itunes:lang(pt-br) {
        background-image: url(/content/images/AppStore/itunes/pt-br.svg);
    }

    .mobilelanding .appbuttons .itunes:lang(ar-sa) {
        background-image: url(/content/images/AppStore/itunes/ar-sa.svg);
    }

.mobilelanding .appbuttons .playstore {
    background-image: url(/content/images/AppStore/playstore/en-us.png);
}

    .mobilelanding .appbuttons .playstore:lang(es-ar) {
        background-image: url(/content/images/AppStore/playstore/es-ar.png);
    }

    .mobilelanding .appbuttons .playstore:lang(de-de) {
        background-image: url(/content/images/AppStore/playstore/de-de.png);
    }

    .mobilelanding .appbuttons .playstore:lang(zh-Hans) {
        background-image: url(/content/images/AppStore/playstore/zh-hans-cn.png);
    }

    .mobilelanding .appbuttons .playstore:lang(id-id) {
        background-image: url(/content/images/AppStore/playstore/id-id.png);
    }

    .mobilelanding .appbuttons .playstore:lang(ko-kr) {
        background-image: url(/content/images/AppStore/playstore/ko-kr.png);
    }

    .mobilelanding .appbuttons .playstore:lang(ja-jp) {
        background-image: url(/content/images/AppStore/playstore/ja-jp.png);
    }

    .mobilelanding .appbuttons .playstore:lang(th-th) {
        background-image: url(/content/images/AppStore/playstore/th-th.png);
    }

    .mobilelanding .appbuttons .playstore:lang(pt-br) {
        background-image: url(/content/images/AppStore/playstore/pt-br.png);
    }

    .mobilelanding .appbuttons .playstore:lang(ar-sa) {
        background-image: url(/content/images/AppStore/playstore/ar-sa.png);
    }

/***************************************************************************/
/* media queries  -------------------------------------------------------- */
/***************************************************************************/
@media screen and (min-width:480px) {

    .coachDir .forty,
    .coachDir .sixty {
        float: left;
        display: block;
        overflow: hidden;
        margin-top: 16px;
    }

    .coachDir .forty {
        width: 40%;
        max-width: 40%;
    }

    .coachDir .sixty {
        width: 60%;
        max-width: 60%;
    }

    .mobilelanding h1 {
        font-size: 34px; /* IE Only */
        font-size: 2.125rem;
        line-height: 1.2; /* UPPERCASE line-height: 1.2;  (2 * 24) / 34 = 1.41176...*/
        /*line-height: 1.4118; line-height: 1.4118;  (2 * 24) / 34 = 1.41176... */
    }

    .mobilelanding .appbuttons a {
        float: left;
        margin: 0 6px;
        display: block;
    }
}

/* multicolumn baseline starts here (640px) */
@media screen and (min-width: 40em) {
    /* General Nav Styles ----------------------------------------------------- */

    .nav ul,
    .nav li {
        display: block;
        float: left;
        margin: 0;
    }

    .nav a {
        text-decoration: none;
    }

    .nav .megamenu li {
        float: none;
    }



    /* second tier nav */
    header .row1 > p {
        float: left;
    }

    #navHolder {
        margin: 0;
        padding: 0;
        float: right;
    }

        #navHolder li {
            padding: 0 4px;
        }

        #navHolder a {
            color: #424545;
            padding: 12px 16px 12px 28px;
            background-image: url("/Content/images/sprite_v.png");
            background-position: 999px 999px;
            background-repeat: no-repeat;
        }

        #navHolder li.purchase > a {
            background-position: left 17px;
        }

            .product #navHolder .purchase a,
            #navHolder li.purchase > a:hover {
                color: #000000;
                background-position: left -111px;
            }

        #navHolder li.redeem > a {
            background-position: left -367px;
        }

            .redeem #navHolder .redeem a,
            #navHolder li.redeem > a:hover {
                color: #000000;
                background-position: left -495px;
            }


    /* template  -------------------------------------------------------- */
    .footer .col {
        float: none;
        width: 100%;
    }

    .copyright,
    #termsNav {
        float: left;
    }


    /* core container -------------------------------------------------------- */

    .homepage #gdcontent,
    .homepage #gdcontent > .inner,
    .SBP #gdcontent,
    .SBP #gdcontent > .inner {
        padding-bottom: 0;
    }

    .content .col > .inner {
        padding: 16px;
    }

    .content .col {
        margin-bottom: 0;
    }

    .col,
    .sixty,
    .forty {
        float: left;
        display: block;
    }

    .colpos10 {
        float: none;
    }

    .colpos20,
    .colpos21 {
        width: 50%;
    }

    .twentyfive75 > .inner > .colpos20 {
        width: 25%;
    }

    .twentyfive75 > .inner > .colpos21 {
        width: 75%;
    }

    .forty,
    .forty60 > .inner > .colpos20 {
        width: 40%;
    }

    .sixty,
    .forty60 > .inner > .colpos21 {
        width: 60%;
    }

    .fifty50 .col {
        float: none;
    }

    .public .fifty50 .col {
        float: left;
    }

    .public .fifty50 .colpos10 {
        float: none;
        width: auto;
    }

        .public .fifty50 .colpos10 > .inner {
            padding: 16px 0;
        }

    .sixty40 > .inner > .colpos20 {
        width: 60%;
    }

    .sixty40 > .inner > .colpos21 {
        width: 40%;
    }

    .seventyfive25 > .inner > .colpos20 {
        width: 75%;
    }

    .seventyfive25 > .inner > .colpos21 {
        width: 25%;
    }

    .seventy30 > .inner > .colpos20 {
        width: 70%;
    }

    .seventy30 > .inner > .colpos21 {
        width: 30%;
    }

    .thirty70 > .inner > .colpos20 {
        width: 30%;
    }

    .thirty70 > .inner > .colpos21 {
        width: 70%;
    }

    .public .seventyfive25 > .inner > .colpos21,
    .public .seventyfive25 > .inner > .colpos20 {
        width: auto;
        float: none;
    }

    .eighty20 > .inner > .colpos20,
    .eighty20 > .inner > .colpos21 {
        width: auto;
        float: none;
    }

    .colpos30,
    .colpos31,
    .colpos32 {
        width: 33.33333333%;
    }

    .colpos40,
    .colpos41,
    .colpos42,
    .colpos43 {
        width: 25%;
    }

    .content .minpad .colpos20 > .inner,
    .content .minpad .colpos21 > .inner {
        padding-bottom: 0;
    }

    .content .minpad .colpos20 > .inner,
    .content .minpad .colpos30 > .inner,
    .content .minpad .colpos40 > .inner {
        padding-top: 0;
        padding-left: 0;
    }

    .content .minpad .colpos21 > .inner,
    .content .minpad .colpos32 > .inner {
        padding-right: 0;
        padding-top: 0;
    }

    .content .minpad .colpos43 > .inner {
        padding: 0;
    }

    .content .minpad .colpos43 > .buttons .button {
        margin-top: 0;
    }

    .content .minpad .colpos31 > .inner,
    .content .minpad .colpos41 > .inner,
    .content .minpad .colpos42 > .inner {
        padding-top: 0;
    }


    .footer .row2 p,
    .footer .row2 li {
        margin-bottom: 24px;
        margin-bottom: 1.5rem;
        margin-top: 24px;
        margin-top: 1.5rem;
    }

    .splitline .colpos20 > .inner {
        border-right: 1px solid #8e908f;
    }

    .floatL,
    .buttons .button.floatL {
        display: block;
        float: left;
    }

    .floatR {
        display: block;
        float: right;
    }

    .floatNo,
    .buttons .button.floatNo {
        float: none;
    }

    .button input,
    .button button,
    .button a {
        width: auto;
    }

    .mktbuttons .button input,
    .mktbuttons .button button,
    .mktbuttons .button a,
    .buttons .button.floatNo {
        width: 100%;
    }

    .buttons .button {
        margin-top: 0;
        float: right;
    }

    .fullwidthbtn {
        width: 100%;
    }

    .shareButtons .cancelLink {
        float: right;
        margin: 0 32px 0 0;
        line-height: 40px;
    }

    .buttons .button + .button {
        margin-right: 16px;
    }

        .buttons .button + .button.floatNo {
            margin-top: 16px;
            margin-right: 0;
        }

        .buttons .button + .button.floatL {
            margin-right: 0;
            margin-left: 16px;
        }

    .buttons.fiftyfifty .button {
        float: left;
        width: 50%;
    }

        .buttons.fiftyfifty .button + .button {
            margin: 0;
        }

        .buttons.fiftyfifty .button a {
            margin: 0 16px 0 0;
        }

        .buttons.fiftyfifty .button + .button a {
            margin: 0 0 0 16px;
        }

    .footer .row2 li {
        margin-left: 16px; /* IE Only */
        margin-left: 1rem;
    }

    /* homepage */
    .homepage .section.splash .row {
        padding: 36px 0;
    }

    .homepage-splash > .inner {
        height: 400px;
    }

    .homepage-number-block {
        max-width: 25%;
        position: absolute;
        top: 56%;
        right: 0px;
    }

    .homepage .section.create .row1,
    .homepage .section.enhance,
    .SBP .section.assessments {
        padding-bottom: 64px;
    }

    .splash h1 {
        font-size: 68px; /* IE Only */
        font-size: 4.25rem;
    }

    .splash h1,
    .splash h4 {
        font-weight: normal;
        max-width: 75%;
    }

    .splash .image img {
        max-width: 25%;
        position: absolute;
        right: 0;
        top: 16px;
        margin: 0;
    }

    .enhance .colpos20 .inner,
    .create .colpos20 .inner,
    .assessments .colpos20 .inner {
        margin: 0 16px 0 0;
    }

    .enhance .colpos21 .inner,
    .create .colpos21 .inner,
    .assessments .colpos21 .inner {
        margin: 0 0 0 16px;
    }

    .start .equal-height-columns,
    .start .equal-height-columns .col,
    .start .equal-height-columns .inner {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .equal-height-columns .inner {
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }

    .equal-height-columns .inner h3 {
        margin-bottom: 0;
    }

    .equal-height-columns .inner .buttons {
        margin-top: auto;
        margin-bottom: 0;
        width: 100%;
    }

    /* coaching pages */
    .indexaz h5 {
        display: block;
        margin-right: 8px;
    }

    #result, #view {
        margin-bottom: 0;
    }

    #results > h5,
    #resultsDup > h5 {
        margin: 0;
    }

    #pageSelector,
    #pageSelectorDup {
        margin: 12px 0 0 0;
        text-align: right;
    }

    .coachDir .forty,
    .coachDir .sixty {
        margin-top: 0;
    }

    /* CSF purchase page */
    .csf-purchase-grid .colpos30 > .inner,
    .csf-purchase-grid .colpos31 > .inner,
    .csf-purchase-grid .colpos32 > .inner {
        padding: 8px;
    }

    .CSFCodes .csf-purchase-grid .gray-arrow {
        position: absolute;
        left: 29%;
        top: 68px;
    }

        .CSFCodes .csf-purchase-grid .gray-arrow:lang(pt-BR) {
            top: 88px;
        }

    .calcPanel {
        border-top: 1px solid #b5b6b3;
        border-bottom: 1px solid #b5b6b3;
        margin-bottom: 16px;
    }

    .rptIcon > div > span,
    .iconPDF a > span {
        display: block;
        float: left;
        height: 112px;
        width: 96px;
        background: transparent url("/Content/images/sprite2015.png") no-repeat -356px -416px;
    }

    .rptIcon .section {
        padding-left: 96px;
    }

    .iconPDF a {
        display: block;
        line-height: 112px;
        line-height: 7rem;
    }

    .moreDivider {
        position: relative;
    }

    .buttons .button.moreDivider {
        float: none;
    }

        .buttons .button.moreDivider a {
            max-width: 50%;
            margin: 0 auto;
            position: relative;
        }

    .centeredLine {
        display: none;
        width: 100%;
        border-top: 1px solid #b5b6b3;
        position: absolute;
        top: 50%;
    }
    
    /* tables
       ========================================================================== */
    .responsive-table th,
    .responsive-table td {
        display: table-cell;
        padding: 4px 0;
    }

    .responsive-table .responsive-body td:before {
        display: none;
    }

    .responsive-table td:first-child,
    .responsive-table td.col1:first-child {
        padding-top: 4px;
    }

    .responsive-table td:last-child {
        padding-bottom: 4px;
    }

    .responsive-table.purchaseTable p.rowtotal {
        margin-top: 0;
        margin-bottom: 0;
        text-align: right;
    }

    .responsive-table.purchaseTable h5 {
        margin-bottom: auto;
    }

    .purchaseTable .responsive-body tr {
        border-top: 1px dotted #d5d6d2;
    }

    .purchaseTable label {
        position: absolute;
        left: -9999px;
    }

    .language-purchase-inputs:first-child {
        display: block;
    }

    .purchaseTable .responsive-body tr {
        border-top: 1px dotted #d5d6d2;
    }

    .purchaseTable label {
        position: absolute;
        left: -9999px;
    }

    .language-purchase-inputs:first-child {
        display: block;
    }

    /*.product .purchaseTable .col3 {
        width: 200px;
    }*/

    .product .purchaseTable th + th,
    .product .purchaseTable td + td,
    .product .purchaseTable td.evencol,
    .product .purchaseTable th.evencol {
        padding: 8px 16px;
    }

        .product .purchaseTable th + th.right,
        .product .purchaseTable td + td.right {
            padding-right: 0;
        }

    .product .description {
        display: block;
    }

    /* private pages */

    .private .header h2 > span {
        float: left;
        display: block;
        height: 26px;
        width: 36px;
        background: transparent url("/Content/images/sprite2015.png") no-repeat 9999px 9999px;
    }

    .dashboard .header h2 > span {
        background-position: -36px -696px;
    }

    .community .header h2 > span {
        background-position: -100px -696px;
    }

    .videoResources .header h2 > span {
        background-position: -164px -696px;
    }

    .codemgr .header h2 > span {
        background-position: -228px -696px;
    }

    .userimpersonation .header h2 > span {
        background-position: -290px -698px;
    }

    /* video resources */

    .videoIcon {
        float: left;
        display: block;
        margin-right: 32px;
    }

    .resourcebook {
        background: url(/Content/images/SF2-Book.jpg) top right no-repeat;
    }

    /* sharing pages */
    .shareWidget {
        position: absolute;
        top: 32px;
        right: 0;
    }


    #sharingMenu {
        display: none; /* needed for script call */
        padding: 16px;
        border: 1px solid #b5b6b3;
        -webkit-box-shadow: 1px 1px 0.286em #d5d6d2;
        box-shadow: 1px 1px 0.286em #d5d6d2;
        background-color: #ffffff;
        position: absolute;
        z-index: 1;
        min-width: 450px;
        max-width: 450px;
        right: -36px;
        top: 48px;
    }

        #sharingMenu:after,
        #sharingMenu:before {
            bottom: 100%;
            right: 10%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        #sharingMenu:after {
            border-color: rgba(255, 255, 255, 0);
            border-bottom-color: #ffffff;
            border-width: 12px;
            margin-left: -12px;
        }

        #sharingMenu:before {
            border-color: rgba(213, 214, 210, 0);
            border-bottom-color: #d5d6d2;
            border-width: 13px;
            margin-left: -13px;
        }

    .sharingMenuBox {
        background-color: #ffffff;
        margin-top: 0;
        padding: 0;
    }

    h3.breakSpan > span {
        display: inline;
    }

    .pendingSection .section .item,
    .pendingSection .section .item + .item {
        padding: 24px 0;
    }


        .pendingSection .section .item > p {
            float: left;
            margin: 0;
        }

    .pendingSection .buttons {
        margin: 0;
    }

    .searchBox .textbox {
        min-width: 75%;
    }

    span.k-strengthsHdr > span {
        display: inline;
    }

    p.k-strengthsHdr > span {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .col.strengths {
        width: 33.33333%;
    }

    .content .col.strengths > .inner {
        margin: 16px 16px 16px 0;
    }

    .content .row .section.topline.buttons {
        padding-top: 24px; /* IE Only */
        padding-top: 1.5rem;
    }

    .en-us.ESFabout #gdcontent .row1 .colpos20,
    .ja-jp.ESFabout #gdcontent .row1 .colpos20,
    .ko-kr.ESFabout #gdcontent .row1 .colpos20 {
        float: right;
        margin-top: 0;
    }

    .ESFabout .figure.userStory {
        width: calc(33% - 32px);
        max-width: none;
        float: left;
        margin: 16px;
    }

    .en-us.ESFabout #gdcontent .row3 .buttons a img,
    .ja-jp.ESFabout #gdcontent .row3 .buttons a img,
    .ko-kr.ESFabout #gdcontent .row3 .buttons a img {
        margin: 0;
    }

    .ESFabout .booklistitem img {
        float: none;
        margin: 0 auto;
    }

    .ESFUserStory .section.userStory > div {
        width: 50%;
        float: left;
    }
    .ESFUserStory .section.userStory > div + div {
        padding-left: 2em;
    }

    .en-us.ESFabout #gdcontent .row3 .col1,
    .ja-jp.ESFabout #gdcontent .row3 .col1,
    .ko-kr.ESFabout #gdcontent .row3 .col1 {
        width: 100%;
        max-width: calc(100% - 265px);
    }

    #divHeaderWrapper span.num-available {
        bottom: 16px;
    }
}

@media screen and (min-width:720px) {
    .eighty20 > .inner > .colpos20 {
        float: left;
        width: 80%;
    }

    .eighty20 > .inner > .colpos21 {
        float: left;
        width: 20%;
    }

    .fifty50 .col {
        float: left;
        width: 50%;
    }

    .coachDir .row.fifty50 + .row.fifty50 .col > .inner {
        padding-top: 32px;
    }

    .coachDir .forty {
        min-width: 40%;
    }

    .coachDir .content .row .section + #coachId.section {
        padding-top: 0;
    }

    /* cart page */
    .product .purchaseTable .iconProdImage {
        display: block;
        height: 78px;
        width: 104px;
        margin-top: 12px;
        margin-top: 0.75rem;
    }

    .iconProdImage.img-sf34_entrepreneur {
        background-image: url("/content/images/products/Product_Icons_ESF10.png");
    }

    .iconProdImage.img-sf34_top_5 {
        background-image: url("/content/images/products/icons_1thru5_uxd1084.png");
    }

    .iconProdImage.img-sf34_upgrade {
        background-image: url("/content/images/products/icons_6thru34_uxd1084.png");
    }

    .iconProdImage.img-sf34_all_34 {
        background-image: url("/content/images/products/icons_1thru34_uxd1084.png");
    }

    .iconProdImage.img-sf34_coach_kit {
        background-image: url("/content/images/products/Product_Icons_Kits_Starter.png");
    }

    .iconProdImage.img-sf34_team_kit {
        background-image: url("/content/images/products/Product_Icons_Kits_Team.png");
    }

    .iconProdImage.img-CODESSEC {
        background-image: url("/content/images/products/icons_SEcode.png");
    }

    .footer .row0 .colpos41 li {
        margin-top: 12px;
        margin-top: 0.75rem;
    }

    #divLanguageSelection li {
        padding-left: 0;
    }

        #divLanguageSelection li + li {
            padding-left: 16px;
        }

    .footer .row2 .colpos20 > .inner {
        padding-left: 0;
    }

   .ESFabout .booklistitem .bookinfo {
        clear: none;
        text-align: left;
        max-width: none;
    }

    .ESFabout .booklistitem .bookinfo h4 {
        margin: 0;
    }

    .ESFabout .booklistitem .bookinfo p {
        margin: 1em 0;
    }

    .ESFabout .booklistitem .bookinfo,
    .ESFabout .booklistitem .bookimage {
        display: inline-block;
        vertical-align: top;
        float: none;
        width: 45%;
    }
}

@media screen and (min-width:960px) {
    /* Typographic Styles -------------------------------------------------------- */

    h1, .mobilelanding h1 {
        font-size: 42px; /* IE Only */
        font-size: 2.625rem;
    }

    h2 {
        font-size: 38px; /* IE Only */
        font-size: 2.375rem;
        line-height: 1.2;
    }

    .private .header h2,
    h3,
    .large {
        font-size: 26px; /* IE Only */
        font-size: 1.625rem;
        line-height: 1.2;
    }

    h4 {
        font-size: 20px; /* IE Only */
        font-size: 1.25rem;
        line-height: 1.2; /* (1 * 24) / 20 = 1.2 */
    }

    h5 {
        font-size: 16px; /* IE Only */
        font-size: 1rem;
        line-height: 1.5; /* (1 * 24) / 16 = 1.5 */
    }

    /* container elements */
    .survey header .row1 {
        display: none;
    }

    .content .row > .inner,
    .footer .row > .inner,
    .content .row.splash > .inner > .col {
        max-width: 960px;
    }

    .footer .row0 .col {
        float: left;
        width: 25%;
    }

    .footer .row2 .col {
        float: left;
    }

    .footer .col > .inner {
        padding: 0;
    }

    .footer .row0 .col > .inner {
        padding: 0 0 32px;
    }

    .footer .row0 h5 {
        margin-top: 24px; /* IE Only*/
        margin-top: 1.5rem;
        min-height: 24px;
        min-height: 1.5rem;
    }

    .footer .row0 h5:lang(zh-Hans) .langConditional,
    .footer .row0 .colpos43 h5:lang(pt-BR) .langConditional,
    .footer .row0 .colpos43 h5:lang(nl-NL) .langConditional {
        display: none;
    }

    .footer .row0 .colpos41 h5 {
        display: block;
    }

    .nav.social {
        float: right;
    }

    .content .row.splash > .inner {
        max-width: 100%;
        max-width: initial;
    }

    .signin .content .row.nopadV > .inner {
        max-width: 100%;
        max-width: initial;
    }

    .homepage .content .colpos20 p,
    .homepage .content .colpos21 p,
    .homepage .content .colpos20 .buttons,
    .homepage .content .colpos21 .buttons {
        padding-left: 32px;
        padding-right: 32px;
    }

    .homepage-number-block {
        width: 300px;
        position: absolute;
        top: 258px;
        right: -16px;
        max-width: none;
    }

    .public .seventyfive25 > .inner > .colpos20 {
        float: left;
        width: 75%;
    }

    .public .seventyfive25 > .inner > .colpos21 {
        float: left;
        width: 25%;
    }

    .mobilelanding .col0 {
        position: relative;
    }

    .mobilelandingmain .col0 .inner {
        max-width: calc(100% - 480px);
        min-height: 440px;
    }

    .mobilelandingmain .col0 img {
        position: absolute;
        top: 40px;
        right: 0;
    }

    .ESFabout .booklistitem {
        width: calc(50% - 32px);
    }

    .ESFabout .booklistitem img {
        float: left;
        margin: 0 16px 0 0;
    }

    .ESFabout .booklistitem .bookinfo-inner {
        height: 230px;
        overflow: hidden;
    }

    .language-price {
        margin: 8px 0 !important;
    }
}

@media screen and (min-width: 1024px) {
}


@media screen and (min-width:1720px) {
    .content .row > .inner,
    .footer .row > .inner,
    .content .row.splash > .inner > .col {
        max-width: 1280px;
    }
}


/** BANNER SEARCH START 
    ========================================================================== */

.modjs #bannerSearchParent.open:hover,
.modjs #bannerSearchParent.open,
#bannerSearchParent {
    min-height: 50px;
    max-height: 64px;
    background: #ffffff;
    color: #ffffff;
}

    .modjs #bannerSearchParent.open:hover,
    .modjs #bannerSearchParent.open {
        margin: 16px;
        width: calc(100% - 64px);
        /*100% less the margins and the excess for the scroll cropping */
    }


.modjs #bannerSearchParent {
    margin: 0;
    max-height: 50px;
    background: none;
}

    .modjs #bannerSearchParent:hover {
        background-color: #0072ce;
    }

#bannerSearchParent .searchBox {
    position: relative;
    overflow: hidden;
    padding: 0;
    height: 64px;
    border-left: 8px solid transparent;
}

    #bannerSearchParent .searchBox .inner {
        float: left;
        margin-bottom: 16px;
        width: calc(100% - 118px);
        height: 48px;
        border-bottom: 1px solid #747779;
        /* 100% less the width of the magnifying glass and the submit input button */
    }

#bannerSearchParent input,
#bannerSearchParent label,
#bannerSearchParent button {
    position: static;
    float: left;
    padding: 0;
}

    #bannerSearchParent input[type=search] {
        width: calc(100% - 55px);
        color: #54585a;
        /* 100% less the width of the reset button */
    }

    #bannerSearchParent input[type=search],
    #bannerSearchParent button[type=reset] {
        position: static;
        float: left;
        margin-top: 15px;
        height: 32px;
        border: none;
        background: none;
    }

    #bannerSearchParent button[type=reset] {
        width: 55px;
        color: #747779;
    }

    #bannerSearchParent input[type=submit] {
        overflow: hidden;
        margin: 16px;
        min-height: 0;
        max-height: none;
        width: 32px;
        height: 32px;
    }

.modjs #bannerSearchParent.open label,
#bannerSearchParent label {
    padding: 16px;
    min-height: 64px;
    width: 54px;
    color: #000000;
    font-weight: normal;
}

.modjs #bannerSearchParent label {
    width: 100%;
    color: #ffffff;
    cursor: pointer;
}

.modjs #bannerSearchParent.open label {
    transition: width ease-in-out 0.2s;
}

    #bannerSearchParent label:before,
    .modjs #bannerSearchParent.open label:before {
        position: absolute;
        top: 0;
        content: "\1F50D";
        font-size: 20px;
        font-size: 1.25rem;
        font-family: "Conv_GELWebFontV1-Regular", sans-serif;
        line-height: 64px;
    }

.modjs #bannerSearchParent label:before {
    content: "";
}

.modjs #bannerSearchParent label .hiddenIR {
    position: static;
    display: inline;
}

#bannerSearchParent.open label .hiddenIR {
    position: absolute;
    display: block;
}

#bannerSearchParent button[type=reset] > i {
    content: "\1F50D";
    font-style: normal;
    font-family: "Conv_GELWebFontV1-Regular", sans-serif;
}

/* JQuery UI Stuff for Autocomplete */
/* JQuery is loaded conditionally if the search control uses Autocomplete */
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #8e908f;
    border-top: none;
    background: #ffffff;
    color: #000000;
    cursor: default;
    margin: 0;
}

.ui-menu {
    z-index: 9999;
    display: block;
    margin: 0;
    margin-top: 26px;
    padding: 0;
    outline: none;
    list-style: none;
    color: #54585A;
}

    .ui-menu .ui-menu {
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        position: relative;
        margin: 0;
        padding: .5em;
        min-height: 0;
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
        cursor: pointer;
        line-height: 1.0;
        /* support: IE10, see #8844 */
        /* support: IE7 */
    }

        .ui-menu .ui-menu-item:first-of-type {
            padding-top: 8px;
        }

        .ui-menu .ui-menu-item:hover,
        .ui-menu .ui-state-focus {
            background: #e0e0e0;
            color: #54585A;
        }

/* Banner Search End */

/*  Trigger navigation and search at 1024 at the latest
    @960px
    ========================================================================== */
@media screen and (min-width:960px) {

    .footer .row0 .colpos42 h5.navHeader:lang(th-TH) {
        padding-top: 19px;
    }

    /** BANNER SEARCH DESKTOP 
    ========================================================================== */

    #bannerSearchParent {
        position: absolute;
        right: 0;
        min-height: 64px;
        width: 320px;
        border: none;
        border-left: 1px solid #1a1a1a;
        border-top: 4px solid #272929;
        border-top-color: transparent;
    }

        #bannerSearchParent:nth-last-child(2) {
            right: 64px;
        }

    .cmsviewe #bannerSearchParent {
        border-top-color: #6cc24a;
    }

        .cmsviewe #bannerSearchParent.open {
            border-top-color: #ffffff;
        }

    .modjs #bannerSearchParent {
        width: 64px;
    }

        .modjs #bannerSearchParent:hover {
            background: #424545 url("//content.gallup.com/origin/gallupinc/GallupSpaces/Production/Cms/IMAGES/y9dphw7p9em-9srrbkgzta.png");
            border-top: 4px solid #ffffff;
        }

        .modjs #bannerSearchParent.open:hover,
        .modjs #bannerSearchParent.open {
            margin: 0;
        }

    #bannerSearchParent .searchBox {
        padding-right: 0; /* Ensure that only the magnifying glass can be seen */
        border: none;
    }

    .modjs #bannerSearchParent label .hiddenIR {
        position: absolute;
        display: block;
    }

    #bannerSearchParent label,
    #bannerSearchParent.open label,
    .modjs #bannerSearchParent.open label {
        padding: 0;
        text-align: center;
    }

        #bannerSearchParent label:before,
        .modjs #bannerSearchParent label:before,
        #bannerSearchParent.open label:before,
        .modjs #bannerSearchParent.open label:before {
            font-size: 24px;
            color: #a0abac;
            content: "\1F50D";
            position: static;
            line-height: 60px;
        }

        #bannerSearchParent.open label:before,
        .modjs #bannerSearchParent.open label:before {
            color: #25282a;
        }

    #bannerSearchParent.open {
        min-width: 320px;
        max-width: 30em;
        width: 50%;
        transition: width ease-out 0.2s;
    }

    .modjs #bannerSearchParent.open label {
        transition: none;
    }

    #bannerSearchParent input[type=search] {
        margin-right: 0;
    }

    /* Desktop Banner Search End */
}



/*  6 columns (5 columns + news)
    @1792px - current largest resolution
    ========================================================================== */
@media screen and (min-width: 112em) {
    .footer .row0 .colpos42 h5.navHeader {
        padding-top: 19px;
    }

    .footer .row0 .colpos42 h5.navHeader:lang(zh-hans-CN) {
        padding-top: 0px;
    }
}

/*SUMMIT Ad styling*/
.homepage .summit .light-gray-text {
    color: #929292;
}

.homepage .summit h2,
.homepage .summit h4 {
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
}

.homepage .summit .colpos21 p {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
}

.homepage .summit .button {
    float: left;
    width: 40%;
}