﻿/* OSHA Alliance Program Stylesheet                          *
 * USDOL/OSHA - Salt Lake Technical Center                   *
 * Last Revised: 11/30/2015 - LT - redesign                  *
 *               07/30/2015 - MW - added new nav style       *
 *               11/26/2014 - LS - updated with new styles   *
 *               05/21/2014 - KP - updated with new styles   *
 *               01/30/2014 - BAV - updated with new styles  *
 *               11/26/2013 - BJ - updated                   *
 *               10/29/2013 - BJ - new sheet                 *
 ************************************************************/
 /* Header of /dcsp/alliances/index.html */
.mainhead { 
	color: #FFF; text-shadow: 2px 2px 0px #000, -1px -1px 0px #000, 1px -1px 0px #000, -1px 1px 0px #000, 1px 1px 0px #000;
	padding-top: 78px; position: relative; 
	/*border: 1px solid #A1BBE4;*/ border-radius: 4px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+5,2989d8+100 */
background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTg5ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 5%, rgba(41,137,216,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 5%,rgba(41,137,216,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,1) 5%,rgba(41,137,216,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#2989d8',GradientType=1 ); /* IE6-8 */
 }
.mainhead > .search { position: absolute; top:20px; right: 20px; }
.mainhead > .search a { vertical-align:-4px; }
.mainhead .logo { position: absolute; left:15px; top:12px; }


/* 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:330px;
}

.well-fixed p { padding-top:6px; font-size:11px; }
.panel_img { border-radius: 4px; margin-bottom: 15px; }

/*Style Alliance dropdowns */
.well-fixed > .nav { margin-bottom: 8px; }
.well-fixed > .nav-pills > li > a { background-color: rgba(0,0,0,.1); white-space:nowrap; }


/* RESPONSIVE CODE */
@media (min-width:980px) and (max-width: 1199px) {
.well-fixed { height: 350px; }
}
/* #banner and wells @ tablet screen size */
@media (min-width:768px) and (max-width: 979px) {
.well-fixed { height: 370px; }
.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; }
.panels .span3 { width: 50%; float: left; }
.panels .span3 .well-fixed { margin: 15px; height: 390px; }
}

@media(max-width: 480px) {
.mainhead { padding-top: 10px; }
.mainhead > .search { position: relative; top: auto; right: 0; text-align: right; margin-bottom: 15px; }
.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%; }
}


/* For use on html versions of alliance documents that have long <h3> titles to save vertical space */
.alliance-header {
  font-size: 17.5px;
  font-family: inherit;
  line-height: 20px;
  color: #000;
  text-rendering: optimizelegibility;    
  text-align: center;
}

