/* $Id: styles-global.css,v 1.21.12.1 2017/03/22 21:06:11 rburce Exp $ */

/* 
	TQM: submitted to Web Support on 01-08-2015
	Update for Jan. 15 migration adds styles for
	Morning Report and 7-Day Forecast archives.
	
	Also, corrects alignments in 7-Day Forecast data tables.
	
	Also, includes a print style to address crashing HP printers
	when pages are printed from IE.
	
	Previous update (Oct. 2014) addressed a number of
	minor display issues involving breadcrumbs and callout boxes.
*/




/*
================================================================================
        Reset default styles to "level the browser playing field."
        Based on the work of Eric Meyer: http://meyerweb.com/eric/tools/css/reset/
        Reset is v2.0 | 20110126 License: none (public domain)
================================================================================ */
 
/*Rivet Logic Team Changes in the styles:
        Realtive paths to absolute paths.
        (../img/* -> /static-assets/img/*)
*/
 
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;
}
/* End reset. */
 
 
 
/* Begin custom styles. */
 
/*
========================================================================
       
        TYPOGRAPHY
       
        Following are the Open Sans webfonts we may use in this design.
        Keep in mind the fall-back to Arial, and mind your weights!
       
        '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: Arial, Helvetica, sans-serif; /* Override with Open Sans for users who have font-smoothing enabled. */
       
        font-style: normal;
        font-weight: normal;
        line-height: 1.5;
        background: #3e525b;
}
 
/*       Using javascript, we add a class to the html tag
        according to the browser's support for font smoothing. */
html.hasFontSmoothing-true {
        font-family: 'OpenSansRegular', Arial, Helvetica, 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: #777;
        font-style: italic;
}
 
figure {
        margin-bottom: 21px;
        margin-bottom: 2.1rem;
}
 
figcaption {
        background: #fff;
}
 
h1 {
        color: #3e525b;
        font-weight: normal;
}
 
h2, h3, h4, h5, h6 {
        color: #495b64; /* #3e525b */
        font-weight: bold;
}
 
html.hasFontSmoothing-true h1 {
        font-weight: normal;
        font-family: 'OpenSansLight', Arial, sans-serif;
}
 
html.hasFontSmoothing-true h2 {
        font-weight: normal;
        font-family: 'OpenSansSemibold', Arial, sans-serif;
}
 
html.hasFontSmoothing-true h3,
html.hasFontSmoothing-true h4,
html.hasFontSmoothing-true h5,
html.hasFontSmoothing-true h6 {
        font-weight: normal;
        font-family: 'OpenSansBold', Arial, sans-serif;
}
 
 
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; /* 3e525b */
}
 
        .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: 3.0rem;
        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: normal;
        }
       
        html.hasFontSmoothing-true .introductory-text h5 {
           font-family: 'OpenSansLight', Arial, sans-serif;
        }
 
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: normal;
}
 
strong,
b {
        font-style: normal;
        font-weight: bold;
}
 
        html.hasFontSmoothing-true strong,
        html.hasFontSmoothing-true b {
                font-weight: normal;
                font-family: 'OpenSansBold', Arial, sans-serif;
        }
 
 
em strong,
strong em {
        font-style: italic;
        font-weight: bold;
}
 
        html.hasFontSmoothing-true em strong,
        html.hasFontSmoothing-true strong em {
                font-weight: normal;
                font-style: italic;
                font-family: 'OpenSansBold', Arial, sans-serif;
        }
 
 
code {
        font-family: "Courier New", Courier, monospace;
        color: #3e525b;
}
 
.small-caps {
        font-variant: small-caps;
        /* letter-spacing: 0.03em; */
}
 
.all-caps {
        text-transform: uppercase;
        /* letter-spacing: 0.03em; */
}
 
.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: normal;
    color: #3e525c;
    font-size: 40px;
    font-size: 4.0rem;
    line-height: 1.05;
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
}
 
    html.hasFontSmoothing-true .introductory-text h1 {
        font-weight: normal;
        font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    }
 
.introductory-text h2 {
    font-weight: bold;
    color: #88a2af;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.1;
    margin-bottom: 14px;
    margin-bottom: 1.4rem;
}
 
    html.hasFontSmoothing-true .introductory-text h2 {
        font-weight: normal;
        font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
    }
 
.introductory-text h3 {
    font-weight: bold;
    color: #5e727c;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.125;
    margin-bottom: 5px;
    margin-bottom: .5rem;
}
 
    html.hasFontSmoothing-true .introductory-text h3 {
        font-weight: normal;
        font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
    }
 
.introductory-text h4 {
    font-weight: bold;
    color: #88a2af;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.1579;
    margin-bottom: 5px;
    margin-bottom: .5rem;
}
 
    html.hasFontSmoothing-true .introductory-text h4 {
        font-weight: normal;
        font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
    }
 
.introductory-text h5 {
    font-weight: bold;
    color: #5e727c;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.33333;
    margin-bottom: 5px;
    margin-bottom: .5rem;
    letter-spacing: .08em;
}
 
    html.hasFontSmoothing-true .introductory-text h5 {
        font-weight: normal;
        font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
    }
 
.introductory-text h6 {
    font-weight: bold;
    color: #88a2af;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25;
    margin-bottom: 5px;
    margin-bottom: .5rem;
}
 
    html.hasFontSmoothing-true .introductory-text h6 {
        font-weight: normal;
        font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
    }
 
 
 
/*      styles to make the "lede" paragraph bigger and lighter --
        classic typography, but it has been voted off the island.
 
.introductory-text>p:first-child,
        .introductory-text h2:first-child+p,
        .fancy-p {
                font-size: 22px !important;
                font-size: 2.2rem !important;
                line-height: 1.454545;
        }
 
        html.hasFontSmoothing-true .introductory-text>p:first-child,
        html.hasFontSmoothing-true .introductory-text h2:first-child+p,
                html.hasFontSmoothing-true .fancy-p {
            font-weight: normal;
         font-family: 'OpenSansLight', Arial, sans-serif;
        }
 
       
        .introductory-text>p:first-child,
        .introductory-text>ul:first-child,
        .introductory-text>ol:first-child {
                margin-top: 42px;
                margin-top: 4.2rem;
        }
 
 
*/
 
 
 
 
 
 
 
/* =========== CUSTOM TEXT SELECTION COLORS =========== */
 
::-moz-selection {
        color: #fff;
        /*background: #687a81;*/
        background: #1997d4;
        text-shadow: none !important;
}
 
::selection {
        color: #fff;
        /*background: #687a81;*/
        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;
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/*
========================================================================
        LAYOUT & GRID STRUCTURE
======================================================================== */
 
body {
        min-width: 768px;
        background: #fff;
}
 
 
.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;
}
 
/* End clearfix */
 
 
 
 
 
/*
====================================================================
        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.0%;
        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.0%;
        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.0%;
        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.0%;
        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.0%;
        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.0%;
        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.0%;
        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.0%;
        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(/static-assets/img/bullet-square.gif) no-repeat left 11px;
    background: url(/static-assets/img/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; /* #319fec */
        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;}
 
 
 
 
 
 
 
 
/*
========================================================================
        ISO NEW ENGLAND LOGO (TOP LEFT)
======================================================================== */
 
#logo {
        margin-bottom: 17px;
        margin-bottom: 1.7rem;
}
 
 
 
 
 
 
 
 
 
 
 
 
/*
=========================================================
   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: bold;
        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;
}
 
        html.hasFontSmoothing-true #search-form input#searchfield {
                font-weight: normal;
                font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
        }
 
 
#search-form input#searchfield:hover {
        /*border: 1px solid #ccc;*/
        color: #3e525b;
}
 
#search-form input#searchfield:focus {
        /*background-color: #fff;*/
        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('/static-assets/img/magnifying-glass.png') no-repeat 11px 9px;
        background: #f5f2eb url('/static-assets/img/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;
        /*white-space: nowrap;*/
        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: bold;
        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;
}
 
        html.hasFontSmoothing-true #search-form-2 input#searchfield-2 {
                font-weight: normal;
                font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
        }
 
 
#search-form-2 input#searchfield-2:hover {
        border: 1px solid #ccc;
        color: #3e525b;
}
 
#search-form-2 input#searchfield-2:focus {
        background-color: #fff;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: 0;
        border: 1px solid #ccc;
}
 
#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('/static-assets/img/magnifying-glass.png') no-repeat 11px 9px;
        background: #f5f2eb url('/static-assets/img/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: normal;
}
 
        html.hasFontSmoothing-true .outercontainer h3.number-of-search-results {
                font-weight: normal;
                font-family: 'OpenSansLight', Arial, sans-serif;
        }
 
.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: bold;
}
 
        html.hasFontSmoothing-true #parentnav li {
                font-weight: normal;
                font-family: 'OpenSansBold', Arial, sans-serif;
        }
 
#parentnav li a {
        display: inline-block;
        padding: 16px 41px;
        color: #fff;
        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: 50.0rem; /* 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;
        /*top: 5.3rem;*/
}
 
 
/*
====================================================================================
        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: #fff;
        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: normal;
        color: #b2d1e2;
}
 
#parentnav .supernavpanel a:hover {
        text-decoration: none;
        }
 
        #parentnav .supernavpanel h2 a,
        #parentnav .supernavpanel h3 a,
        #parentnav .supernavpanel h4 a {
                color: #fff;
        }
 
        html.hasFontSmoothing-true #parentnav .supernavpanel li a {
                font-family: 'OpenSansRegular', Arial, sans-serif;
        }
 
 
#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: normal;
}
 
        html.hasFontSmoothing-true #parentnav .supernavpanel-marketing-panel p {
                font-weight: normal;
                font-family: 'OpenSansRegular', Arial, sans-serif;
        }
 
 
#parentnav .supernavpanel-marketing-panel p a {
        color: #fff;
}
 
#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 1.0rem;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;
        text-decoration: none;
        border-bottom: 1px solid #ccc;
        width: 90%;
}
 
        html.hasFontSmoothing-true .lower-level-menu li a {
                font-weight: normal;
                font-family: 'OpenSansSemibold', Arial, sans-serif;
        }
 
 
 
.lower-level-menu li a:hover {
        color: #fff;
        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;
}

html.hasFontSmoothing-true .breadcrumbs {
	font-family: 'OpenSansSemibold', sans-serif;
}
 
.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: #fff;
}
 
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;
}
 
.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: bold;
        text-transform: uppercase;
        letter-spacing: 0.55px;
        letter-spacing: 0.055rem;
        display: block;
        width: 96%;
        margin-left: -1px;
        margin-right: -1px;
}
 
        html.hasFontSmoothing-true legend {
                font-weight: normal;
                font-family: 'OpenSansBold', Arial, sans-serif;
        }
 
 
form em { /* Use for asterisks on required fields. */
        font-weight: bold;
        font-style: normal;
        color: #f00;
}
 
input, /* You might want to specify "types" here. */
textarea {
        padding: 0.4em;
        border-radius: 3px;
        border: 1px solid #cdccc8;
        background: #fafafa;
        /*-webkit-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
        box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.1);*/
        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%;
}
 
input[type=checkbox] {
        border: none;
}
 
 
textarea {
        width: 96%;
}
 
input[type=submit],
a.btn,
button.btn {
        padding:5px 10px;
        padding:0.5rem 1.0rem;
        border-radius: 3px;
        font-weight: bold;
        text-decoration: none;
        color: #fff;
        background: #8e979c;
        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;
}
 
 
        .wcm-homepage input[type=submit],
        .wcm-homepage a.btn,
        .wcm-homepage button.btn {
                border-radius: 5px;
                color: #fff;
                background: #8e979c;
        }
 
 
        html.hasFontSmoothing-true input[type=submit],
        html.hasFontSmoothing-true a.btn,
        html.hasFontSmoothing-true button.btn {
                font-weight: normal;
                font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
        }
 
 
a.btn.small,
button.btn.small {
        /*font-size: 85%;*/
}
 
a.btn.active,
button.btn.active {
        color: #fff;
        background: #495b65;
}
 
a.btn.block-btn,
button.btn.block-btn {
        display: block;
        width: 100%;
        text-align: center;
}
 
 
input[type=submit]:hover,
a.btn:hover,
button.btn:hover {
        background: #1a96d4;
}
 
input:focus,
textarea:focus,
select:focus {
        background: #fff;
}
 
 
input[type=submit]:focus,
a.btn:active,
button.btn:active,
a.btn:focus,
button.btn:focus {
        background: #495b65;
}
 
 
input[type=radio],
input[type=checkbox] {
        padding: none;
        background: none;
}
 
input[type=radio],
input[type=checkbox],
input[type=submit],
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: #fff;
        border-bottom: 1px solid #bbb;
        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: bold;
        border-right: 1px dashed #cdccc8;
        text-align: left;
        vertical-align: middle;
        padding: 8px;
        background: #fff;
        color: #92a8b5;
        text-transform: uppercase;
        letter-spacing: 0.55px;
        letter-spacing: 0.055rem;
}
 
        html.hasFontSmoothing-true th,
        html.hasFontSmoothing-true tfoot td {
                font-weight: normal;
                font-family: 'OpenSansBold', Arial, sans-serif;
        }
 
td {
        border-top: 1px solid #92a8b5;
        border-right: 1px dashed #cdccc8;
        /*text-align: left;*/
        padding: 10px;
        padding: 1.0rem;
}
 
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: #fff;
}
 
table.sortable tr.roweven {
        background-color: #fff;
}
 
table.sortable th.sortasc,
table.sortable td.sortasc {
        background: #fff url(/static-assets/img/up-arrow-blue.png) no-repeat 95% center;
        color: #319fec;
}
 
table.sortable th.sortdesc,
table.sortable td.sortdesc {
        background: #fff url(/static-assets/img/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: #fff url(/static-assets/img/up-arrow-blue.png) no-repeat 95% center;
        color: #319fec;
}
 
.sortable th.sortdesc,
.sortable td.sortdesc {
        background: #fff url(/static-assets/img/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;
}
 
 
/*
==============================================================================
  TQM 01-16-2014 - STYLES TO ENSURE CONSISTENT FORMATTING OF RESULTS TABLES
============================================================================== */
 
#documents-header-score {
    padding-right: 18px;
}
 
#documents-header-type {
    min-width: 50px;
}
 
#documents-header-size {
    min-width: 70px;
}
 
#documents-header-date {
    min-width: 90px;
}
 
 
 
 
 
 
/*
============================================
  HOME PAGE STYLES
============================================ */
 
/* =========== SYSTEM SNAPSHOT =========== */
 
#snapshotcontainer {
        background: #f5f2eb;
}
 
#snapshotcontainer p {
        margin-top: 20px;
        margin-top: 2.0rem;
        margin-bottom: 20px;
        margin-bottom: 2.0rem;
        text-align: right;
}

/* The button that links to the morning report */
#snapshotcontainer a.small.btn {
        padding: 11px 17px;
        font: 12px/15px sans-serif;
		font-weight: bold;
}

	html.hasFontSmoothing-true #snapshotcontainer a.small.btn {
			font-weight: normal;
			font: 12px/15px 'OpenSansBold';
	}


#snapshotcontainer h2 {
        margin-top: 15px;
        margin-top: 1.5rem;
        font-weight: bold;
        color: #495b64;
}
 
        html.hasFontSmoothing-true #snapshotcontainer h2 {
                font-weight: normal;
                font-family: 'OpenSansBold', Arial, sans-serif;
        }
 
/* .todays-snapshot is the first column in the homepage real-time data strip. */
#snapshotcontainer .todays-snapshot h2 {
        margin-bottom: 3px;
        margin-bottom: 0.3rem;
        margin-top: 20px;
        margin-top: 2.0rem;
        line-height: 19px;
        line-height: 1.9rem;
}
 
#snapshotcontainer .todays-snapshot h4 {
    font-size: 10px;
    font-size: 1.0rem;
    color: #5d6e76;
}
 
    html.hasFontSmoothing-true #snapshotcontainer .todays-snapshot h4 {
        font-weight: normal;
                font-family: 'OpenSansBold', Arial, sans-serif;
    }
 
 
#snapshotcontainer h3 {
        font-size: 28px;
        font-size: 2.9rem;
        margin-top: 16px;
        margin-top: 1.6rem;
        margin-bottom: 0;
        color: #495b64;
        font-weight: normal;
}
 
        html.hasFontSmoothing-true #snapshotcontainer h3 {
                font-family: 'OpenSansLight', Arial, sans-serif;
        }
 
 
#snapshotcontainer h4 {
        text-transform: uppercase;
        margin-top: 0;
        color: #5d6e76;
        font-size: 10px;
        font-size: 1.0rem;
        line-height: 12px;
        line-height: 1.2rem;
}
 
        html.hasFontSmoothing-true #snapshotcontainer h4 {
                font-weight: normal;
                font-family: 'OpenSansBold', Arial, sans-serif;
        }


       
/* the last column in the homepage real-time data strip. */
.morning-report-column {
       
}
 
.morning-report-button {
        display: block !important;
        text-align: center;
        margin-top: 21px;
        margin-top: 2.1rem;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        line-height: 14px;
        line-height: 1.4rem;
}
 
/* the four "in-between" columns in the homepage real-time data strip. */
.data-column {
       
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/* =========== REAL-TIME DATA PANEL =========== */
 
.real-time-data-panel h3 {
        text-transform: uppercase;
        margin-top: 21px;
        margin-top: 2.1rem;
        margin-bottom: 21px;
        margin-bottom: 2.1rem;
        font-size: 14px;
        font-size: 1.4rem;
}
 
.real-time-data-panel h4 {
        text-transform: uppercase;
        margin-top: 21px;
        margin-top: 2.1rem;
        margin-bottom: 10px;
        margin-bottom: 1.0rem;
        font-size: 14px;
        font-size: 1.4rem;
}
 
.system-demand-column { /* roughly 5 */
        width: 40.0%;
        padding: 0;
        padding-right: 3%;
        float: left;
}
 
.fuel-mix-column { /* roughly 4 */
        width: 34%;
        padding: 0;
        padding-right: 3%;
        float: left;
}
 
.hub-price-column { /* roughly 3 */
        width: 20%;
        padding: 0;
        float: left;
}
 
 
 
 
 
 
 
 
.system-demand-details-wrapper {
        padding-left: 8%;
}
 
.system-demand-forecasted {
        float: left;
        width: 50%;
}
 
.system-demand-actual {
        float: right;
        width: 47%;
        text-align: right;
}
 
 
.homepage-system-demand-details-table,
.homepage-system-demand-details-table * {
        border: none;
        background: transparent;
        vertical-align: middle;
}
 
.homepage-system-demand-details-table {
        margin-bottom: 21px;
        margin-bottom: 2.1rem;
}
 
.homepage-system-demand-details-table td {
        padding: 0;
}
 
.actual-demand-table {
        float: right;
}
 
.actual-demand-table td {
        padding-left: 5px;
}
 
.forecasted-demand-table td {
        padding-right: 5px;
}
 
 
.system-demand-value {
        font-size: 18px;
        font-size: 1.8rem;
}
 
.system-demand-legend-text {
        text-transform: uppercase;
        color: #596c73;
        font-weight: bold;
        font-size: 11px;
        font-size: 1.1rem;
        padding-top: 4px !important;
}
 
        html.hasFontSmoothing-true .system-demand-legend-text {
                font-weight: normal;
                font-family: 'OpenSansBold', Arial, sans-serif;
        }


/* TQM 07-18-2014: correcting some styling on home page system demand chart legend. */
	.system-demand-details-wrapper .system-demand-legend-text {
		text-align: left;
	}
	
	.system-demand-details-wrapper .legend-icon {
		margin-right: 0;
	}
	
	.actual-demand-table .legend-icon,
	.forecasted-demand-table .legend-icon {
    	margin-left: 4px;
	}
 
 
.homepage-fuel-mix-graphic {
        width: 47%;
        margin-right: 3%;
        float: left;
}
 
.homepage-fuel-mix-legend-wrapper {
        width: 50%;
        float: right;
}
 
.homepage-fuel-mix-legend-table,
.homepage-fuel-mix-legend-table * {
        border: 0;
        background: transparent;
}
 
.homepage-fuel-mix-legend-table td {
        vertical-align: middle;
        padding: 0;
}
 
.fuel-mix-percent {
        font-size: 20px;
        font-size: 2.0rem;
        text-align: right;
        padding-right: 8px !important;
}
 
.legend-icon {
        width: 16px;
        height: 16px;
        margin-right: 3px;
}
 
.fuel-mix-legend-text {
        text-transform: uppercase;
        color: #596c73;
        font-weight: bold;
        font-size: 11px;
        font-size: 1.1rem;
}
 
        html.hasFontSmoothing-true .fuel-mix-legend-text {
                font-weight: normal;
                font-family: 'OpenSansBold', Arial, sans-serif;
        }
 
 
 
.hub-price-info-wrapper {
    border: 1px solid #cdccc8;
    padding: 15px 15px 5px;
    margin-top: 21px;
    margin-top: 2.1rem;
    margin-bottom: 0;
}
 
.hub-price-info-wrapper h4 {
    margin-top: 0px;
}
 
.homepage-hub-price-table {
        background: transparent;
        margin-bottom: 0;
}
 
.homepage-hub-price-table td {
        padding: 0;
        padding-bottom: 2px;
}
 
td.homepage-price {
        width: 50%;
        padding-right: 10px;
        font-size: 16px;
        font-size: 1.6rem;
        text-align: right;
}
 
td.homepage-price-label {
        text-align: right;
}
 
td.homepage-price-summary {
        border-top: 1px solid #cdccc8 !important;
        padding-bottom: 0;
        padding-top: 2px;
        text-align: right;
        padding-right: 45%;
        white-space: nowrap;
}
 
span.price-trending-up {
        display: inline-block;
        width: 14px;
        height: 14px;
        text-indent: 15px;
        overflow: hidden;
        margin-left: 5px;
        background: url(/static-assets/img/trending-arrow-up.png) no-repeat left 3px;
}
 
span.price-trending-down {
        display: inline-block;
        width: 14px;
        height: 14px;
        text-indent: 15px;
        overflow: hidden;
        margin-left: 5px;
        background: url(/static-assets/img/trending-arrow-down.png) no-repeat left 3px;
}
 
 
 
 
 
 
 
 
 
 
.homepage-price-label {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 11px;
        font-size: 1.1rem;
        color: #596c73;
}
 
        html.hasFontSmoothing-true .homepage-price-label {
                font-weight: normal;
                font-family: 'OpenSansSemibold', Arial, sans-serif;
        }
 
 
.homepage-price-summary {
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: bold;
}
 
        html.hasFontSmoothing-true .homepage-price-summary {
                font-weight: normal;
                font-family: 'OpenSansBold', Arial, sans-serif;
        }
 
 
/* TQM 07-18-2014: Address an alignment issue where the trending arrow is sometimes missing. */ 
.homepage-hub-price-table td {
    position: relative;
}

.homepage-hub-price-table td span {
    position: absolute; /* So that the trending arrow (wrapped in a span tag) may be positioned independently */
    top: 7px;
}

td.homepage-price-summary {
    padding-right: 55%; /* To align this value with the values in the cells above it */
}
 
 
.system-status-wrapper {
    border: 1px solid #cdccc8;
    border-top: none;
    padding: 15px 15px 5px;
    margin-bottom: 0;
}
 
.system-status-wrapper h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
 
.system-status-icon {
    margin-bottom: -2px;
        margin-left: 3px;
}
 
p.system-status {
        margin-bottom: 10px;
        margin-bottom: 1.0rem;
}
 
.more-real-time-data {
        padding-top: 21px;
        padding-top: 2.1rem;
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/* ================== NEWS ====================== */
 
.panel.homepage-news-panel,
.panel.homepage-calendar-panel {
    min-height: 480px;
    min-height: 48.0rem;
    position: relative;
    padding-bottom: 50px;
}
 
.homepage-more-news-button {
        position: absolute;
        right: 21px;
        bottom: 0;
}
 
 
.keep-reading {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 12px;
        font-size: 1.2rem;
}
 
        html.hasFontSmoothing-true .keep-reading {
                font-weight: normal;
                font-family: 'OpenSansExtrabold', Arial, sans-serif;
        }
 
 
.news-item h2,
.news-item h3 {
        margin-bottom:2px;
}
 
.top-news-feature .keep-reading {
    margin-bottom: 24px;
}
 
.secondary-news-feature h2 {
    margin-top: 30px;
}
 
.news-item p {
        margin-bottom: 13px;
        margin-bottom: 1.3rem;
}
 
        html.hasFontSmoothing-true .news-item h2,
        html.hasFontSmoothing-true .news-item h3 {
                font-weight: normal;
                font-family: 'OpenSansSemibold', Arial, sans-serif;
        }
 
 
.news-posting-date {
        text-transform: uppercase;
        letter-spacing: 0.55px;
        letter-spacing: 0.055rem;
}
 
.top-news-feature h2,
.top-news-feature h3 {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 27px;
        line-height: 2.7rem;
}
 
.top-news-feature p {
        font-size: 18px;
        font-size: 1.8rem;
}
 
.top-news-feature .news-posting-date {
        font-size: 13px;
        font-size: 1.3rem;
}
 
.secondary-news-feature .news-posting-date {
        font-size: 11px;
        font-size: 1.1rem;
}
 
 
 
.row .span-six-columns:first-child .secondary-news-feature {
 
    margin-right: 25px;
 
}
 
.top-news-feature .keep-reading {
        font-size: 12px;
        font-size: 1.2rem;
}
 
.news-item h2 a:hover,
.keep-reading a:hover {
        text-decoration: none;
}

/* TQM 07-21-2014: updates to styles for news panel */

.homepage-news-panel .row:first-child {
    border-bottom: 1px solid #cdccc8;
    padding-bottom: 7px;
}

.homepage-news-panel hr {
    display: none !important;
}
 
 
/* ================== HOME PAGE CALENDAR =================== */
 
.homepage-calendar-panel h3 {
        margin: 0;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 18px;
        line-height: 1.8rem;
}
 
.homepage-calendar-panel h3 a:hover {
        text-decoration: none;
}
 
.homepage-calendar-panel p {
        text-align: right;
        font-size: 11px;
        font-size: 1.1rem;
        margin-top: 0;
        margin-bottom: 0;
        white-space: nowrap;
}
 
.homepage-calendar-panel p a.btn {
        font-size: 11.4px;
        font-size: 1.14rem;
}
 
 
.homepage-calendar-panel p.homepage-full-calendar-button {
        margin-right: 21px;
        margin-right: 2.1rem;
        margin-bottom: 21px;
        margin-bottom: 2.1rem;
}
 
.homepage-calendar-panel tr:first-child td {
        border-top: none;
}
 
.homepage-calendar-panel td {
        border-right: none;
        padding: 20px 20px;
}
 
.homepage-calendar-event-column {
        width: 66%;
}
 
.homepage-calendar-panel td {
        border-bottom: 1px solid #cdccc8;
}
 
.homepage-full-calendar-button {
    position: absolute;
    right: 0;
    bottom: 0;
}
 
 
 
 
 
 
 
 
 
/*
========================================================================
        IMAGES, DECORATION, EXTRA STUFF, LOOKING FOR A HOME, ETCETERA
======================================================================== */
 
img,
object,
embed {
        max-width: 100%;
        height: auto;
        width: 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-bottom-padded {
 
 
}
 
.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/img/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/img/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/img/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/img/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: #fff;
                text-decoration: none;
        }
 
p.help-text-question {
        padding-left: 18px;
        background: transparent url(/static-assets/img/question-mark-14x14.png) no-repeat left 3px
}
 
p.help-text-exclamation {
        padding-left: 18px;
        background: transparent url(/static-assets/img/exclamation-mark-14x14.png) no-repeat left 3px
}
 
.whitebackground {
        background: #fff;
}
 
.nowrap {
        white-space: nowrap;
}
 
 
 
/* ========= HOVER STYLES FOR TABS (MAY BE USED ON TOP-LEVEL PAGES ONLY)
a:hover .blue-tab-wrapper h3 {
        background: #495b65;
}
a:hover .blue-tab-wrapper span.tab-shadow {
        background:      transparent url(/static-assets/img/slate-shadow.png) no-repeat left top;
        text-indent: 100px;
        overflow: hidden;
}
*/
 
 
 
 
 
 
 
 
/*
============================================
  VARIOUS CONTAINER STYLES
============================================ */
 
#banner {
        padding-top: 21px;
        padding-top: 2.1rem;
        background: #fff;
}
 
#mainnavcontainer {
        background: #3e525b;
}
 
#maincontentcontainer {
        background: #fff;
}
 
    /* 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: bold;
}
 
        html.hasFontSmoothing-true #footercontainer li,
        html.hasFontSmoothing-true #footercontainer a,
        html.hasFontSmoothing-true #footercontainer p {
                font-weight: normal;
                font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
        }
 
#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 get 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: #fff;
}
 
.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: 2.0rem;
}
 
.top-level-heading p {
    font-size: 16px;
        font-size: 1.6rem;
}
 
.about-us-heading {
        background: #1e7199 url(/static-assets/img/bg-tile-about-us-1e7199.jpg) repeat-x left top;
}
 
.participate-heading {
        background: #1896d3 url(/static-assets/img/bg-tile-participate-1896d3.jpg) repeat-x left top;
}
 
.committees-heading {
        background: #62c7f1 url(/static-assets/img/bg-tile-committees-62c7f1.jpg) repeat-x left top;
}
 
.system-planning-heading {
        background: #f49f2b url(/static-assets/img/bg-tile-system-planning-f49f2b.jpg) repeat-x left top;
}
 
.markets-heading {
        background: #febc30 url(/static-assets/img/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: bold;
}
 
        html.hasFontSmoothing-true .top-level-page-panel ul li a {
                font-weight: normal;
                font-family: 'OpenSansSemibold', Arial, sans-serif;
        }
 
.top-level-page-panel ul li a:hover {
        color: #fff;
        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: #fff;
        }
 
.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 .slate-tab-wrapper {
    /* margin-top: 42px; 
    margin-top: 4.2rem; */
}
 
.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: 5.0rem;
        height: 30px;
        height: 3.0rem;
        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: #fff;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;
        text-transform: uppercase;
        padding: 8px 10px;
        padding: 0.8rem 1.0rem;
        float: left;
        margin: 0;
        line-height: 1;
}
 
        html.hasFontSmoothing-true .gold-tab-wrapper h2,
        html.hasFontSmoothing-true .gold-tab-wrapper h3 {
                font-weight: normal;
                font-family: 'OpenSansExtrabold', Arial, sans-serif;
        }
 
 
.orange-tab-wrapper h2,
.orange-tab-wrapper h3 {
        background: #f68b21;
        color: #fff;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;
        text-transform: uppercase;
        padding: 8px 10px;
        padding: 0.8rem 1.0rem;
        float: left;
        margin: 0;
        line-height: 1;
}
 
        html.hasFontSmoothing-true .orange-tab-wrapper h2,
        html.hasFontSmoothing-true .orange-tab-wrapper h3 {
                font-weight: normal;
                font-family: 'OpenSansExtrabold', Arial, sans-serif;
        }
 
 
.blue-tab-wrapper h2,
.blue-tab-wrapper h3 {
        background: #1997d4;
        color: #fff;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;
        text-transform: uppercase;
        padding: 8px 10px;
        padding: 0.8rem 1.0rem;
        float: left;
        margin: 0;
        line-height: 1;
}
 
        html.hasFontSmoothing-true .blue-tab-wrapper h2,
        html.hasFontSmoothing-true .blue-tab-wrapper h3 {
                font-weight: normal;
                font-family: 'OpenSansExtrabold', Arial, sans-serif;
        }
 
 
.slate-tab-wrapper h2,
.slate-tab-wrapper h3 {
        background: #495b65;
        color: #fff;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;
        text-transform: uppercase;
        padding: 8px 10px;
        padding: 0.8rem 1.0rem;
        float: left;
        margin: 0;
        line-height: 1;
}
 
        html.hasFontSmoothing-true .slate-tab-wrapper h2,
        html.hasFontSmoothing-true .slate-tab-wrapper h3 {
                font-weight: normal;
                font-family: 'OpenSansExtrabold', Arial, sans-serif;
        }
 
 
 
.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;
}
 
 
 
 
 
 
 
 
/*
============================================
        VARIOUS WIDGETS, GADGETS, AND GIZMOS
============================================ */
 
.results-table a.doc-widget-doc-title {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.3125;
        margin-top: 32px;
        margin-top: 3.15rem;
        margin-bottom: 9px;
        margin-bottom: 1.05rem;
        text-decoration: none;
        font-weight: bold;
        color: #1a97da;
}
 
        html.hasFontSmoothing-true .results-table a.doc-widget-doc-title {
                font-weight: normal;
                font-family: 'OpenSansBold', Arial, sans-serif;
        }
 
 
.results-table a:hover.doc-widget-doc-title {
        text-decoration: underline;
        color: #495b65;
}
 
 
.event-widget-panel {
        border: 1px solid #cdccc8;
        margin-bottom: 42px;
        margin-bottom: 4.2rem;
        padding: 10px;
        padding: 1.0rem;
}
 
.event-widget-panel th {
   padding-top: 3px;
}
 
.event-widget-table th {
        font-size: 25px;
        font-size: 2.5rem;
        font-weight: bold;
        text-transform: inherit;
        color: #3e525b;
}
 
        html.hasFontSmoothing-true .event-widget-table th {
                font-weight: normal;
                font-family: 'OpenSansSemibold', Arial, sans-serif;
        }
 
.event-widget-table th,
.event-widget-table td {
        border-bottom: 1px solid #cdccc8;
        border-right: none;
}
 
.event-widget-location-info {
        display: block;
}
 
.event-widget-location-info a {
        color: inherit;
}
 
.full-calendar-button {
        text-align: right;
        margin-bottom: 0;
}
 
 
 
 
 
 
 
 
 
 
 
/*
========================================================================
        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: 50.0rem;
}
 
 
 
 
 
/*
========================================================================
        STYLES FOR CALENDARS
======================================================================== */
 
.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;
}
 
 
 
 
div.calendar {}
 
a.more-events-link {
        font-weight: bold;
        padding-right: 18px;
        background: url(/static-assets/img/double-right-arrows.png) no-repeat right center;
}
 
        html.hasFontSmoothing-true a.more-events-link {
                font-weight: normal;
                font-family: 'OpenSansBold', Arial, sans-serif;
        }
 
 
td.time-cell p { /* Day and Week views */
        text-transform: uppercase;
        font-weight: bold;
        font-size: 11px;
        font-size: 1.1rem;
}
 
        html.hasFontSmoothing-true td.time-cell p {
                font-weight: normal;
                font-family: 'OpenSansBold', Arial, sans-serif;
        }
 
 
td.cal-day-time-label {} /* used in conjunction with .time-cell */
 
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: bold;
        color: #1a97da;
}
 
        html.hasFontSmoothing-true span.calendar-event-title {
                font-weight: normal;
                font-family: 'OpenSansBold', Arial, sans-serif;
        }
 
 
 
/* =========== DAY =========== */
 
div.calendar-day-view-wrapper {}
 
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;}
table.calendar-day-table td {/*border: none;*/}
 
th.calendar-day-time-column {
        border-top: 1px solid #8caeba !important;
        border-bottom: 1px solid #8caeba !important;
        /*border-right: none; -- this differs from the week view design, which has no borders between the times and the events. */
        width: 20%;
}
 
th.calendar-day-event-column {
        border-top: 1px solid #8caeba !important;
        border-bottom: 1px solid #8caeba !important;
}
 
 
 
/* =========== WEEK =========== */
 
div.calendar-week-view-wrapper {}
 
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;
}
        html.hasFontSmoothing-true td.calendar-week-day-label-cell {
                font-weight: normal;
                font-family: 'OpenSansBold', Arial, sans-serif;
        }
 
 
 
/* =========== MONTH =========== */
 
div.calendar-month-view-wrapper {}
 
.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 {
        /*font-size: 12px;
        font-size: 1.2rem;*/
        color: #6e7881;
        border-top: 1px solid #92a8b5 !important;
}
 
td.calendar-current-day-cell {}
 
td.calendar-prev-next-month-cell {
        background: #ecedef;
}
 
p.calendar-date-label {} /* Days of the month */
 
span.calendar-time-range {
        font-size:11px;
        font-size: 1.1rem;
        font-weight: bold;
}
 
        html.hasFontSmoothing-true span.calendar-time-range {
                font-weight: normal;
                font-family: 'OpenSansBold', Arial, sans-serif;
        }
 
 
span.calendar-week-number {
        font-size: 27px;
        font-weight: normal;
        display: block;
        line-height: 1.0;
}
 
html.hasFontSmoothing-true span.calendar-week-number {
        font-weight: normal;
        font-family: 'OpenSansRegular', Arial, sans-serif;
}
 
 
 
/* =========== 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;
}
 
.morning-report-wrapper {
        max-width: 640px;
        max-width: 64.0rem;
}
 
.morning-report-wrapper td,
.morning-report-wrapper tr {
        padding-top: 5px;
        padding-top: 0.5rem;
        padding-bottom: 5px;
        padding-bottom: 0.5rem;
}
 
.morning-report-wrapper table a:hover {
        text-decoration: none;
}
 
.morning-report-wrapper td,
.morning-report-wrapper th {
        text-align: right;
}
 
.morning-report-wrapper td:first-child,
.morning-report-wrapper th:first-child {
        text-align: left;
}
 
.morning-report-wrapper th.bottom-bordered {
        border-bottom: 1px solid #cdccc8;
 
}
 
.morning-report-wrapper td {
        border-top-color: #cdccc8;
}
 
.psc-table,
.op4-table,
.application-wrapper table {
        border: 1px solid #cdccc8;
}
 
.psc-table th,
.op4-table th,
.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;
    /* height: 210px !important; */
}
 
.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/img/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: #fff;
    background: #1a95d3;
    border: none;
}
 
 
 
  /* Careers */
 
.feature-illustration {
        background: #1a94d3;
}
 
.feature-illustration:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}
 
*:first-child+html .feature-illustration {
        min-height: 1px;
}
 
.feature-illustration h3 {
        color: #fff;
        margin: 0px 30px 15px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5;
}
 
.feature-illustration h4 {
        color: #10486b;
        margin: 0px 30px 30px;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.167;
}
 
    html.hasFontSmoothing-true .feature-illustration h4 {
        font-weight: normal;
        font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
    }
 
/* 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%;
        /*margin-bottom: 21px;
        margin-bottom: 2.1rem;*/
}
 
.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/img/link-list-arrow.png) no-repeat right 50%;
}
 
.block-link-list-item:hover {
        background: url(/static-assets/img/link-list-arrow-hover.png) no-repeat right 50%;
        /*cursor: pointer;*/
}
 
.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: .5rem;
}
 
 
  /* Customer Support */
 
.alt-h2 {
        color: #889fad;
}
 
.iconic-list {
        clear: both;
        margin-top: 31px;
        margin-top: 3.1rem;
        margin-bottom: 31px;
        margin-bottom: 3.1rem;
}
 
.iconic-list-item {
        padding: 10px 25px 10px 110px;
        border-bottom: 1px solid #dadcdb;
}
 
.iconic-list-item-alert {
        background: url(/static-assets/img/speech-bubble-alert.png) no-repeat left 38px;
}
 
.iconic-list-item-question {
        background: url(/static-assets/img/speech-bubble-question.png) no-repeat left 38px;
}
 
.iconic-list-item-mail {
        background: url(/static-assets/img/speech-bubble-mail.png) no-repeat left 38px;
}
 
.iconic-list-item-convo {
        background: url(/static-assets/img/speech-bubble-conversation.png) no-repeat left 38px;
}
 
.iconic-list-item:first-child {
        border-top: 1px solid #dadcdb;
}
 
.iconic-list-item h3 {
        color: #0b98dd;
        clear: left;
}
 
.iconic-list-item p {
        margin-top: 21px;
        margin-top: 2.1rem;
}
 
.notice-pane {
        border: 1px solid #dadcdb;
        padding: 1px 20px 4px;
        margin-top: 31px;
        margin-bottom: 31px;
}
 
.notice-pane h3 {
    margin-top: 12px;
        margin-top: 1.2rem;
    margin-bottom: 12px;
        margin-bottom: 1.2rem;
    padding-bottom: 11px;
        padding-bottom: 1.1rem;
    border-bottom: 1px solid #dadcdb;
    font-size: 16px;
        font-size: 1.6rem;
}
 
.notice-pane p {
    font-size: 14px;
        font-size: 1.4rem;
    margin-bottom: 12px;
        margin-bottom: 1.2rem;
}
 
  /* Board Bios */
 
.introductory-text {
        margin-bottom: 31px;
}
 
.bio-table {
    border-bottom: 1px solid #dbdcde;
}
 
.bio-table h3 {
    color: #88a2af;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.1579;
    margin-bottom: 6px;
    margin-bottom: .6rem;
}
 
.bio-table p {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 31px;
}
 
.bio-table td:first-child p:first-child {
    margin-top: 35px;
    margin-right: 25px;
        min-width: 100px;
}
 
.bio-table td {
    border: none;
    border-top: 1px solid #dbdcde;
    vertical-align: top;
    padding: 0;
}
 
ul.expanded li,
ol.expanded li {
    margin-bottom: 21px;
}
 
 
.holiday-calendar-table td {
 
    border-top: none;
    padding: 0;
    padding-right: 10px;
}
 
.holiday-calendar-table tr:last-child td {
    border-bottom: none;
}
 
.holiday-calendar-table {
        margin-bottom: 0;
        border-bottom: none;
}
 
.holiday-calendar-table h3 {
    /*color: #88a2af;
    font-size: 24px;*/
    line-height: 27px;
    margin-top: 0px;
    margin-bottom: 10px;
}
 
.holiday-calendar-table h4 {
    /*color: #495b64;*/
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
    margin-bottom: 10px;
}
 
.holiday-calendar-table p {
    /*color: #495b64;*/
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
    margin-bottom: 10px;
}
 
.holiday-calendar-table tr:last-child td h4,
.holiday-calendar-table tr:last-child td p {
    margin-bottom: 0;
}
 
/* =========== Apply badges after links to DOCs, PDFs, PPTs, CSVs, etc. in the main content area. =========== */
 
.introductory-text a[href$=".pdf"]:after {
    content:"PDF";
    background: #bbb;
    color: #fff;
    display: inline-block;
    padding: 2px 3px;
    margin: 0.7em 0 0 3px;
    border-radius: 1px;
        font-family: Arial, Helvetica, sans-serif;
    font-size: 0.6em;
    line-height: 1;
        letter-spacing: 0.7px;
        vertical-align: top;
}
 
.introductory-text a[href$=".pdf"]:hover:after {
    background: #eb3430;
}
 
.introductory-text a[href$=".doc"]:after,
.introductory-text a[href$=".docx"]:after,
.introductory-text a[href$=".docm"]:after {
    content:"DOC";
    background: #bbb;
    color: #fff;
    display: inline-block;
    padding: 2px 3px;
    margin: 0.7em 0 0 3px;
    border-radius: 1px;
        font-family: Arial, Helvetica, sans-serif;
    font-size: 0.6em;
    line-height: 1;
        letter-spacing: 0.7px;
        vertical-align: top;
}
 
.introductory-text a[href$=".doc"]:hover:after,
.introductory-text a[href$=".docx"]:hover:after,
.introductory-text a[href$=".docm"]:hover:after {
    background: #2495d1;
}
 
.introductory-text a[href$=".csv"]:after {
    content:"CSV";
    background: #bbb;
    color: #fff;
    display: inline-block;
    padding: 2px 3px;
    margin: 0.7em 0 0 3px;
    border-radius: 1px;
        font-family: Arial, Helvetica, sans-serif;
    font-size: 0.6em;
    line-height: 1;
        letter-spacing: 0.7px;
        vertical-align: top;
}
 
.introductory-text a[href$=".csv"]:hover:after {
    background: #8cc542;
}
 
.introductory-text a[href$=".xls"]:after,
.introductory-text a[href$=".xlsx"]:after,
.introductory-text a[href$=".xlsm"]:after {
    content:"XLS";
    background: #bbb;
    color: #fff;
    display: inline-block;
    padding: 2px 3px;
    margin: 0.7em 0 0 3px;
    border-radius: 1px;
        font-family: Arial, Helvetica, sans-serif;
    font-size: 0.6em;
    line-height: 1;
        letter-spacing: 0.7px;
        vertical-align: top;
}
 
.introductory-text a[href$=".xls"]:hover:after,
.introductory-text a[href$=".xlsx"]:hover:after,
.introductory-text a[href$=".xlsm"]:hover:after {
    background: #8cc542;
}
 
.introductory-text a[href$=".ppt"]:after,
.introductory-text a[href$=".pptx"]:after {
    content:"PPT";
    background: #bbb;
    color: #fff;
    display: inline-block;
    padding: 2px 3px;
    margin: 0.7em 0 0 3px;
    border-radius: 1px;
        font-family: Arial, Helvetica, sans-serif;
    font-size: 0.6em;
    line-height: 1;
        letter-spacing: 0.7px;
        vertical-align: top;
}
 
.introductory-text a[href$=".ppt"]:hover:after,
.introductory-text a[href$=".pptx"]:hover:after {
    background: #f7a42c;
}
 
.introductory-text a[href$=".zip"]:after,
.introductory-text a[href$=".zipx"]:after {
    content:"ZIP";
    background: #bbb;
    color: #fff;
    display: inline-block;
    padding: 2px 3px;
    margin: 0.7em 0 0 3px;
    border-radius: 1px;
        font-family: Arial, Helvetica, sans-serif;
    font-size: 0.6em;
    line-height: 1;
        letter-spacing: 0.7px;
        vertical-align: top;
}
 
 
.introductory-text a[href$=".zip"]:hover:after,
.introductory-text a[href$=".zipx"]:hover:after {
    background: #fec63b;
}

a.no-badge:after, a.no-badge:hover:after {
        content:"" !important;
        background: transparent !important;
        display: inline !important;
        padding: 0 !important;
        margin: 0 !important;
}
 
/* =========== 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;
}
 
html.hasFontSmoothing-true .callout-box h2,
html.hasFontSmoothing-true .callout-box h3,
html.hasFontSmoothing-true .callout-box h4 {
    font-family: OpenSansLight;
	font-style: normal;
} 

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



/* =========== TQM New 12-30-2014 - styles for new Morning Report and 7-Day Forecast archives =========== */

.morning-report-list-wrapper p.months span,
.morning-report-list-wrapper p.years span,
.seven-day-forecast-list-wrapper p.months span,
.seven-day-forecast-list-wrapper p.years span {
	color: #1999D8;
}

.morning-report-list-wrapper p.months span:hover,
.morning-report-list-wrapper p.years span:hover,
.seven-day-forecast-list-wrapper p.months span:hover,
.seven-day-forecast-list-wrapper p.years span:hover {
	color: inherit;
}

.morning-report-list-wrapper p.months span.selected,
.morning-report-list-wrapper p.years span.selected,
.seven-day-forecast-list-wrapper p.months span.selected,
.seven-day-forecast-list-wrapper p.years span.selected {
	color: #3E525B;
}

.morning-report-list-wrapper p.months span.selected:hover,
.morning-report-list-wrapper p.years span.selected:hover,
.seven-day-forecast-list-wrapper p.months span.selected:hover,
.seven-day-forecast-list-wrapper p.years span.selected:hover {
	color: #3E525B;
	cursor: inherit;
}

/* TQM Added 2015-01-06, to correct alignment in 7-Day Forecast tables. */

.seven-day-forecast-wrapper td.seven-day-data-column {
	width: 50px;
	text-align: right;
}


 
 
/*
========================================================================
        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. */
 
        /* body { border-top: 2px solid gold; } DEBUGGING ONLY */
}
 
 
 
 
@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;}
       
        /* body { border-top: 2px solid red; } DEBUGGING ONLY */
}
 
 
@media screen and (max-width: 841px) { /* TEXT WRAPS IN MAIN NAV */
       
        /* body { border-top: 2px solid #3e525b; } DEBUGGING ONLY */
}
 
 
 
/*
In all likelihood, we would probably hide the nested-list-based navigation
on smartphones, and instead serve a menu
that uses the OS's native option selector. Or something else that hasn't
been dreamt up yet. */
 
@media screen and (max-width: 650px) { /* Smaller than many tablets. (Large smartphones, for example.) */
        /*html { font-size: 6px; }  scale down all the rem-based text proportionally. */
        /*.nav li:hover ul { top: -999px; }*/
}

@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: bold;
        font-size: 12px;
        font-size: 1.2rem;
        line-height:1.0;
        text-transform: uppercase;
        letter-spacing: 1px;
        letter-spacing: 0.1rem;
}
 
html.hasFontSmoothing-true .nav {
        font-weight: normal;
        font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
}
 
 
#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: #fff;
        color: #9da5a9;
        display: block;
        padding: 10px 0px 10px 15px;
        padding: 1.0rem 0 1.0rem 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 {
        /*background: #f5f2eb;*/
        color: #3e525b;
}
 
/*
########################################################################
        SIGN-IN popup/dropdown
######################################################################## */
 
html.hasFontSmoothing-true #_hdr_login_form {
        font-weight: normal;
        font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
        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;
       
        /*
        border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    */
}
#_hdr_login_form INPUT.aui-field-input-text {
        /*background-color: transparent;*/
        /*border: 1px solid #999; */
        /*border: 1px solid rgba(204, 204, 204, 0.8);*/
        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: #FFF;
}
#_hdr_login_form INPUT.aui-button-input-submit {
        border: 1px solid transparent;
        font-weight: normal;
        color: #FFF;
        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: #FFF;
}
.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
######################################################################## */
 
html.hasFontSmoothing-true #welcome-user > menu {
        font-weight: normal;
        font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
}
 
#welcome-user > a {
        display: inline-block;
        zoom: 1;
        *display: inline;
        text-transform: none;
}
 
/*.nav > li#welcome-user  {
        background-image: url("../images/sprite.png");
        background-position: -1px -84px;
        background-repeat: no-repeat;
}*/
 
#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.0;
  width: 9px;
  height: 9px;
  background: url(/static-assets/img/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: #FFF;
}
 
#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;
    box-shadow: 0px 0px 0px transparent;
        -moz-box-shadow: 0px 0px 0px transparent;
        -webkit-box-shadow: 0px 0px 0px transparent;
        -o-box-shadow: 0px 0px 0px transparent;
}
 
 
 
.modify-pages .delete-tab {
        color: #f7ba2f;
        background-color: #2a3e47;
        background-image: url(../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;
}
 
/*Created by rivet logic team to not overlap with crafter upload styles*/
div.contentTypePopupContent td {
        border-top: medium none;
        border-right: medium none;
        /*text-align: left;*/
        padding: 0;
        font-size: 12px;
}
 
div.contentTypePopupContent input{
    background: none;
    border: medium none;
    font-size: 12px;
}
 
div.contentTypePopupContent table{
    background: none;
    border: medium none;
    font-size: 12px;
}
 
/*Rivet Logic Team Changes in the styles:
        Styles for leaf page, third column, no filters document widget
*/
 
#leaf-page-document-widget .document-widget-container {
        margin: 0 auto;
        max-width: 1280px;
        /* We are removing the rem-based switch here; we always want the max-width set in pixels. */
}
 
#leaf-page-document-widget .document-widget-row:after,
#leaf-page-document-widget .document-widget-container:after{
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}
 
 
*:first-child+html #leaf-page-document-widget .document-widget-container,
*:first-child+html #leaf-page-document-widget .document-widget-row{
        min-height: 1px;
}
 
/* Give the main content area a little breathing room, before the footer. */
#maincontentcontainer #leaf-page-document-widget .document-widget-container {
        margin-bottom: 21px;
}
 
#leaf-page-document-widget .document-widget-row {
        padding: 0 4%;
}
 
#leaf-page-document-widget .document-widget-span-twelve-columns {
        width: 98.0%;
        padding: 0 1%;
        float: left;
}
 
.relevance-sort-wrapper {
        display: inline-block;
        /*
        margin-top: 42px;
        margin-top: 4.2rem;
        */
        margin-bottom: -4px;
        margin-bottom: -0.4rem;
        float: right;
}
 
.relevance-sort-wrapper span {
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;
        text-transform: uppercase;
        padding: 8px 10px;
        padding: 0.8rem 1.0rem;
        float: left;
        margin: 0;
        line-height: 1;
}
 
.relevance-sort-wrapper span.sorted {
        color: #2491cc;
}
 
.relevance-sort-wrapper span.sortable {
        color: #92a8b5;
        cursor: pointer;
}
 
html.hasFontSmoothing-true .relevance-sort-wrapper span{
        font-weight: normal;
        font-family: 'OpenSansExtrabold', Arial, sans-serif;
}

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

/**
* Styles for DL Widget facet sorting
**/

.filter-toggler-box {
    float: right;
    margin-right: 20px;
}
.filter-toggle {
    float: right;
    padding: 1px 4px 1px;
    margin: 0 2px 0 2px;
    font-size: 10px;
    font-family: 'OpenSansRegular', Arial, sans-serif;
    text-transform: none;
    border-radius: 2px;
    background: #fff;
    color: #999;
    border: 1px solid #d2d2d2;
}
.filter-toggle:hover {
    background: #1795d2;
    color: #fff;
    border: 1px solid #1795d2;
    cursor: pointer;
}
.active-filter-toggle, .active-filter-toggle:hover {
    background: #a8abb4;
    color: #fff;
    border: 1px solid #a8abb4;
}
.active-filter-toggle:hover {
    cursor: inherit;
}