@charset "utf-8";
#wrapper { background: #FFF; border: 1px solid #333; border-width: 0 1px; margin: 0px auto;}

/* ================ @ HEADER ================ */
#redbanner, #grayline { margin-bottom: 0; }
#redbanner ul,
#grayline ul,
#whitebanner ul { list-style-type: none; }

#redbanner li,
#grayline li,
#whitebanner li { float: left; }

#redbanner a,
#grayline a,
#whitebanner a { text-decoration: none; }

#redbanner a:visited,
#grayline a:visited,
#whitebanner a:visited { color: inherit; }

/*-----\\\\\ RED HEADER /////-----*/
#redbanner { background: #A70B0B url("/images/redbannerbg.png") repeat-x left bottom; width: 100%;
margin-left: 0px;}
#redbanner .row, #redbanner .row-fluid { margin-bottom: 0; }
#search { float: right; margin: 10px 15px 0 0; }
#linkstop { float: right; margin: 10px 15px 10px 0; color: #FFF; }
#linkstop li { margin: 0 3px 0 0; }
#linkstop a { font-weight: bold; color: #FFF; }

.form-search .input-append .search-query,
.form-search .input-append .btn { border-radius: 0; }

/*----- GRAYBAR -----*/
#grayline { height: 65px; }
#grayline {
    height: 45px;
    background: #D7D7D7;
}
#grayline ul { float: right; margin-top: 3px; }
#grayline li { padding: 0 0 0 10px; white-space: nowrap; height: 20px; }
#grayline ul li.textPlusLink { padding: 0 }
#grayline ul img {
    margin: 0 3px 0 0;
    vertical-align: top;
}

#grayleft a { margin-top: 4px; display: block; font-size: 130%; font-weight: bold; color: #333; }

#grayInterior { 
    margin: 7px 5px 5px 5px; 
    padding: 5px 5px 0 5px; 
    height: 27px;
    background: #FFF; 
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/*----- WHITEBANNER -----*/
#whitebanner { /*margin-bottom: -18px;*/ position: relative; border-bottom: 3px solid #900; }
#whitebanner .row-fluid { margin-bottom: 0; }
#whitebanner .row-fluid [class*="span"] { min-height: 0; }
#oshaTitle {
    margin: 0 0 0 15px;
    padding: 0;
    color: #333;
    font-size: 20px;
}
    #oshaTitle span {
        padding: 0 0 0 35px;
        color: #900;
    }
#linksWhatsNew { float: right; padding: 10px 20px 0 0; }
#linksWhatsNew a { font-weight: bold; color: #333; }
#linksWhatsNew a:hover { color: #000; }
#whiteBnrLogo { float: right; margin-right: 15px; }

/*----- MAIN TAB STYLES -----*/
#linksMainTabs {
    margin: 0 0 0 10px;
    padding: 0;
    left: 10px;
    list-style-type: none;
}
    #linksMainTabs li {
        float: left;
        margin: 0;
    }
    #linksMainTabs a {
        margin: 0 5px 0 0;
        padding: 5px 7px 4px 7px;
        display: block;
        color: #000;
        background: #DFDFDF;
        border: 1px solid #C6C6C6;
        border-width: 1px 1px 0 1px;
        border-radius: 3px 3px 0 0;
        - moz-border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
    }
    #linksMainTabs a:hover {
        text-decoration: none;
        background: #AAA;
    }

/* ================ @ Footer ================ */
/*-----\\\\\ RED FOOTER /////-----*/
#redfooter {
    height: auto;
    overflow: hidden;
    clear: both;
    text-align: center;
    color: #FFF;
    background: #900;
}
    #redfooter ul {
        margin: 10px auto;
        width: 95%;
        text-align: center;
        list-style-type: none;
    }
        #redfooter ul li { display: inline }
    #redfooter a {
        padding: 0 3px;
        text-decoration: none;
        color: #FFF;
    }
/*-----\\\\\ GRAY FOOTER /////-----*/
#dolinfofooter {
    padding: 5px 0 15px 0;
    font-size: 85%;
    text-align: center;
    background: #A5A5A5;
}

/*-----\\\\\ SEARCH AUTOCOMPLETE /////-----*/
#usasearch_sayt .ui-menu a { color: #900; }


/* ================ END Footer ================ */

/*=============== Responsive Header ===============*/
@media (min-width: 768px) and (max-width: 979px) {
#redbanner_phone { height: auto; background: #A70B0B url("/images/redbannerbg.png") repeat-x left bottom; width: 100%;
margin-left: 0px;}
#redbanner_phone a { text-decoration: none; }
#linksMainTabs { margin-left: 5px; }
#linksMainTabs li a { margin: 0 5px 0 0; padding: 4px 5px 3px 5px; font-size: 11px; }
#bannerTop h1 { margin-top: 10px; }
.whiteBnrLogo { display: none; }
}

@media (max-width: 768px) {
#redbanner_phone { height: auto; text-align: center; background: #A70B0B url("/images/redbannerbg.png") repeat-x left bottom; width: 100%;
margin-left: 0px;}
#redbanner_phone a { text-decoration: none; }
#linkstop, #search { float: none; }
#linkstop { margin: 0 auto; width: 55%; }
#linkstop li { margin: 0; font-size: 11px; }
#linksMainTabs { margin-left: 5px; }
#linksMainTabs li a { margin: 0 5px 0 0; padding: 4px 5px 3px 5px; font-size: 11px; }
#whiteBnrLogo { margin-right: 5px; }
#linksWhatsNew { margin-right: 5px; }
/*---NAVBAR STYLES ---*/
#whitebanner { height: auto; }
#mainTabsNav.navbar { position: absolute; top: 0; z-index: 100; }
#mainTabsNav.navbar .navbar-inner { background: #CCC; box-shadow: 0 0 0 rgba(0, 0, 0, 0); border-radius: 0 0 0 0; }
#whitebanner #mainTabsNav a { color: #333; }
#toggleClpsdMenu { float: right; margin: 3px -10px 3px 0; }
.navbar .nav > li > a:hover,
.navbar .dropdown-menu a:hover { background-color: #AAA; }
#oshaTitle { margin-top: 50px; font-size: 110%; }
#linksWhatsNew { font-size: 85%; }

#bannerTop h1 {top: 5px;}
}

@media (max-width: 480px) {
#wrapper { width: 100%; }
#redbanner_phone { height: auto; background: #A70B0B url("/images/redbannerbg.png") repeat-x left bottom; width: 100%;
margin-left: 0px;}
#redbanner_phone a { text-decoration: none; }
#redbanner_phone h1 { text-align: center; }
#redbanner_phone h1 img { margin: 0 auto; }
#search { float: none; text-align: center; }
#search #query-field { width: 60%; }
#search .searchbutton { margin: 0 0 8px 0; }
#linkstop { width: 70%; }
#grayline img { display: none; }
#oshaTitle { font-size: 100%; line-height: 1.1em;}
#linksWhatsNew { margin: 0 auto; width: 90%; }
#linksMainTabs { display: none; }
#bannerTop h1 { font-size: 110%; }
.row, h1, h2, h3, h4, h5, h6, .navbar {  }
#newsReleaseTitle .title { font-size: 100%; }
#newsReleaseTitle h2 { font-size: 90%; width: 45%; }
/*---NAVBAR STYLES ---*/
#whitebanner { height: auto; text-align: center; }
#mainTabsNav.navbar { position: absolute; top: 0; z-index: 100; }
#mainTabsNav.navbar .navbar-inner { background: #CCC; box-shadow: 0 0 0 rgba(0, 0, 0, 0); border-radius: 0 0 0 0; }
#whitebanner #mainTabsNav a { color: #333; }
#toggleClpsdMenu { float: right; margin: 3px -10px 3px 0; }
.navbar .nav > li > a:hover,
.navbar .dropdown-menu a:hover { background-color: #AAA; }
.nr_list li { padding: 4px 0; }
#oshaTitle { margin-top: 50px; }
}

@media (max-width: 320px) {
#whitebanner { height: auto; }
#linkstop { width: 98%; }
.row, .row-fluid, h1, h2, h3, h4, h5, h6, .navbar {  }
#newsReleaseTitle .title { margin-bottom: 2px; font-size: 100%; }
#newsReleaseTitle h2 { font-size: 50%; width: 45%; }
}


/* OSHA HOMEPAGE CUSTOMIZED CSS Document */


/** DOL **/
h1.header-logo-type {
color: white !important;
font-size: 24px;
line-height: 28px;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, sans-serif;
font-weight: normal;
text-rendering: optimizeLegibility;
margin-top: 0.6rem;
margin-bottom: 0.5rem;
line-height: 1.4;
padding-bottom: 6px;
font-weight: 300;
}

h2.logo-type {
color: white !important;
font-size: 24px;
line-height: 28px;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, sans-serif;text-rendering: optimizeLegibility;
margin-bottom: 0.5rem;
line-height: 1.4;
padding-bottom: 6px;
}

#redbanner h2, #redbanner h3, #redbanner h4, #redbanner h5, #redbanner h6 {
font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, sans-serif;font-weight: 300;
font-style: normal;
color: #222222;
text-rendering: optimizeLegibility;
margin-top: 0.2rem;
margin-bottom: 0.5rem;
line-height: 1.4;
padding-bottom: 6px;
font-weight: normal;
}

.brand {
background: url('http://www.dol.gov/homepage/img/logo.png') no-repeat;
cursor: pointer;
float: left;
height: 70px;
text-indent: -9999em;
width: 70px;
margin: -5px 5px 5px 5px;
}

.brand_white {
background: url('http://www.dol.gov/homepage/img/dol-logo-white.png') no-repeat;
cursor: pointer;
float: left;
height: 70px;
width: 70px;
margin: -5px 5px 0px 10px;
}

#header-logo-type h2{
color: white !important;
font-size: 26px;
line-height: 28px;
font-weight: bold;
margin-top: 10px;
}

#footer-logo-type h3 {
color: white !important;
font-size: 20px;
line-height: 22px;
margin-top: 15px;
}

#header-social_media {color: #fff;}

.social_media .fa a{color:#fff;}
.social_media .fa a:hover{color:#000;}
.social_media .fa a:visited{color:#fff;}
.social_media .icon-external {display: none;}

.banner-links a {color:#fff; text-decoration:none;}
.banner-links a:hover {color:#fff; text-decoration:underline;}
.banner-links a:visited {color:#fff; text-decoration:none;}

#footer-one {background-color: #ae3f3c !important; color: #fff; padding: 10px; margin: 0px 0px 0px 0px; height:75px;}

#footer-two {background-color: #990000; color: #fff; padding: 10px; margin: 0px 0px 0px 0px;}

#footer a{color:#fff; text-decoration:none;}
#footer a:hover {color:#fff; text-decoration:underline;}
#footer a:visited {color:#fff;}

/**OSHA Homepage **/

#wrapper {background: #FFF; border: 1px solid #fff; border-width:0px;}

#whitebanner {position: relative; background-color: #fff; }

#nav-homepage-header .navbar {margin-bottom: 0px;}
#nav-homepage-header .navbar > .nav {position: relative; left: 0; display: block; float: left; margin: 0 5px 0 0;}
#nav-homepage-header .navbar-gray > .navbar-inner {
min-height: 40px;
padding-left: 4px;
padding-right: 8px;
background-color: #e4e4e4;
background-image: -moz-linear-gradient(top, #f2f2f2, #e4e4e4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
background-image: -webkit-linear-gradient(top, #f2f2f2, #e4e4e4);
background-image: -o-linear-gradient(top, #f2f2f2, #e4e4e4);
background-image: linear-gradient(to bottom, #f2f2f2, #e4e4e4);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#e4e4e4', GradientType=0);
border: 1px solid #e4e4e4;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

#nav-homepage-header .navbar-gray .nav > li > a {
float: none;
padding: 10px 8px 10px;
color: #000;
text-decoration: none;
text-shadow: 0 1px 0 #ffffff;
font-size: 15px;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, sans-serif;
}

#nav-homepage-header .navbar-gray .nav > li > a:hover {
text-decoration: underline;
}

#header-bottom.row-fluid > .span12 {height: 5px; min-height:10px; margin:0px;}

.nav-mobile {
margin-top: 5px;

margin-left: 0;
margin-bottom: 20px;
list-style: none;
}

.nav-collapse .nav-mobile > li > a {
color: #000;
text-decoration:none;
}

.nav-collapse .nav-mobile > li > a:hover {
text-decoration:underline;
}

.h4-homepage {border-bottom: solid 1px #7c858e;}
.btn-homelinks {font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, sans-serif;}
#share_hr {display:none;}