@charset"UTF-8";

/* CONTENT_RD

FOR CODE CUSTOMIZATIONS ONLY */

/*****************************************
      Font Styles Section
 *****************************************/

html { font-size: 16px; }

/* This sets EMs to base 10 Example: 16px = 1.6em, 22px = 2.2em */
body { font-size: 62.5%; }

h1, h2, h3, h4, h5, h6 {
    color: #333;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    margin: 0 2% 0.75em;
}

h4, h5, h6 { margin-bottom: 0.3em; }

h1 {
    font-size: 2.4em;
    margin-top: 2.6%;
}

h2 { font-size: 2.1em; }

h3 { font-size: 1.9em; }

h4 { font-size: 1.7em; }

h5 { font-size: 1.5em; }

h6 { font-size: 1.3em; }

p, form p, ul, ol { font-size: 1.2em; }

li, input, object, select, label, td, th {
    margin: 0 0 1em;
    padding: 0;
}

p {
    margin: 0 2% 1em;
    padding: 0;
}

p + ul { margin-top: -0.8em !important; }
body[class^="locator_"] .modal-dialog p + ul { margin-top: unset !important; }

ul, ol {
    margin: 0 2% 1em 5%;
    padding: 0;
}

@media (max-width: 480px) {

    ul, ol { margin-left: 7%; }

}

ul ul, ul ol, ol ul, ol ol {
  font-size: inherit;
    margin-left: 2.5em;
}

ul p, ol p { font-size: inherit; }

li { margin: 0 0 0.25em; }

a, a:link {
    color: #003663;
    font-weight: bold;
    text-decoration: none;
}

a:hover { text-decoration: underline; }

a:active { text-decoration: none !important; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: normal !important; }

/*****************************************
              HTML5 Support
 *****************************************/
/* 780px */
 #stayConnected ul li.share { margin: 0; }

div#content_container {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

#nav_column1 { background-image: none; }

#tab_separator { display: none; }

#navbar-center li.nav_drop_first { border-top: none; }

div#nav_column1, div#navbar-center, div#navbar-center ul, div#navbar-center li, div#eclkc_feedback { float: left; }

#navbar-center ul { width: 100%; }

/**
* Rhinoslider 1.05
* http: //rhinoslider.com/
*
* Copyright 2013: Sebastian Pontow, Rene Maas (http: //renemaas.de/)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http: //rhinoslider.com/license/
*/

#banner {
    border-bottom: 1px solid #ddd;
    margin-bottom:40px;
    visibility: hidden;
}

ul.nojs_banner { visibility: visible; }

#slider { margin: 0 !important; }

#slider li { list-style: none; }

noscript img {
    display: block;
    margin: 0 auto 8px;
}

#rhino_control_wrap {
    position: absolute;
    bottom: -30px;
    width: 58px;
    height: 20px;
    margin-left: 46%;
}

.rhino-btn {
    display:block;
    background:url(/hslc/global_rd/images/rhino/rhinoslider-sprite.png) 0 0 no-repeat;
    width:20px;
    height:20px;
    text-indent:-999%;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    z-index:10;
}

.rhino-prev, .rhino-next { top:0; }

.rhino-prev {
    left:0;
    background-position:-179px -19px;
}

.rhino-prev:hover { background-position:-181px -72px; }

.rhino-prev:active { background-position:-179px -19px !important; }

.rhino-next {
    left:40px;
    background-position:-129px -19px;
}

.rhino-next:hover { background-position:-127px -72px; }

.rhino-next:active { background-position:-129px -19px !important; }

.rhino-toggle {
    bottom:0;
    left:20px;
}

.rhino-play { background-position:-11px -15px; }

.rhino-pause { background-position:-68px -15px; }

.rhino-bullets, .rhino-bullets li a.rhino-bullet { background:none; }

.rhino-caption {
    display:none;
    position:absolute;
    top:0;
    left:0;
    right:0;
    background:#000;
    color:#fff;
    text-align:right;
    padding:10px;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
}

.rhino-bullets {
    position:absolute;
    bottom:-28px;
    right:6px;
    background:#fff;
    margin:0 0 0 -50px;
    padding:0;
    z-index:10;
}

.rhino-bullets:before, .rhino-bullets:after {
    display:block;
    position:absolute;
    left:-16px;
    content:' ';
    width:16px;
    height:26px;
}

.rhino-bullets:after {
    left:auto;
    right:-16px;
    background-position:-240px 0;
}

.rhino-bullets li {
    display:inline !important;
    float:left !important;
    margin:0 2px !important;
}

.rhino-bullets li a.rhino-bullet {
    display:block;
    background:white;
    color:#333;
    cursor:pointer;
    font:10px/1 Verdana, Tahoma, arial, sans-serif !important;
    text-align:center;
    text-decoration:none;
    width:15px;
    padding:2px 0 3px;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
}

.rhino-bullets li a.rhino-bullet:over, .rhino-bullets li a.rhino-bullet:focus {
    color:#999;
    background:#eee;
}

.rhino-bullets li a.rhino-bullet.rhino-active-bullet {
    color:#fff;
    background:#94B8DB;
}

/* RESPONSIVE STYLES */
@media (max-width: 767px) {

    #rhino_control_wrap { display: none; }

    a.rhino-btn {
        background: none;
        height: auto;
        text-decoration: none !important;
    }

    .rhino-prev, .rhino-next { width: 1em; }

    .rhino-next {
        left: auto !important;
        right: 0 !important;
    }

    .rhino-prev.rhino-btn:before { content: "\e132"; }

    .rhino-next.rhino-btn:before { content: "\e131"; }

    ol.rhino-bullets { right: 41%; }

    .rhino-bullets li { margin: 0 !important; }

    .rhino-bullets li:first-child a { border-radius: 4px 0 0 4px; }

    .rhino-bullets li:last-child a { border-radius:  0 4px 4px 0; }

    .rhino-bullets li a.rhino-bullet {
        border: 1px solid #ddd;
        margin-left: -1px;
    }

    .rhino-prev.rhino-btn, .rhino-next.rhino-btn {
        font-family: 'Glyphicons Halflings';
        font-size: 3.5em;
        margin: -18% 2px 0;
        text-indent: 0;
        color: #fff;
        opacity: .7;
    }

}


@media (max-width: 480px) {

    ol.rhino-bullets { right: 40%; }

}


@media (max-width: 400px) {

    ol.rhino-bullets { right: 38%; }

}

/*****************************************
          Bootstrap Overrides
 *****************************************/
.sr-only-focusable:active, .sr-only-focusable:focus {
    position: absolute;
    background-color: #264667;
    color: #fff !important;
    font-size: 1.5em;
    text-align: center;
    width: 100%;
    max-width: 1024px;
    outline-style: none;
    z-index: 100;
}

a[href="#top"] span.glyphicon-chevron-up {
    font-size: 80%;
    margin-right: 3px;
    vertical-align: text-top;
}

.popover.right { margin-left: 25px; }

@media (max-width: 768px) {

    .popover {
        left: initial !important;
        right: initial !important;
        margin: 1.25em 10% 0 !important;
        width: 80% !important;
        max-width: none !important;
    }

    .popover.bottom > .arrow { left: 30px !important; }

}


textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 2px rgba(82, 168, 236, 0.6); }

.tab-content > .tab-pane {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 2em;
}

/*  Bootstrap modal overrides */
.close {
    float: none;
    position: relative;
    top: -8px;
    left: 98.4%;
}

.modal-footer {
    padding: 10px 15px 15px;
    text-align: left;
}

/* Bootstrap tabs overrides */

nav a, .nav a, .navbar a {
    outline: none !important;
    outline-style: none !important;
}

.nav abbr[title], .nav abbr[data-original-title] { border-bottom: none; }

.nav, .nav-tabs, .nav-pills, .nav-bar, .nav-justified { margin: 0; }

.nav-justified.gradient > li {
    -webkit-box-shadow: none;
    box-shadow: none;
    vertical-align: middle;
}

.nav-tabs, .nav-tabs > li > a, .nav-tabs.nav-justified > li > a { border-bottom: none; }

.nav-justified.gradient > li:hover, .nav-justified.gradient > li:focus, .nav-justified.gradient > li:active {
    background-color: #ddd;
    box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
}

.nav-justified.gradient > li:active { text-decoration: none !important; }

.nav-justified.gradient > li > a, .nav-justified.gradient > li > a:link, .nav-justified.gradient > li > a:visited {
    color: #fff;
    font-weight: normal;
    padding: 7px 15px;
}

.nav-justified.gradient > li > a:hover, .nav-justified.gradient > li > a:focus, .nav-justified.gradient > li:hover > a, .nav-justified.gradient > li:focus > a { color: #333; }

.nav-justified.gradient > li > a:hover, .nav-justified.gradient > li > a:focus { background: none; }



@media  (min-width: 768px) {

}

.nav-justified.gradient > li#tab0 > a > span.home_text {
    display: inline-block;
    text-indent: -9999em;
}

.glyphicon.glyphicon-home { font-size: 1.5em; }

.glyphicon-new-window {
    font-size: 0.9em;
    margin: 0 2px 0 3px;
}

.center-block.video { width: 480px; }

@media (min-width: 481px) {
  .nav-justified.gradient > li#tab0 { width: 0.2%; }
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }

  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
 @media (max-width: 480px) {

    .nav-justified.gradient > li { margin: 0; }

    .nav-justified.gradient > li#tab0 { width: 100%; }

    .nav-justified.gradient > li > a {
        border-bottom: 1px solid #ddd;
        padding: 10px 15px;
        margin-bottom: 0;
    }

}

/* New Bootstrap 508 compliant colors - white text */
a.btn-primary, a.btn-success, a.btn-info, a.btn-warning, a.btn-danger {
    color: #fff;
    font-weight: normal !important;
}

.btn-primary {
    background-color: #2E6CA2;
    border-color: #357EBD;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: #356792;
    border-color: #357EBD;
}

.btn-success {
    background-color: #1C872B;
    border-color: #818181;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    background-color: #347834;
    border-color: #398439;
}

.btn-info {
    background-color: #207F9C;
    border-color: #006D8F;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    background-color: #0B6A87;
    border-color: #269ABC;
}

.btn-warning {
    background-color: #CF4A09;
    border-color: #A13907;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
    background-color: #BD4204;
    border-color: #8A2201;
}

.btn-danger {
    background-color: #BA0A05;
    border-color: #9D4444;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
    background-color: #9B0904;
    border-color: #8A3131;
}

/* New Bootstrap 508 compliant colors - black text */
 .btn-default.black { color: #000000; }

.btn-default.black:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #000000; }

.btn-primary.black {
    background-color: #75AAD8;
    border-color: #357EBD;
    color: #000000;
}

.btn-primary.black:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: #8DB8DF;
    border-color: #5A90C0;
    color: #000000;
}

.btn-success.black {
    background-color: #26BB3A;
    border-color: #2F912F;
    color: #000000;
}

.btn-success.black:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    background-color: #2cd443;
    border-color: #4A9C4A;
    color: #000000;
}

.btn-info.black {
    background-color: #5BC0DE;
    border-color: #2193B5;
    color: #000000;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    background-color: #6FD4F2;
    border-color: #269ABC;
    color: #000000;
}

.btn-warning.black {
    background-color: #F0AD4E;
    border-color: #CF8019;
    color: #000000;
}

.btn-warning.black:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
    background-color: #F2B96A;
    border-color: #B2792A;
    color: #000000;
}

.btn-danger.black {
    background-color: #F50E06;
    border-color: #9E0000;
    color: #000000;
}

/* Cleverex's custom code for buttons */
 .btn-warning.black { font-weight:normal }

.btn-warning.black:hover { font-weight:normal }

.btn-warning.black:visited { font-weight:normal }

.btn-warning.black:link { font-weight:normal }

blockquote {
    border-left: none;
    font-size: 1.2em;
    margin: 0 2% 1em;
    padding: 0.5em 2em;
}

blockquote *:last-child{
  margin-bottom: 0;
}

button[data-toggle="popover"] {
    background: url(/hslc/global_rd/images/popover.jpg) repeat-x center bottom transparent;
    border-bottom: 1px solid #333;
    color: #333333;
    font: 12px/1.75em Verdana, Tahoma, arial, sans-serif;
    outline-style: none;
    height: 1.6em;
    padding: 0;
    vertical-align: baseline;
}

/*Bootstrap Panel Overrides*/
.panel-body > p { margin: 0 0 1em; }

/*****************************************
       Rhinoslider Overrides
 *****************************************/


#_homepage #banner {
    float: left;
    width: 66.4063% !important;
    visibility: hidden;
}

li.rhino-active { position: relative !important; }

div#banner, div.rhino-container, #slider, div.rhino-container ul#slider li, div.rhino-container img {
    width: 100% !important;
    height: auto !important;
}

/*****************************************
          jQuery UI Overrides
 *****************************************/

/* overide accordion margins and font-size */
.ui-helper-reset { line-height: 1.5; }
.ui-widget { margin: 0.2em 2% 1.8em; font-size: 1em; }
.ui-accordion .ui-accordion-header { font-size: 1.4em; }
.ui-accordion .ui-accordion-content { padding: 0 !important; }
.ui-accordion .ui-accordion-content p { margin-left: 15px; margin-right: 15px; }
.ui-accordion .ui-accordion-content > *:first-child { margin-top: 12px !important; }
#secondaccordion > .ui-accordion.ui-widget.ui-helper-reset { margin: 0 3% 0.5em; width: 94%; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #ccc; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #aaa; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: #333333; }

.ui-widget-content a:link, .ui-widget-content a:hover { color: #003663; }

.ui-widget-content a:visited { color: #3072A0; }

/* overide accordion background color */
.ui-widget-content { background-color: #fff; }

/* hide gray background image on accordions - note: didn't include ".ui-icon,.ui-widget-content .ui-icon" here because it's overridden below */
.ui-widget-content, .ui-widget-header, .ui-state-default, .ui-state-hover, .ui-state-active, .ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited, .ui-state-focus, .ui-state-highlight, .ui-state-error,.ui-state-error-text, .ui-widget-overlay, .ui-widget-shadow {background-image: none;}

/* overide header font weight */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { font-weight: normal; }

/* overide grey default arrows */
.ui-state-default .ui-icon { background-image: url(/hslc/global_rd/images/jquery-ui/ui-icons_454545_256x240.png); }

.ui-widget { font-family: Verdana,Tahoma,arial,sans-serif }

/**** *************************************
         Miscellaneous Overrides
 *****************************************/
/*override FF browser ver 40.x and above abbr spec*/
abbr[title], acronym[title] {
    text-decoration: none;
}

/* override abreviation links in tabbed navigation */
ul#tabs li a > abbr, .nav li a > abbr {
    border-bottom: none !important;
    cursor: default !important;
}

@media (max-width: 768px) {

    body#_homepage #banner {
        float: none;
        width: 100% !important;
        visibility: hidden;
    }

}

@media (max-width: 600px) {

    footer[role="contentinfo"] .nav-justified.gradient > li { width: 100%; }

}

@media (max-width: 480px) {

    /*
    .nav-justified.gradient, h1.header_image {
        width: 100%;
    }
    */

    h1.header_image {
        position: inherit;
        background-image: none;
        height: auto;
        margin-top: 15px;
        text-indent: 0;
    }

}


@media (max-width: 768px) {

    #nav_column { display: none; }

}

/*make the spanish pages have no top nav bar links, just an empty blue line*/
body.spanish .nav.nav-tabs.nav-justified.sf-menu.gradient.clearfix.sf-js-enabled.sf-arrows {
  display: none;
}
body.spanish #mega-menu::after {
  content: " ";
  display: block;
  width: 100%;
  height: 34px;
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgb(26, 84, 140) 0%, rgb(5, 40, 89) 100%) repeat scroll 0 0;
  color: rgb(255, 0, 0);
}

/*************************************************
            Custom Helper Classes
 *************************************************/

.no_left { margin-left: 0 !important; }

.no_right { margin-right: 0 !important; }

.no_top { margin-top: 0 !important; }

.no_bottom { margin-bottom: 0 !important; }

.no_border_top { border-top: none !important; }

.no_border_bottom { border-bottom: none !important; }

.no_border_left { border-left: none !important; }

.no_border_right { border-right: none !important; }

.pointer {cursor: pointer;}