/* OSHA Partnership Programs Stylesheet                   *
 * USDOL/OSHA - Salt Lake Technical Center                *
 * Last Revised:	11/23/2015 - LT - redesign/cleared out*
 *					01/15/2015 - MW - added styles        *
 *					12/26/2013 - MM - sheet edits         *
 *					12/16/2013 - BAV - sheet edits        *
 *					11/15/2013 - BAV - sheet edits        *
 *					09/30/2013 - BAV - sheet edits        *
 *					09/13/2013 - BJ - new sheet           *
 **********************************************************/

/* HEADER */
.mainhead { 
	color: #FFF; padding-top: 78px; position: relative; border-radius: 4px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e4881+45,a1bbe4+100 */
	background: rgb(14,72,129); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(14,72,129,1) 45%, rgba(161,187,228,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(14,72,129,1) 45%,rgba(161,187,228,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(14,72,129,1) 45%,rgba(161,187,228,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e4881', endColorstr='#a1bbe4',GradientType=1 ); /* IE6-9 */ }
.mainhead > .search { position: absolute; top:20px; right: 20px; }
.mainhead > .search a { vertical-align:-4px; }
.mainhead .logo { position: absolute; left:4px; top: 0; }


/* NAVBAR STYLES */
.mainhead .navbar { border-top: 1px solid rgba(255,255,255,.2); }
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { 
	background-color: rgba(0,0,0,.2); color: #FFF; }
.navbar-inner { background-image: none; background-color: transparent; border: none; box-shadow:none; }
.navbar .nav > li > a i,
.navbar .nav > li > a { color: #FFF; text-shadow: 1px 1px 0 #000; }
.navbar .nav > li:hover > a i:before,
.navbar .nav > li:hover > a { color: #FFF; background-color: rgba(0,0,0,.2); border-radius: 4px;}


/* intro panel */
#intro-panel { position: relative: z-index: 1; }
#intro-panel > .span7 { position: relative; z-index: 99; }

.span7.pull-right:first-child { margin-left: 15px; }

@media (min-width: 480px) {
	/*Featured Images*/
	#featured_images {
		height: 300px;
		position: relative;
		overflow: hidden;
		border-radius: 4px;
	}
	#featured_images_container img {
		position: absolute;
		top: 0;
		height: auto; max-height: 300px
	}
	#featured_images_nav {
		width: 33%;
		height: 100%;
		z-index: 2;
		position: absolute;
		top: 0;
		right: 0;
		color: #FFF;
		background-color: #A1BBE4;
	}
	#featured_images_nav li {
		padding: 11px 10px 11px 35px;
		font-size: 125%;
		line-height: 1.5em;
		white-space:nowrap;
		border-bottom: 1px solid #FFF;
	}
	#featured_images_nav li:hover,
	#featured_images_nav li.active {
		cursor: pointer;
		color: #FFF58C;
		background-color: #6E96D5;
	}
	#featured_images_nav li:last-child {
		border-bottom: none;
	}
	#featured_images_nav li i {
		margin-left: -20px;
	}
	
	/* CAROUSEL CAPTIONS */
	#featured_images_caption h1{
	margin: 5px 0px 5px 0px; 
	}
	
	#featured_images .caption {
		margin: 0px;
		padding: 5px 10px 5px 10px;
		width: 65.2%;
		min-height: 40px;
		display: none;
		position: absolute;
		bottom: 0;
		font-size: 100%;
		background: rgba(255, 255, 255, .85);
	}
	#featured_images .caption > ul { margin-bottom: 10px; list-style-type: disc; }
}

/* Main Styles for Panels */
.well-fixed {
  min-height: 20px;
  padding: 15px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  height:280px;
}

.well-fixed p { padding-top:6px; font-size:12px; }
.well-fixed li { font-size:12px; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none), (-ms-fullscreen, :root .ie11up) {  
	.well-fixed p {font-size:11px; }
	.well-fixed li {font-size:11px; }
}

.panel_img { border-radius: 4px; margin-bottom: 15px; }


/* RESPONSIVE CODE */
@media (max-width: 1199px) { /*switch to gradient in anything below 1200 px to hide edge of graphic */
#featured_images .caption { 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+66,ffffff+100,ffffff+100&0.85+0,1+66,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.85) 0%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.85) 0%,rgba(255,255,255,1) 66%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.85) 0%,rgba(255,255,255,1) 66%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ }
}

/* #banner and wells @ tablet screen size */
@media (min-width:768px) and (max-width: 979px) {
#featured_images, .span3 .well-fixed { height:320px; }
#featured_images_nav li { line-height: 1.2em; font-size: 110%; }
.well-fixed p { padding-top:6px; font-size:11px; }
.well-fixed li { font-size:11px; }
}

@media (max-width: 767px) and (min-width: 481px) {
.mainhead { padding-top: 10px; }
.mainhead > .search { position: relative; top: auto; text-align: right; margin-bottom: 15px; }
#featured_images_nav li { line-height: 1.2em; font-size: 110%; }
.panels .span3 { width: 50%; float: left; }
.panels .span3 .well-fixed { margin: 15px; height: 280px; }
}

@media(max-width: 480px) {
.mainhead { padding-top: 10px; }
.mainhead > .search { position: relative; top: auto; right: 0; text-align: right; margin-bottom: 15px; }
#featured_images { border: 1px solid #b9b9b9; padding: 10px; margin-bottom: 20px; border-radius: 4px; }
#featured_images .caption > ul { list-style-type: disc; }
#featured_images .active img { height:0; width:0; }
#featured_images_nav { display:none; }
.panel_img { display:none; }
.panels .span3 .well-fixed { height:auto; }
.span3:nth-child(odd) { margin-left:0; }
.well-fixed p { padding-top:6px; font-size:11px; }
.well-fixed li { font-size:13px; }
}

@media print { /*preserve side-by-side panel design when printing */
.panels .span3 { width: 45%; float: left; }
.panels .span3 .well-fixed { margin: 15px; height: 390px; }
.visible-phone.visible-tablet.hidden-desktop .span6:first-child { width: 100%; }
}

.mainheader {
text-decoration: none;
border-bottom: 0;
color: #900;
}

.smheader {
  text-decoration:none;
  border-bottom: 0;
  color:#333333;
  font-weight:100;
}

.lgheader {
  text-decoration:none;
  border-bottom: 0;
  color:#003596;
  font-weight:bold;
}


/* HEADER FOR REGIONS ON LISTING PARTNERSHIP PAGE */
.wellheader2 {
  margin:-9px -9px 9px -9px;
  border: 1px solid #6E96D5;
  background-color: #D4DDED;
  padding:2px;
  padding-left:10px;
  text-decoration:none;
  color:#003151;
  font-weight:bold
}