/*==================================  custom style and overrides for style_mobile_cs.css PHONE ===*/
@media screen and (max-width:480px) {
	.contentWrap {width:100%!important; height:100%!important; background: #fff!important;}
	.parents {width: 100%!important; margin-bottom: 20px!important;height:100%!important; border: none; background-image:none!important;}
	.emp {width: 100%!important; border: none!important; height:100%!important;}
	.emailHP {width: 100%!important; margin-bottom: 20px!important;  border: none!important; height:100%!important; padding-bottom:5px!important;}
  	.side_menu1 ul li a:link {text-shadow: none!important;}
	.side_menu1 a:hover {text-decoration: underline!important;}
	.imageHeader {display:none;}
	

	.cspAlert {float:left!important; width:95%!important; height:auto!important;padding :20px!important; margin: 0px!important; background:#fff19d!important;; color:#444!important; border:1px solid #ffcc33!important;}
	.cspAlert h2 {color: #003366!important; margin: 0 0 8px 0!important; font-family: "Segoe UI Semilight","Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif!important; font-weight: 400!	important;}


/*==== Contact Page Mobile Overrides Updated 2020 ====*/	
	#contactBox {float:left!important; width:auto!important;}
	#contactBox h3 {padding: 0px 0px 0px 5px!important;}
	.colBoxSm {float:left!important; width:100%!important;  margin: 0px!important; padding: 0px!important;}
	.colBoxSmR {float:left!important; width:100%!important;  margin: 0px 0px 10px 0px!important;  padding: 0px!important;}
	#contactBox .eServ {float: left!important; width: 200px!important; height:114px!important; margin: 0!important;}
	#contactBox .email {float: left!important; width: 200px!important; height:114px!important; margin: 0!important;}
	#contactBox .chat2 {float: left!important; width: 260px!important; height:114px!important; margin: 0!important;}
	
	span#accord1, span#accord2, span#accord3, span#accord4, span#accord5, span#accord6, span#accord7, span#accord8{background-image:none!important; padding:0!important;} /* remove icons for word wrap */

	#boxCSP {float:left!important; width:100%!important;  margin: 0px 0px 10px 0px!important; padding: 0px!important; border: 1px solid #13348e!important;}
	#boxSDU {float:left!important; width:100%!important;  margin: 0px 0px 10px 0px!important; padding: 0px!important; border: 1px solid #358698!important;}
	#boxInfo {float:left!important; width:100%!important;  margin: 0px 0px 10px 0px!important; padding: 0px!important; border: 1px solid #465c97!important;}
	#boxCSP h2, #boxSDU h2, #boxInfo h2 {margin: 0px 0px 8px 0px!important; padding: 0px 0px 0px 5px!important;}	
	
/*========== Coronavirus COVID-19 Page Mobile Overridese ====*/
#contactBoxCV {float:left!important; width:auto!important;}
.colBoxCV {float:left!important; width:100%!important;  margin: 0px!important; padding: 0px!important;}
.colBoxCVR {float:left!important; width:100%!important;  margin: 0px 0px 10px 0px!important;  padding: 0px!important;}

#boxNew {float:left!important; width:100%!important;  margin: 0px 0px 10px 0px!important; padding: 0px!important;}
#boxOrig {float:left!important; width:100%!important;  margin: 0px 0px 10px 0px!important; padding: 0px!important;}
#boxMore {float:left!important; width:100%!important;  margin: 0px 0px 10px 0px!important; padding: 0px!important;}
#boxNew h2 {background: #13348e; color:#fff; margin:0; padding: 5px 8px 10px 10px}

	
/*==== Paternity Page Mobile Overrides ====*/
	#gtCallout2 {float:left!important; border: 1px solid #ebebeb!important;} 
	.contentBlock {float:left!important;}
	
	#patChartWrap {float:left; width:auto!important;  padding:0!important;}
	#patColWrap1 {float:left; width:100%!important; margin: 3px 0 0 0; padding:0!important; }
	#patColWrap2 {float:left; width:100%!important; margin: 3px 0 0 0; padding:0!important;}
	#patColWrap3 {float:left; width:100%!important; margin: 3px 0 0 0;  padding:0!important; }

.titleHow {background: #f46478; border: 1px solid #f46478!important;}
.titleWhen {background:#ebebeb; border: 1px solid #ebebeb!important;}

	#patCol1, #patCol2, #patCol3{float:left; width:auto!important;  padding:0; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;}

	a.pChart, a.pChart:visited {display:block; width:auto!important; height: auto!important; padding:10px!important; color:#444; text-decoration:none; position: relative; }
	a.pChart:hover {background: #e7e7e7; text-decoration:none;}
	
	.learn {display:block; font-style:italic; text-transform: uppercase; position:relative!important; bottom:0!important; right:0!important; margin-top:5px;}
	.learnArrow {color:#ff3366;}
	a.pChart:hover span.learnArrow{color:#207fa9;} 
/*==== End Paternity Page Mobile Overrides ====*/

/*==== Parent Services Page Mobile Overrides ====*/
	#calloutWrap{float:left; width:100%!important;}
	#calloutWrap .linkBox2 {width:90%!important; margin:0 0 10px 0!important; padding-right: 0px!important; border: 1px solid #ebebeb!important;}
	#calloutWrap .linkBox {width:90%!important;margin: 5px 10px 0 0!important; border: 1px solid #ebebeb!important; padding: 20px 0px 5px 20px!important; }
	/* #calloutWrap .linkCall {width:90%!important;margin: 5px 10px 0 0!important; border: 1px solid #ebebeb!important; padding: 20px 0px 5px 20px!important; } */
	#calloutWrap .linkcallWrap {width:94%!important;margin: 5px 10px 0 0!important; border: 0!important; padding: 0px!important; background-color:none!important;}
    #calloutWrap .linkcallWrap .linkCall {margin: 10px!important; padding:10px!important;}
	#calloutWrap .linkcallWrap .linkCall span.pipe {display:block!important;}
	#calloutWrap .linkcallWrap .linkCall span.pipe:after {content: " "!important;}
/*==== End Parent Services Page Mobile Overrides ====*/

/*==== Genetic Testing Page Mobile Overrides ====*/
	#gtCallout {float:left!important; clear:both!important; margin: 0 20px 8px 0!important;}
	.gtContentWrap {float:left!important;}
/*==== End Genetic Testing Page Mobile Overrides ====*/

/*==== Payment Page Mobile Overrides ====*/

   /*==== Make Payment Page Overrides ====*/

 /*
 #pmtLinkWrap .pmtLink {display:none!important;}*/
.contentBox {background: #fafafa!important; border: 1px solid #e0e0e0!important; padding-right:0px!important;}
.contentBoxPP {background: #fafafa!important; border: 1px solid #e0e0e0!important; padding-right:0px!important;}


#contentColLeftPmt{float:left!important; width: 90%!important; min-height:auto!important; margin: 0 0 10px 0!important; border: 1px solid #e0e0e0!important; }
#contentColRightPmt {float:left!important; width: 90%!important; min-height:auto!important; margin: 0 0 10px 0!important; border: 1px solid #e0e0e0!important;  }
.imageStyle {width: 100%!important;	height: auto;}

	/*==== Prepaid Card Page Overrides ====*/
#calloutCol {float:left!important; width: 100%!important;}
.colLeft {float:left!important; width: 100%!important; clear:both!important; margin-right:10px; }
.pmtCall {border: 1px solid #ebebeb!important;}

	/*==== Receive Payments Card Page Overrides ====*/
#contentColLeft{float:left!important; width: 90%!important; min-height:auto!important; margin: 0 0 10px 0!important; border: 1px solid #ebebeb!important;}
#contentColRight {float:left!important; margin: 0 0 10px 0!important; width: 90%!important; min-height:auto!important; border: 1px solid #ebebeb!important;}
.contentFull {float:left!important;}
.feature {border: 1px solid #afccdd!important; padding: 0px 0px 15px 15px!important;}
.contentWrap a.btnBox, .contentWrap a.btnBox:visited {border: 1px solid #ebebeb!important;}
.contentWrap a.btnBox:hover {border: 1px solid #ebebeb!important;}
#ppCallout  {float:left!important; width: 100%!important;height:auto!important; margin: 0px 0px 10px 0px!important;padding: 2px!important; border : 1px solid #ebebeb!important;}
.pp {background: transparent url(/childsupport/PublishingImages/make_pmt/pmnt_history_icon.png) no-repeat 5px 15px!important;}

/*==== End Payment Page Mobile Overrides ====*/


/*==== Job Resources Subsite Page Mobile Overrides ====*/	

.countyMenuWrap {width:100%!important;}
a.topLink, a.toplink:visited  {float:right!important; margin: 2px 2px 10px!important; }

/*====  Job Resources Subsite Page Mobile Overrides ====*/

/*==== Parenting Time Plan SUBSITE page Mobile Overrides ====*/	
.ptpLink {float:left!important; border: 1px solid #ebebeb!important; width: 100%!important; }
/*==== END Parenting Time Plan SUBSITE page Mobile Overrides ====*/	


/*==== Apply SUBSITE page Mobile Overrides ====*/	
.contentWrap .boxStyle {
    width: 90%!important;
    margin: 5px 10px 0 0!important;
    border: 1px solid #ebebeb!important;
    padding: 20px 0px 5px 20px!important;
    height: auto!important;
}

#applyCallout {float:left!important; clear:both!important; width: 100%!important; padding: 0px!important; margin :10px 0px 15px 0!important;}

/*==== END Apply SUBSITE page Mobile Overrides ====*/	

/*==== Apply Resources for Parents subsite page Mobile Overrides ====*/	
.columnLeft {float:left!important; width:97%!important; margin: 0px!important; padding: 0px!important; line-height:1.5em!important;}
.columnRight {float:left!important; width:97%!important; margin: 0px!important; padding: 0px!important; line-height:1.5em!important;}



/*==== Apply Community Resources subsite page Mobile Overrides ====*/	
.jobCall{width:97%!important; padding-left:10px!important; margin:0 0 10px 0!important;}
a.jobLink:hover {opacity: 0.7!important;}




div#colWrap {height:auto!important; width:100%!important; padding:0!important; margin:0!important;}
div.colLeft {float:left!important; width:90%!important;  margin: 0px!important; padding: 0px!important; line-height:1.5em!important; }
div.colRight {float:left!important; width:90%!important;  margin: 0px!important; padding: 0px!important; line-height:1.5em!important;}


/*==== video callout code not currently used ====*/
.vidWrap {margin-top: 0px!important; padding:10px!important; border: 1px solid #ccc!important;}
div.vid {height: auto!important; background: transparent url(/childsupport/PublishingImages/video_icon.png) top left no-repeat!important; margin: 0 10px!important; padding: 0px 0px 0px 65px!important;}
/*==== end video callout code not currently used ====*/

div.fhCall {padding: 0px!important; margin: 20px 0 0 10px!important;}
div.fhCall a, div.fhCall a:visited {display:block!important; height:45px!important; width: auto!important;  text-decoration:none!important; background: #6aa3b9 url(/childsupport/PublishingImages/video_icon_white.png) 20px 20px no-repeat!important; color:#fff!important; padding: 20px!important; margin:10px 0!important;}
div.fhCall a:hover {background-color: #ff3366!important;}
div.fhCall a span {display:block!important; padding-left: 70px!important; font-size: 1.2em!important;}
div.fhCall a span.fhline2 {display:block!important; padding-left: 70px!important; font-size: 1em!important;}

div.spanishCall {padding: 0px!important; margin: 20px 0 0 10px!important;}
div.spanishCall a, div.spanishCall a:visited {display:block!important; height:40px!important; width: auto!important;  text-decoration:none!important; background: #003366 url(/childsupport/PublishingImages/icon_spanish_lang.png) 20px 20px no-repeat!important; color:#fff!important; padding: 20px!important; margin:10px 0!important;}
div.spanishCall a:hover {background-color: #ff3366!important;}

div.spanishCall a span {display:block!important; padding-left: 60px!important; font-size: 1.2em!important;}

/*==== END Community Resources subsite page Mobile Overrides ====*/	

/*==== Apply SPANISH subsite page Mobile Overrides ====*/	
/*==== Contact section ====*/
.colBoxSp {float:left!important; width:90%!important;  margin: 0px 0px 10px 0px!important; padding: 0px!important; line-height:1.5em!important;}
.colBoxSpR {float:left!important; width:90%!important; margin: 0px!important; padding: 0px!important; line-height:1.5em!important;}
/*==== publications section ====*/	
.colLeft {float:left!important; width:90%!important; margin: 0px!important; padding: 0px!important; line-height:1.5em!important;}
.colRight {float:left!important; width:90%!important; margin: 0px!important; padding: 0px!important; line-height:1.5em!important;}
.vidSpWrap {margin-top: 20px!important; padding: 0px!important;}
div.vidSp {height: auto!important; width:90%!important; background: transparent url(/childsupport/PublishingImages/video_icon.png) top left no-repeat;!important; margin: 0px!important; padding: 0px 0px 0px 55px!important;}
/*==== END Apply SPANISH subsite page Mobile Overrides ====*/	


/*==== Compliance pages Mobile Overrides ====*/	
#linkBoxCenterWrap {width: 100%!important; height:auto!important; margin: 0 auto 10px auto!important; }
.linkBoxCenter {display:block!important; width:80%!important; height:auto!important; margin: 0 auto!important; text-align:left!important; }


/* === Callout with Interior text links === */
#compCallout {float:left!important; width: 90%!important; height:auto!important; margin: 0 0 20px 0px!important; padding: 20px!important; border:1px solid #ebebeb!important; background-color: #e9f2f7!important;
}

/* === Clerk subsite landing page calendar and header === */
#content-mobile {display:inline!important; }
#calWrap .month {width: 100%!important; min-height: auto!important; margin: 10px 0px 0 0!important;}
#calWrap .boxTall {width: 100%!important; height:auto!important; margin: 10px 0px 0 0!important;}
#calWrap .boxTall2 {width: 100%!important; height:auto!important; margin: 10px 0px 0 0!important;}


/*=== Change Support Order Page callout Styles ===*/

#soCalloutImg {float:left!important; width: 100%!important; height:470px!important; margin: 10px 0 20px 10px!important; padding: 0px!important; border:0px!important; background:transparent url(/childsupport/PublishingImages/support_orders/support_order_review_graphic.png) no-repeat 0 0!important;}

/* ==== About Us Page Mobile Overrides phone ====*/

.aboutContent {float:left!important; width:100%!important; margin-top:0px!important; }
.contentWrap .callAbout {float:left!important; width:95%!important; }

/*==== END About Us Page Mobile Overrides phone ====*/

/* mobile override 988 CALLOUT on email us page */
.llCall {display:block!important; width: 345px!important; height:140px!important; background: #fff url(/childsupport/PublishingImages/988_call_bg.png) center 5px  no-repeat!important; border: 2px solid #4b5c77!important; padding:10px!important; margin:10px!important;}

.llCall span.llText {display:block!important; width:100%!important; height:auto!important; margin-top: 60px!important;}

/* END mobile override 988 CALLOUT on email us page */



}/*=== End custom style and overrides for phone ===*/


/*========================================== custom style and overrides for style_tablet_cs.css TABLET ===*/
@media screen and (min-width:481px) and (max-width:1016px)
{

	.contentWrap {width:100%!important; height:100%!important; background: #fff!important; } /* padding left and right must be 0 for mobile styles */
	.contentWrap p {margin-left:10px!important; } /* added margin-left for paragraphs inside the main wrap div on mobile for tablets */
	.parents {margin-bottom: 20px!important;margin-top: 20px!important; }
	.chat {width: 220px!important;}
	.emp {height:100%!important;}
	.emailHP {margin-bottom: 20px!important;margin-top: 20px!important; }
	.side_menu1 ul li a:link {text-shadow: none!important;}
	.side_menu1 a:hover {text-decoration: underline!important;}
	.side_menu1 h2, .side_menu1_alt h2, .side_menu2 h2, .side_menu3 h2, .side_menu4 h2 {width:auto!important;}
	.imageHeader {display:none;}
	
	
/* used for 988 CALLOUT on email us page */
.llCall {border: 2px solid #4b5c77!important;}

/* END used for 988 callout on email us page */

	
/*==== Contact Page Mobile Overrides 2020 ====*/	
	#contactBox {float:left!important; width:auto!important;}
	#contactBox h3 {padding: 0px 0px 0px 5px!important;}
	.colBoxSm {float:left!important; width:30%!important;  margin: 0px 20px 20px 0px!important; padding: 0px!important;}
	.colBoxSmR {float:left!important; width:33%!important;  margin: 0px 0px 20px 0px!important;  padding: 0px!important;}
	#contactBox .eServ {float: left!important; width: 200px!important; height:114px!important; margin: 0!important;}
	#contactBox .chat2 {float: left!important; width: 260px!important; height:114px!important; margin: 0!important;}
	#boxCSP {float:left!important; width:45%!important;  margin: 0px 00px 10px 0px!important; padding: 0px!important; border: 1px solid #13348e!important;}
	#boxSDU {float:left!important; width:45%!important;  margin: 0px 20px 10px 0px!important; padding: 0px!important; border: 1px solid #358698!important;}
	#boxInfo {float:left!important; width:100%!important;  margin: 0px 0px 10px 0px!important; padding: 0px!important; border: 1px solid #465c97!important;}
	#boxCSP h2, #boxSDU h2, #boxInfo h2 {margin: 0px 0px 8px 0px!important; padding: 0px 0px 0px 5px!important;}


	
/*==== Paternity Page Mobile Overrides ====*/
	#gtCallout2 {float:left!important; border: 1px solid #ebebeb!important; }
	.contentBlock {float:left;}
	
	#patChartWrap {float:left; width:auto!important;  padding:0;}
	#patColWrap1 {float:left; width:auto!important; margin: 3px 0 0 0; padding:0; }
	#patColWrap2 {float:left; width:auto!important; margin: 3px 0 0 0; padding:0;}
	#patColWrap3 {float:left; width:auto!important; margin: 3px 0 0 0;  padding:0; }

.titleHow {background: #f46478; border: 1px solid #f46478!important;}
.titleWhen {background:#ebebeb; border: 1px solid #ebebeb!important;}

	#patCol1, #patCol2, #patCol3{float:left; width:auto!important;  padding:0; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;}

	a.pChart, a.pChart:visited {display:block; width:auto!important; height: auto!important; padding:10px!important; color:#444; text-decoration:none; position: relative; }
	a.pChart:hover {background: #e7e7e7; text-decoration:none;}
	
	.learn {display:block; font-style:italic; text-transform: uppercase; position:relative!important; bottom:0!important; right:0!important; margin-top:5px;}
	.learnArrow {color:#ff3366;}
	a.pChart:hover span.learnArrow{color:#207fa9;} 
/*==== End Paternity Page Mobile Overrides ====*/

/*==== Parent Services Page Mobile Overrides ====*/
	#calloutWrap{float:left; width:100%!important;}
	#calloutWrap .linkBox2 {width:43%!important; height: 100px!important; margin:10px 10px 0 0!important; padding: 20px 0px 5px 20px!important; border: 1px solid #ebebeb!important; }
	#calloutWrap .linkBox {width:43%!important; margin: 10px 10px 0 0!important; border: 1px solid #ebebeb!important; padding: 20px 0px 5px 20px!important; }
	#calloutWrap .linkcallWrap {width:92%!important;margin: 5px 10px 0 0!important; border: 0!important; padding: 0px!important; background-color:none!important;}
	#calloutWrap .linkcallWrap .linkCall {margin: 10px!important; padding:10px!important;}
	

/*==== End Parent Services Page Mobile Overrides ====*/

/*==== Genetic Testing Page Mobile Overrides ====*/
	#gtCallout {}
/*==== End Genetic Testing Page Mobile Overrides ====*/


/*==== Payment Page Mobile Overrides ====*/

 /*==== Make Payment Page Overrides ====*/

/*
#pmtLinkWrap {padding:0px!important;}
#pmtLinkWrap .pmtLink {padding:100px 0px 0px 0px!important; margin-left:10px!important; }
*/

.contentBox {background: #fafafa!important; border: 1px solid #e0e0e0!important; padding-right:0px!important;}
.contentBoxPP {background: #fafafa!important; border: 1px solid #e0e0e0!important; padding-right:0px!important;} 


#contentColLeftPmt{float:left!important; width: 90%!important; min-height:auto!important; margin: 0 0 10px 0!important; border: 1px solid #e0e0e0!important; }
#contentColRightPmt {float:left!important; width: 90%!important; min-height:auto!important; margin: 0 0 10px 0!important; border: 1px solid #e0e0e0!important;  }
.imageStyle {width: 100%!important;	height: auto;}


	/*==== Prepaid Card Page Overrides ====*/
#calloutCol {float:left!important;}
.colLeft {float:left!important; clear:both!important; margin-right:10px; }
.pmtCall {border: 1px solid #ebebeb!important;}
	/*==== Receive Payments Card Page Overrides ====*/

#contentColLeft{float:left!important; width: 90%!important; margin-bottom:5px!important; min-height: 0!important; border: 1px solid #ebebeb!important;}
#contentColRight {float:left!important; width: 90%!important; margin-left:0!important; min-height: 0!important; border: 1px solid #ebebeb!important;}
.contentFull {float:left!important; width: 90%!important;  margin-left:0!important;}
.contentFull p {margin-left: 10px!important;}
.feature {border: 1px solid #afccdd!important; padding: 0px 0px 15px 15px!important;}
.contentWrap a.btnBox, .contentWrap a.btnBox:visited {border: 1px solid #ebebeb!important;}
.contentWrap a.btnBox:hover {border: 1px solid #ebebeb!important;}
#ppCallout  {float:left!important; width: 100%!important;height:auto!important; margin: 0px 0px 10px 0px!important;padding:10px!important; border: 1px solid #ebebeb!important;}
.pp {background: transparent url(/childsupport/PublishingImages/make_pmt/pmnt_history_icon.png) no-repeat 5px 15px!important;}
/*==== End Payment Page Mobile Overrides ====*/

/*==== Apply SUBSITE page Mobile Overrides ====*/	
.contentWrap .boxStyle {
    width: 90%!important;
    margin: 5px 10px 0 0!important;
    border: 1px solid #ebebeb!important;
    padding: 20px 0px 5px 20px!important;
    height: auto!important;
}

#applyCallout {float:left!important; clear:both!important; margin: 10px 20px 15px 0!important; }


/*==== END Apply SUBSITE page Mobile Overrides ====*/	



/*==== Apply Resources for Parents subsite page Mobile Overrides ====*/	
.columnLeft {float:left!important; width:97%!important; margin: 0px!important; padding: 0px!important; line-height:1.5em!important;}
.columnRight {float:left!important; width:97%!important; margin: 0px!important; padding: 0px!important; line-height:1.5em!important;}


/*==== Apply Community Resources subsite page Mobile Overrides ====*/	
.jobCall{width:97%!important; padding-left:10px!important; margin:0 0 10px 0!important;}
a.jobLink:hover {opacity: 0.7!important;}



div#colWrap {height:auto!important; width:100%!important; padding:0!important; margin:0!important;}
div.colLeft {float:left!important; width:90%!important;  margin: 0px!important; padding: 0px!important; line-height:1.5em!important; }
div.colRight {float:left!important; width:90%!important;  margin: 0px!important; padding: 0px!important; line-height:1.5em!important;}

/*==== video callout code not currently used ====*/
.vidWrap {margin-top: 0px!important; padding:10px!important; border: 1px solid #ccc!important; margin-left:10px!important;}
div.vid {height: auto!important; background: transparent url(/childsupport/PublishingImages/video_icon.png) top left no-repeat!important; margin: 0 10px!important; padding: 0px 0px 0px 65px!important;}
/*==== end video callout code not currently used ====*/


div.fhCall {padding: 0px!important; margin: 20px 0 0 10px!important;}
div.fhCall a, div.fhCall a:visited {display:block!important; height:45px!important; width: auto!important;  text-decoration:none!important; background: #6aa3b9 url(/childsupport/PublishingImages/video_icon_white.png) 20px 20px no-repeat!important; color:#fff!important; padding: 20px!important; margin:10px 0!important;}
div.fhCall a:hover {background-color: #ff3366!important;}
div.fhCall a span {display:block!important; padding-left: 70px!important; font-size: 1.2em!important;}
div.fhCall a span.fhline2 {display:block!important; padding-left: 70px!important; font-size: 1em!important;}


div.spanishCall {padding: 0px!important; margin: 20px 0 0 10px!important;}
div.spanishCall a, div.spanishCall a:visited {display:block!important; height:40px!important; width: auto!important;  text-decoration:none!important; background: #003366 url(/childsupport/PublishingImages/icon_spanish_lang.png) 20px 20px no-repeat!important; color:#fff!important; padding: 20px!important; margin:10px 0!important;}
div.spanishCall a:hover {background-color: #ff3366!important;}
div.spanishCall a span {display:block!important; padding-left: 60px!important; font-size: 1.2em!important;}



/*==== END Community Resources subsite page Mobile Overrides ====*/	


/*==== Apply SPANISH subsite page Mobile Overrides ====*/	
/*==== Contact section ====*/
.colBoxSp {float:left!important; width:90%!important;  margin: 0px 0px 10px 0px!important; padding: 0px!important; line-height:1.5em!important;}
.colBoxSpR {float:left!important; width:90%!important; margin: 0px!important; padding: 0px!important; line-height:1.5em!important;}
/*==== publications section ====*/	
.colLeft {float:left!important; width:90%!important; margin: 0px!important; padding: 0px!important; line-height:1.5em!important;}
.colRight {float:left!important; width:90%!important; margin: 0px!important; padding: 0px!important; line-height:1.5em!important;}
.vidSpWrap {margin-top: 20px!important; padding: 0px!important;}
div.vidSp {height: auto!important; width:90%!important; background: transparent url(/childsupport/PublishingImages/video_icon.png) top left no-repeat;!important; margin: 0px!important; padding: 0px 0px 0px 55px!important;}
/*==== END Apply SPANISH subsite page Mobile Overrides ====*/	


/*==== Compliance pages Mobile Overrides ====*/	
#linkBoxCenterWrap {width: 100%!important; height:auto!important; margin: 0 auto 10px auto!important; }
.linkBoxCenter {display:block; width:375px!important; height:auto!important; margin: 0 auto!important; text-align:left!important;}

/* === Callout with Interior text links === */
#compCallout {float:left!important; width: 90%!important; height :auto!important; margin: 0 10px 30px 15px!important; padding: 20px 0px!important; border:1px solid #ebebeb!important; background-color: #e9f2f7!important;
}


/* === Clerk subsite landing page calendar and header === */
#content-mobile {display:inline!important; }


/*==== About Us Page Mobile Overrides tablet ====*/

.aboutContent {width:62%!important;}
.contentWrap .callAbout  {border:1px solid #006699!important;}


/*==== END About Us Page Mobile Overrides tablet ====*/



} /*=== End custom style and overrides for style_tablet_cs.css ===*/






/*=== +++++++++++++++++++++++++++++++++++++++++++++++++++ custom styles and overrides for interior pages content area +++ ===*/


a.anchor { /* === adds space above the anchor links to adjust for floating main menu  ===*/

    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}


.ExternalClass div.content_box {
border:none;
}

a:link, a:visited {color:#207fa9;}
a:link.external::after{content: url(/childsupport/PublishingImages/icon_ext_link.png); margin: 0 0 0 5px;} /* === insert external link icon ===*/

a:link.pdf::after{content: url(/childsupport/PublishingImages/pdficon_small.png); margin: 0 0 0 5px;} /* === insert PDF document link icon ===*/


h1#csp {font-size: 1.57em; color: #003366; margin: 0 0 10px 0;} /* 14x1.57=22px; */
.content .right_column p {margin:10px 0; font-size: 1em} /* 14x1=14px; Override the 13px p tag in the master stylesheet to make font sizes match for text content */

.content .right_column p.smallText {font-size: 0.78em; margin-top:3px;} /* 14x0.78=11px; */

.content .right_column h2 {color: #003366; margin: 12px 0 8px 0; font-family: "Segoe UI Semilight","Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif; font-weight: 400;}
.content .right_column h3.mainText {font-size: 1.14em; color: #003366;} /* 14x1.14=16px; */
.content .right_column h3.mainTextBold {font-size: 1.14em; color: #003366; font-weight:600;} /* 14x1.14=16px; */

/*.content .right_column h3 {color:#009999; font-weight:700;}*/
.content .right_column h4 {color: #003366;}
.content .right_column h5 {color: #a9a9a9; margin-bottom:15px;}
]

.content .right_column .aqua {color:#009999; font-weight:600;}
.content .right_column .blue {color: #003366; font-weight:600;} 
.content .right_column .grey {color: #444; font-weight:600;} 

.content .right_column em {font-style:italic}
.content .right_column ul {margin:10px 0; padding:0;}
.content .right_column ul li {margin:0 0 4px 20px; padding:0 0 0 4px; font-size:1em;} /* 14x1=14px; */

.content .right_column ul.indent {margin:10px 0; padding:0 0 0 20px;}
.content .right_column ul.indent li {margin:0 0 4px 20px; padding:0 0 0 4px; font-size:1em;} /* 14x1=14px; */

.content .right_column ul.indentCond {margin:10px 0; padding:0 0 0 20px;}
.content .right_column ul.indentCond li {margin:0 0 0px 20px; padding:0 0 0 4px; font-size:1em;} /* 14x1=14px; */

.content .right_column ul.indentCondSm {margin:10px 0; padding:0;}
.content .right_column ul.indentCondSm li {margin:0 0 0px 0px; padding:0 0 0 4px; font-size:0.9em;} /* 14x1=14px; */


.content .right_column .contentWrap ol {margin:10px 0px; padding:0;}
.content .right_column .contentWrap ol li {margin:0 0 4px 25px; padding:0 0 8px 0; font-size:1em;} /* 14x1=14px; */


.content .right_column ul.featureList { /* === style unordered list with colored bullets ===*/
}
.content .right_column .featureList li {color:#ff3366; margin: 0 5px 5px 20px;}
.content .right_column .featureList li span {color:#444;}

.content .right_column ul.imgList {margin:5px 0 10px 30px; padding:0;}
.content .right_column ul.imgList li {margin-left: 40px;}
.photoLeft {float:left; margin-right:10px;}
#featureBox {float:left; margin: 10px 0; padding:0; background: #ebebeb; border: 1px solid #ccc;}
#featureBox h2 {background:#ccc; color:#003366; margin:0; padding:10px; font-weight:600;}


#cspfeatureBox li {color:#207fa9; font-weight:700; margin:6px 0;}
#cspfeatureBox li span {color:#444; font-weight: 400;}
#cspfeatureBox li ol {list-style-type: none;}
#cspfeatureBox li ol li {color:#444; font-weight:400; margin:6px 20px;}
.featureBoxContent {margin:20px; padding:0px}


#featureBox li {color:#207fa9; font-weight:700; margin:6px 0;}
#featureBox li span {color:#444; font-weight: 400;}
#featureBox li ul {list-style-type: none;}
#featureBox li ul li {color:#444; font-weight:400; margin:6px 20px;}
.featureBoxContent {margin:20px; padding:0px 10px;}
sup.color {color:#207fa9;}
.content .right_column em.SC {font-variant: small-caps; font-style:normal;}

a.linkStyle, a.linkStyle:visited {color:#207fa9; font-style:italic; text-decoration:none;}
a.linkStyle:hover {color:#ff3366; text-decoration:none;}
a.linkStyle span {color:#ff3366;}
a.linkStyle:hover span {color:#207fa9;}

a.linkStyle2, a.linkStyle2:visited {color:#207fa9; font-weight:700; text-decoration:none;}
a.linkStyle2:hover {color:#ff3366; text-decoration:none;}
a.linkStyle2 span {color:#ff3366;}
a.linkStyle2:hover span {color:#207fa9;}


.cspAlert {float:left; width:auto; padding:20px 0px; margin: 0px; background:#fff19d; color:#444; border:1px solid #ffcc33;}
.cspAlert h2 {color: #003366; margin: 0 0 8px 0; font-family: "Segoe UI Semilight","Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif; font-weight: 400;}


/* ============= FL Clerk Pages Styles ================ */
#content-mobile {display:none;}
#calWrap {position: relative; width:100%; height:auto; padding:3px; margin: auto; background: #fff;}
.month {display:block; float:left; width: 31%; min-height: 120px; margin: 10px 8px 0 0; background:#f7fbff; border: 1px solid #ccc; padding:0px;}
/* .boxTall {height: 550px;} */
/* .boxTall2 {height: 385px;} /*row 2 calendar - this code is now included on the content page for frequent updates. Mobile styles are in this CSS document */
.light {color:#B0B0B0;}

.colR {margin: 10px 0 0 0;}
#calWrap span.title {display:block; text-transform: uppercase; background: #003366; color:#fff; font-size: 1.28em; padding: 10px; text-align: center;}
#calWrap .month span.info {display:block; padding: 5px; margin:0;}
.annualCal {display:block; width:95%; text-align:right; text-transform:uppercase; font-style:italic;}
span.due {display:block; text-transform:uppercase; font-size: .75em; color:#808080;}
span.date {display:block; text-transform:uppercase; font-size: 1em; color:#003366; font-weight:bold;}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.contentWrap h2.iconCal {width:auto; height:40px; padding: 10px 0 0 45px; margin:0; background: transparent url(/childsupport/PublishingImages/fl_clerk/icon_cal.png) left center no-repeat;}
h2#iconNews {width:auto; height:40px; padding: 10px 0 0 45px; margin:0; background: transparent url(/childsupport/PublishingImages/fl_clerk/icon_news.png) left center no-repeat;}

#calWrap .month ul {list-style-type:none; }
#calWrap .month li {margin:0; padding:4px; }
.content .right_column .contentWrap ul.calBox {margin: 0 0 0 10px;}

.content .right_column .contentWrap ul.noBullets {margin: 0 0 0 10px; list-style-type:none;}

/* Full Calendar Page */
.content .right_column .contentWrap ul {margin: 0 0 0 20px;}
h2.MM {border-top: 1px solid #ccc; padding: 10px 0 0 0; margin:0;}


span.brief a.textButton,  span.brief a.textButton:visited {
    background-color: #2d67b2;
    color: #fff;
    border: none;
    padding: 8px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    border-radius: 10px;
    cursor: pointer;
}


span.brief a.textButton:hover {background-color: #81a4d1; color:#fff; text-decoration: none;}  
  
/* ============= End FL Clerk Pages Styles ================ */

/*========== Economic Offset Page COVID-19 Styles SUBSITE Page ====*/

.contentWrap h2.boldStyle {
    font-size: 1.35em;
    font-weight: 600;
    text-decoration: none;
    color: #003366;
    padding: 0px;
    margin-bottom: 12px;
}


.contentWrap h3.boldStyle {
    font-size: 1.28em;
    font-weight: 600;
    text-decoration: none;
    color: #003366;
    padding: 0px;
    margin-bottom: 0px;
}

.payBox {width:90%; margin: 10px; padding:20px; background-color: #efefef; border: 1px solid #ccc; }

.dateTableWrap {overflow-x:auto; padding :0; margin:10px 0px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: none;}

.dateTable th {
	padding: 15px;
	background-color: #6aa3b9;
	color: white;
	text-align: center;
	border-right: 1px solid #ddd;
}

.dateTable td{
  	padding: 15px;
  	text-align: center;
  	border-bottom: 1px solid #ddd;
  	border-right: 1px solid #ddd;
}


.dateTable tr:nth-child(even) {background-color: #f2f2f2;}

span.strike {text-decoration: line-through;}

/*========== END Economic Offset Page COVID-19 Styles SUBSITE Page ====*/



/*========== Coronavirus COVID-19 Page Styles SUBSITE Page ====*/

.officeInfo {float:left; width:auto; background: #efefef; color:#003366; padding:20px; margin:0 0 10px 0; border: 1px solid #003366; }
.officeInfo h3 {color:#003366; font-weight:600;}
.officeInfo span {display:block; float:right; margin: 5px; font-size: 1em; }

#contactBoxCV {float:left; width:auto;}
.colBoxCV {float:left; width:45%;  margin: 0px 20px 20px 0px; padding: 0px; line-height:1.5em;}
.colBoxCVR {float:left; width:45%;  margin: 0px 0px 20px 0px; padding: 0px; line-height:1.5em;}

.content .right_column #contactBoxCV ul {padding-left: 75px; margin:0px;}
.content .right_column #contactBoxCV ul li {padding:0; margin:0px;}
#contactBoxCV .title {display:block; font-size: 1.429em; padding: 0px 0px 5px 50px; margin:0px;} /* 1.429em = 22px */
#contactBoxCV .title2 {display:block; font-size: 1.2em; padding: 0px 0px 0px 50px; margin:0;} /* 1.429em = 22px */

#contactBoxCV .brief {display:block; padding: 0px 0px 5px 50px;} 
#contactBoxCV .briefSmall {display:block; padding: 0px 0px 0px 50px; margin:0; font-size: 0.78em; line-height: 1.4em;} /* 14x0.78=11px; */
#contactBoxCV .briefSmall a {display:block; font-size: 1em; line-height: 1.4em;} /* 14x0.78=11px; */

#boxNew {float:left; width:48%; min-height: 400px; margin: 0px 20px 20px 0px; padding: 0px; line-height:1.5em; border: 1px solid #13348e;}
#boxOrig {float:left; width:48%; min-height: 400px; margin: 0px 0px 20px 0px; padding: 0px; line-height:1.5em; border: 1px solid #358698;}
#boxMore {float:left; width:100%;  margin: 0px 0px 20px 0px; padding: 0px; line-height:1.5em; border: 1px solid #465c97;}
#boxNew h2 {background: #13348e; color:#fff; margin:0; padding: 5px 8px 10px 10px}
#boxOrig h2 {background: #358698; color:#fff; margin:0; padding: 5px 8px 10px 10px}
#boxMore h2 {background: #465c97; color:#fff; margin:0; padding: 5px 8px 10px 10px}
#boxMore h2.plain {color: #003366; background:transparent;  margin: 12px 0 0px 0; padding: 0;
    font-family: "Segoe UI Semilight","Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    font-weight: 400;}
#boxMore h3 {color: #003366; background:transparent;  margin: 12px 0 0px 0; padding: 0;
    font-family: "Segoe UI Semilight","Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    font-weight: 700;}


.cspMail {background: transparent url("/childsupport/PublishingImages/contact/icon_mail.png") no-repeat scroll 0 0; margin: 20px 10px 0px;}
.cspFax {background: transparent url("/childsupport/PublishingImages/contact/icon_fax.png") no-repeat scroll 0 0; margin: 20px 10px 0px;}
.cspEmail {background: transparent url("/childsupport/PublishingImages/contact/icon_email.png") no-repeat scroll 0 0; margin: 20px 10px 0px;}
.cspDrop {background: transparent url("/childsupport/PublishingImages/contact/icon_drop_box.png") no-repeat scroll 0 0; margin: 20px 10px 0px;}


.cspeServ {background: transparent url("/childsupport/PublishingImages/contact/icon_eservices.png") no-repeat scroll 0 0; margin: 20px 10px 0px; }
.cspPhone {background: transparent url("/childsupport/PublishingImages/contact/icon_cs.png") no-repeat scroll 0 0; margin: 20px 10px 0px; }
.cspChat  {background: transparent url(/childsupport/PublishingImages/home/icon-chat.png) no-repeat scroll 0 0; margin: 15px 10px 0px;}
.cspEmail2 {background: transparent url("/childsupport/PublishingImages/contact/icon_email.png") no-repeat scroll 0 0; margin: 14px 10px 0px;}


.red {color:red;}

a.linkButton, a.linkButton:visited {background-color: #2d67b2;
         border: none;
         color: white;
         padding: 10px;
         text-align: center;
         text-decoration: none;
         display: inline-block;
         font-size: 14px;
         margin: 4px 2px;
         cursor: pointer;}
         
 a.linkButton:hover {background-color: #81a4d1; color:#fff; text-decoration: none;
}        
         
/*==== END COVID-19 SUBSITE page ====*/



/*==== Spanish SUBSITE page ====*/

/*== spanish contact section ====*/
#spCall {background: transparent url("/childsupport/PublishingImages/contact/icon_cs.png") no-repeat scroll 0 0; margin: 0px 10px; padding: 0 5px 0 30px;}

.contentWrap #spCall h2 {
    font-size: 1.28em;
    font-weight: 600;
    text-decoration: none;
    color: #3d61c9;
    padding: 0px 0 0 20px;
    margin-bottom: 10px;
}

.contentWrap #spCall h2 span {
display: block;
    font-size: 0.78em;
    color: #333;
    font-family: "Open Sans",Helvetica,sans-serif;
}

.content .right_column .contentWrap #spCall p {
padding: 0px 0px 0px 20px;
margin:0;
}

.colBoxSp {float:left; width:35%;  margin: 0px; padding: 0px; line-height:1.5em;}
.colBoxSpR {float:left; width:45%;  margin: 0px; padding: 0px; line-height:1.5em;}

/*== spanish publications section ====*/

.colLeft {float:left; width:50%;  margin: 0px; padding: 0px; line-height:1.5em;}

.colRight {float:left; width:45%;  margin: 0px; padding: 0px; line-height:1.5em;}

.vidSpWrap {margin-top: 20px; padding: 10px; border: 1px solid #ccc;}

div.vidSp {
height: auto; background: transparent url(/childsupport/PublishingImages/video_icon.png) top left no-repeat; margin: 0 10px; padding: 0px 0px 0px 65px; 
}

.content .right_column ul.listStyleLinks  {
list-style-type: none;
margin: 0px;
}

.content .right_column ul.listStyleLinks li {padding: 12px 0 0 0;}

/*==== Apply for Services SUBSITE page ====*/

#applyCallout {
    float: right;
    width: 285px;
    height: 218px;
    margin: 0 0 0 10px;
    padding: 15px;
    background-color:#fdf7cd;
    border: 1px solid #f8e038;  
}

#applyCallout:hover {
    background-color: #fefceb;  
}

a.appCallLink {
	position: relative;
    background: transparent url(/childsupport/PublishingImages/apply/apply_call.png) no-repeat 0px 0px;
 	width: 285px;
    height: 218px;
 color: #444;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 1em;
    line-height: 1.2em;
    text-decoration: none;
}

#callLink.lm {display: block; position: absolute; bottom:0; right:8px;}
#contentColLeft.appCol, #contentColRight.appCol {min-height: 408px; margin-bottom: 10px} /* keeps columsn the same height if content is not equal in left and right columns */

.boxStyle {
display: block;
float: left;
width: 40%;
height: 165px;
color: #444;
border: 1px solid #cccccc;
margin: 0 20px 20px 0;
padding: 15px 5px 5px 15px;
line-height: 1.5em;
}

.tall {height: 300px;}

.boxStyle .title {text-transform: uppercase; color: #009999; font-weight:600;}


/*==== Parenting Time Plan SUBSITE page ====*/		
		
#calloutWrap .linkBox3 {display:block; position: relative; float:left; width:300px; height: 85px; color:#444; border: 1px solid #cccccc; margin: 0 20px 20px 0; padding: 20px 10px 5px 15px; line-height:1.5em;}
#calloutWrap a.linkBox3, #calloutWrap a.linkBox3:visited {float:left; background-color: #cccccc; display: block; text-decoration:none;}
#calloutWrap a.linkBox3:hover {background-color: #f2f2f2; border: 1px solid #e9f2f7;}

#calloutWrap .linkBox3 span.if {display:inline; font-weight:600; color:#018d84;} 

#calloutWrap .linkBox3 .learn {display:block; font-style:italic; text-transform: uppercase; position: absolute; bottom:10px; right:10px; }
#calloutWrap .linkBox3 .learnArrow {color:#ff3366; display:inline;}
a.pChart:hover span.learnArrow{color:#207fa9;} 

#calloutWrap .linkBox4 {display:block; position: relative; float:left; width:300px; height: 85px; color:#444; border: 1px solid #cccccc; margin: 0 20px 20px 0; padding: 20px 10px 5px 15px; line-height:1.5em;}
#calloutWrap a.linkBox4, #calloutWrap a.linkBox4:visited {float:left; background-color: #dbf1f1; display: block; text-decoration:none;}
#calloutWrap a.linkBox4:hover {background-color: #f2f2f2; border: 1px solid #e9f2f7;}

#calloutWrap .linkBox4 span.box4 {display:inline; font-weight:500;color: #003366;font-size: 1.14em;} 

#calloutWrap .linkBox4 .learn {display:block; font-style:italic; text-transform: uppercase; position: absolute; bottom:10px; right:10px; }
#calloutWrap .linkBox4 .learnArrow {color:#ff3366; display:inline;}

.content .right_column ul.listStyle {margin: 5px 0 0 20px;}
ul.listStyle li span {display:block;}


.crumbWrap  {margin:0;}
.crumbWrap .crumbs {display: block; text-transform: uppercase; font-size: 14px; font-weight: 400; margin: 0 0 0px 0; color: #666; text-align: right;}
.crumbWrap .crumbs a:link,.crumbWrap .crumbs a:visited {background: none; color:#0072bc; padding:0; margin:0; border: none;}
.crumbWrap .crumbs a:hover {text-decoration: underline;}
.crumbWrap a, .crumbWrap a:visited {color:#0072bc;}
.crumbs span.crumbArrow{color:#ff3366;}


#ptpCalloutWrap {}

/*a.ptpLink {display: block; float:right; width: 235px; height:210px; margin: 0 0 0 10px; border: 1px solid #ccc;background: transparent url(https://dorspdevint.fdor.dor.state.fl.us/childsupport/PublishingImages/parenting_time/ptp_callout.png) no-repeat scroll 0 0;
margin: 0 0 10px 15px;
padding: 8px 10px;
line-height: 1.4em;
text-decoration:none;
}
*/

a.ptpLink {display: block; float:right; width: 235px; height:190px; margin: 0 0 0 10px; border: 1px solid #ccc;background: transparent url(https://dorspdevint.fdor.dor.state.fl.us/childsupport/PublishingImages/parenting_time/ptp_callout.png) no-repeat scroll bottom left;
/*color: #003366;*/
margin: 0 0 10px 15px;
padding: 8px 0px;
font-size: 1em;  /* 14x1=14px; */
line-height: 1.4em;
text-decoration:none;
}


a.ptpLink span.title {color: #003366; font-size: 1.2em; display:block; margin: 0px 0 130px 10px;
}

.ptpLink span.lm  {
color:#444;
display: block; 
text-transform: uppercase;
margin: 0 10px 10px 10px;
text-align: right;
font-style: italic;
}

a.ptpLink span.lmArrow {
color: #ff3366;
}

a.ptpLink:hover {color: #207fa9; background-color: #e2e2e2; text-decoration:none;}

a.ptpLink:hover span.lmArrow {color: #207fa9;}


/*==== Community Resources styles SUBSITE  page  ====*/	
a.jobLink:hover {opacity: 0.7!important;}


/*==== End Community Resources styles SUBSITE  page  ====*/	



/* ===== Job Resources Styles SUBSITE page ====*/
.countyMenuWrap {width:450px;position:relative; margin-bottom:20px;}
.jobs h3 {margin-top: 10px;}
ul.countyMenu {padding:0; margin:0; list-style-type:none;}
.countyMenu li a {display:block; float:left; padding: 10px; margin:2px; width:15px; height:15px; background: #6eacc7; color:#fff; font-weight:700; border: 1px solid #ccc; text-decoration:none; text-align:center;}
.countyMenu li a:hover {background: #207fa9;}
.countyMenuWrap .title {font-weight: 700}


.contentWrap ul.jobLinks {list-style-type:none; margin: 5px 0 0 0; }
.contentWrap ul.subLinks {list-style-type:none; margin: 0 0 15px 15px;}

a.topLink, a.toplink:visited  {display:block; float:right; padding: 5px 10px; margin:2px; background: #6eacc7; color:#fff; font-weight:700; border: 1px solid #ccc; text-decoration:none; text-align:center;}
 
a.topLink:hover {background: #207fa9; color: #fff; text-decoration:none;}

 
/*========== New Contact Page Styles SUBSITE Page Updated 6/2020 ====*/
#contactBox {float:left; width:auto;}
.calloutWrap {float:left; width:95%;  margin: 0px 0px 0px 0px; padding: 0px; line-height:1.5em;} 
.colBox {float:left; width:45%;  margin: 0px 30px 20px 0px; padding: 0px; line-height:1.5em;} /* phase out IN PROGRESS */
.colBoxR {float:left; width:45%;  margin: 0px 0px 20px 0px; padding: 0px; line-height:1.5em;} /* phase out IN PROGRESS */

.colBoxSm {float:left; width:45%;  margin: 0px 10px 20px 0px; padding: 0px; line-height:1.5em;} /* IN PROGRESS */
.colBoxSmR {float:left; width:45%;  margin: 0px 0px 20px 0px; padding: 0px; line-height:1.5em;} /* IN PROGRESS not used delete */



.content .right_column #contactBox ul {padding-left: 75px; margin:0px;}
.content .right_column #contactBox ul li {padding:0; margin:0px;}
#contactBox .title {display:block;font-size: 1.429em; padding: 0px 0px 5px 50px; margin:0px;} /* 1.429em = 22px */
#contactBox .brief {display:block; padding: 0px 0px 5px 50px;} 
#contactBox .briefSmall {display:block; padding: 0px 0px 0px 50px; font-size: 0.78em;} /* 14x0.78=11px; */


/* Accordion box styles */
.accordionWrap {float: left; width: 45%; height:auto; background: transparent; margin: 0;}
.colBoxAcc {float:left; width:95%;  margin: 0px 0px 30px 0px; padding: 0px; line-height:1.5em;} /* IN PROGRESS Wraps the callout boxes for contact method callouts  add to mobile styles */

.content .right_column .colBoxAcc  ul {padding-left: 35px; margin:0px;}
.content .right_column .colBoxAcc  ul li {padding:0; margin:0px;}
.colBoxAcc .title {display:block; font-size: 1.429em; padding: 0px 0px 5px 60px; margin:0px;} /* 1.429em = 22px */
.colBoxAcc .title2 {display:block; font-size: 1.2em; padding: 0px 0px 0px 60px; margin:0;} /* 1.429em = 22px */

.colBoxAcc .brief {display:block; padding: 0px 0px 5px 0px;} 
.colBoxAcc .briefSmall {display:block; padding: 0px 0px 0px 0px; margin:0; font-size: 0.78em; line-height: 1.4em;} /* 14x0.78=11px; */
.colBoxAcc .briefSmall a {display:block; font-size: 1em; line-height: 1.4em;} /* 14x0.78=11px; */

.colBoxAcc h3 {
	font-size: 1.57em;
    font-weight: 200;
    text-decoration: none;
    color: #003366;
    margin: 10px 0 0 0; 

}

.contentWrap .contacteServices h2 {
	font-size: 1.28em;
    font-weight: 600;
    text-decoration: none;
    color: #3d61c9;
    margin: 10px 0 0 0; 
}


.contentWrap .contacteServices {
    background: transparent url(/childsupport/PublishingImages/contact/icon_eservices.png) 10px 0px no-repeat;
    padding: 0 0 0 60px
}


.contentWrap .contactPayment h2 {
	font-size: 1.28em;
    font-weight: 600;
    text-decoration: none;
    color: #358698;
    margin: 10px 0 0 0; 
}


.contentWrap .contactPayment {
    background: transparent url(/childsupport/PublishingImages/contact/icon_sdu_phone.png) 10px 0px no-repeat;
    padding: 0 0 0 60px
}

.contentWrap .contactPaymentSite h2 {  /* NOT USED */
	font-size: 1.28em;
    font-weight: 600;
    text-decoration: none;
    color: #559ebe;
    margin: 10px 0 0 0; 
}


.contentWrap .contactPaymentSite { /* NOT USED */
    background: transparent url(/childsupport/PublishingImages/contact/icon_sdu_website.png) 10px 0px no-repeat;
    padding: 0 0 0 60px
}


.contentWrap .contactChat h2 {
	font-size: 1.28em;
    font-weight: 600;
    text-decoration: none;
    color: #f23f58;
    margin: 10px 0 0 0; 
}


.contentWrap .contactChat {
    background: transparent url(/childsupport/PublishingImages/contact/icon_chat.png) 10px 0px no-repeat;
    padding: 0 0 0 60px
}


.contentWrap .contactPhone h2 {
	font-size: 1.28em;
    font-weight: 600;
    text-decoration: none;
    color: #3d61c9;
    margin: 10px 0 0 0; 
}


.contentWrap .contactPhone {
    background: transparent url(/childsupport/PublishingImages/contact/icon_phone.png) 10px 0px no-repeat;
    padding: 0 0 0 60px
}


        
.contentWrap .contactMail {
background: transparent url(/childsupport/PublishingImages/contact/icon_mail.png) 10px 0px no-repeat;
padding: 0 0 0 60px
}

.contentWrap .contactMail h2 {
	font-size: 1.28em;
    font-weight: 600;
    text-decoration: none;
    color: #3d61c9;
    margin: 10px 0 0 0;
    
   }


.contentWrap .contactFax {
    background: transparent url(/childsupport/PublishingImages/contact/icon_fax.png) 10px 0px no-repeat;
    padding: 0 0 0 60px
}

.contentWrap .contactFax h2 {
	font-size: 1.28em;
    font-weight: 600;
    text-decoration: none;
    color: #3d61c9;
    margin: 10px 0 0 0;
}


.contentWrap .contactSpanishPhone {
    background: transparent url(/childsupport/PublishingImages/contact/icon_phone.png) 10px 0px no-repeat;
    padding: 0 0 0 60px
}


.contentWrap .contactSpanishPhone h2 {
	font-size: 1.28em;
    font-weight: 600;
    text-decoration: none;
    color: #3d61c9;
    margin: 10px 0 0 0;
} 


.contentWrap .contactSpanishResources {
    background: transparent url(/childsupport/PublishingImages/contact/icon_spanish_resources.png) 10px 0px no-repeat;
    padding: 0 0 0 60px
}


.contentWrap .contactSpanishResources h2 {
	font-size: 1.28em;
    font-weight: 600;
    text-decoration: none;
    color: #3d61c9;
    margin: 10px 0 0 0;
} 



.contentWrap .contactDrop {
    background: transparent url(/childsupport/PublishingImages/contact/icon_dropoff.png) 10px 0px no-repeat;
    padding: 0 0 0 60px;
}


.contentWrap .contactDrop h2 {
	font-size: 1.28em;
    font-weight: 600;
    text-decoration: none;
    color: #3d61c9;
    margin: 10px 0 0 0;
}


.contentWrap .contactEmail {
    background: transparent url(/childsupport/PublishingImages/contact/icon_email.png) 10px 0px no-repeat;
    padding: 0 0 0 60px;
}


.contentWrap .contactEmail h2 {
	font-size: 1.28em;
    font-weight: 600;
    text-decoration: none;
    color: #3d61c9;
    margin: 10px 0 0 0;
}


.contentWrap .contactUpload h2 {
font-size: 1.28em;
    font-weight: 600;
    text-decoration: none;
    color: #3d61c9;
    background: transparent url(/childsupport/PublishingImages/contact/icon_upload.png) 10px 0px no-repeat;
    padding: 0 0 0 60px;
}
   
.contactPhone h2 span, .contactMail h2 span, .contactFax h2 span, contactEmail h2 span, .contactDrop h2 span, .contactUpload h2 span, .contactSpanish h2 span {display:block; font-size: 0.78em; color:#333; font-family: "Open Sans",Helvetica,sans-serif;}
        
        
/* text button links in accordion */
.colBoxAcc a.textButton, .colBoxAcc a.textButton:visited {
		background-color: #2d67b2;
		color:#fff;
         border: none;
         padding: 8px 10px;
         text-align: center;
         text-decoration: none;
         display: inline-block;
         font-size: 14px;
         margin: 4px 2px;
		border-radius: 10px;
         cursor: pointer;}
         
 .colBoxAcc a.textButton:hover {background-color: #81a4d1; color:#fff; text-decoration: none;}    


/*=== eServices button on Contact Page matches the Chat Button on contact page see css below ===*/
.eServ {float: left; width: 350px; height:114px; background: transparent; margin: 0;}
.contentWrap .eServ h2 {font-size: 1.28em;  /* 14x1.28=18px; */
font-weight: 600; text-decoration: none; color: #3d61c9; background: transparent url(/childsupport/PublishingImages/contact/icon_eservices.png) 10px 0px no-repeat; padding: 0px 0 0 60px; margin-bottom: 10px}
.eServ a, .eServ a:visited {color:#ff3366;}
.eServ a:hover {text-decoration: underline;}
.eServ a.eServLink {display:block;  background: transparent url(/childsupport/PublishingImages/contact/eservices_button_sprite.png) top left no-repeat; width: 163px; height:37px; margin-left:50px;}
.eServ a.eServLink:hover {background: transparent url(/childsupport/PublishingImages/contact/eservices_button_sprite.png) bottom left no-repeat; }
.eServ h2 span {display:block; font-size: 0.78em; color:#333; font-family: "Open Sans",Helvetica,sans-serif;}  /* 14x0.78=11px; */
.eServ a.eServLink span {display:none;}

/*=== end eServices button code ===*/


/*=== Email button on Contact Page matches the Chat Button on contact page see css below ===*/
.email {float: left; width: 350px; height:114px; background: transparent; margin: 0;}
.contentWrap .email h2 {font-size: 1.28em;  /* 14x1.28=18px; */
font-weight: 600; text-decoration: none; color: #3d61c9; background: transparent url(/childsupport/PublishingImages/contact/icon_email.png) 10px 0px no-repeat; padding: 0px 0 0 60px; margin-bottom: 10px}
.email a, .email a:visited {color:#ff3366;}
.email a:hover {text-decoration: underline;}
.email a.emailLink {display:block;  background: transparent url(/childsupport/PublishingImages/contact/email_button_sprite.png) top left no-repeat; width: 163px; height:37px; margin-left:50px;}
.email a.emailLink:hover {background: transparent url(/childsupport/PublishingImages/contact/email_button_sprite.png) bottom left no-repeat; }
.email h2 span {display:block; font-size: 0.78em; color:#333; font-family: "Open Sans",Helvetica,sans-serif;;}  /* 14x0.78=11px; */
.email a.emailLink span {display:none;}

/*=== end Email button code ===*/

/*=== Chat button on Contact Page - NOTE has unique styles from the Chat Button on home page see css below ===*/

.chat2 {float: left; width: 260px; height:114px; background: transparent; margin: 0}
.contentWrap .chat2 h2 {font-size: 1.28em;  /* 14x1.28=18px; 14x1.42=20px; */
font-weight: 600; text-decoration: none; color:#ff3366; background: transparent url(/childsupport/PublishingImages/home/icon-chat.png) 10px 0px no-repeat; padding: 0px 0 0 60px; margin-bottom: 10px}
.chat2 a, .chat2 a:visited {color:#ff3366;}
.chat2 a:hover {text-decoration: underline;}
.chat2 a.chat2Link {display:block;  background: transparent url(/childsupport/PublishingImages/home/chat-sprite.png) top left no-repeat; width: 163px; height:37px; margin-left:60px;}
.chat2 a.chat2Link:hover {background: transparent url(/childsupport/PublishingImages/home/chat-sprite.png) bottom left no-repeat; }
.chat2 h2 span {display:block; font-size: 0.78em; color:#333; font-family: "Open Sans",Helvetica,sans-serif;}  /* 14x0.78=11px; */
/* === end chat button on contact page code === */

/*=== Fax button on Contact Page matches the Chat Button on contact page see css below ===*/
.fax {float: left; width: 350px; height:114px; background: transparent; margin: 0;}
.contentWrap .fax h2 {font-size: 1.28em;  /* 14x1.28=18px; */
font-weight: 600; text-decoration: none; color: #005b7f; background: transparent url(/childsupport/PublishingImages/contact/icon_fax_machine.png) 10px 0px no-repeat; padding: 0px 0 0 60px; margin-bottom: 10px}
.fax h2 span {display:block; font-size: 0.78em; color:#333; font-family: "Open Sans",Helvetica,sans-serif;}  /* 14x0.78=11px; */
.fax h2 span.textStyle {display:block; margin-top: 5px;font-size : 1.2em; color:#005b7f; font-family: "Open Sans",Helvetica,sans-serif;}  /* 14x0.78=11px; */

/*=== end eServices button code ===*/


/* === Contact Page accordion specific styles NOTE: add this back when the icons are finalized === */ 
/* span#accord1 { padding-left:40px; background: transparent url(/childsupport/PublishingImages/contact/icon_phone_25.png) center left no-repeat;}
span#accord2 { padding-left:40px; background: transparent url(/childsupport/PublishingImages/contact/icon_phone_25.png) center left no-repeat;}
span#accord3 { padding-left:40px; background: transparent url(/childsupport/PublishingImages/contact/icon_phone_25.png) center left no-repeat;}
span#accord4 { padding-left:40px; background: transparent url(/childsupport/PublishingImages/contact/icon_phone_25.png) center left no-repeat;}
span#accord5 { padding-left:40px; background: transparent url(/childsupport/PublishingImages/contact/icon_phone_25.png) center left no-repeat;}
span#accord6 { padding-left:40px; background: transparent url(/childsupport/PublishingImages/contact/icon_phone_25.png) center left no-repeat;}
span#accord7 { padding-left:40px; background: transparent url(/childsupport/PublishingImages/contact/icon_phone_25.png) center left no-repeat;}
span#accord8 { padding-left:40px; background: transparent url(/childsupport/PublishingImages/contact/icon_phone_25.png) center left no-repeat;}

/* === End Contact Page accordion specific styles === */


#boxCSP {float:left; width:48%; min-height: 350px; margin: 0px 0px 20px 0px; padding: 0px; line-height:1.5em; border: 1px solid #13348e;}
#boxSDU {float:left; width:48%; min-height: 350px; margin: 0px 20px 20px 0px; padding: 0px; line-height:1.5em; border: 1px solid #358698;}
#boxInfo {float:left; width:100%;  margin: 0px 0px 20px 0px; padding: 0px; line-height:1.5em; border: 1px solid #465c97;}
#boxCSP h2 {background: #13348e; color:#fff; margin:0; padding: 5px 8px 10px 10px}
#boxSDU h2 {background: #358698; color:#fff; margin:0; padding: 5px 8px 10px 10px}
#boxInfo h2 {background: #465c97; color:#fff; margin:0; padding: 5px 8px 10px 10px}


#cspCall {background: transparent url("/childsupport/PublishingImages/contact/icon_cs.png") no-repeat scroll 0 0; margin: 20px 10px 0px; }
#relayCall {background: transparent url("/childsupport/PublishingImages/contact/icon_tty.png") no-repeat scroll 0 0; margin: 25px 10px 0px;}
#miamiCall  {background: transparent url("/childsupport/PublishingImages/contact/icon_miami.png") no-repeat scroll 0 0;margin: 25px 10px 0px;}
#sduCall {background: transparent url("/childsupport/PublishingImages/contact/icon_cs_sdu.png") no-repeat scroll 0 0;margin: 20px 10px 0px;}
#sduwebCall {background: transparent url("/childsupport/PublishingImages/contact/icon_website.png") no-repeat scroll 0 0;margin: 20px 10px 0px;}

#officeCall {padding: 8px; margin-right:24px}
#locationCall {padding: 8px 0;}
a.map, a.map:visited {background: transparent url("/childsupport/PublishingImages/contact/map_locations.png") no-repeat scroll 0 50px;
    display: block;
    height: 295px;
    padding: 0;
    width: 295px;}
    
a.map:hover {opacity: 0.8;}

/* === End Contact Page styles === */






/*==== Payment Page Styles ====*/

/*========== Make Payments Page Styles SUBSITE Page ====*/

/*
.pmtStyle {background: #fafafa;}

#pmtLinkWrap{float:left; width:100%; padding-left:120px;}
#pmtLinkWrap .pmtLink {display:block; float:left; width:100px; height: 22px; color:#003366; margin: 0 40px 20px 0; padding: 100px 0 0 0; line-height:1.5em; text-align: center; font-style:italic; background-color: transparent; text-decoration:none;}


a.callOnline, a.callOnline:visited {background: transparent url(/childsupport/PublishingImages/make_pmt/online_sprite.png) no-repeat top left;}
a.callOnline:hover {background: transparent url(/childsupport/PublishingImages/make_pmt/online_sprite.png) no-repeat bottom left;}
a.callCash, a.callCash:visited  {background: transparent url(/childsupport/PublishingImages/make_pmt/cash_sprite.png) no-repeat top left;}
a.callCash:hover {background: transparent url(/childsupport/PublishingImages/make_pmt/cash_sprite.png) no-repeat bottom left;}
a.callMail, a.callMail:visited  {background: transparent url(/childsupport/PublishingImages/make_pmt/mail_sprite.png) no-repeat top left;}
a.callMail:hover {background: transparent url(/childsupport/PublishingImages/make_pmt/mail_sprite.png) no-repeat bottom left;}


h2.online {padding: 0 0 0 60px; background: transparent url(/childsupport/PublishingImages/make_pmt/online_icon.png) no-repeat 0 0; height: 46px; line-height: 2.5em;}
h2.cash {padding: 0 0 0 60px; background: transparent url(/childsupport/PublishingImages/make_pmt/cash_icon.png) no-repeat 0 0; height: 46px; line-height: 2.5em; }
h2.mail {padding: 0 0 0 60px; background: transparent url(/childsupport/PublishingImages/make_pmt/mail_icon.png) no-repeat 0 0; height: 46px; line-height: 2.5em; }
*/

.contentWrap a.btnLogo, .contentWrap a.btnLogo:visited {display:block; width:222px; height:auto; color:#13348e; padding: 10px; line-height:1.5em; text-decoration: none; margin: 5px; text-align:center;}
.contentWrap a.btnLogo:hover {background: #ebebeb;}

.contentWrap a.btnLogo:hover span {color:#000; text-decoration: underline;}
 a.btnLogo span {color:#207fa9; }
 a.btnLogo span:after{content: url(/childsupport/PublishingImages/icon_ext_link.png); margin: 0 0 0 5px;} /* === insert external link icon ===*/

.contentWrap a.btnLogoFloat, .contentWrap a.btnLogoFloat:visited {display:block; float:left; width:222px; height:auto; color:#13348e; padding: 10px; line-height:1.5em; text-decoration: none; margin: 5px; text-align:center;}
.contentWrap a.btnLogoFloat:hover {background: #ebebeb;}

.contentWrap a.btnLogoFloat:hover span {color:#000; text-decoration: underline;}
 a.btnLogoFloat span {color:#207fa9; }
 a.btnLogoFloat span:after{content: url(/childsupport/PublishingImages/icon_ext_link.png); margin: 0 0 0 5px;} /* === insert external link icon ===*/

.contentBox {background: #fafafa; border: 1px solid #e0e0e0; padding: 0px 15px 15px 15px;}
.contentBoxPP {border: 1px solid #e0e0e0; padding: 0px 15px 15px 15px; background: #fafafa url(/childsupport/PublishingImages/make_pmt/pmnt_history_icon.png) no-repeat 98% 10% ;}

#contentColLeftPmt{position: relative; float:left; width:45%; min-height: 735px; margin: 0; padding: 0 10px 10px 10px; border:1px solid #e0e0e0; }
#contentColRightPmt {float:left; width:45%; min-height: 735px; margin: 0 0 0 23px; padding: 5px 10px 10px 10px; border:1px solid #e0e0e0; }

.subWrap {margin: 0 20px;}
.pmtColBox {background:#fafafa; }
.imgStyle {
	  	max-width: 100%;
  		height: auto;
}

/*========== End Make Payments Page Styles SUBSITE Page ====*/


	
/*========== Receive Payments Page Styles ====*/
	

	#contentColLeft{position: relative; float:left; width:45%; min-height: 540px; margin: 0; padding: 0 10px 10px 10px; border:1px solid #ebebeb; }
	#contentColRight {float:left; width:45%; min-height: 540px; margin: 0 0 0 10px; padding: 0 10px 10px 10px; border:1px solid #ebebeb; }
	.contentFull {float:left;width:95%; clear:both; margin: 10px 0px ;}
	.feature {background: #e9f2f7; border: 1px solid #afccdd; padding: 0px 15px 15px 15px}
	
	.centerWrap {text-align:center; width:100%; float:left;}
	.centerWrap span.btnTitle {display:block; text-align:right;margin: 10px 12px 0 0}
	
	.btnWrap {float:left; width:50%; margin: 5px 0 20px 0;}
	.btnWrapSolo {float:left; width:100%; margin: 40px 0 20px 0;}

	
	.contentWrap a.btnBox, .contentWrap a.btnBox:visited {display:block; width:122px; height:auto; color:#13348e; border: 1px solid #d3d3d3; margin: 0 auto; padding: 5px; line-height:1.5em; font-weight:700; text-decoration: none;}
	a.btnBox:hover {background-color: #e9f2f7;}
	
.contentWrap a.lmText, .contentWrap a.lmText:visited {text-decoration: none; color:#444;}
.contentWrap a.lmText:hover {text-decoration:none; color:#207fa9;}

#ppCallout {float:right; width: 225px; height:auto; margin: 10px 0 0 10px; padding: 20px; border:1px solid #ebebeb; background-color:#e9f2f7;}
#ppCallout .title {display:block; color:#003366; font-size: 1.28em; margin:10px 0 20px 50px; line-height: 1.15em;} /* 14x1.28=18px; */
#ppCallout .desc {display:block;border-top: 1px solid #cccccc; margin:10px 0; padding:10px 20px; font-size: 1.18em; font-weight: normal!important; color:#003366; }
#ppCallout .desc a:link {font-size: 1em; font-weight: normal!important;}
#ppCallout .brief {display:block; border: none; margin:10px 0; padding:0px 20px; font-size: 1em;}
.pp {background: transparent url(/childsupport/PublishingImages/make_pmt/pmnt_history_icon.png) no-repeat 20px 30px;}



/*=========== Prepaid Card Page Styles ====*/
.content .right_column .colLeft {float:left; width:55%}

ul.fee li span {display: block; font-weight:bold; margin-bottom: 8px;}

#calloutCol {float:left; width: 40%;}
#calloutCol a {display:block;}
#calloutCol a:hover img {opacity: 0.85;}
span.callTitle {color: #003366; display: block; font-size: 1.50em; line-height: 1.15em; margin: 10px 0 15px 0;} /* 14x1.28=18px; */

a.apple {display:block; float:left; width: 96px; height:29px; background: transparent url(/childsupport/PublishingImages/receive_pmt/appstore.png)no-repeat 0 0;  margin: 10px 0 5px 0;}
a.apple:hover {opacity: 0.85;}
a.android {display:block; float:right; width: 96px; height:29px; background: transparent url(/childsupport/PublishingImages/receive_pmt/googleplay.png)no-repeat 0 0; margin:10px 0 5px 0;}
a.android:hover {opacity: 0.85;}

#calloutCol h3 {font-weight:600; color:#13348e; line-height:1.05em; margin:5px 0;}

.pmtCall {height:265px; width:247px; background: transparent; margin: 0 0 10px 10px; padding: 10px; border:1px solid #ebebeb; text-align:center;}



/*=== Paternity Page Styles ===*/
#gtCallout2 {float:right; width: 225px; height:145px; margin: 0 0 0 10px; padding: 20px; border:1px solid #ebebeb;}
#gtCallout2:hover {background-color:#ebebeb;}

a.gtLink2 {
background: transparent url(/childsupport/PublishingImages/paternity/callout_gt_bg.png) no-repeat scroll 10px 0px;
color: #444;
display: block;
margin: 0;
padding: 0;
font-size: 1em; /* 14x1=14px; */

line-height: 1.2em;
text-decoration:none;
}

a.gtLink2:hover {text-decoration:none;}

#gtCallout2 .title {display:block; color:#003366; font-size: 1.28em; margin:0 0 20px 55px; line-height: 1.15em;} /* 14x1.28=18px; */

.desc {display:block;border-top: 1px solid #cccccc; margin:10px 0; padding:10px 20px;}
.lm {display:block;text-align: right;font-style:italic;}
.lmArrow {color:#ff3366;}
a.gtLink2:hover span.lmArrow{color:#207fa9;} 

/*==== PATERNITY CHART STYLES ====*/
#patChartWrap {float:left; width:auto;  padding:0;}

.titleHow {background: #f46478;}
.titleWhen {background:#ebebeb;}

#patColWrap1 {float:left; width:236px; margin: 3px 3px 0 0; padding:0;}
#patColWrap2 {float:left; width:236px; margin: 3px 3px 0 0; padding:0; }
#patColWrap3 {float:left; width:236px; margin: 3px 0 0 0;  padding:0;  }

#patCol1, #patCol2, #patCol3{float:left; width:234px;  padding:0; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;}

a.pChart, a.pChart:visited {display:block; width:216px; height: 175px; padding:10px; color:#444; text-decoration:none; position: relative; }
a.pChart:hover {background: #e7e7e7; text-decoration:none;}
#patColWrap3 #tall {height: 370px;}

span.if {color:#ff3366; text-transform: uppercase; font-style:italic; font-size: 1.14em; margin-right:4px} /* 14x1.14=16px; */


.learn {display:block; font-style:italic; text-transform: uppercase; position: absolute; bottom:10px; right:10px;}
.learnArrow {color:#ff3366;}
a.pChart:hover span.learnArrow{color:#207fa9;} 
/*==== END PATERNITY CHART STYLES ====*/

/*=== Genetic Testing Page Styles ===*/
#gtCallout {float:right; width: 235px; height:190px; margin: 0 0 0 10px;}
a.gtLink {
background: transparent url(/childsupport/PublishingImages/genetic_testing/gt_callout_bg.png) no-repeat scroll 0 0;
color: #003366;
display: block;
width: 170px;
height: 45px;
margin: 0 0 10px;
padding: 145px 10px 0px 55px;
font-size: 1em;  /* 14x1=14px; */
line-height: 1.2em;
text-decoration:none;
}

a.gtLink:hover {color: #207fa9; text-decoration:none;}

/*=== Compliance Page Styles ===*/

#calloutWrap .linkBoxComp {display:block; position: relative; float:left; width:318px; height: 215px; color:#444; border: 1px solid #cccccc; margin: 0 20px 20px 0; padding: 20px 5px 5px 15px; line-height:1.5em;}
#calloutWrap a.linkBoxComp, #calloutWrap a.linkBoxComp:visited {float:left; background-color: transparent; display: block; text-decoration:none;}
#calloutWrap a.linkBoxComp:hover {background-color: #e9f2f7;}

.wa {background: #fafafa url(/childsupport/PublishingImages/compliance/icon_written.png) no-repeat 265px 10px;}
.ww {background: #fafafa url(/childsupport/PublishingImages/compliance/icon_wage.png) no-repeat 240px 10px;}
.sa {background: #fafafa url(/childsupport/PublishingImages/compliance/icon_suspension.png) no-repeat 265px 10px;}
.ca {background: #fafafa url(/childsupport/PublishingImages/compliance/icon_court.png) no-repeat 265px 10px;}
.lie {background: #fafafa url(/childsupport/PublishingImages/compliance/icon_lien.png) no-repeat 265px 10px;}
.int {background: #fafafa url(/childsupport/PublishingImages/compliance/icon_intercepts.png) no-repeat 265px 10px;}
.lev {background: #fafafa url(/childsupport/PublishingImages/compliance/icon_levy.png) no-repeat 265px 10px;}
.rca {background: #fafafa url(/childsupport/PublishingImages/compliance/icon_reports.png) no-repeat 265px 10px;}
.ms {background: #fafafa url(/childsupport/PublishingImages/compliance/icon_medical.png) no-repeat 265px 10px;}
.cos {background: #fafafa url(/childsupport/PublishingImages/compliance/icon_cost.png) no-repeat 265px 10px;}
.pass {background: #fafafa url(/childsupport/PublishingImages/compliance/icon_passport.png) no-repeat 265px 10px;}
#calloutWrap .boxRight {margin-right:0px;}

#calloutWrap .linkBoxComp .title {color:#003366; font-size: 1.28em; margin:0 0 15px 0;} /* 14x1.28=18px; */
#calloutWrap .linkBoxComp span.learn {
   display:block;
   position:absolute;
   bottom:20px;
   margin-top:20px;
   font-style: italic;
   text-align: right;
   text-transform: uppercase;
 }

#calloutWrap .linkBoxComp span.learnArrow {color:#ff3366; display:inline;}
#calloutWrap a.linkBoxComp:hover span.learnArrow {color:#207fa9;} 

/* === Center Callout Link Box === */

#linkBoxCenterWrap {width: 100%; height:56px; margin: 0 auto; padding: 0px; background: transparent; text-align:center;}

.linkBoxCenter {display:block; width:375px; height:36px; color:#444; border: 1px solid #cccccc; margin: 0 auto; padding: 5px 10px 5px 5px; line-height:1.8em; text-align:center;}
a.linkBoxCenter, a.linkBoxCenter:visited {background-color: #e9f2f7; color:#444; display: block; text-decoration:none;}
a.linkBoxCenter:hover {background-color: transparent; text-decoration:none;}

.quest {background: #fafafa url(/childsupport/PublishingImages/compliance/icon_question.png) no-repeat 10px 5px;padding: 5px 10px 5px 45px;}

.contentWrap .quest .lm {
    display: block;
    text-transform: uppercase;
    margin: 5px 0;
    text-align: center;
    font-style: italic;
}


/* === Left Callout Link Box === */

#linkBoxLeftWrap {display:block; float:left; width: auto; height:56px; margin: 0 auto; padding: 0px; background: transparent; }

.linkBoxLeft {width:360px; height:36px; color:#444; border: 1px solid #cccccc; margin: 0 auto; padding: 5px 0px 5px 25px; line-height:1.8em; text-align:center;}
a.linkBoxLeft, a.linkBoxLeft:visited {background-color: #e9f2f7; color:#444; display: block; text-decoration:none;}
a.linkBoxLeft:hover {background-color: transparent; text-decoration:none;}

.questLeft {background: #fafafa url(/childsupport/PublishingImages/compliance/icon_question.png) no-repeat 3px 5px;;}

.contentWrap .questLeft .lm {
    display: block;
    text-transform: uppercase;
    margin: 5px 0;
    text-align: center;
    font-style: italic;
}


/* === Center Callout Box Generic === */

#calloutBoxCenterWrap {width: 100%; height:auto; margin: 0 auto; padding: 0px; background: transparent; text-align:center;}

.calloutBoxCenter {display:block; width:auto; height:auto; color:#444; border: 1px solid #cccccc; margin: 0 auto; padding: 5px 10px 5px 5px; line-height:1.8em; text-align:center;}
a.calloutBoxCenter, a.calloutBoxCenter:visited {background-color: #e9f2f7; color:#444; display: block; text-decoration:none;}
a.calloutBoxCenter:hover {background-color: transparent; text-decoration:none;}

.contentWrap .calloutBoxCenter .story {
    display: block;
    text-transform: uppercase;
    margin: 5px 0;
    text-align: center;
    font-style: italic;
}


/* === Callout Box In Flow Plain Text Left Aligned Generic === */
.calloutBoxInFlow {background-color: #e9f2f7; color:#444; border: 1px solid #cccccc; margin: 10px 25px; padding: 10px; line-height:1.8em}

/* === Payment Agreement Online Callout === */
.contentWrap .callPmt {float: right; width:310px; height:auto; padding: 5px 4px; margin:0 0 20px 8px; background: #fff url(/childsupport/PublishingImages/compliance/pmnt_bg.png) center 90px no-repeat;  border: 1px solid #006699; }
.contentWrap .callPmt h2 {font-size: 1.28em;  /* 14x1.28=18px; 14x1.42=20px; */
font-weight: 600; color:#006699; text-align:center; text-transform: uppercase; line-height:1.08em;}

.contentWrap .callPmt h2 span.title {display:inline-block; color:#006699; text-align:center; text-transform: uppercase; }

.contentWrap .callPmt span {display:block; font-size: 1em; font-weight:600;color :#333; font-family: "Open Sans",Helvetica,sans-serif; text-align:center; margin: 5px 0 0 0;} 
.callPmt a, .callPmt a:visited {color:#207fa9;}
.callPmt a:hover {text-decoration: underline;}
.callPmt h2 span {display:block; font-size: 0.78em; color:#333; font-family: "Open Sans",Helvetica,sans-serif;;}  /* 14x0.78=11px; */


/* === Payment Agreement Avoid Fees Callout === */
.contentWrap .callFee {float: right; width:310px; height:auto; padding: 5px 4px; margin:0 0 20px 8px; background: #fff url(/childsupport/PublishingImages/compliance/callout_option1.png) center 45px no-repeat;  border: 1px solid #006699; }
.contentWrap .callFee h2 {font-size: 1.28em;  /* 14x1.28=18px; 14x1.42=20px; */
font-weight: 600; color:#006699; text-align:center; text-transform: uppercase; line-height:1.08em;}

.contentWrap .callFee span {display:block; font-size: 1em; font-weight:600;color :#333; font-family: "Open Sans",Helvetica,sans-serif; text-align:center; margin: 5px 0 0 0;} 
.callFee a, .callFee a:visited {color:#207fa9;}
.callFee a:hover {text-decoration: underline;}
.callFee h2 span {display:block; font-size: 0.78em; color:#333; font-family: "Open Sans",Helvetica,sans-serif;;}  /* 14x0.78=11px; */
.contentWrap .callFee span.small {display:block; font-size: 0.8em; font-weight:600; font-style: italic;color:  :#333; font-family: "Open Sans",Helvetica,sans-serif; text-align:center; margin: 5px 0 0 0;} 



/* === Callout with Interior text links === */
#compCallout {float:right; width: 225px; height:auto; margin: 0 0 30px 15px; padding: 20px; border:1px solid #ebebeb; background-color: #e9f2f7 ;
}

#compCallout2 {float:right; width: 225px; height:auto; margin: 0 0 30px 15px; padding: 20px; border:1px solid #ebebeb; background-color: #e9f2f7 ;
}

.susp {background: url(/childsupport/PublishingImages/compliance/icon_suspension.png) no-repeat 15px 25px;}
.empl {background: url(/childsupport/PublishingImages/compliance/icon_employer.png) no-repeat 15px 25px;}


a.compLink {
color: #444;
display: block;
margin: 0;
padding: 0;
font-size: 1em; /* 14x1=14px; */
line-height: 1.2em;
text-decoration:none;
}

a.compLink:hover {text-decoration:none;}


a.lmLink {
color: #0072bc;
display: block;
margin: 0;
padding: 0;
font-size: 1em; /* 14x1=14px; */
line-height: 1.2em;
text-decoration:none;
}

a.lmLink:hover {text-decoration:none;}


#compCallout .title {display:block; color:#003366; font-size: 1.28em; margin:0 0 20px 55px; line-height: 1.15em;} /* 14x1.28=18px; */
#compCallout .desc {display:block; border-top: 1px solid #cccccc; margin:10px 0; padding:10px 0px;}
#compCallout .brief {display:block; border: none; margin:10px 0; padding:0;}
.contentWrap .lm {display:block; text-transform: uppercase; margin: 5px 0; text-align: right; font-style:italic;}
.contentWrap .lmArrow {color:#ff3366;}
.contentWrap a.compLink:hover span.lmArrow{color:#207fa9;} 

/*=== Suspension Actions Page Styles ===*/

.calendarCall {margin: 0 0 0 25px; padding: 10px 30px 10px 80px; height: 60px; width: 80%;}
.cal20 {background: transparent url(/childsupport/PublishingImages/compliance/icon_calendar20.png) no-repeat top left;}
.cal30 {background: transparent url(/childsupport/PublishingImages/compliance/icon_calendar30.png) no-repeat top left;}

/*=== Parent Services Page Styles ===*/

#calloutWrap{float:left; width:100%;}
#calloutWrap h2 {float:left; width:100%; margin: 10px 0;}

#calloutWrap span {display:block}
#calloutWrap .titleTop {color:#fff; font-size: 1.28em;  margin:0px 0 15px 55px;}  /* 14x1.28=18px; */

#calloutWrap .title {color:#003366; font-size: 1.28em; margin:0 0 15px 45px;} /* 14x1.28=18px; */

#calloutWrap .linkBox2 {display:block; float:left; width:318px; height: 70px; color:#fff; border: 1px solid #ebebeb; margin: 0 20px 15px 0; padding: 20px 5px 5px 15px; line-height:1.5em;}
#calloutWrap a.linkBox2, #calloutWrapTop a.linkBox2:visited {float:left; display: block; text-decoration:none;}
#calloutWrap a.linkBox2:hover {background-color: #43828f;}
.as {background: #73a8b3 url(/childsupport/PublishingImages/parent_services/icon_as.png) no-repeat 20px 10px;}
.es {background: #73a8b3 url(/childsupport/PublishingImages/parent_services/icon_es.png) no-repeat 20px 10px;}

/* ============ form help callout =========== */
#calloutWrap .linkcallWrap {display:block;float:left; height: auto; width:auto; margin: 0 auto; padding: 0px; background-color: #e9f2f7; border:1px solid #b4d1dc;}
#calloutWrap .linkcallWrap .linkCall {display:block; float:left; width:668px; height: auto; margin: 15px; padding: 0px;}
#calloutWrap .linkcallWrap .linkCall span.pipe {display: inline}
#calloutWrap .linkcallWrap .linkCall span.pipe:after {content: " | ";}
/* ============ END form help callout =========== */

#calloutWrap .linkBox {display:block; float:left; width:193px; height: 124px; color:#444; border: 1px solid #cccccc; margin: 0 20px 20px 0; padding: 20px 5px 5px 20px; line-height:1.5em;}
#calloutWrap a.linkBox, #calloutWrap a.linkBox:visited {float:left; background-color: transparent; display: block; text-decoration:none;}
#calloutWrap a.linkBox:hover {background-color: #e9f2f7;}

.mp {background: #fafafa url(/childsupport/PublishingImages/parent_services/icon_mp.png) no-repeat 15px 20px;}
.rp {background: #fafafa url(/childsupport/PublishingImages/parent_services/icon_rp.png) no-repeat 15px 20px;}
.ep {background: #fafafa url(/childsupport/PublishingImages/parent_services/icon_ep.png) no-repeat 15px 20px;}
.gt {background: #fafafa url(/childsupport/PublishingImages/parent_services/icon_gt.png) no-repeat 15px 20px;}
.eso {background: #fafafa url(/childsupport/PublishingImages/parent_services/icon_eso.png) no-repeat 15px 20px;}
.csa {background: #fafafa url(/childsupport/PublishingImages/parent_services/icon_csa.png) no-repeat 15px 20px;}
.ptp {background: #fafafa url(/childsupport/PublishingImages/parent_services/icon_ptp.png) no-repeat 15px 20px;}
.cso {background: #fafafa url(/childsupport/PublishingImages/parent_services/icon_cso.png) no-repeat 15px 20px;}
.cwso {background: #fafafa url(/childsupport/PublishingImages/parent_services/icon_cwso.png) no-repeat 15px 20px;}
.hear {background: #fafafa url(/childsupport/PublishingImages/parent_services/icon_hear.png) no-repeat 15px 20px;}
.cu {background: #fafafa url(/childsupport/PublishingImages/parent_services/icon_cu.png) no-repeat 15px 20px;}
.boxRight {margin-right:0;}


/*=== Change Support Order Page Styles ===*/

#soCalloutImg {float:right; width: 275px; height:470px; margin: 10px 0 20px 10px; padding: 0px; border:1px solid #ebebeb; background:transparent url(/childsupport/PublishingImages/support_orders/support_order_review_graphic.png) no-repeat 0 0;}
#soCalloutImg:hover {opacity:0.95;  border:1px solid #003366;}

#soCalloutImg a:link, #soCalloutImg a:visited {display:block; width:275px; height:470px; text-decoration: none;}
#soCalloutImg a span {display:none;}


/* ==== About Us Page Overrides ====*/
.aboutContent {float:left; width:500px; margin-top:10px;} /* container to target content for responsive styles --*/

/* -- callout styles -- */

.contentWrap .callAbout {float: left; width:175px; height:auto; padding: 5px 8px; margin:20px 0 20px 10px; border: 1px solid #006699;text-align:center; }
.contentWrap .callAbout h2 {font-size: 1.05em;  /* 14x1.15=16px 14x1.28=18px; 14x1.42=20px; */
font-weight: 600; color:#006699; text-align:center; text-transform: uppercase; line-height:1.08em;}


.infoLink1 {display:block; margin: 0 auto; width:175px; height:132px; background: transparent url(/childsupport/PublishingImages/about/info_icon1.png) top left no-repeat;  }
.infoLink2 {display:block; margin: 0 auto; width:175px; height:132px; background: transparent url(/childsupport/PublishingImages/about/info_icon2.png) top left no-repeat;  }
.infoLink3 {display:block; margin: 0 auto; width:175px; height:132px; background: transparent url(/childsupport/PublishingImages/about/info_icon3.png) top left no-repeat;  }
.infoLink4 {display:block; margin: 0 auto; width:175px; height:132px; background: transparent url(/childsupport/PublishingImages/about/info_icon4.png) top left no-repeat;  }
.infoLink1:hover, .infoLink2:hover, .infoLink3:hover, .infoLink4:hover {opacity: 0.7}

/* ==== END About Us Page Overrides ====*/



/*=== custom styles and overrides ===*/

.contentWrap {width:100%; /*height:284px;*/ position:relative; margin: 0 auto 20px auto;}
.contentWrap a {font-weight:normal;}

.parents {float:left; width:440px; height:295px; border: 1px solid #ebebeb; background: #fafafa url(/childsupport/PublishingImages/home/bg-parents.png) bottom right no-repeat; margin: 0 15px 8px 0; padding:0;}
.contentWrap .parents h2 {font-size: 1.42em;  /* 14x1.42=20px; */
font-weight: 600; text-decoration: none; color:#13348e; background: transparent url(/childsupport/PublishingImages/home/icon-parents.png) 15px 10px no-repeat; padding: 20px 0 0 60px;} 

.parents ul li {list-style:none; margin:5px 0; padding-left: 10px;}
.parents a, .parents a:visited {color:#13348e;font-weight:600; font-size:1.14em; font-variant:small-caps; margin-top:6px}  /* 14x1.28=18px; 14x1.42=20px; */
.parents a span.lower, .parents a:visited span.lower {color:#13348e;font-weight:600; font-size:1.12em; font-variant:normal; margin-top:6px}  /* 14x1.28=18px; 14x1.42=20px; */

.parents a:hover {text-decoration: underline; color:#13348e;}
.content .right_column .parents ul {border-top: 1px solid #cccccc; margin: 10px 10px; padding: 10px 0 0 0}
.parents li a {display:block; font-weight:600;}

/* styles for NEW! label for links in Parents section on home page */
span.label {display:inline;color:#ff3366; text-transform: uppercase; font-size: 12px;}
.parents li a.newWrap {display: inline-block;}
span.blurb {display:block;}
/* end styles for NEW! label for links in Parents section on home page */

.emp {float: left; width: 440px; height:160px; margin: 0 15px 0 0; padding: 0; border: 1px solid #ebebeb; background: #fafafa;}
.contentWrap .emp h2 {font-size: 1.42em;  /* 14x1.28=18px; 14x1.42=20px; */font-weight: 600; text-decoration: none; color:#33bdb4; background: transparent url(/childsupport/PublishingImages/home/icon-emp.png) 10px 10px no-repeat; padding: 15px 0 0 60px;}
.emp ul li {list-style:none; margin:5px 0; padding-left: 10px; line-height: 1.25em;}
.emp a, .emp a:visited {color:#33bdb4;  font-size:1.14em; font-variant:small-caps; margin-top:6px}
.emp a:hover {text-decoration: underline; color: #33bdb4;}
.content .right_column .emp ul {border-top: 1px solid #cccccc; margin: 10px 10px; padding: 10px 0 0 0}
.emp li a {display:block; font-weight:600;}


.chat {float: left; width: 260px; height:122px; background: transparent; margin: 20px 0 0 0;}
.contentWrap .chat h2 {font-size: 1.42em;  /* 14x1.28=18px; 14x1.42=20px; */
font-weight: 600; text-decoration: none; color:#ff3366; background: transparent url(/childsupport/PublishingImages/home/icon-chat.png) 10px 0px no-repeat; padding: 0px 0 0 60px; margin-bottom: 10px}
.chat a, .chat a:visited {color:#ff3366;}
.chat a:hover {text-decoration: underline;}
.chat a.chatLink {display:block;  background: transparent url(/childsupport/PublishingImages/home/chat-sprite.png) top left no-repeat; width: 163px; height:37px; margin-left:60px;}
.chat a.chatLink:hover {background: transparent url(/childsupport/PublishingImages/home/chat-sprite.png) bottom left no-repeat; }
.chat h2 span {display:block; font-size: 0.78em; color:#333; font-family: "Open Sans",Helvetica,sans-serif;}  /* 14x0.78=11px; */

span.linkArrow{color:#ff3366;}

/* Email Callout style for homepage ==================================================================================================== */

.contentWrap .emailHP {float: left; width: 260px; height:295px; background: #d9f0f7 url(/childsupport/PublishingImages/home/email_call.png) center 60px no-repeat;  border: 1px solid #7fcce5; }
.contentWrap .emailHP h2 {font-size: 1.42em;  /* 14x1.28=18px; 14x1.42=20px; */
font-weight: 600; text-decoration: none; color:#0099cc; background: transparent url(/childsupport/PublishingImages/home/icon_email2.png) 10px 0px no-repeat; padding: 0px 0 0 60px; margin-bottom: 10px}

.contentWrap .emailHP h2 span {display:block; font-size: 0.78em; color:#333; font-family: "Open Sans",Helvetica,sans-serif;}  /* 14x0.78=11px; */


.emailHP a, .emailHP a:visited {color:#ff3366;}
.emailHP a:hover {text-decoration: underline;}
.emailHP a.emailLink {display:block;  background: transparent url(/childsupport/PublishingImages/home/email_button_sprite_home.png) top left no-repeat; width: 163px; height:37px; margin-left:40px; margin-top: 160px;}


.emailHP a.emailLink:hover {background: transparent url(/childsupport/PublishingImages/home/email_button_sprite_home.png) bottom left no-repeat; }
.emailHP h2 span {display:block; font-size: 0.78em; color:#333; font-family: "Open Sans",Helvetica,sans-serif;;}  /* 14x0.78=11px; */
.emailHP a.emailLink span {display:none;}
/* End new email style for homepage */


.clearStyle {clear:both; margin:0; padding:0;}

.group:after {
  content: "";
  display: table;
  clear: both;
}


#whoson_chat_link {
	text-align:center;
}
/* === Slider Overrides ===*/
.flex-next {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;
	filter: alpha(opacity=100)!important;
    opacity: 1!important;
	color:#009999!important;
}

.flex-prev {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;
	filter: alpha(opacity=100)!important;
    opacity: 1!important;
	color:#009999!important;
}


.slide_content a:hover {
    color: #fff;
   
}

/* === Left Column Menu Styles and Overrides ===*/

.side_menu1 ul li a:link {text-shadow: 1px 1px 2px #575757;}
.side_menu1 ul li a:hover {text-decoration:none;}
.left_column .csMenu3 a:link, .left_column .csMenu3 a:visited, .left_column .csMenu4 a:link, .left_column .csMenu4 a:visited  {color:#207fa9;}

.side_menu1 h2  {text-decoration:none;}

.side_menu1 a[title~=Payment] {
    background-color:#00f4e4;
    background-image: url("/childsupport/PublishingImages/home/nav_pay.png");
    background-repeat: no-repeat;
}
.side_menu1 a[title~=Payment]:hover {
    background-color: #ff3366;
}
.side_menu1 a[href="https://childsupport.floridarevenue.com/"] {
    background-color:#00f4e4;
    background-image: url("/childsupport/PublishingImages/home/nav_eserv.png");
    background-repeat: no-repeat;
}
.side_menu1 a[href="https://childsupport.floridarevenue.com/"]:hover {
    background-color:#ff3366;
}
.side_menu1 a[title~=Parent] {
    background-color:#009999;
    background-image: url("/childsupport/PublishingImages/home/nav_parentserv.png");
    background-repeat: no-repeat;
}
.side_menu1 a[title~=Parent]:hover {
    background-color:#ff3366;
}
.side_menu1 a[title~=Apply] {
    background-color:#027483;
    background-image: url("/childsupport/PublishingImages/home/nav_apply.png");
    background-repeat: no-repeat;
}
.side_menu1 a[title~=Apply]:hover {
    background-color:#ff3366;
}
.side_menu1 a[title~=Employer] {
    background-color:#03687e;
    background-image: url("/childsupport/PublishingImages/home/nav_employer.png");
    background-repeat: no-repeat;
}
.side_menu1 a[title~=Employer]:hover {
    background-color:#ff3366;
}

.csMenu3 {
    background-color: #fafafa; 
    border: 1px solid #ebebeb!important;
    
}
.csMenu3 h2.cs3 {text-decoration: none; color:#fff; background: #6aa3b9 url(/childsupport/PublishingImages/home/icon-links.png) 10px 10px no-repeat; padding: 8px 0 8px 40px;}


.csMenu4 {
    background-color: #fafafa; 
    border: 1px solid #ebebeb!important;
}
.csMenu4 h2.cs4 {text-decoration: none; color:#fff; background: #77b9b5 url(/childsupport/PublishingImages/home/icon-resources.png) 10px 10px no-repeat; padding: 8px 0 8px 40px;}

/* used for 988 promo callout in left nav Menu */

a.life {margin-bottom: 10px;}
a.life:hover {opacity: 0.80!important;}

/* END used for 988 promo callout in left nav Menu */


/* used for 988 CALLOUT on email us page */
.llCall {display:block; width: 650px; height:100px; background: #fff url(/childsupport/PublishingImages/988_call_bg.png) 20px center no-repeat; border: 2px solid #4b5c77; padding:20px 20px 20px 250px; margin:10px;}

.llCall span.llText {display:block; width:100%; height:auto; margin-top: 0px;}

/* END used for 988 callout on email us page */



/* used for FL Clerk Navigation Menu */
.csMenu5 {
    background-color: #fafafa; 
    border: 1px solid #ebebeb!important;
}
.csMenu5 h2.cs5 {text-decoration: none; color:#003366; background: #ccc; padding: 8px 0 8px 12px;}

/* END used for FL Clerk Navigation Menu */

.left_column .side_menu1 span.new, .left_column .side_menu2 span.new, .left_column .side_menu3 span.new, .left_column .side_menu4 span.new {color :#ff3366; text-transform:uppercase; font-size: 12px; }


.news_box h2 {background-color: #aaa; background-image:none; font-size: 1.42em; font-weight: 300; padding-left: 10px;} /* 14x1.42=20px; */


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background-color: #9ac3cb;}

/*=== custom style and overrides for accordions ===*/

.news_box .news2 em {font-style:italic;}
.news_box .news2 h3 {font-weight:700; color:#003366; margin: 5px 0;}
.news_box .news2 .accTitle {font-weight:700; font-size: 1.077em; color:#003366; margin: 5px 0;} /* 14x1.077=14px; */


/* OVERRIDE ACCORDION DEFAULT STYLE */
.ui-state-default span.new, .ui-widget-content .ui-state-default span.new, .ui-widget-header .ui-state-default span.new {color:#ff3366!important;}

/* OVERRIDE ACCORDION ACTIVE STYLE */
.ui-state-active span.new, .ui-widget-content .ui-state-active span.new, .ui-widget-header .ui-state-active span.new {color:#fff!important;}

/* custom mobile style for paternity===*/
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 413px)
  and (-webkit-min-device-pixel-ratio: 2) {
/*.ui-accordion{width:89%;}*/
.ui-accordion-header{padding-left:5px;}
.ms-rtestate-field{width:95%; padding-left:5px;}
.ui-accordion-content p{padding-left:10px;     padding-right: 7px; }
.ui.accordion, ui-accordion-icons{padding-left:1em;	}
}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 413px){
/*.ui-accordion{width:89%;}*/
.ui-accordion-header{padding-left:5px;}
.ms-rtestate-field{width:95%;}
.ui-accordion-content p{padding-left:10px;     padding-right: 7px;}
.ui.accordion, ui-accordion-icons{padding-left:1em;	}}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 413px)
  and (-webkit-min-device-pixel-ratio: 0) {
/*.ui-accordion{width:89%;}*/
.ui-accordion-header{padding-left:5px;}
.s4-wpcell-plain{width:95%; padding-left:5px;}
.ui-accordion-content p{padding-left:10px;     padding-right: 7px;}
.ui.accordion, ui-accordion-icons{padding-left:1em;	}
}