/*  D E V E L O P E R   C U S T O M I Z A B L E   S T Y L E S    */
/*  This CSS file - CLF_agency_styles_dscyf.css - should be 
    added to /inc/CLF_head.shtml whenever GIC updates state websites */
.form-field-background-color {
	background-color: rgb(255,255,248);
}
.margin-top-0px {
	margin-top: 0px
}
.list-style-none {
	list-style-type: none;
}
.noshow {
	visibility:hidden;
}
/* Soft Gray Border Style for Images */

.soft_border_right {
	border: 		1px solid #696969;
	float:			right;
	margin-left:	8px;
}
.text-info-bold-italic {
	color:  #3a87ad;
	font-style: italic;
	font-weight: bold;
}
.text-info-section {
	color: #29627C;	
}
.text-info-nohref {
	color: #1268AC;	
}
.text_bold_italic {
	font-style: italic;
	font-weight: bold;
}
.text-bold-x-small {
	font-weight: bold;
	font-size: x-small;
}
.text-bold {
	font-weight: bold;
}
.indent_left {
	margin-left: 25px;
}
.text_align_right{
	text-align:right
}
.text_font_size_smaller{
	font-size: smaller;
}
.text-fontsize-x-small{
	font-size: x-small;
}
body .box_info{
	margin-top:			5px;
	margin-right:		0px;
	margin-left:		0px;
	margin-bottom:		5px;
 /*	padding-right:		25px; */
 /* padding-left:		80px; */
	padding: 5px;
	border-radius:		5px;
	behavior: url('/private/CLF30/css/pie/PIE.htc');
  	z-index:			1000000;
	clear:				both;
	}
.box_info {
	background-position:left center;
	border:				2px solid #CCCCCC;
	background-color:	#FFFFFF;
	font-size:			15px;
	line-height:		20px;
	color:				#666666;

	}

.box_right_nav {
	background-position:left center;
	border:             0.05em solid #999999;
	background-color:   #EFEFEF;
	font-size:			15px;
	line-height:		20px;
	width:              30%;
	float:              right;
	padding:            5px;
	margin-top:         15px;
	margin-left:        10px;
	margin-bottom:      10px;
	border-radius:		10px;
	behavior: url('/private/CLF30/css/pie/PIE.htc');
	z-index:			1000000;
	clear:				both;
	
	}
/*
#CLF_ON section .slide span{
	background-color: #6CF;
	border-radius:		10px;
	behavior: url('/private/CLF30/css/pie/PIE.htc');
	z-index:			1000000;
	clear:				both;
	
}  
*/
#CLF_ON section .slide span:hover{
	color: #003471;
    cursor:             pointer;
	text-decoration:    underline;
	}
#occl-links {
	margin-top: 30px;
}
#occl-links ul {
	margin: 0px; padding: 0px; display: block;
}
#occl-links ul li {
	background-position: center; padding: 0px 0px; height: 0px; overflow: hidden; display: block; list-style-type: none; position: relative; min-height: 0px; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
#occl-links ul li a {
	background: linear-gradient(rgba(0, 0, 0, 0) 0px, rgb(0, 0, 0) 90%, rgb(0, 0, 0) 100%); padding: 107px 20px 20px; border: 0px currentColor; transition:bottom 0.25s ease-out; width: 100%; height: 207px; text-align: center; bottom: -50px; color: rgb(255, 255, 255); line-height: 1.6rem; font-size: 1.6rem; display: block; position: absolute; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: bottom .25s ease-out; -moz-transition: bottom .25s ease-out; -o-transition: bottom .25s ease-out; -webkit-font-smoothing: antialiased;
}
#occl-links ul li a h3 {
	transition:margin 0.25s ease-out; font-family: "GeoticaFourRegular",Helvetica,Arial,sans-serif; font-size: 2.4rem; font-style: normal; font-weight: normal; margin-bottom: 25px; -webkit-transition: margin .25s ease-out; -moz-transition: margin .25s ease-out; -o-transition: margin .25s ease-out;
}
#occl-links ul li:hover a {
	bottom: -20px;
}
#occl-links ul li:focus a {
	bottom: -20px;
}
#occl-links ul li:hover a h3 {
	margin-bottom: 5px;
}
#occl-links ul li:focus a h3 {
	margin-bottom: 5px;
}
#occl-links ul #for-providers{
	background-image: url(../../images/occl_providers.png);
}

/* Description container for PBHS landing page*/ 

	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	#descr-box {
		display:none;
        }}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	#descr-box {
		display:none;
        }}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	#descr-box {
		display:none;
        }}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	#descr-box {
		float:				right;
		width: 38%;
		line-height: 1.2em;
	/*	width:				218px;
		height:				255px; */
		margin:				0px 0px 0px	0px;
	/*	background:             url('/usr/img/kids_news218.png'); */
		background-repeat:      repeat-y;
        }}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	#descr-box {
		float:				right;
		width: 38%;
		line-height: 1.2em;
	/*	width:				388px;
		height:				292px; */
		margin:				0px 0px 0px	0px;
	/* 	background:             url('/usr/img/kids_news.png');  */
		background-repeat:      repeat-y;
		}}		
 
 	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	#descr-box2 {
		/* background:             url('/usr/img/kids_news2.png'); */
		height: 				330px;
		padding-right:			10px;
        }}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	#descr-box2 {
	/*	background:             url('/usr/img/kids_news2.png'); */
		height: 				330px;
		padding-right:			10px;
        }}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	#descr-box2 {
	/*	background:             url('/usr/img/kids_news2.png'); */
		height: 				330px;
		padding-right:			10px;
        }}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	#descr-box2 {
		display:none;
        }}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	#descr-box2 {
		display:none;
		}}
		
.box-dscyf-relative {
	border: 1px solid #ccc;
	position: relative;
	overflow: auto;
	padding: 5px;
	}
			
.box-dscyf {
	height: 100%;
	border: 1px solid #ccc;
	overflow: auto;
	padding: 3px;
	margin-bottom:2px;
	}
.well-dscyf {
  /* combination of bootstrap's well and well-small*/
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -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);  
  padding-left:8px;  
  padding-right:3px;
  padding-top:3px;
  padding-bottom:0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /* from box-relative*/
	position: relative;
	overflow: auto;	
	margin-top:0px;
	margin-bottom:0px;
}
.expand{
	/*margin-top:3px;*/
	width:15px;
	height:15px;
	alignment-adjust:middle;
	margin-right:5px;
	margin-left:2px;
	/*float:left; */
	display: inline-block;
	/*display:block;  */
	background-image:url("../../private/CLF30/img/CLF_icon_plus_sign.png");
	}

.expand-relative{
	margin-top:3px;
	width:15px;
	height:15px;
	alignment-adjust:middle;
	margin-right:5px;
	display:block;
	background-image:url("../../private/CLF30/img/CLF_icon_plus_sign.png");
	position:relative;
	}
.nounderline a {
	text-decoration:none;
}
.btn-dscyf-rel {
  display: block;
  position:relative;
  width:auto;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* Start - css for forms */
form .indent label.error {
	margin-left: 0px;
}
form label.error {
	font-size: 0.8em;
	color: #F00;
	font-weight: bold;
	font-size: 9px;
	display: block;
	margin-left: 0px;
}
form input.error, select.error, textarea.error {
	border: 1px solid #00C;
	background-color: #99FFFF;
}
form input, textarea, select {
	-webkit-appearance: none;
	-moz-appearance: none;
}
form input[type="radio"]{
	-webkit-appearance: radio;
}
form input[type="checkbox"]{
-webkit-appearance: checkbox;
}
/* End - css for forms */
.valign-top { 
	 vertical-align:top
 }
/* for collapsible accordion */
/* https://www.w3schools.com/howto/howto_js_accordion.asp */
.accordion {
	background-color: #eee;
	color: #444;
	padding: 8px;
	transition: 0.4s;
	position: relative;
	overflow: auto;
	font-weight: bold;	
} 
.active, .accordion:hover {
	background-color: #ccc;
}
.accordion:after {
	content: '\002B'; /* Unicode character for "plus" sign (+) */
	color: #777;
	font-weight: bold;
	float: right;
	padding-right: 10px;
}
.active:after {
	content: "\2212"; /* Unicode character for "minus" sign (-) */
}
.accordion h4{
	margin-top: 0;
}
.accordion p{
	font-weight: bold;
}
.panel {
	padding: 0 8px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}
/**/
.exception_information-relative {
	background:         url('/private/CLF30/img/CLF_icon_exception_information_80x50_cnt.png') no-repeat;
	background-position:left center;
	border:				3px solid #666666;
	background-color:	#FFFFFF;
	font-size:			15px;
	line-height:		20px;
	font-weight:		bold;
	color:				#666666;
	margin-top:			15px;
	margin-right:		0px;
	margin-left:		0px;
	margin-bottom:		25px;
	padding-right:		25px;
	padding-left:		80px;
	padding-top:		15px;
	padding-bottom:		15px;
	border-radius:		10px;
	z-index:			1000000;
	position:			relative; 
/*	overflow: auto;*/
	}