/*
	TQM: This 2020 update includes new styles for the redesigned
    Homepage and Document Library.

    We also removed redundant font declarations that had been in place to support
    outdated browsers such as IE 7.

*/

/*
================================================================================
        Reset default styles to "level the browser playing field."
        Based on the work of Eric Meyer: http://meyerweb.com/eric/tools/css/reset/
        Eric Meyer Reset is v2.0 | 20110126 License: none (public domain)
================================================================================ */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* Specify handling of HTML5 tags for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

/* Later on we'll set up some bulleted and numbered list styles,
but let's start by defaulting to no decoration. */
ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

sub {
    font-size: 12px;
    font-size: 1.2rem;
    vertical-align: bottom;
}

sup {
    font-size: 12px;
    font-size: 1.2rem;
    vertical-align: top;
}

/* Begin custom styles. */
/*
========================================================================

        TYPOGRAPHY

        A modern implementation of Open Sans: use the following, and vary the weights:

'Open Sans'

        WEIGHTS
        _______

        Light ....... 300
        Regular ..... 400
        Semibold .... 600
        Bold ........ 700
        Extrabold ... 800

        STYLES
        ______

        normal
        italic

'Open Sans Condensed'

        STYLES AND WEIGHTS
        __________________

        Regular
        Italic
        Bold ... 700


        You may also reference the specific font files directly, but that is an older, less-recommended way.
        See open-sans-font.css for more information.

        'OpenSansLight'
        'OpenSansLightItalic'
        'OpenSansRegular'
        'OpenSansItalic'
        'OpenSansSemibold'
        'OpenSansSemiboldItalic'
        'OpenSansBold'
        'OpenSansBoldItalic'
        'OpenSansExtrabold'
        'OpenSansExtraboldItalic'

======================================================================== */

html {
    font-size: 10px; /* We can vary this value in the media queries, so that all rem-unit-based text scales proportionally. Setting the default size at 10 makes it easy to translate pixel-units to rem-units without a calculator. */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    background: #3e525b;
}

.condensed-font {
    font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
}

/*      Let's set the vertical rhythm at 21 pixels. Font-size x line-height = vertical rhythm. */

figcaption {
    font-size: 14px;
    font-size: 1.4rem;
    font-style: italic;
    line-height: 1.5;
    color: #777777;
}

figure {
    margin-bottom: 21px;
    margin-bottom: 2.1rem;
}

figcaption {
    background: #ffffff;
}

h1 {
    color: #3e525b;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 300;
}

h2,
h3,
h4,
h5,
h6 {
    color: #495b64;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: bold;
}

h2 {
    font-weight: 600;
}

h3,
h4,
h5,
h6 {
    font-weight: 700;
}

p,
ul,
ol {
    font-size: 14px; /* Fall-back value for browsers that don't understand the rem unit */
    font-size: 1.4rem; /* Override for modern browsers. */
    line-height: 1.5;
    margin-bottom: 21px;
    margin-bottom: 2.1rem;
    color: #4a5e67;
}

.introductory-text p,
.introductory-text ul,
.introductory-text ol,
.application-wrapper p,
.application-wrapper ul,
.application-wrapper ol {
    font-size: 16px; /* Fall-back value for browsers that don't understand the rem unit */
    font-size: 1.6rem; /* Override for modern browsers. */
    line-height: 1.5;
    margin-bottom: 21px;
    margin-bottom: 2.1rem;
}

/* For cases where the leading content in the intro text div is a paragraph or a list. */
.introductory-text > p:first-child,
.introductory-text > ul:first-child,
.introductory-text > ol:first-child {
    margin-top: 42px;
    margin-top: 4.2rem;
}

h1 {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.2; /* reduced from 1.4, per Amy. vertical rhythm / font size , and in this case, let's multiply it by 2 so the ascenders and descenders don't crash... 21 / 30 x 2 = 1.4 */
    margin-top: 32px;
    margin-top: 3.15rem; /* vertical rhythm x 1.5 */
    margin-bottom: 9px;
    margin-bottom: 1.05rem; /* vertical rhythm x 0.5 */
}

.headingcontainer h1 {
    font-size: 42px;
    font-size: 4.2rem;
    line-height: 1.4; /* vertical rhythm / font size , and in this case, let's multiply it by 2 so the ascenders and descenders don't crash... 21 / 30 x 2 = 1.4 */
    margin-top: 0;
    margin-bottom: 9px;
    margin-bottom: 1.05rem; /* vertical rhythm x 0.5 */
}

.withoutbreadcrumbs h1 {
    margin-bottom: 0;
}

.introductory-text h1,
.introductory-text h2 {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.2; /* reduced from 1.4, per Amy. */
    margin-top: 32px;
    margin-top: 3.15rem; /* vertical rhythm x 1.5 */
    margin-bottom: 9px;
    margin-bottom: 1.05rem; /* vertical rhythm x 0.5 */
}

.introductory-text h5 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.45;
    margin-top: 32px;
    margin-top: 3.15rem;
    margin-bottom: 9px;
    margin-bottom: 1.05rem;
    font-weight: 300;
}

h2,
h3 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.1666667;
    margin-top: 32px;
    margin-top: 3.15rem;
    margin-bottom: 9px;
    margin-bottom: 1.05rem;
}

.headingcontainer.withoutbreadcrumbs h2 {
    font-size: 25px;
    font-size: 2.5rem;
    color: #3d4e56;
    margin-top: 21px;
    margin-top: 2.1rem;
}

.headingcontainer.withoutbreadcrumbs h3 {
    font-size: 16px;
    font-size: 1.6rem;
    color: #3d4e56;
}

h4,
h5,
h6,
#footercontainer h3 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    margin-top: 32px;
    margin-top: 3.15rem;
    margin-bottom: 9px;
    margin-bottom: 1.05rem;
}

em,
i {
    font-style: italic;
    font-weight: inherit;
}

strong,
b {
    font-style: inherit;
    font-weight: 700;
}

em strong,
strong em {
    font-style: italic;
    font-weight: 700;
}

code {
    font-family: Consolas, "Andale Mono", "Lucida Console",
    "Lucida Sans Typewriter", Courier, "Courier New", monospace;
    color: #3e525b;
}

.small-caps {
    font-variant: small-caps;
}

.all-caps {
    text-transform: uppercase;
}

.small-text {
    font-size: smaller;
}

hr {
    color: transparent;
    height: 0px;
    border-bottom: 1px solid #cdccc8;
}

/*      TQM 01-16-2014 - Updated and added styles for text
        appearing inside the "introductory-text" areas. */

.introductory-text h1 {
    font-weight: 300;
    color: #3e525c;
    font-size: 40px;
    font-size: 4rem;
    line-height: 1.05;
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
}

.introductory-text h2 {
    font-weight: 600;
    color: #88a2af;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.1;
    margin-bottom: 14px;
    margin-bottom: 1.4rem;
}

.introductory-text h3 {
    font-weight: 600;
    color: #5e727c;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.125;
    margin-bottom: 5px;
    margin-bottom: 0.5rem;
}

.introductory-text h4 {
    font-weight: 700;
    color: #88a2af;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.1579;
    margin-bottom: 5px;
    margin-bottom: 0.5rem;
}

.introductory-text h5 {
    font-weight: 600;
    color: #5e727c;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.33333;
    margin-bottom: 5px;
    margin-bottom: 0.5rem;
    letter-spacing: 0.08em;
}

.introductory-text h6 {
    font-weight: 600;
    color: #88a2af;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25;
    margin-bottom: 5px;
    margin-bottom: 0.5rem;
}

.fancy-text {
    font-weight: 300;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.454545;
}

/* =========== CUSTOM TEXT SELECTION COLORS =========== */

::-moz-selection {
    color: #ffffff;
    background: #1997d4;
    text-shadow: none !important;
}

::selection {
    color: #ffffff;
    background: #1997d4;
    text-shadow: none !important;
}

small {
    font-size: 100%;
}

/*
===================================================================
        ACCESSIBILITY - USE FOR SKIP LINKS FOR NON-VISUAL USER AGENTS.
=================================================================== */

.accessibility {
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.visually-hidden {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
}

/*
========================================================================
        LAYOUT & GRID STRUCTURE
======================================================================== */

body {
    min-width: 768px;
    background: #ffffff;
}

.container {
    margin: 0 auto;
    max-width: 1280px;
    /* We are removing the rem-based switch here; we always want the max-width set in pixels. */
}

.row {
    padding: 0 4%;
}

/* ONLY APPLIED WHEN *BOTH* CLASSES ARE USED */
.unpadded.row {
    padding: 0;
}

/* A clear fix for the rows (to contain floated elements within). */
.row:after,
.container:after,
#mainnavcontainer:after,
.panel:after,
.panel:before,
.submenu-new-background-panel:after,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* For IE 7 */
*:first-child + html .row,
*:first-child + html .container,
*:first-child + html #mainnavcontainer,
*:first-child + html .panel,
*:first-child + html .submenu-new-background-panel,
*:first-child + html .clearfix {
    min-height: 1px;
}

.clearfix-new:before,
.clearfix-new:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix-new:after {
    clear: both;
}

/*
====================================================================
        DEFINE THE STRUCTURE OF THE GRID (COLUMNS ADDING UP TO 12)
==================================================================== */

.span-one-column {
    width: 6.333333333333%;
    padding: 0 1%;
    float: left;
}

.span-two-columns {
    width: 14.666666666666%;
    padding: 0 1%;
    float: left;
}

.span-three-columns {
    width: 23%;
    padding: 0 1%;
    float: left;
}

.span-four-columns {
    width: 31.333333333333%;
    padding: 0 1%;
    float: left;
}

.span-five-columns {
    width: 39.666666666666%;
    padding: 0 1%;
    float: left;
}

.span-six-columns {
    width: 48%;
    padding: 0 1%;
    float: left;
}

.span-seven-columns {
    width: 56.333333333333%;
    padding: 0 1%;
    float: left;
}

.span-eight-columns {
    width: 64.66666666666%;
    padding: 0 1%;
    float: left;
}

.span-nine-columns {
    width: 73%;
    padding: 0 1%;
    float: left;
}

.span-ten-columns {
    width: 81.333333333333%;
    padding: 0 1%;
    float: left;
}

.span-eleven-columns {
    width: 89.66666666666%;
    padding: 0 1%;
    float: left;
}

.span-twelve-columns {
    width: 98%;
    padding: 0 1%;
    float: left;
}

/*
===========================================================================
        A SECOND SET FOR WHEN YOU NEED THE CONTENTS TO GO FLUSH TO AN EDGE
        (SUCH AS WHEN NESTING A ROW WITHIN A ROW)
        ONLY APPLIED WHEN *BOTH* CLASSES ARE USED
=========================================================================== */

.unpadded.span-one-column {
    width: 8.333333333333%;
    padding: 0;
}

.unpadded.span-two-columns {
    width: 16.666666666666%;
    padding: 0;
}

.unpadded.span-three-columns {
    width: 25%;
    padding: 0;
}

.unpadded.span-four-columns {
    width: 33.333333333333%;
    padding: 0;
}

.unpadded.span-five-columns {
    width: 41.666666666666%;
    padding: 0;
}

.unpadded.span-six-columns {
    width: 50%;
    padding: 0;
}

.unpadded.span-seven-columns {
    width: 58.333333333333%;
    padding: 0;
}

.unpadded.span-eight-columns {
    width: 66.66666666666%;
    padding: 0;
}

.unpadded.span-nine-columns {
    width: 75%;
    padding: 0;
}

.unpadded.span-ten-columns {
    width: 83.333333333333%;
    padding: 0;
}

.unpadded.span-eleven-columns {
    width: 91.66666666666%;
    padding: 0;
}

.unpadded.span-twelve-columns {
    width: 100%;
    padding: 0;
}

/*
========================================================================
        LISTS - (Updated TQM 01-16-2014)
======================================================================== */

.bulleted,
.introductory-text ul {
    list-style-type: none;
    margin-left: 11px;
    margin-left: 1.1rem;
}

.bulleted .bulleted,
.bulleted ul,
.introductory-text ul ul {
    margin-bottom: inherit;
}

.bulleted .bulleted li:first-child,
.bulleted ul li:first-child,
.introductory-text ul ul li:first-child {
    margin-top: 14px;
    margin-top: 1.4rem;
}

.bulleted li,
.introductory-text ul li {
    background: url(/isoexpress/web/reports/images/bullet-square.gif) no-repeat left 11px;
    background: url(/isoexpress/web/reports/images/bullet-square.gif) no-repeat left 1.1rem;
    padding-left: 15px;
    padding-left: 1.5rem;
    margin-bottom: 14px;
    margin-bottom: 1.4rem;
}

.numbered,
.introductory-text ol {
    list-style-type: decimal;
    margin-left: 28px;
    margin-left: 2.8rem;
}

.numbered .numbered,
.numbered ol,
.introductory-text ol ol {
    list-style-type: upper-alpha;
    margin-bottom: inherit;
}

.numbered .numbered li:first-child,
.numbered ol li:first-child,
.introductory-text ol ol li:first-child {
    margin-top: 14px;
    margin-top: 1.4rem;
}

.numbered li,
.introductory-text ol li {
    margin-bottom: 14px;
    margin-bottom: 1.4rem;
}

/*
========================================================================
        LINKS
======================================================================== */

a {
    cursor: pointer;
}

a:link {
    color: #1999d8;
    text-decoration: none;
}

a:visited {
    color: #2491cc;
    text-decoration: none;
}

a:hover {
    color: #495b65;
    text-decoration: none;
}

a:active {
    color: #3e525b;
    text-decoration: none;
}

a:focus {
    color: #3e525b;
    text-decoration: none;
}

.wcm-homepage a:link,
.wcm-homepage a:visited {
    color: #465c67;
}

.wcm-homepage a:hover,
.wcm-homepage a:active {
    color: #319fec;
}

/*
========================================================================
        小草社区NEW ENGLAND LOGO
======================================================================== */

#logo {
    margin-bottom: 17px;
    margin-bottom: 1.7rem;
}

#iso-ne-logo-footer {
    max-width: 215px;
    margin: 10px auto;
    padding-bottom: 8px;
}

/*
=========================================================
   SEARCH FORM IN HEADER
========================================================= */

#search-form-container {
    max-width: 500px;
    float: right;
    background: #f5f2eb;
    padding: 3px;
    padding: 0.3rem;
}

#search-form-container p,
#search-form-container form {
    padding: 0;
    margin: 0;
}

#search-form input#searchfield {
    width: auto;
    margin-right: 0;
    background: #f5f2eb;
    border: none;
    border-radius: 0;
    color: #979795;
    font-weight: 600;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 7px 8px 9px;
    padding: 0.9rem 0.8rem 0.8rem;
    border: 1px solid transparent;
    letter-spacing: 0.75px;
    letter-spacing: 0.075rem;
}

#search-form input#searchfield:hover {
    color: #3e525b;
}

#search-form input#searchfield:focus {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    border: 1px solid transparent; /* May need to modify this after editing inline javascript in HTML. */
}

#search-form input#submitbutton {
    margin-left: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    text-indent: 50px;
    overflow: hidden;
    width: 33px;
    background: #f5f2eb url("../images/magnifying-glass.png") no-repeat 11px 9px;
    background: #f5f2eb url("../images/magnifying-glass.png") no-repeat 1.1rem 0.9rem;
    color: #969792;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 6px;
    padding: 0.725rem;
}

#search-form input#submitbutton:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#search-form input#submitbutton:focus {
    background-color: #e5e2db;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}

/*
========================================================================
        SEARCH FORM ON SEARCH PAGE (NOT THE ONE IN THE PAGE HEADER)
======================================================================== */

.search-form-container {
    padding: 3px;
    padding: 0.3rem;
    margin-top: 18px;
    margin-top: 1.8rem;
    text-align: right;
}

.search-form-container p,
.search-form-container form {
    padding: 0;
    margin: 0;
}

#search-form-2 input#searchfield-2 {
    width: 50%;
    margin-right: 0;
    background: #ffffff;
    border: none;
    border-radius: 0;
    color: #979795;
    font-weight: 600;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 7px 8px 9px;
    padding: 0.9rem 0.8rem 0.8rem;
    border: 1px solid transparent;
    letter-spacing: 0.75px;
    letter-spacing: 0.075rem;
}

#search-form-2 input#searchfield-2:hover {
    border: 1px solid #cccccc;
    color: #3e525b;
}

#search-form-2 input#searchfield-2:focus {
    background-color: #ffffff;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    border: 1px solid #cccccc;
}

#search-form-2 input#submitbutton-2 {
    margin-left: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    text-indent: 50px;
    overflow: hidden;
    width: 33px;
    background: #f5f2eb url("../images/magnifying-glass.png") no-repeat 11px 9px;
    background: #f5f2eb url("../images/magnifying-glass.png") no-repeat 1.1rem 0.9rem;
    color: #969792;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 6px;
    padding: 0.725rem;
}

#search-form-2 input#submitbutton-2:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#search-form-2 input#submitbutton-2:focus {
    background-color: #e5e2db;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}

.outercontainer h3.number-of-search-results {
    font-size: 20px;
    margin-top: 5px;
    font-weight: 300;
}

.outercontainer.search-header {
    padding-bottom: 0;
}

/*
=================================================================================
        MAIN NAVIGATION MENU (NEW, WITH "SUPERNAV").
        WILL NEED TO REDO THIS FOR IE7, IN A SEPARATE STYLE SHEET
        (SINCE IE7 WILL CHOKE ON INLINE-BLOCK).
================================================================================= */

ul#parentnav {
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
}

#parentnav li {
    display: inline-block;
    margin-left: -4px; /* Eliminate the shim of space that browsers put between inline-block items. */
    font-weight: 700;
}
#parentnav li a {
    display: inline-block;
    padding: 16px 41px;
    color: #ffffff;
    text-decoration: none;
}

#parentnav li a:hover {
    background: #2a3e47; /* The color of the "tab" while it is being hovered. */
}

#parentnav li:hover > a {
    /* The color of the "tab" while its child (the "panel") is being hovered. */
    background: #2a3e47;
}

#supernavcontainer {
    background: #3e525b;
    position: relative; /* We want to be able to position our "panels" relative to this point, not the top left of the viewport. */
}

.supernavpanel {
    position: absolute;
    z-index: 5000;
    background: #2a3e47;
    width: 100%;
    top: -9999px; /* Position the panel outside of the viewport until its parent list item is hovered. */
    min-height: 500px;
    min-height: 50rem; /* Revisit this value according to the amount of content we end up with. */
    left: 0;
}

/* When the relevant "tab" is hovered, its child appears. */
#parentnav li:hover .supernavpanel {
    top: 53px;
}

/*
====================================================================================
        We need to reset styles within the panel; otherwise the styles of the
        parent navigation will cascade down and mess up styles within the panels.
==================================================================================== */

#parentnav .supernavpanel * {
    text-align: left;
    color: #ffffff;
    white-space: normal;
}

#parentnav .supernavpanel li {
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
}

#parentnav .supernavpanel a {
    display: inline;
    padding: 0;
    background: none;
    font-weight: 400;
    color: #b2d1e2;
}

#parentnav .supernavpanel a:hover {
    text-decoration: none;
}

#parentnav .supernavpanel h2 a,
#parentnav .supernavpanel h3 a,
#parentnav .supernavpanel h4 a {
    color: #ffffff;
}

#parentnav .supernavpanel a:hover {
    color: #2fa0de;
}

.supernavpanel .row ul,
.supernavpanel .row ol {
    margin-left: 4px;
    margin-left: 0.4rem;
}

.supernavpanel li {
    line-height: 1.1;
    margin-bottom: 7px;
}

.supernavpanel h3 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 5px;
    margin-bottom: 0.5rem;
}

.supernavpanel-marketing-panel {
    background: #3e525b;
    padding: 21px;
    padding: 2.1rem;
    margin-bottom: 42px;
    margin-bottom: 4.2rem;
}

h3.supernavpanel-marketing-image,
h3.supernavpanel-marketing-image img,
h3.supernavpanel-marketing-image:hover * {
    margin-bottom: 0;
    background: #3e525b !important;
}

#parentnav .supernavpanel-marketing-panel p {
    color: #a7c4d4;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
}

#parentnav .supernavpanel-marketing-panel p a {
    color: #ffffff;
}

#parentnav .supernavpanel-marketing-panel p a:hover {
    color: #2fa0de;
    background: none;
}

#parentnav .supernavpanel-marketing-panel p:last-child {
    margin-bottom: 0;
}

/*
========================================================================
        LOWER LEVEL MENU (TAN MENU ITEMS; USED IN-PAGE BELOW "TABS").
======================================================================== */

.lower-level-menu li a {
    display: block;
    color: #3e525b;
    background: #f5f2eb;
    padding: 8px 10px;
    padding: 0.8rem 1rem;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid #cccccc;
    width: 90%;
}

.lower-level-menu li a:hover {
    color: #ffffff;
    background: #3e525b;
    border-bottom: 1px solid #3e525b;
}

.lower-level-menu li:last-child a {
    border-bottom: none;
}

/**
============================================
  Current active page in left navigation
============================================
**/

/* TQM updated 2015-11-04 */
li.leftnavactive a,
li.leftnavactive a:hover {
    color: #20333c;
    background: #dfdcd5;
    border-bottom-color: #dfdcd5;
    cursor: inherit;
}

.dropdown #auth-failed-msg {
    color: #ec3325;
    font-size: 13px;
}

/*
========================================================================
        BREADCRUMBS - TQM: Updated October 2014
======================================================================== */

.breadcrumbs {
    margin-top: 21px;
    margin-top: 2.1rem;
    margin-bottom: 0;
    font-weight: 600;
}

.breadcrumbs li {
    display: inline;
    margin-right: 2px;
    font-size: 13px;
}

.breadcrumbs a {
    color: #3e525b;
    text-decoration: none;
    margin-right: 7px;
    margin-right: 0.7rem;
}

.breadcrumbs a:hover {
    color: #1997d4;
}

.breadcrumbs li:after {
    content: ">";
}

.breadcrumbs li:last-child:after {
    content: "";
}

/* Open Sans adds too much padding around leading capital letters. Pull the headings slightly left. */
.headingcontainer h1 {
    margin-left: -3px;
}

/*
========================================================================
        FORMS
======================================================================== */

.outerformwrapper {
    background: #ffffff;
}

form {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 21px;
    margin-bottom: 2.1rem;
    color: #3e525b;
}

form.bordered {
    border: 1px solid #ccc;
}

fieldset {
    padding: 0;
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom:5px;
}

.form-table-wrapper {
    max-height: 130px;
    overflow-y: scroll;
    border-top: 1px solid #8dadba;
    border-bottom: 1px solid #8dadba;
    width: inherit !important; /* TQM 06-24-2014: Fixes an issue where filters won't wrap on window resize. */
}

.published-date-wrapper {
    border-top: 1px solid #8dadba;
    border-bottom: 1px solid #8dadba;
}

.filter-form fieldset table {
    margin-bottom: 10px;
    border: none;
}

.filter-form fieldset td {
    border: none;
    padding: 0 5px;
}

legend {
    margin: 0;
    padding: 10px 5px 10px 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.55px;
    letter-spacing: 0.055rem;
    display: block;
    width: 96%;
    margin-left: -1px;
    margin-right: -1px;
}

form em {
    /* Use for asterisks on required fields. */
    font-weight: bold;
    font-style: normal;
    color: #f00;
}

input,
textarea {
    padding: 0.4em;
    border-radius: 3px;
    border: 1px solid #cdccc8;
    background: #fafafa;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #557;
}

input[type="text"],
input[type="password"] {
    width: 96%;
    height: 1.4rem;
    font-size: 1.1rem;
}

input[type="checkbox"] {
    border: none;
}

textarea {
    width: 96%;
}

.btn {
    padding: 5px 10px;
    padding: 0.5rem 1rem;
    border-radius: 3px;
    font-weight: 700;
    text-decoration: none;
    color: #ffffff;
    background: #1795d2;
    border: none;
    display: inline-block;
    width: auto;
    font-size: 11.4px;
    font-size: 1.14rem;
    webkit-box-shadow: none;
    box-shadow: none;
    text-align: center;
    margin-bottom: 1px;
}

input[type="radio"],
input[type="checkbox"] {
    padding: 0;
    background: none;
}

input[type="radio"],
input[type="checkbox"],
input[type="submit"],
input[type="button"],
select,
button {
    cursor: pointer;
}

input,
select {
    vertical-align: middle; /* Revisit */
}

#published_date_start_date {
    width: 90%;
    margin-bottom: 10px;
}

#published_date_end_date {
    width: 90%;
}

/* the buttons below the filtering widget and document widget, respectively. */
/* Style modified by Rivet Logic Team */
.clear_filters,
.download_files,
.load_more {
    margin-left: 21px;
    margin-left: 2.1rem;
    margin-bottom: 21px !important;
    margin-bottom: 2.1rem !important;
}

/* ============= EXCEPTIONS ============= */

.any-date-cell {
    padding-left: 15px !important;
}

.start-date-cell {
    width: 50%;
    padding-left: 15px !important;
}

.end-date-cell {
    padding-right: 15px !important;
}

.published-date-wrapper {
    padding-top: 10px;
}

/*
========================================================================
        TABLES
======================================================================== */

table {
    width: 100%;
    background: #ffffff;
    margin-bottom: 21px;
    margin-bottom: 2.1rem;
    font-size: 14px;
    font-size: 1.4rem;
    color: #495b64;
}

table caption {
    display: none;
}

th,
tfoot td {
    font-weight: 700;
    border-right: 1px dashed #cdccc8;
    text-align: left;
    vertical-align: middle;
    padding: 8px;
    background: #ffffff;
    color: #92a8b5;
    text-transform: uppercase;
    letter-spacing: 0.55px;
    letter-spacing: 0.055rem;
}

td {
    border-top: 1px solid #92a8b5;
    border-right: 1px dashed #cdccc8;
    padding: 10px;
    padding: 1rem;
}

td:last-child,
th:last-child,
tfoot td:last-child {
    border-right: none;
}

table.filter-table {
    border: 1px solid #bbb;
}

table.filter-table th,
table.filter-table td {
    border: none;
}

table.filter-table small {
    font-size: smaller;
    font-weight: normal;
}

/* JUST IN CASE YOU NEED A BORDERLESS TABLE */
table.borderless,
table.borderless thead,
table.borderless tfoot,
table.borderless th,
table.borderless td {
    border: none;
}

/*
========================================================================
        JQUERY TABLEKIT TABLE STYLES
======================================================================== */

table.sortable th,
table.sortable tfoot td {
    padding: 8px 17px 8px 8px;
}

table.sortable tr.rowodd {
    background-color: #ffffff;
}

table.sortable tr.roweven {
    background-color: #ffffff;
}

table.sortable th.sortasc,
table.sortable td.sortasc {
    background: #ffffff url(/static-assets/css/images/up-arrow-blue.png) no-repeat 95% center;
    color: #319fec;
}

table.sortable th.sortdesc,
table.sortable td.sortdesc {
    background: #ffffff url(/static-assets/css/images/down-arrow-blue.png) no-repeat 95% center;
    color: #319fec;
}

/*Created by rivet logic team to add sorting style in no-sortable tables*/
.sortable th.sortasc,
.sortable td.sortasc {
    background: #ffffff url(/static-assets/css/images/up-arrow-blue.png) no-repeat 95% center;
    color: #319fec;
}

.sortable th.sortdesc,
.sortable td.sortdesc {
    background: #ffffff url(/static-assets/css/images/down-arrow-blue.png) no-repeat 95% center;
    color: #319fec;
}

.sortcol {
    cursor: pointer;
}

.jqTableKitNoneselectable {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -o-user-select: none;
    cursor: e-resize;
}

.resize-handle-active {
    cursor: e-resize;
}

div.resize-handle {
    cursor: e-resize;
    width: 2px;
    border-right: 1px dashed #1e90ff;
    position: absolute;
    top: 0;
    left: 0;
}

/*
========================================================================
        IMAGES, DECORATION, EXTRA STUFF, LOOKING FOR A HOME, ETCETERA
======================================================================== */

img,
object,
embed {
    max-width: 100%;
    height: auto;
}

.invisible {
    visibility: hidden;
    display: none;
}

.bottom-bordered {
    border-bottom: 1px dotted #777;
}

.top-bordered {
    border-top: 2px dotted #f9af1c;
}

.bottom-margined {
    margin-bottom: 21px;
    margin-bottom: 2.1rem;
}

.top-margined {
    margin-top: 21px;
    margin-top: 2.1rem;
}

.right-margined {
    margin-right: 15px;
    margin-right: 1.5rem;
}

.left-margined {
    margin-left: 15px;
    margin-left: 1.5rem;
}

.top-padded {
    padding-top: 21px;
    padding-top: 2.1rem;
}

.bottom-padded {
    padding-bottom: 21px;
    padding-bottom: 2.1rem;
}

.extra-top-padded {
    padding-top: 21px;
    padding-top: 2.1rem;
}

.extra-top-margined {
    margin-top: 21px;
    margin-top: 2.1rem;
}

.extra-bottom-padded {
    padding-bottom: 21px;
    padding-bottom: 2.1rem;
}

.double-top-padded {
    padding-top: 42px;
    padding-top: 4.2rem;
}

.double-top-margined {
    margin-top: 42px;
    margin-top: 4.2rem;
}

.double-bottom-margined {
    margin-bottom: 42px;
    margin-bottom: 4.2rem;
}

.warmbackground {
    background: #f5f2eb;
}

.relative {
    /* Gives us a hook for positioning child elements absolutely relative to the parent. */
    position: relative;
}

.real-time-data-button {
    position: absolute;
    right: 0;
    top: 100%;
    margin-right: 24px;
    margin-right: 2.4rem;
    margin-top: -48px;
    margin-top: -4.8rem;
}

.button-left-arrow {
    display: inline-block;
    text-indent: 20px;
    overflow: hidden;
    width: 9px;
    height: 9px;
    background: url(/static-assets/css/images/left-arrow.png) no-repeat left bottom;
}

.button-right-arrow {
    display: inline-block;
    text-indent: 20px;
    overflow: hidden;
    width: 9px;
    height: 9px;
    background: url(/static-assets/css/images/right-arrow.png) no-repeat right bottom;
}

.button-up-arrow {
    display: inline-block;
    text-indent: 20px;
    overflow: hidden;
    width: 9px;
    height: 9px;
    background: url(/static-assets/css/images/up-button-arrow.png) no-repeat left center;
}

.button-down-arrow {
    display: inline-block;
    text-indent: 20px;
    overflow: hidden;
    width: 9px;
    height: 9px;
    background: url(/static-assets/css/images/down-button-arrow.png) no-repeat left center;
}

.underscored {
    border-bottom: 1px solid #d8d5d0;
}

.floatleft {
    float: left;
    margin: 0 10px 10px 0;
}

.floatright {
    float: right;
    margin: 0 0 10px 10px;
}

.textalignright {
    text-align: right;
}

.textaligncenter {
    text-align: center;
}

.redcolor {
    color: #f00;
}

.redcolor a:link,
.redcolor a:visited {
    color: #f00;
    text-decoration: underline;
}

.redcolor a:hover,
.redcolor a:active {
    background: #ffffff;
    text-decoration: none;
}

p.help-text-question {
    padding-left: 18px;
    background: transparent url(/static-assets/css/images/question-mark-14x14.png) no-repeat left 3px;
}

p.help-text-exclamation {
    padding-left: 18px;
    background: transparent url(/static-assets/css/images/exclamation-mark-14x14.png) no-repeat left 3px;
}

.whitebackground {
    background: #ffffff;
}

.nowrap {
    white-space: nowrap;
}

/*
============================================
  VARIOUS CONTAINER STYLES
============================================ */

#banner {
    padding-top: 21px;
    padding-top: 2.1rem;
    background: #ffffff;
}

#mainnavcontainer {
    background: #3e525b;
}

#maincontentcontainer {
    background: #ffffff;
}

/* Give the main content area a little breathing room, before the footer. */
#maincontentcontainer .container {
    margin-bottom: 21px;
}

.wcm-homepage #maincontentcontainer .container {
    margin-bottom: 42px;
}

#docwidgetcontainer {
    background: #f5f2eb;
}

.headingcontainer {
    padding-top: 21px;
    padding-top: 2.1rem;
    padding-bottom: 21px;
    padding-bottom: 2.1rem;
}

.headingcontainer p:last-child {
    margin-bottom: 0;
}

.headingcontainer h2 {
    margin-top: 13px;
    margin-top: 1.3rem;
}

.withbreadcrumbs {
    padding-top: 0;
    padding-bottom: 0;
}

#footercontainer {
    background: #3e525b;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: 0px -8px 11px 0px rgba(26, 46, 54, 0.2);
    box-shadow: 0px -8px 11px 0px rgba(26, 46, 54, 0.2);
}

#footercontainer li,
#footercontainer a,
#footercontainer p {
    color: #8d9fab;
    font-size: 11.4px;
    font-size: 1.14rem;
    line-height: 1.1;
    margin-bottom: 10px;
    font-weight: 700;
}

#footercontainer a {
    color: #93a4ad;
    text-decoration: none;
}

#footercontainer a:hover {
    text-decoration: none;
    color: #a8bcc9;
}

#footercontainer h3 {
    color: #93a4ad;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.2;
}

#footercontainer footer h3 img {
    /* TQM: When you getDocTypesByNodeId a chance, go back and add an ID to the image in the footer, and target it directly. */
    margin-bottom: 14px;
    margin-bottom: 1.4rem;
}

.free-form-block {
    min-height: 500px;
}

/*
========================================================================
        TOP-LEVEL PAGE STYLES
======================================================================== */

.top-level-page {
    padding-bottom: 42px;
    padding-bottom: 4.2rem;
}

.top-level-heading {
    padding-bottom: 21px;
    padding-bottom: 2.1rem;
}

.top-level-heading h1,
.top-level-heading h2,
.top-level-heading h3,
.top-level-heading h4,
.top-level-heading p,
.top-level-heading a {
    color: #ffffff;
}

.top-level-heading a {
    text-decoration: underline;
}

.top-level-heading h1 {
    font-size: 51px;
    font-size: 5.1rem;
}

.top-level-heading h2 {
    margin-top: 13px;
    margin-top: 1.3rem;
    font-size: 20px;
    font-size: 2rem;
}

.top-level-heading p {
    font-size: 16px;
    font-size: 1.6rem;
}

.about-us-heading {
    background: #1e7199 url(/static-assets/css/images/bg-tile-about-us-1e7199.jpg) repeat-x left top;
}

.participate-heading {
    background: #1896d3 url(/static-assets/css/images/bg-tile-participate-1896d3.jpg) repeat-x left top;
}

.committees-heading {
    background: #62c7f1 url(/static-assets/css/images/bg-tile-committees-62c7f1.jpg) repeat-x left top;
}

.system-planning-heading {
    background: #f49f2b url(/static-assets/css/images/bg-tile-system-planning-f49f2b.jpg)
    repeat-x left top;
}

.markets-heading {
    background: #febc30 url(/static-assets/css/images/bg-tile-markets-febc30.jpg) repeat-x left top;
}

p.top-level-illustration {
    text-align: center;
    margin-top: 42px;
    margin-top: 4.2rem;
}

.top-level-page-panel {
    min-height: 380px;
    margin-top: 42px;
    margin-top: 4.2rem;
}

.top-level-page-panel h3 {
    margin-top: 17px;
    margin-top: 1.7rem;
}

.top-level-page-panel ul li a {
    display: block;
    padding: 2px 5px;
    border-bottom: 1px solid #d2d3cd;
    font-weight: 600;
}

.top-level-page-panel ul li a:hover {
    color: #ffffff;
    text-decoration: none;
    background: #3e525b;
}

p.top-level-icon {
    margin-top: 5px;
    margin-top: 0.5rem;
    padding-right: 15px;
    padding-right: 1.5rem;
}

/*
========================================================================
        VARIOUS PANELS AND THEIR LABELS/TABS
======================================================================== */

.panel {
    padding: 0 24px;
    padding: 0 2.4rem;
    background: #f5f2eb;
}

.whitebackground.panel {
    background: #ffffff;
}

.homepage-news-panel,
.homepage-calendar-panel {
    padding: 0;
}

.homepage-calendar-panel table {
    background: transparent;
}

.gold-tab-wrapper,
.blue-tab-wrapper,
.orange-tab-wrapper,
.slate-tab-wrapper {
    display: inline-block;
    margin-bottom: -4px;
    margin-bottom: -0.4rem;
}

.gold-tab-wrapper,
.blue-tab-wrapper,
.orange-tab-wrapper {
    margin-top: 42px;
    margin-top: 4.2rem;
}

#docwidgetcontainer .slate-tab-wrapper {
    margin-top: 0;
}

.standalone-document-widget-panel .slate-tab-wrapper {
    margin-top: 0;
}

.document-widget-container .standalone-document-widget-panel {
    margin-bottom: 42px;
    margin-bottom: 4.2rem;
}

/*      TQM 05-29-2014 - Gold tab wrapper does not need as much top margin
        when it falls below the "in this section" menu. */

.lower-level-menu ~ .gold-tab-wrapper {
    margin-top: 15px;
    margin-top: 1.5rem;
}

.tab-shadow {
    float: left;
    padding: 0;
    margin: 0;
    width: 50px;
    width: 5rem;
    height: 30px;
    height: 3rem;
    line-height: 0;
}

.tab-shadow img {
    height: 100%; /* Needed to maintain the illusion in Firefox Mac. */
}

.gold-tab-wrapper h2,
.gold-tab-wrapper h3 {
    background: #feba31;
    color: #ffffff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 800;
    text-transform: uppercase;
    padding: 8px 10px;
    padding: 0.8rem 1rem;
    float: left;
    margin: 0;
    line-height: 1;
}

.orange-tab-wrapper h2,
.orange-tab-wrapper h3 {
    background: #f68b21;
    color: #ffffff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 800;
    text-transform: uppercase;
    padding: 8px 10px;
    padding: 0.8rem 1rem;
    float: left;
    margin: 0;
    line-height: 1;
}

.blue-tab-wrapper h2,
.blue-tab-wrapper h3 {
    background: #1997d4;
    color: #ffffff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 800;
    text-transform: uppercase;
    padding: 8px 10px;
    padding: 0.8rem 1rem;
    float: left;
    margin: 0;
    line-height: 1;
}

.slate-tab-wrapper h2,
.slate-tab-wrapper h3 {
    background: #495b65;
    color: #ffffff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 800;
    text-transform: uppercase;
    padding: 8px 10px;
    padding: 0.8rem 1rem;
    float: left;
    margin: 0;
    line-height: 1;
}

.standalone-document-widget-panel .outerformwrapper {
    border: 1px solid #92a8b5;
}

.standalone-document-widget-panel {
    margin-bottom: 21px;
    margin-bottom: 2.1rem;
    padding-bottom: 0;
}

.standalone-document-widget-panel form {
    margin-bottom: 0;
}

/* reduce margin above document widget heading */
#related-documents h2.floatleft {
    margin-top: 0px;
}

/*
========================================================================
        TOOLTIPS STYLES
======================================================================== */

.tooltipster-icon {
    /* ICON NEXT TO TOOL TIPS ASSOCIATED WITH EVENTS (USED ON MOBILE ONLY) - CR -107074 */
    display: none !important;
}

.tooltipster-content {
    max-width: 500px;
    max-width: 50rem;
}

/*
========================================================================
        STYLES FOR 小草社区S
======================================================================== */

.calendar th {
    text-align: center;
    background: #ecedef;
    font-size: 11px;
    font-size: 1.1rem;
}

.calendar-day-table,
.calendar-week-table,
.calendar-month-table {
    width: 100%;
}

.calendar-date-label {
    font-weight: bold;
}

.buttonrow p {
    margin: 15px 10px;
}

.buttonrow p a {
    margin-right: 5px;
    margin-left: 5px;
}

a.more-events-link {
    font-weight: 700;
    padding-right: 18px;
    background: url(/static-assets/css/images/double-right-arrows.png) no-repeat right center;
}

td.time-cell p {
    /* Day and Week views */
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
    font-size: 1.1rem;
}

span.calendar-event-title {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    margin-top: 32px;
    margin-top: 3.15rem;
    margin-bottom: 9px;
    margin-bottom: 1.05rem;
    text-decoration: none;
    font-weight: 700;
    color: #1a97da;
}

/* =========== DAY =========== */

table.calendar-day-table .time-cell {
    width: 20%;
}

table.calendar-day-table {
    border-bottom: none;
}

.calendar-day-table th {
    padding-top: 14px;
    padding-bottom: 14px;
}

table.calendar-day-table p {
    margin-bottom: 0;
}

th.calendar-day-time-column {
    border-top: 1px solid #8caeba !important;
    border-bottom: 1px solid #8caeba !important;
    width: 20%;
}

th.calendar-day-event-column {
    border-top: 1px solid #8caeba !important;
    border-bottom: 1px solid #8caeba !important;
}

/* =========== WEEK =========== */

table.calendar-week-table {
    border-bottom: none;
}

table.calendar-week-table p {
    margin-bottom: 0;
}

table.calendar-week-table td {
    border: none;
    padding-top: 5px;
    padding-bottom: 5px;
}

td.calendar-week-day-label-cell {
    /* Functioning as "headers" */
    background: #ecedef;
    font-weight: bold;
    border-top: 1px solid #8caeba !important;
    border-bottom: 1px solid #8caeba !important;
    text-transform: uppercase;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}

td.calendar-week-day-label-cell a {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
}

/* =========== MONTH =========== */

.cal-month-weekday {
    width: 18%;
}

table.calendar-month-table {
    border-top: 1px solid #92a8b5;
    border-bottom: none;
}

/* Make the text smaller in the month view, so it doesn't blow out the layout */
.calendar-month-table span.calendar-event-title {
    font-size: 11.4px;
    font-size: 1.14rem;
    letter-spacing: -0.5px;
    line-height: 1.2;
}

table.calendar-month-table p {
    font-size: 11px;
    line-height: 1.3;
    margin-bottom: 11px;
}

table.calendar-month-table th.time-cell {
    color: #6e7881;
    border-top: 1px solid #92a8b5 !important;
}

td.calendar-prev-next-month-cell {
    background: #ecedef;
}

span.calendar-time-range {
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: 700;
}

span.calendar-week-number {
    font-size: 27px;
    font-weight: 400;
    display: block;
    line-height: 1;
}

/* =========== SIGN UP / SIGN IN =========== */
/*
=========================================================================================
        STICKY BUTTON STYLES (PROVIDES AN ANCHOR LINK TO THE FILTERS IN A FILTERABLE LIST)
========================================================================================= */

#sticker {
    visibility: hidden;
    padding-left: 20px;
}

.is-sticky #sticker {
    visibility: visible;
    padding-left: 20px;
}

/*
=========================================================================================
        APPLICATIONS
========================================================================================= */

.application-wrapper {
    padding-top: 0px;
}

.application-wrapper table {
    border: 1px solid #cdccc8;
}

.application-wrapper table th {
    color: #3e525b;
    background: #f0f1f3;
}

/* In cases where you need a bottom border on a <th> */
th.bottom-bordered {
    border-bottom: 1px solid #92a8b5;
}

/* a quick way to apply a width to a table column */
.ten-percent {
    width: 10%;
}

.twenty-percent {
    width: 20%;
}

.twenty-five-percent {
    width: 25%;
}

.thirty-percent {
    width: 30%;
}

.forty-percent {
    width: 40%;
}

.fifty-percent {
    width: 50%;
}

.sixty-percent {
    width: 60%;
}

.seventy-percent {
    width: 70%;
}

.seventy-five-percent {
    width: 75%;
}

.eighty-percent {
    width: 80%;
}

.ninety-percent {
    width: 90%;
}

/* Skin the "download files" CAPTCHA box */
.captcha-dialog {
    background: #2a3e48 !important;
    border-radius: 0;
}

.captcha-dialog p,
.captcha-dialog .ui-dialog-content {
    color: #8dacbc;
}

.captcha-dialog .ui-widget-header {
    background: none;
    border: none;
}

.captcha-dialog .ui-widget-header .ui-dialog-title {
    text-transform: uppercase;
    color: #8dacbc;
}

.captcha-dialog .ui-widget-header .ui-dialog-titlebar-close {
    background: none;
    border: none;
}

.captcha-dialog .ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick,
.captcha-dialog
.ui-widget-header
.ui-dialog-titlebar-close
.ui-icon-closethick:hover {
    background: url(/static-assets/css/images/sprite.png) no-repeat -33px 3px;
}

.captcha-dialog img {
    margin-top: 0px;
}

.captcha-dialog input[type="text"] {
    margin-top: 10px;
    margin-bottom: 12px;
    border-radius: 2px;
}

.captcha-dialog input[type="button"] {
    margin-bottom: 10px;
    border-radius: 2px;
    font-weight: bold;
    color: #ffffff;
    background: #1a95d3;
    border: none;
}

/* Use this construction when you want two lists side-by-side. */
.two-column-list-container {
    display: table;
    width: 100%;
    margin-bottom: 21px;
    margin-bottom: 2.1rem;
}

.two-column-list-container ul,
.two-column-list-container ol {
    display: table-cell;
    padding-left: 11px;
    padding-left: 1.1rem;
    padding-right: 11px;
    padding-right: 1.1rem;
}

.two-column-list-container ul li:last-child,
.two-column-list-container ol li:last-child {
    margin-bottom: 0;
}

/* Use this construction when you want two divs side-by-side. */
.two-column-div-container {
    display: table;
    width: 100%;
}

.two-column-div-container {
    display: table-cell;
    width: 50%;
}

.two-column-div-container div:first-child {
    padding-right: 6%;
}

/* Link lists */
.alt-h2 {
    color: #889fad;
}

.block-link-list {
    background: #f5f2eb;
    clear: both;
    margin-bottom: 42px;
    margin-top: 31px;
}

.block-link-list-item {
    border-top: 1px solid #d3d0cb;
    min-height: 100px;
}

.block-link-list-item {
    background: url(/static-assets/css/images/link-list-arrow.png) no-repeat right 50%;
}

.block-link-list-item:hover {
    background: url(/static-assets/css/images/link-list-arrow-hover.png) no-repeat right 50%;
}

.block-link-list-item a {
    display: block;
    padding: 1px 120px 10px 30px;
}

.block-link-list-item a:hover {
    text-decoration: none;
}

.block-link-list-item:first-child {
    border-top: none;
}

.block-link-list-item h3 {
    color: #0b98dd;
    clear: left;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.1579;
    margin-bottom: 5px;
    margin-bottom: 0.5rem;
}

ul.expanded li,
ol.expanded li {
    margin-bottom: 21px;
}

/* =========== end applying badges =========== */
/* =========== Callout boxes - TQM: Updated October 2014 =========== */

.callout-box {
    border: 1px solid #cdccc8;
    padding: 0px 25px 11px;
    margin: 0 0 21px 0;
}

.callout-box.right {
    width: 44%;
    float: right;
    margin: 7px 0 10px 25px;
}

.callout-box.left {
    width: 44%;
    float: left;
    margin: 7px 25px 10px 0;
}

.callout-box h2,
.callout-box h3,
.callout-box h4 {
    margin-top: 21px;
    margin-bottom: 11px;
    color: #4a5e67;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.25;
    font-weight: 300;
}

.callout-box p {
    text-align: left;
}

.callout-box p:last-child {
    margin-bottom: 10px;
}

/* Keep content from wrapping in events table */
span.date-and-time {
    white-space: nowrap;
}

/* Back to top link paragraphs, as used on FAQ pages. */
p.back-to-top-link-p {
    font-size: 12px;
    text-align: right;
    border-bottom: 1px solid #ddd;
}

/*
========================================================================
        MEDIA QUERIES
======================================================================== */

@media screen and (max-width: 1122px) {
    /* Medium-narrow. Tablets? Older 800 x 600 PCs? */
    html {
        font-size: 10px;
    } /* scale down all the rem-based text proportionally. */
}

@media screen and (max-width: 1028px) {
    html {
        font-size: 9px;
    } /* scale down all the rem-based text proportionally. */

    #parentnav li a {
        padding: 16px 20px;
        padding: 1.6rem 1.5rem;
        font-size: 12px;
        font-size: 1.2rem;
    }

    #parentnav li:hover .supernavpanel {
        top: 49px;
        top: 4.9rem;
        font-size: inherit;
    }

    .panel-parent-list-item > a {
        height: 21px;
        padding-top: 18px !important;
    }
}

@media screen and (max-device-width: 1024px) {
    span.tooltipster-icon {
        display: none;
    }
}

/*Rivet Logic Team Changes in the styles:
        html
*/
html.popup-page {
    background: none;
    /* override the original rule only for pages that have
      the "popup-page" class assigned to their HTML element */
}

/*
########################################################################
        UTILITY NAVIGATION MENU
######################################################################## */

.nav {
    font-weight: 700;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
}

#util-nav {
    float: right;
    margin-top: 17px;
    margin-top: 1.7rem;
    margin-bottom: 17px;
    margin-bottom: 1.7rem;
    margin-right: -15px;
    margin-right: -1.5rem;
}

.nav {
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav > li {
    float: left;
    margin: 0;
    padding: 0;
}

/* The default state of the main navigation item. */
.nav > li > a,
.nav > li > a:link,
.nav > li > a:visited {
    background: #ffffff;
    color: #9da5a9;
    display: block;
    padding: 10px 0px 10px 15px;
    padding: 1rem 0 1rem 0rem;
    margin-left: 15px;
    margin-left: 1.5rem;
    margin-right: 15px;
    margin-right: 1.5rem;
    text-decoration: none;
}

/* The hover state of the main navigation item. */
.nav > li > a:hover,
.nav > li > a:active {
    color: #3e525b;
}

/*
########################################################################
        SIGN-IN popup/dropdown
######################################################################## */

#_hdr_login_form {
    font-weight: 400;
    letter-spacing: normal;
}

#_hdr_login.dropdown_container {
    position: relative;
    cursor: pointer;
}

#_hdr_login.dropdown_container.hover > a,
#_hdr_login.dropdown_container:hover > a {
    color: #9da5a9;
}

#_hdr_login.dropdown_container.hover > a,
#_hdr_login.dropdown_container:hover > a,
#_hdr_login.dropdown_container.hover,
#_hdr_login.dropdown_container:hover {
    background: #2a3e47;
}

#_hdr_login.dropdown_container.hover menu.dropdown,
#_hdr_login.dropdown_container:hover menu.dropdown {
    display: block;
    padding: 5px 7px 12px 15px;
}

#_hdr_login.dropdown_container.hover > span,
#_hdr_login.dropdown_container:hover > span {
    color: #1997d4;
}

#_hdr_login > menu {
    width: 175px;
    text-transform: none;
}

#_hdr_login.dropdown_container menu.dropdown {
    display: none;
    position: absolute;
    right: 0;
    top: 30px;
    margin: 0;
    z-index: 1000;
    -webkit-padding-start: 0;
    background: #2a3e47;
    padding: 14px 20px;
}

#_hdr_login_form .aui-field-wrapper-content {
    padding-top: 5px;
}

#_hdr_login_form input {
    font-size: 11px;
    padding: 4px;
    color: #333;
}

#_hdr_login_form input.aui-field-input-text {
    width: 138px;
    height: 14px;
    outline: none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
}

#_hdr_login_form input.aui-field-input-text:focus {
    background-color: #ffffff;
}

#_hdr_login_form input.aui-button-input-submit {
    border: 1px solid transparent;
    font-weight: normal;
    color: #ffffff;
    background: #1795d2;
    text-shadow: none;
    padding: 2px 10px;
    font-size: 12px; /** Chrome is messing up the font size **/
    cursor: pointer;
}

#_hdr_login_form input.aui-button-input-submit:hover {
    cursor: pointer;
}

#_hdr_login_form label,
#_hdr_login_form a {
    white-space: nowrap;
    font-size: 1.1rem;
    font-size: 11px;
}

#_hdr_login_form label {
    color: #8dacbc;
}

#_hdr_login_form .aui-field-label {
    padding: 2px 0px;
    font-weight: normal;
}

/* ========= tooltip style for the login popup ========= */

.signin-tooltip {
    background: #2a3e47;
}

.signin-tooltip div.ui-tooltip-tip {
    display: none;
}

.signin-tooltip div.ui-tooltip-titlebar {
    font-size: 12px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 15px;
    background-color: transparent;
    border-width: 0px;
}

.signin-tooltip div.ui-tooltip-title {
    color: #ffffff;
}

.signin-tooltip div.ui-tooltip-content {
    background-color: transparent;
    border-width: 0px;
    padding: 0px 0px 0px 0px;
}

.signin-tooltip .ui-tooltip-body {
    line-height: 1.5em;
    padding: 5px 9px;
    margin: 0px 7px;
    background: transparent;
}

.signin-tooltip .ui-tooltip-footer {
    padding: 10px 10px 10px 15px;
}

.signin-tooltip .ui-tooltip-footer a {
    color: #8dacbc;
    margin-left: 2px;
}

/*
########################################################################
        "WELCOME, first last" dropdown DOM
######################################################################## */

#welcome-user > menu {
    font-weight: 400;
}

#welcome-user > a {
    display: inline-block;
    zoom: 1;
    *display: inline;
    text-transform: none;
}

#welcome-user > a:hover {
    color: #b4b8b9;
}

#welcome-user > menu {
    width: 375px;
    text-transform: none;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.4;
}

#welcome-user > menu nav ul {
    line-height: 1.4;
}

#welcome-user.dropdown_container {
    position: relative;
    cursor: pointer;
}

#welcome-user.dropdown_container a#signed-in-as {
    text-transform: uppercase;
}

#welcome-user.dropdown_container .dd_icon {
    margin-left: 5px;
    display: inline-block;
    zoom: 1;
    width: 9px;
    height: 9px;
    background: url(/static-assets/css/images/sprite.png) -1px -84px no-repeat;
}

#welcome-user.dropdown_container.hover > a,
#welcome-user.dropdown_container:hover > a,
#welcome-user.dropdown_container.hover,
#welcome-user.dropdown_container:hover {
    background: #2a3e47;
}

#welcome-user.dropdown_container.hover menu.dropdown,
#welcome-user.dropdown_container:hover menu.dropdown {
    display: block;
    padding: 20px;
}

#welcome-user.dropdown_container.hover > span,
#welcome-user.dropdown_container:hover > span {
    color: #1997d4;
}

#welcome-user.dropdown_container menu.dropdown {
    display: none;
    position: absolute;
    right: 0;
    top: 24px;
    margin: 0;
    z-index: 1000;
    -webkit-padding-start: 0;
    background: #2a3e47;
    padding: 14px 20px;
}

#welcome-user .user-menu-header,
#welcome-user .user-menu-header > a {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}

#welcome-user ul {
    margin: 0;
    list-style: none;
    padding: 3px;
}

#welcome-user li {
    padding: 2px;
}

#welcome-user ul li:first-child {
    margin-top: 2px;
}

#welcome-user nav ul li a {
    color: #8dacbc;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
}

#welcome-user ul li.selected a,
#welcome-user ul li a:hover {
    color: #1997d4;
}

#welcome-user.dropdown_container.help .dd_icon {
    position: absolute;
    right: 5px;
    top: 10px;
}

#my-dashboard-section,
#account-info-section {
    display: inline-block;
    zoom: 1;
    *display: inline;
    padding: 0px;
    margin: 0px;
    vertical-align: top;
}

#my-dashboard-section {
    width: 195px;
}

#account-info-section {
    width: 175px;
}

#navigation .selected a,
#navigation li.hover a,
#navigation a:hover,
#navigation a:focus,
#navigation .child-menu li a,
#navigation .aui-dd-dragging,
.lfr-navigation-proxy {
    background-color: transparent;
    background-image: none;
    border: none;
    color: #1997d4;
}

#navigation {
    background-color: transparent;
    background-image: none;
    border: none;
    z-index: 10;
    padding: 0px;
    margin: 0px;
}

#navigation li {
    display: block;
}

#navigation ul li {
    display: block;
    padding: 2px !important;
    margin: 0px;
}

#navigation li:first-child {
    margin-top: 2px;
}

#navigation a {
    display: inline;
    zoom: 1;
}

#navigation ul li a {
    padding: 0px !important;
    font-weight: normal;
}

#navigation li.selected a {
    color: #1997d4;
    -moz-box-shadow: 0px 0px 0px transparent;
    -webkit-box-shadow: 0px 0px 0px transparent;
    -o-box-shadow: 0px 0px 0px transparent;
    box-shadow: 0px 0px 0px transparent;
}

.modify-pages .delete-tab {
    color: #f7ba2f;
    background-color: #2a3e47;
    background-image: url(/static-assets/css/images/portlet_inner_sprite.png);
    background-repeat: no-repeat;
    background-position: 0px -417px;
    padding-right: 20px;
    margin-left: 5px;
    zoom: 1;
}

.modify-pages .delete-tab:hover {
    background-position: 0 -377px;
}

#navigation.empty {
    min-height: 1px;
    height: 1px;
    border-bottom: 5px solid #cccccc;
}

/* Remove unnecessary padding in lists, to align them with their respective headings. */
#account-nav ul,
#account-nav ul li,
#account-nav ul li a,
#navigation.modify-pages ul,
#navigation.modify-pages ul li,
#navigation.modify-pages ul li a {
    padding-left: 0;
    margin-left: 0;
}

@media print {
    * {
        font-family: Arial, sans-serif !important;
    }
}