/* State Plans Stylesheet                                          *
 * USDOL/OSHA - Salt Lake Technical Center                         *
 * Last Revised: 02/11/2015 MW - modified carousel caption height  *
 * Last Revised: 11/10/2014 LT - modified                          *
 * Last Revised: 08/29/2014 JAS - modified                         *
 * Last Revised: 07/31/2014 KP - new sheet                         *
 *******************************************************************/

.state-plan-banner 		{ margin: -10px 0 15px 0; } /* spacing around the state plan banner */
.state-sm-headers div.btn-group { margin-bottom: 10px; } /* match alignment of dropdown to FAQ title */
.state-sm-headers h1 	{ margin-bottom:0; line-height: 1em; clear:both; } /* printer/phone-friendly title text */
.state-sm-headers h6 	{ color:#900; } /* printer/phone-friendly office text */

.list-twocol 			{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } /* places ul into two columns */
#banner-state { /* gradient background for state banner */
	background: #d4dded; /* Old browsers */
	background: -moz-linear-gradient(left,  #d4dded 2%, #003399 50%, #003399 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(2%,#d4dded), color-stop(50%,#003399), color-stop(100%,#003399)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #d4dded 2%,#003399 50%,#003399 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #d4dded 2%,#003399 50%,#003399 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #d4dded 2%,#003399 50%,#003399 100%); /* IE10+ */
	background: linear-gradient(to right,  #d4dded 2%,#003399 50%,#003399 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4dded', endColorstr='#003399',GradientType=1 ); /* IE6-9 */
}
#title-stateplans { /* style State Plans text */
	color: #FFF;
	font-size: 40pt;
	margin: 10px 0 0 50px; padding: 0;
	text-shadow: 3px 3px 3px rgba(0, 0, 0, .6);
	line-height: 1em;
}
#title-officeprograms { /* style Office of State Programs text */
	color: #900;
	text-transform: uppercase;
	font-size: 11pt;
	margin: 0 0 10px 84px; padding: 0;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
	display:inline-block;
    transform:scale(1.33,1); /* W3C */
    -webkit-transform:scale(1.33,1); /* Safari and Chrome */
    -moz-transform:scale(1.33,1); /* Firefox */
    -ms-transform:scale(1.33,1); /* IE 9 */
    -o-transform:scale(1.33,1); /* Opera */
}
/* vertical centering of state plans banner */
@media only screen 
and (min-width : 1200px) {
#banner-state .span8 { padding-top: 20px; }
}
@media only screen and (min-width : 980px) and (max-width : 1199px) {
#banner-state .span8 { padding-top: 8px;}
}
/*----------------------------------------------------STATE PAGES--------------------------------------------------------*/

/* state header styling */

.stateHeader			{ background-position: center bottom; background-repeat: no-repeat; height: 113px; padding: 10px; }
.stateHeader > div 		{ float: right; }
.stateHeader > h1 		{ color: #FFF; text-shadow: 3px 3px 3px rgba(0, 0, 0, 1.0); z-index: 30; margin-top: 20px; }

.title-state, .stateHeader .breadcrumb 			{ display: none; }
@media (max-width: 550px) { /* hide the space-hungry elements and replace with simple title and breadcrumb */
	.stateHeader, .stateHeader > h1, .program-logo { display: none; height: auto; padding-bottom: 0; }
	.title-state, .stateHeader .breadcrumb { display: block; }
}

/*---------------------------------------------------------ACCORDIAN-----------------------------------------------------*/

.accordion-heading { background-color:#F3F3F3; }
.accordion-heading:hover { background-color:#B3B3B3; 
  -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:#000; 
   text-decoration:none; 
   text-transform:none; }

.accordion-heading-blue { background-color:#BFD0EA; }
.accordion-heading-blue:hover { background-color:#6E96D5; 
  -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-blue > a { color:#000; 
   text-decoration:none; 
   text-transform:none; }
   
/*---------------------------------------------------------CAROUSEL-----------------------------------------------------*/

.item > img				{ margin: 0 auto; }
.item > .carousel-caption { height: 70px; } /* height of text/link area */
.item > .carousel-caption > p { color: #000; } /* black text color in text/link area */
   
.carousel-caption {
	background-color:#F3F3F3;
	color: #000;
	position: relative;
}

.carousel-caption a {
	text-decoration: none;	
}

.carousel-indicators {bottom: 1em; top: 1em; margin:0px;
}

.carousel-indicators li {border:#B3B3B3 solid 1px; background-color:#F3F3F3;
}

.carousel-indicators active {border:#B3B3B3 solid 1px; background-color:#FFFFFF;
}
/*
* .carousel-indicators {position: hover; bottom: 0px; top: 0px; margin:0px;}
* .carousel-indicators li {border:#003151 solid 2px; background-color:#D9D9D9;}
* .carousel-indicators active {border:#B3B3B3 solid 2px; background-color:#FFFFFF;}
*/
 
 
/*---------------------------------------------------------WELLS-----------------------------------------------------*/
.well-grey-border { border-color: #B3B3B3; }
.well-header-grey { background-color: #B3B3B3; 
                   margin: -10px -10px 5px -10px; 
				   padding: 0px; 
				   border-top: #B3B3B3 solid 1px; 
				   border-radius: 3px 3px 3px 3px; 
				   color :#000; }   
.well-header-blue {
  margin:-9px -9px 9px -9px;
  border: 2px solid #6E96D5;
  background-color: #BFD0EA;
  padding:2px;
  text-decoration:none;
  color:#333333;
  text-align:center;
  -webkit-box-shadow:inset 0 3px 8px #6E96D5;
  -moz-box-shadow:inset 0 3px 8px #6E96D5;
  box-shadow:inset 0 3px 8px #6E96D5;
}