/*********************************************************************/
/* set base 1em font size to 12px based on a 16px browser default 
/* html > 0.750em
/* TYPOGRAPHY                   BOX MODEL
/* ================             ================
/* 9px == 0.750em               2px == 0.167em
/* 10px == 0.833em              4px == 0.333em
/* 11px == 0.917em              8px == 0.667em
/* 12px == 1em                  16px == 1.333em
/* 13px == 1.083em              28px == 2.333em
/* 16px == 1.333em              32px == 2.667em
/* 18px == 1.5em                48px == 4em
/* 22px == 1.833em              960px == 80em
/*********************************************************************/

html { /* 12px baseline */
    overflow-y: scroll;
    font-size: 0.750em;
    -webkit-text-size-adjust: 75%;
    -ms-text-size-adjust: 75%;
}

body {
    font-family: Arial,Helvetica,sans-serif;
    line-height: 1;
    color: #424545;
    width: auto;
    margin: 0;
    padding: 0;
}

h1,
h2 { /* 18px */
    font-weight: bold;
    font-size: 1.5em;
    color: #252626;
    padding-bottom: 9px;
    margin: 0;
}

h3,
h4 { /* 12px */
    font-weight: bold;
    font-size: 1em;
    color: #252626;
    margin: 0;
}

h4 { /* 12px */
    color: #252626;
}

h5 { /* 12px */
    font-size: 1em;
    font-weight: normal;
    margin: 0;
    padding: 0.25em 0;
}

    h1 p, h2 p, h3 p, h4 p, h5 p {
        padding: 0;
    }

p, .synopsis {
    line-height: 1.5em;
    padding: 0.5em 0;
    margin: 0;
}

h4.releaseDate,
div.date {
    color: #8e908f;
    margin: 0;
    font-weight: normal;
}

a {
    color: #252626;
}

    a:hover {
        text-decoration: none;
    }

    a:visited {
        color: #252626;
    }

    a:focus {
        text-decoration: none;
        outline: 1px dotted #595b5c;
    }

:focus {
    outline-color: transparent;
    outline-style: none;
}

img, embed, object, video {
    max-width: 100%;
}

.transparent {
    background-color: transparent;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.top {
    display: table-cell;
    vertical-align: top;
}

.bottom {
    display: table-cell;
    vertical-align: bottom;
}

.floatL {
    float: left;
    display: block;
}

.floatR {
    float: right;
    display: block;
}

.clear {
    clear: both;
    padding: 0;
    margin: 0;
    line-height: 0;
}

.more {
    float: right;
    display: block;
    margin: 0.25em 0;
    text-transform: uppercase;
}

center, .center {
    text-align: center;
}

strong, .strong, b, .bold {
    font-weight: bold;
}

.nowrap {
    white-space: nowrap;
}

.clearfix:after,
.cmsitem:after,
.innerrow:after,
.buttons:after,
.grid_content:after,
.innerbanner:after,
.innerfooter:after,
.more:after,
.grid_main:after,
.grid_module:after,
.innercolumn:after,
.innersection:after,
.inner:after,
.element:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: " ";
    font-size: 0;
}

blockquote {
    margin: 1.333em 2.667em;
}

pre {
    font-family: monospace, serif;
    white-space: pre;
    white-space: pre-wrap;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

small {
    font-size: 0.917em;
}

sub, sup {
    font-size: 0.917em;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -4px;
}

sub {
    bottom: -4px;
}

ul, ol {
    margin: 1.333em 0;
    padding: 0 0 0 2.667em;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*********************************************************************/
/* common forms */
/*********************************************************************/
form {
    margin: 0;
}

fieldset {
    padding: 16px;
    border: 1px solid #eaeaea;
}

legend {
    border: 0;
}

button,
input,
select,
textarea {
    margin: 0;
    vertical-align: baseline;
    font-size: 100%;
    font-family: sans-serif;
}

    button,
    html input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        -moz-appearance: button;
        -webkit-appearance: button;
        cursor: pointer;
    }

    input[type="checkbox"], input[type="radio"] {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 8px 0 0;
        padding: 0;
    }

textarea {
    overflow: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 50%;
    max-width: 480px;
    width: 100%;
    height: 150px;
    border: solid 1px #B5B6B3;
    vertical-align: top;
}

    textarea:focus,
    input:focus,
    input[type="text"]:focus,
    input[type="password"]:focus,
    select:focus,
    select:active {
        z-index: 2;
        outline: 0 none;
        border-color: rgba(82, 168, 236, 0.8);
        -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
        /* no fallback color required - fallback is no glow effect */
    }

.grid_content .errorrow .colpos10 .innercolumn {
    padding: 0;
}

.validation-summary-valid {
    display: none;
    margin-bottom: 16px;
    border: 1px solid #3e9845;
}

    .validation-summary-valid > span {
        display: block;
        padding: 4px 16px;
        background: #3e9845 url("//content.gallup.com/origin/gallupinc/GallupSpaces/Production/Cms/IMAGES/myw8dciuakwx8zpe4jrmpa.png") no-repeat right -3268px;
        color: #ffffff;
    }


.errorSummary,
.validation-summary-errors {
    margin: 16px 0;
    border: 1px solid #C61717;
    background-color: #ffffff;
}

    .errorSummary > span,
    .validation-summary-errors > span {
        display: block;
        padding: 4px 16px;
        background: #c61717 url("//content.gallup.com/origin/gallupinc/GallupSpaces/Production/Cms/IMAGES/myw8dciuakwx8zpe4jrmpa.png") no-repeat right -3268px;
        color: #ffffff;
    }

    .errorSummary > ul,
    .oms .grid_content .errorSummary > ul,
    .validation-summary-errors > ul {
        margin: 0 16px 16px;
        padding: 0 16px;
    }

    .errorSummary li,
    .oms .grid_content .errorSummary li,
    .validation-summary-errors li {
        margin: 0 0 4px;
        padding: 8px 16px 0;
        line-height: 1.25em;
    }

        .errorSummary li + li,
        .oms .grid_content .errorSummary li + li,
        .validation-summary-errors li + li {
            margin-top: 4px;
            padding-top: 0;
        }

.input-validation-error label {
    color: #c61717;
}

.textarea.input-validation-error input,
.textbox.input-validation-error input,
.dropdown.input-validation-error input {
    border-color: #c61717;
}

    .textbox.input-validation-error input,
    .textbox.input-validation-error input[type="text"],
    .textbox.input-validation-error input[type="password"] {
        padding-right: 36px;
        background-image: url("//content.gallup.com/origin/gallupinc/GallupSpaces/Production/Cms/IMAGES/jk5o4ytkv06y22lg14luzq.png");
        background-position: right -41px;
        background-repeat: no-repeat;
    }

.iconUsername .input-validation-error input[type="text"],
.iconUsername .input-validation-error input[type="email"] {
    background-position: left -160px;
}

.iconPassword .input-validation-error input[type="password"] {
    background-position: left -80px;
}

.iconEmail .input-validation-error input[type="text"],
.iconEmail .input-validation-error input[type="email"] {
    background-position: left -242px;
}

.input-validation-error input:focus,
textarea.input-validation-error input:focus,
input.input-validation-error input:focus,
input.input-validation-error input[type="text"]:focus,
input.input-validation-error input[type="password"]:focus,
select.input-validation-error input:focus {
    outline: 0 none;
    border-color: rgba(198,23,23, 0.8);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(198,23,23, 0.6);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(198,23,23, 0.6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(198,23,23, 0.6);
    /* no fallback color required - fallback is no glow effect */
}

.iconUsername input[type="text"],
.iconUsername input[type="email"],
.iconPassword input[type="password"],
.iconEmail input[type="text"],
.iconEmail input[type="email"] {
    padding-left: 36px;
    background-image: url("//content.gallup.com/origin/gallupinc/GallupSpaces/Production/Cms/IMAGES/jk5o4ytkv06y22lg14luzq.png");
    background-position: left 0;
    background-repeat: no-repeat;
}

.iconUsername input[type="text"],
.iconUsername input[type="email"] {
    background-position: left -200px;
}

.iconPassword input[type="password"] {
    background-position: left -120px;
}

.iconEmail input[type="text"],
.iconEmail input[type="email"] {
    background-position: left -282px;
}

input + .element,
.element + .element,
.element ~ span + .element,
.element ~ .note + .element,
.element ~ span + .buttons,
.gridInputElements + .buttons,
.section + .buttons {
    margin: 8px 0 0;
    padding-top: 8px;
}

.checkbox.element.callout {
    margin: 16px 0;
}

.checkbox.element + .element {
    margin-top: 4px;
    padding-top: 4px;
}

.checkbox input {
    display: block;
    float: left;
    margin-right: 8px;
}

.checkbox label {
    margin-top: 0;
}

label {
    display: block;
    color: #252626;
}

.label,
.required label {
    font-weight: bold;
}

.note {
    color: #8e908f;
    font-size: 0.833em;
}

.label + .note,
label + .note {
    margin-bottom: 2px;
    line-height: 1.15em;
}

.element a {
    text-decoration: none;
}

.textbox input,
.dropdown select {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    max-width: 480px;
    width: 100%;
    height: 2.667em;
    border: solid 1px #b5b6b3;
    line-height: 2.667em;
}

    .textbox input.hasDatepicker {
        max-width: 100px;
        float: left;
        margin-right: 8px;
    }

        .textbox input.hasDatepicker + img {
            float: left;
            width: 32px;
            height: 32px;
        }

.dropdown select {
    padding: 6px 6px 6px 4px;
    min-width: 265px;
}

.dropdown.autowidth select {
    min-width: 0;
    width: auto;
}

select option {
    min-height: 1em;
    padding: 4px;
}

.buttons {
    margin: 0;
    padding-bottom: 16px;
}

    .buttons.toppad {
        padding-top: 16px;
    }

        .buttons.toppad.noFloat .button + .button {
            padding-top: 16px;
        }

    .buttons.btmpadNO {
        padding-bottom: 0;
    }

.element + .buttons {
    padding-top: 16px;
}

.buttons .button {
    display: block;
    float: right;
    margin: 0;
}

    .buttons .button.floatL,
    .buttons.leftAlign .button {
        float: left;
    }

    .buttons .button + .button button,
    .buttons .button + .button input,
    .buttons .button + .button a {
        margin-right: 8px;
    }

.buttons.leftAlign .button + .button button,
.buttons.leftAlign .button + .button input,
.buttons.leftAlign .button + .button a {
    margin-right: 0;
    margin-left: 8px;
}

.buttons.noFloat .button {
    float: none;
}

    .buttons.noFloat .button + .button button,
    .buttons.noFloat .button + .button input,
    .buttons.noFloat .button + .button a {
        margin-right: 0;
    }

.nopad.buttons {
    padding-bottom: 0;
}

.nopad .button input,
.nopad .button button,
.nopad .button a {
    margin-top: 0;
}

.button input,
.button button,
.button a {
    display: block;
    overflow: visible;
    margin: 16px 0 0 0;
    padding: 12px 1.333em;
    width: auto;
    border: 1px solid #b5b6b3;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    background: #d5d6d2;
    background: -moz-linear-gradient(top, #d5d6d2 0, #cdceca 100%);
    background: -ms-linear-gradient(top, #d5d6d2 0,#cdceca 100%);
    background: -o-linear-gradient(top, #d5d6d2 0,#cdceca 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#d5d6d2), color-stop(100%,#cdceca));
    background: -webkit-linear-gradient(top, #d5d6d2 0,#cdceca 100%);
    background: linear-gradient(to bottom, #d5d6d2 0,#cdceca 100%);
    color: #252626;
    text-align: center;
    text-decoration: none;
    -webkit-text-shadow: 1px 1px #ffffff;
    text-shadow: 1px 1px #ffffff;
    font-weight: bold;
    font-size: 1em;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d6d2', endColorstr='#cdceca',GradientType=0 );
    cursor: pointer;
    cursor: hand;
}

    .button input:hover,
    .button button:hover,
    .button a:hover {
        background: #8e908f;
        background: -moz-linear-gradient(top, #8e908f 0, #898b8a 100%);
        background: -ms-linear-gradient(top, #8e908f 0,#898b8a 100%);
        background: -o-linear-gradient(top, #8e908f 0,#898b8a 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#8e908f), color-stop(100%,#898b8a));
        background: -webkit-linear-gradient(top, #8e908f 0,#898b8a 100%);
        background: linear-gradient(to bottom, #8e908f 0,#898b8a 100%);
        color: #ffffff;
        text-decoration: none;
        -webkit-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.32);
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.32);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e908f', endColorstr='#898b8a',GradientType=0 );
    }

    .button input.actionBtn,
    .button button.actionBtn,
    .button a.actionBtn {
        border: 1px solid #177fb2;
        -moz-border-radius: 2px 2px 2px 2px;
        -webkit-border-radius: 2px 2px 2px 2px;
        border-radius: 2px 2px 2px 2px;
        background: #0098db;
        background: -moz-linear-gradient(top, #0098db 0, #0092d3 100%);
        background: -ms-linear-gradient(top, #0098db 0,#0092d3 100%);
        background: -o-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: linear-gradient(to bottom, #0098db 0,#0092d3 100%);
        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);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0098db', endColorstr='#0092d3',GradientType=0 );
    }

        .button input.actionBtn:hover,
        .button button.actionBtn:hover,
        .button a.actionBtn:hover {
            background: #177fb2;
            background: -moz-linear-gradient(top, #177fb2 0, #1679aa 100%);
            background: -ms-linear-gradient(top, #177fb2 0,#1679aa 100%);
            background: -o-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: linear-gradient(to bottom, #177fb2 0,#1679aa 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#177fb2', endColorstr='#1679aa',GradientType=0 );
        }

    .button input.cxlBtn,
    .button button.cxlBtn,
    .button a.cxlBtn {
        border: 1px solid #c61717;
        -moz-border-radius: 2px 2px 2px 2px;
        -webkit-border-radius: 2px 2px 2px 2px;
        border-radius: 2px 2px 2px 2px;
        background: #f05455;
        background: -moz-linear-gradient(top, #f05455 0, #e55051 100%);
        background: -ms-linear-gradient(top, #f05455 0,#e55051 100%);
        background: -o-linear-gradient(top, #f05455 0,#e55051 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#f05455), color-stop(100%,#e55051));
        background: -webkit-linear-gradient(top, #f05455 0,#e55051 100%);
        background: linear-gradient(to bottom, #f05455 0,#e55051 100%);
        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);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f05455', endColorstr='#e55051',GradientType=0 );
    }

        .button input.cxlBtn:hover,
        .button button.cxlBtn:hover,
        .button a.cxlBtn:hover {
            background: #c61717;
            background: -moz-linear-gradient(top, #c61717 0, #bd1616 100%);
            background: -ms-linear-gradient(top, #c61717 0,#bd1616 100%);
            background: -o-linear-gradient(top, #c61717 0,#bd1616 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#c61717), color-stop(100%,#bd1616));
            background: -webkit-linear-gradient(top, #c61717 0,#bd1616 100%);
            background: linear-gradient(to bottom, #c61717 0,#bd1616 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c61717', endColorstr='#bd1616',GradientType=0 );
        }

/*********************************************************************/
/** banner CSS */
/*********************************************************************/
.grid_banner .innerbanner {
    padding: 32px 16px;
    border-bottom: 1px solid #8e908f;
}

.innerbanner .row {
    max-width: 80em;
    position: relative;
}

.grid_banner .row0 > .inner > .col {
    float: none;
    display: block;
    max-width: inherit;
    min-width: inherit;
    margin-right: 0;
}

.oms .grid_banner .row0 > .inner > .colpos32,
.grid_banner .row0 > .inner > .colpos32 {
    display: none;
}

.grid_banner div.logo {
    display: block;
}


.grid_banner a.logo {
    display: block;
    font: 3em Georgia, "Times New Roman", Serif;
    text-decoration: none;
}

    .grid_banner a.logo:focus {
        outline: 1px dotted #ccc;
        overflow: hidden;
    }

.navigation,
#nav-bannernavprivate,
#nav-bannernavpublic,
#nav-bannernavadmin {
    display: none;
}

/*********************************************************************/
/** footer CSS  */
/********************************************************************/
.innerfooter {
    position: relative;
    padding: 16px;
    max-width: 80em;
}

    .innerfooter > div {
        font-size: 0.917em;
        line-height: 1.15em;
        color: #595b5c;
    }

.grid_footer .copyright {
    float: left;
    display: block;
    margin-right: 16px;
}

.grid_footer .screen {
    display: none;
}

/*********************************************************************/
/*  oms pages           
/*********************************************************************/
.oms .grid_content {
    line-height: 1.5em;
}

    .oms .grid_content .row0 + .row1 {
        padding-top: 16px;
    }


    .oms .grid_content h3,
    .grid_content .profileSectionHeading h3 {
        text-transform: uppercase;
        margin-bottom: 0.5em;
    }

    .oms .grid_content ul {
        margin: 0;
    }

.oms .newInstructions ul {
    list-style-type: none;
    padding: 0;
}

.oms .newInstructions li + li {
    margin-top: 16px;
}

.oms .formHeading {
    font-size: 1.25em;
    padding: 0.25em;
    display: none;
    border: 1px solid #d5d6d2;
    background-color: #f5f5f5;
}

.oms .note,
.spanNote {
    font-size: 0.917em;
    line-height: 1.15em;
    color: #595b5c;
}

    .oms .note p {
        padding: 0;
        line-height: 1.15em;
    }

    .oms .note .more {
        float: none;
    }

    .oms .note a {
        color: #595B5C;
        text-decoration: none;
    }

        .oms .note a .more {
            text-transform: none;
        }

/* oms sign in  */
.omsviewa .errorSummary,
.omsviewc .errorSummary,
.omsviewh .errorSummary {
    margin-top: 0;
}

/* Registration page 'omsviewj' */
.omsviewj .label {
    font-weight: bold;
    color: #252626;
    line-height: 1.25em;
    margin: 8px 0 0;
}

.omsviewj .element.optional .checkbox {
    margin-top: 0;
}

.omsviewj .checkbox label {
    line-height: 1.5em;
}

/* Account page 'omsviewo' */
.omsviewo .element {
    margin-bottom: 8px;
}

.omsviewo .label {
    font-weight: bold;
    float: left;
    width: 25%;
    display: block;
    margin-right: 2.4%;
}

.omsviewo .response {
    float: left;
    width: 72%;
    -ms-word-break: break-all;
    word-break: break-all; /* CJK aware break */
    -ms-word-wrap: break-word;
    word-wrap: break-word; /* deprecated */
    overflow-wrap: break-word; /* CSS3 replacement for word-wrap */
}

.omsviewo .section {
    padding-top: 16px;
}

    .omsviewo .section + .section {
        margin-top: 16px;
        border-top: 1px dotted #8e908f;
    }


/*********************************************************************/
/** content CSS  */
/*********************************************************************/
.grid_content {
    background-color: #ffffff;
    line-height: 1.5em;
}

    .grid_content > .innercontent {
        position: relative;
        padding: 32px 16px;
        max-width: 80em;
    }

/* use when you need 100% width for display combine with row CSS classes */
.gridfullwidth .grid_content > .innercontent {
    max-width: inherit;
}

.gridfullwidth .grid_content .innermodule .innerrow {
    max-width: 80em;
}

.grid_content .grid_column {
    float: left;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.grid_content .colpos10 {
    float: none;
}

.grid_content .innercolumn {
    padding: 0 16px;
}

.grid_content .compactrow .innercolumn {
    padding: 8px;
}

.wpr .grid_content .toprow .innercolumn {
    padding-top: 32px;
}

.wpr .grid_content .bottomrow .innercolumn {
    padding-bottom: 32px;
}

.grid_content .col0 .innercolumn,
.grid_content .compactrow .col0 .innercolumn,
.wpr .grid_content .toprow.compactrow .col0 .innercolumn {
    padding-left: 0;
}

.grid_content .colpos10 .innercolumn,
.grid_content .colpos21 .innercolumn,
.grid_content .colpos32 .innercolumn,
.grid_content .colpos43 .innercolumn,
.grid_content .colpos54 .innercolumn,
.grid_content .colpos65 .innercolumn,
.grid_content .colpos76 .innercolumn,
.grid_content .colpos87 .innercolumn,
.grid_content .compactrow .colpos10 .innercolumn,
.grid_content .compactrow .colpos21 .innercolumn,
.grid_content .compactrow .colpos32 .innercolumn,
.grid_content .compactrow .colpos43 .innercolumn,
.grid_content .compactrow .colpos54 .innercolumn,
.grid_content .compactrow .colpos65 .innercolumn,
.grid_content .compactrow .colpos76 .innercolumn,
.grid_content .compactrow .colpos87 .innercolumn {
    padding-right: 0;
}

.grid_content .headings h1,
.grid_content .headings h2 {
    text-transform: uppercase;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px dotted #8e908f;
}

.oms .newInstructions,
.resourcebox .inner {
    padding: 16px;
    border: 1px solid #d5d6d2;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    background-color: #f5f5f5;
}

.colpos20,
.colpos21 {
    float: left;
    display: block;
    width: 50%;
}

.colpos30,
.colpos31,
.colpos32 {
    float: left;
    display: block;
    width: 33.33333333%;
}

.colpos40,
.colpos41,
.colpos42,
.colpos43 {
    float: left;
    display: block;
    width: 25%;
}

.colpos50,
.colpos51,
.colpos52,
.colpos53,
.colpos54 {
    float: left;
    display: block;
    width: 20%;
}

.colpos60,
.colpos61,
.colpos62,
.colpos63,
.colpos64,
.colpos65 {
    float: left;
    display: block;
    width: 16.6666667%;
}
/***********************************************************************/
/*                        Date Picker                                  */
/***********************************************************************/
.ui-datepicker {
    display: none;
    /*width:234px; a width is needed for IE7 */
    padding: 8px 0;
    border: 1px solid #b5b6b3;
    background-color: #ffffff;
}

    .ui-datepicker > div {
        margin: 0 8px;
    }

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: 0;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        overflow: hidden;
        width: 16px;
        height: 16px;
        background-color: transparent;
        background-image: url("../images/icon_vSprite.png");
        background-repeat: no-repeat;
    }

    .ui-datepicker .ui-datepicker-prev {
        top: 2px;
        left: 2px;
        background-position: -8px -566px;
    }

    .ui-datepicker .ui-datepicker-next {
        top: 2px;
        right: 2px;
        background-position: -8px -646px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        background-position: -8px -526px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        background-position: -8px -606px;
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: block;
        text-indent: -99999px;
        overflow: hidden;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 24px;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            padding: 1px;
            border: 1px solid #b5b6b3;
        }

            .ui-datepicker .ui-datepicker-title select option {
                min-height: inherit;
                padding: inherit;
            }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%;
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .ui-datepicker table {
        width: 93.16239316%;
        margin: 8px 3.41880341%;
        border-collapse: collapse;
    }

    .ui-datepicker th {
        font-size: 0.917em;
        border: 0;
        padding: 0;
    }

    .ui-datepicker td {
        background-color: #f5f5f5;
        border: 1px solid #b5b6b3;
        padding: 0;
    }

        .ui-datepicker th span,
        .ui-datepicker td span,
        .ui-datepicker td a {
            font-weight: bold;
            display: block;
            padding: 4px;
            min-width: 24px;
            text-align: center;
            background-color: #ffffff;
        }

        .ui-datepicker td a {
            text-decoration: none;
            color: #424545;
        }

td.ui-datepicker-today a {
    color: #ffffff;
    background: #0098db; /* Old browsers */
    background: -moz-linear-gradient(top, #0098db 0%, #0092d3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0098db), color-stop(100%,#0092d3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0098db 0%,#0092d3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0098db 0%,#0092d3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0098db 0%,#0092d3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #0098db 0%,#0092d3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0098db', endColorstr='#0092d3',GradientType=0 ); /* IE6-9 */
}

td.ui-datepicker-current-day a {
    -webkit-box-shadow: inset 0 0 4px 2px rgba(00, 00, 00, .25);
    box-shadow: inset 0 0 4px 2px rgba(00, 00, 00, .25);
}

.ui-datepicker td a:hover {
    background: #0098db;
    background: -moz-linear-gradient(top, #0098db 0%, #0092d3 100%);
    background: -ms-linear-gradient(top, #0098db 0%,#0092d3 100%);
    background: -o-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: linear-gradient(to bottom, #0098db 0%,#0092d3 100%);
    color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0098db', endColorstr='#0092d3',GradientType=0 );
}

.ui-datepicker .ui-datepicker-buttonpane {
    text-align: left;
}

    .ui-datepicker .ui-datepicker-buttonpane button {
        cursor: pointer;
    }

/*********************************************************************/
/** WPR site specific */
/*********************************************************************/
.wpr .grid_content > .innercontent {
    padding-top: 0;
}

.wpr .grid_content .grid_module.calloutbanner {
    border-bottom: 1px solid #b5b6b3;
}

.wprviewa label {
    font-weight: bold;
}

.wprviewa .buttons {
    padding-bottom: 0;
}

.wprviewa .dropdown select {
    min-width: 228px;
}

.wprviewa .colpos60 {
    width: 10%;
}

.wprviewa .colpos61,
.wprviewa .colpos62 {
    width: 26%;
    max-width: 26%;
}

.wprviewa .colpos63,
.wprviewa .colpos65 {
    width: 17.5%;
    min-width: 150px;
}

.wprviewa .colpos64 {
    width: 3%;
}

.wprviewa .grid_content .connector .innercolumn {
    padding-top: 32px;
}

.wprviewa tr + tr td {
    border-bottom: 1px dotted #d5d6d2;
}

.wprviewa th {
    text-align: left;
    padding: 8px 0;
}

    .wprviewa th + th,
    .wprviewa td + td {
        padding-left: 8px;
    }

.wprviewa .results td {
    padding: 8px 8px 8px 0;
}

.wprviewa .results .button input {
    margin: 0;
}

.wprviewb .grid_content .calloutbanner2 span {
    font-size: 1.333em;
}


.wprviewb .grid_content .calloutbanner2 {
    border-bottom: 1px dotted #b5b6b3;
}

    .wprviewb .grid_content .calloutbanner2 .innerrow {
        padding: 16px 0;
    }


.wprviewb .section + .section {
    margin-top: 16px;
}


.wprviewb .section > h3 {
    font-size: 0.917em;
    font-weight: normal;
    text-transform: uppercase;
    color: #b5b6b3;
}

.wprviewb .section > p {
    padding-top: 0;
}

.detailShortText {
    font-size: 1.333em;
}

.questionText {
    font-size: 1.167em;
}

/*********************************************************************/
/*** MEDIA QUERIES
/*********************************************************************/
/*** MEDIA QUERIES
/*********************************************************************/
/* @media responsive breakpoints/ checkpoints
/*
/* 1280px
/* 1024px 
/* 960px 
/* 800px 
/* 768px 
/* 720px 
/* 642px
/* 592px
/* 533px
/* 480px 
/* 384px
/* 360px
/* 320px 
/*
/*********************************************************************/

@media only all and (max-width: 1024px) and (max-height: 768px) {
}

@media screen and (max-width:960px) {

    .grid_banner .innerbanner .row {
        padding: 0 16px;
    }

    .grid_content {
        padding: 0;
    }

        .grid_content .grid_module {
            padding: 0 16px;
        }

    .grid_footer .innerfooter {
        margin: 0 16px;
    }

    .textarea textarea {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 100%;
    }
}

@media screen and (max-width:800px) {

    .wprviewa .colpos60 {
        width: 20%;
    }

    .wprviewa .colpos61,
    .wprviewa .colpos62 {
        width: 40%;
        max-width: 40%;
    }

    .wprviewa .colpos63,
    .wprviewa .colpos64,
    .wprviewa .colpos65 {
        width: auto;
    }

    .wprviewa .colpos65 {
        clear: right;
    }

    .grid_content .col0 .innercolumn,
    .grid_content .compactrow .col0 .innercolumn,
    .wpr .grid_content .toprow.compactrow .col0 .innercolumn,
    .wprviewa .grid_content .calloutbanner .col3 .innercolumn {
        padding-left: 0;
    }

    .oms .colpos20,
    .oms .colpos21 {
        float: none;
        width: auto;
    }
}

@media screen and (max-width:768px) {
}

@media screen and (max-width:642px) {

    .innerfooter {
        background-image: none;
    }

    .grid_footer .copyright {
        float: none;
        width: auto;
        margin-bottom: 8px;
    }

    .grid_content .colpos20,
    .grid_content .colpos21 {
        width: 100%;
        padding: 1px 0;
        float: none;
    }

        .oms .colpos20 .innercolumn,
        .grid_content .colpos21 .innercolumn {
            margin: 0;
        }

        .grid_content .colpos21 .innercolumn {
            margin-top: 32px;
            padding-left: 0;
        }

    .cms .grid_content .innercontent {
        padding: 0 1.333em 16px 0;
    }

    .cmsviewa .row1 .col0,
    .cmsviewa .row1 .col1 {
        float: none;
        margin: 0 auto;
    }

    .oms .colpos20 {
        float: none;
        max-width: 100%;
        min-width: 100%;
        margin-right: 0;
    }

    .oms .colpos21 {
        float: none;
        max-width: 100%;
        min-width: 100%;
        padding-left: 0;
    }

    .oms .newInstructions {
        margin-top: 16px;
    }

    .searchbox.cha-list .searchTextBox {
        width: 68%;
    }

    .searchbox.cha-list .searchButtonBox {
        width: 30%;
    }

    .wprviewa .colpos60 {
        float: none;
        width: auto;
    }

    .wprviewa .colpos61,
    .wprviewa .colpos62 {
        width: 50%;
        max-width: 50%;
    }

    .wprviewa .grid_content .calloutbanner .col1 .innercolumn {
        padding-left: 0;
    }

    .wprviewa .grid_content .toprow .colpos61 .innercolumn,
    .wprviewa .grid_content .toprow .colpos62 .innercolumn {
        padding-top: 8px;
    }

    .wprviewb .grid_content .calloutbanner .colpos20,
    .wprviewb .grid_content .calloutbanner .colpos21 {
        width: 50%;
        float: left;
    }

    .wprviewb .grid_content .colpos21 .innercolumn {
        margin-top: 0;
    }

    .wprviewb .grid_content .calloutbanner2 .colpos20 .innercolumn {
        padding: 0 0 16px;
    }

    .wprviewb .grid_content .calloutbanner2 .colpos21 .innercolumn {
        padding: 16px 0 0;
    }
}

@media screen and (max-width:480px) {
    .grid_banner .innerbanner {
        position: relative;
    }

    .grid_banner div.logo {
        float: none;
    }

    .grid_banner .row0 > .inner > .col {
        float: none;
        width: auto;
        margin-left: 0;
        margin-right: 0;
    }

    .omsviewa .innercontent .row0 {
        margin: 0;
    }

    .wprviewa .colpos61,
    .wprviewa .colpos62,
    .wprviewb .grid_content .calloutbanner .colpos20,
    .wprviewb .grid_content .calloutbanner .colpos21 {
        float: none;
        width: auto;
        max-width: 100%;
    }

        .grid_content .calloutbanner .innercolumn,
        .wprviewa .grid_content .calloutbanner .col2 .innercolumn,
        .wprviewb .grid_content .calloutbanner .colpos21 .innercolumn {
            padding: 0;
        }

    .wprviewb .buttons.floatL,
    .wprviewb .buttons .button {
        float: none;
        width: 100%;
    }

    .wprviewb .colpos21 .buttons.toppad {
        padding-top: 0;
    }

    .wprviewb .button + .button {
        margin-top: 16px;
    }
}

@media screen and (max-width:360px) {
    .oms .grid_banner .row0 > .inner > .colpos32 {
        float: none;
        margin-left: 0;
        margin-right: 0;
    }

    .buttons .button,
    .buttons button {
        float: none;
        margin: 8px 0;
    }

    .button input.actionBtn,
    button.actionBtn,
    button.stdBtn,
    .button input.focusBtn,
    .button input {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    a.actionBtn,
    .button a,
    .more a {
        display: block;
    }

    .helpCenterLinks li {
        float: none;
    }

        .helpCenterLinks li + li {
            margin-left: 0;
        }

    .innerfooter {
        padding-bottom: 40px;
        background-position: 50% 90%;
    }
}
/**************************************************************************/
/* Windows 8 - IE10 for phones                                            */
/* known bug:                                                             */
/* http://mattstow.com/responsive-design-in-ie10-on-windows-phone-8.html  */
/**************************************************************************/
@-ms-viewport {
    width: device-width;
}

