@charset "utf-8";
/* OSHA HOMEPAGE CUSTOMIZED CSS Document */


/** DOL **/
h1.header-logo-type {
color: white !important;
font-size: 24px;
line-height: 28px;
font-family: inherit;
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: inherit;
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: inherit;
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('https://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('https://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 **/
body {background: #f5f5f5; 
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:14px;
font-weight:normal;
font-style:normal;
}

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

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

#share_helpful {display:none;}
#share_hr {display:none;}

#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:inherit;
}

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

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

/** Wells **/
.well-homepage {background-color: #FFFFFF; margin-top: -10px;}

.jobs_box {
width: 100%;
height: 60px;
background-image: url(/images/jobopportunities_new.jpg);
background-repeat: no-repeat;
padding: 5px 7px;
text-align: right;
background-color:# 2e5888;
}

#howto_list h5 {margin-bottom: 5px; margin-top: 5px;}

/*WORKER FATALITY*/

#fatalityreports_btn {margin-top: 10px; margin-left: -15px;}
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cycle-slideshow { float: left; width: 100%; min-height: 55px; display: block; margin: 0; padding: 0px ; }

/* anchors */
.cycle-slideshow > a { position: absolute; top: 0; left: 0; padding: 0; display: block; }

/* images */
.cycle-slideshow > a > img { width: 100%; position: static; display: block; }

/* divs */
.cycle-slideshow > div { position: absolute; top: 0; left: 0; width: 100%; padding: 0; display:none; }
.composite-example > div {background: white }
.composite-example > div > img {display: block; }
.composite-example > div .cycle-overlay {color: white; background: black; opacity: .6; filter:alpha(opacity=60); position: absolute; bottom: 0; width: 100%; padding: 2px;}
.cycle-slide p { margin: 0; padding: 0px; width: 100%; }

/*---- CONTROLS ----*/
.cycle-control { float: right; margin-top:9px; margin-right: -36px; }
.cycle-control div { float: left; margin-left: 0px; padding: 0px; font-weight: bold; }
.cycle-control div:hover { cursor: pointer; }
/*.carousel-indicators {position: absolute; top: auto; bottom: -10px; right: 0; z-index: 5; margin: 0; list-style: none; }
.carousel-indicators li {display: block; float: left; width: 12px; height: 12px; margin-left: 5px; text-indent: -999px; background-color: #333333; opacity: .6; border-radius: 6px;}
.carousel-indicators .active {background-color: #990000; opacity: 1;}*/

.h4-homepage {border-bottom: solid 1px #7c858e;}


/* NEWS SECTION TRUNCATE STYLES */

.news_module {
  width: 100%;
  overflow: hidden;
}

#news li {margin-bottom: 5px; border-bottom: dotted 1px #999;}
#news a {color:#990000; text-decoration:none;}
#news a:hover{color: #003399; text-decoration:underline;}

/* Campaign Images */
#campaigns .img-rounded {
-webkit-border-radius: 6px 6px 0px 0px;
-moz-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
}

/** Rotating image**/


#featured_image{
width:100%;
position:relative;
height:300px;
background:#fff;
}
#featured_image ul.ui-tabs-nav{
position:absolute;
top:0; left:900px;
list-style:none;
padding:0; margin:0;
width:200px;
}
#featured_image ul.ui-tabs-nav li{
padding-left:15px;
color:#666;
}

#featured_image .ui-tabs-panel{
width:900px; height:300px;
background:#999; position:relative;
overflow:hidden;
}
#featured_image .ui-tabs-hide{
display:none;
}

#featured_image li.ui-tabs-nav-item {
border: 1px #d9d9d9 solid;
height:98.33px;
}
#featured_image li.ui-tabs-nav-item a{/*On Hover Style*/
display:block;
color:#333; background:#fff;
}
#featured_image li.ui-tabs-nav-item a:hover{
background:#f2f2f2;
}
#featured_image li.ui-tabs-selected{ /*Selected tab style*/
background:url('https://1.bp.blogspot.com/-f_SJA-pnqBs/UhnWlXoPHKI/AAAAAAAABHw/N5B2HZlHhMc/s1600/selected-item.gif') top left no-repeat;
}
#featured_image ul.ui-tabs-nav li.ui-tabs-selected a{
background:#ccc;
}
#featured_image ul.ui-tabs-nav li img{
float:left; margin:2px 5px;
background:#fff;
padding:2px;
border:1px solid #eee;
}
#featured_image .ui-tabs-panel .info{
position:absolute;
top:200px; left:0;
height:100px; width: 900px;
background: url('https://4.bp.blogspot.com/-Mg9BbPgNJFM/UhnWaBDv4MI/AAAAAAAABHo/BKJgX4LNMQg/s1600/117s1g9.jpg') ;
}
#featured_image .info h2{
color:#fff; padding:5px; margin:0;
overflow:hidden;
}
#featured_image .info p{
margin:0 5px;
color:#fff;
}
#featured_image .info a{
text-decoration:none;
color:#fff;
}
#featured_image .info a:hover{
text-decoration:underline;
}



/*#####################
Additional Styles (required)
#####################
#myCarousel .carousel-caption {
	left:0;
	right:0;
	bottom:0;
	text-align:left;
	padding:10px;
	background:rgba(0,0,0,0.6);
	text-shadow:none;
}

#myCarousel .list-group {
	position:absolute;
	top:0;
	right:0;
}
#myCarousel .list-group-item {
	border-radius:0px;
	cursor:pointer;
}
#myCarousel .list-group .active {
	background-color:#eee;	
}

@media (min-width: 992px) { 
	#myCarousel {padding-right:33.3333%;}
	#myCarousel .carousel-controls {display:none;} 	
}
@media (max-width: 991px) { 
	.carousel-caption p,
	#myCarousel .list-group {display:none;} 
}*/

/*Featured Images*/
#featured_images {
	height: 300px;
	position: relative;
	overflow: hidden;
	border-radius: 4px;
}
#featured_images_container img {
	position: absolute;
	top: 0;
	left: 0;
	width: 1150px; 
	height: 300px
}
#featured_images_nav {
	width: 33%;
	height: 100%;
	z-index: 2;
	position: absolute;
	top: 0;
	right: 0;
	color: #FFF;
	background: rgba(0, 0, 0, .6);
}
#featured_images_nav li {
	padding: 15px 10px 15px 35px;
	font-size: 150%;
	line-height: 1.5em;
	border-bottom: 1px solid #FFF;
}
#featured_images_nav li:hover {
	cursor: pointer;
	background: rgba(0, 0, 0, .6);
}
#featured_images_nav li:last-child {
	border-bottom: none;
}
#featured_images_nav li.active {
	color: #FFF58C;
}
#featured_images_nav li i {
	margin-left: -25px;
}

/*----- SMALL NAVIGATION CONTAINER -----*/
#featured_images_nav_sm {
	width: 100%;
	overflow: auto;
	color: #FFF;
	background: rgba(0, 0, 0, .6);
}
#featured_images_nav_sm li {
	float: left;
	padding: 15px 10px 15px 35px;
	width: 90%;
	font-size: 100%;
	border-bottom: 1px solid #FFF;
}
#featured_images_nav_sm li:hover {
	cursor: pointer;
	background: rgba(0, 0, 0, .6);
}
#featured_images_nav_sm li:last-child {
	border-bottom: none;
}
#featured_images_nav_sm li.active {
	color: #FFF58C;
}
#featured_images_nav_sm li i {
	margin-left: -25px;
}

#featured_images_caption h1{
margin: 5px 0px 5px 0px; 
}

.caption {
	margin: 0px;
	padding: 5px 10px 5px 10px;
	width: 65.2%;
	min-height: 40px;
	display: none;
	position: absolute;
	bottom: 0;
	font-size: 110%;
	background: rgba(255, 255, 255, .75);
}

/*.caption { overflow: auto; }*/
.caption li {
	float: left;
	padding: 0 10px;
	border-right: 1px solid #333;
}
.caption li:first-child {
	padding-left: 0;
}
.caption li:last-child {
	border-right: none;
}
.caption li a {
	text-decoration: none;
	color: #000;
}
.caption li a:hover {
	text-decoration: underline;
	color: #000;
}
@media(max-width: 979px) {
	#featured_images {
		height: 200px;
	}
	#featured_images_nav_sm li {
		width: 93%;
	}
	#featured_images_container li img {
		width: 100%;
		height: auto;
	}
	#featured_images_container li .caption {
		width: 100%;
	}
}
@media(max-width: 480px) {
	#featured_images {
		height: 200px;
	}
	#featured_images_nav_sm li {
		width: 90%;
	}
	.caption h1 {
		font-size: 20px;
	}
	.caption h4 {
		font-size: 15px;
	}
	.caption p, .caption li a, .caption a.btn {
		font-size: 90%;
	}
	#featured_images_container li img {
		width: 100%;
		height: auto;
	}
	#featured_images_container li .caption {
		width: 100%;
	}
}

@media (max-width: 1200px) { 
	#featured_images_nav li {
	padding: 15px 5px 10px 35px;
	font-size: 124.75%;
	line-height: 1.8em;
	}
}

/*----- TAKE ACTION LIST -----*/

.vertcenter {
    display: table !important;
    height: 55px;
}

.actionlistcontent {
    display: table-cell;
    vertical-align: middle;
	font-size: 1.5em;
}

.actionlistcontent > p > a {
	text-decoration: none;
}

.actionlistcontent > p > a:hover {
	text-decoration: underline;
}

@media (min-width: 980px) and (max-width: 1199px) { .vertcenter { height: 52px; } .actionlistcontent { font-size: 1.4em; } }

@media (min-width: 768px) and (max-width: 979px) { .vertcenter { height: 42px; } .actionlistcontent { font-size: 1.25em; } }

@media (max-width: 767px) { .half { float: left !important; width: 10% !important; margin-right: 5%; } .vertcenter { float: left !important; width: 85% !important;  } }

/*----- FILING A COMPLAINT YT VIDEO FIX -----*/

@media (max-width: 767px) { .youtube { width: 700px; height: 394px; } }

@media (max-width: 650px) { .youtube { width: 594px; height: 334px; } }

@media (max-width: 550px) { .youtube { width: 497px; height: 279px; } }

@media (max-width: 450px) { .youtube { width: 400px; height: 225px; } }

@media (max-width: 420px) { .youtube { width: 371px; height: 209px; } .complainttext { font-size: 0.95em; } }

@media (max-width: 400px) { .youtube { width: 351px; height: 197px; } }

@media (max-width: 350px) { .youtube { width: 304px; height: 171px; } }

@media (min-width: 768px) { .youtube { width: 203px; height: 114px; } .complainttext { font-size: 1.0em; } }

@media (min-width: 980px) { .youtube { width: 206px; height: 154px; } .complainttext { font-size: 1.1em; } }

@media (min-width: 1200px) { .youtube { width: 350px; height: 193px; } }