/* Poultry eTool Stylesheet                   	       *
 * USDOL/OSHA - Salt Lake Technical Center             *
 * Last Revised: 11/28/2014 KP - edited styles         *
 * Last Revised: 10/31/2014 KP - edited styles         *
 * Last Revised: 07/31/2014 KP - new sheet             *
 *******************************************************/

.btn-warning { 	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/poultry/images/poultry_banner.png) no-repeat;
}

#banner h1 {
  position:absolute;
  top:50px;
  left:50px;
  -webkit-text-stroke: 1px black;
  color: #FF9A00;
  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; max-height:45px; }
.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; }
   
#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 */
.checklist-section > legend	{ font-size: 1.75em; }
.checklist legend > label	{ font-size: .9em; color: #900; }
.checklist legend			{ width: auto; padding: 0 10px 0 10px; border: none; background-color: #FFF; }
.checklist fieldset 		{ border: solid 1px #000; padding: 0 20px 0 10px; margin-bottom: 20px; } /* add border and spacing to fieldsets */
fieldset.checklist-section	{ border: solid 2px #333; }
@-moz-document url-prefix() { .checklist legend { position: relative; top: 8px; } } /* move legend down in Mozilla */
@media only screen and (max-width: 767px) { /*shrink legend font size to prevent problems in IE*/
	.checklist legend > label { font-size: .7em; }
	.checklist-section > legend { font-size: 1.4em; }
}
 /* styling of form labels */
.checklist label > input[type="radio"]		{ vertical-align: -2px; margin-left: 15px; }
.checklist label > input[type="checkbox"]	{ vertical-align: -1px; }
/* stretch textareas across whole spans */
.checklist textarea 		{ width: 100%; }
/*remove spacing to save vertical space */
.checklist ul.inline,
.checklist .span4 > textarea{ margin-bottom: 0; }
.checklist .span7 > p 		{ margin-bottom: 5px; }


/* 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 */