/* Computer Workstations eTool Stylesheet              *
 * USDOL/OSHA - Salt Lake Technical Center             *
 * Last Revised: 01/16/2015 KP - new sheet             *
 *				 02/23/2015 LT - changes			   *
 *******************************************************/

.btn-info { 	font-weight:bold; 
                margin-top: 5px;
				margin-bottom: 10px; }

#banner {
	margin: -5px 0px 0px 0px;
	position: relative;
	min-height:176px;
	background: #FFF url(/SLTC/etools/computerworkstations/images/computer_banner.png) no-repeat;
}

#banner h1 {
  position:relative;
  top:50px;
  -webkit-text-stroke: 1px #99CEDE;
  color: #54b9d7;
  text-shadow:
     3px 3px 0 #000,
    -1px -1px 0 #000,  
     1px -1px 0 #000, 
    -1px  1px 0 #000,
     1px  1px 0 #000;
	 font-size: 350%;
	 }

.page-banner {
   margin: 5px 0px 0px 0px;
   padding: 0;
   height: 170px;
   color: #FFF;
   border-bottom: 1px solid #EEE;
}

.wellheader {
  margin:-9px -9px 9px -9px;
  border: 2px solid #0052AF;
  background-color: #0052AF;
  padding:2px;
  text-decoration:none;
  color:#FFFFFF;
  text-shadow: black 0.1em 0.1em 0.2em;
}

.accordion-heading { background-color:#296DC0; }
.accordion-heading > a > h6 { margin-bottom: 3px; }
.accordion-heading:hover { background-color:#333; 
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out; }
.accordion-heading > a { color:#FFF; 
   text-decoration:none; 
   text-transform:uppercase; }
.accordion-heading a > h6 { color:#FFF; }
   
#tasks .accordion-heading { background-color:#B3B3B3;  max-height:55px; }
#tasks .accordion-heading:hover { background-color:#333; 
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out; }
#tasks .accordion-heading > a { color:#000;  
   text-decoration:none;  }
#tasks .accordion-heading:hover > a { color:#FFF;  
   text-decoration:none;  }   
   
#tasks h6 { margin: -5px; }
#tasks.alert-info .accordion-body { background-color: #fff; }
#tasks.alert-info .accordion-heading { background-color: #B2BBCB; }
@media print {
	#tasks.alert-info { width: 100%; }
}

.headBkgnd 	{  background-color:#C4CBEA
		   }
.headBkgnd2  {  background-color:#CCCC99
		   }
.headBkgnd3  {  background-color:#E4E4E4
		   }
.headBkgnd4  {  background-color:#FFFF99
		   }
.headBkgnd5  {  background-color:#FFCC99
           }	
		   
.showhide	{ clear:both; margin:0; padding-top: 10px; } /* styling for show/hide all button */

/* CHECKLIST STYLES */
/* styling of form legends and fieldsets */
fieldset { padding: 0 10px; margin-bottom: 20px; } /* add spacing to fieldsets */
/* Make numbering on ordered lists editable */
ol.list-checklist { list-style-type:none; margin: 0 10px; }
.list-checklist > li { font-weight: normal; }
.list-checklist > li strong,
.table.checklist th { font-size: 1.2em; font-weight: bold; text-transform: uppercase; }
.list-checklist  ol { margin-left: 35px; }
.list-checklist label > input[type="radio"]		{ vertical-align: -2px; margin-left: 15px; }
.list-checklist label > input[type="checkbox"]	{ vertical-align: -1px; }
.list-checklist textarea { width: 75%; }
ul.list-checklist { margin-left: 15px; }
ul.list-checklist > li > label { font-size: 1.3em; }
ul.list-checklist ul { margin-left: 30px; }
table.table.checklist { margin-bottom: 40px; border-bottom: 1px solid #D9D9D9; }
#T2 textarea { width:95%; }

/* maintain appearance for landing pages with image grids */
@media only screen and (min-width : 980px) {
.link-mainpage > img { float: left; } 
.ul-mainpage > li { margin-left: 200px; } }
@media only screen and (max-width : 767px) {
.link-mainpage > img { display:none; } }


.cols2 { white-space: nowrap; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
.cols2 > ul > li { margin-left: 50px; }
@media only screen and (max-width: 767px) {
.cols2 { white-space: normal; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
.cols2 > ul > li { margin-left: 0; } }

.title-h5 { color: #000; } /* style for h5 headings */


/* Stylying for images pulled right to keep from "stairing" and margins neat */
div.img-caption.pull-right,
img.pull-right, alert.pull-right.span4 { clear: right; margin-left: 10px; }
div.text-center.img-caption.pull-right.span6 { padding-right: 12px; }


/* COMPUTER WORKSTATIONS ONLY */
.alert.alert-caution.span7.offset1 { margin-top: 10px; } /* style quick tips on component pages */
.breakavoid > li { -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */ page-break-inside: avoid; /* Firefox */ break-inside: avoid; /* IE 10+ */ } /* keep horizontal images and captions together */