/*================================== custom style and overrides for style_mobile_cs.css PHONE ===*/ @media screen and (max-width:480px) { /* ++++ !!!!!! New Styles for website improvement project 2025 +++*/ /* ++++ Controls horizontal scroll +++*/ html, body { overflow-x: hidden !important; } #s4-workspace { overflow-x: hidden !important; white-space: normal !important; } .s4-ca { max-width: 100vw !important; display: block; } /* ++++ end controls horizontal scroll +++ */ #panelWrap {display:none!important;} /* hides the home page panel on mobile */ .container {padding:0!important;} /* Custom styles & overrides for social footer for phone */ /* Social Footer custom styles and overrides to create a responsive grid */ /* Make it stack into rows on phones */ @media screen and (max-width: 600px) { .footer_content_grid { grid-template-columns: 1fr!important; /* Single column layout */ } .footer_content_grid > * { margin-bottom: 1rem; text-align: center; } .socialWrap { display: flex; justify-content: center; /* Center horizontally */ align-items: center; /* Center vertically (if needed) */ flex-wrap: wrap; /* Allow wrapping on small screens */ gap: 10px; /* Optional: space between icons */ padding: 10px; /* Optional: inner spacing */ margin:0!important; } .lifeline { width:auto!important; margin:0 auto!important; } .youtube { margin-right: 2px!important; } .youtube_ofmb { width:auto!important; float:none!important; text-align:center!important; margin:0 auto!important; } } /* End custom Social Footer overrides */ h1#csp {margin: 10px 0px 0px 0px!important;} /* page titles */ .contentWrap {width:90%!important; height:100%!important; background: #fff!important; padding: 0 10px 10px 10px!important; margin:0!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;} .content_box p {margin:0px!important; padding:5px!important;} /* overrides extra padding and margin on mobile */ .right_column #accordionExample.accordion, .right_column #accordionGeneral.accordion {width:100%!important;} /* FAQ Accordion mobile styles */ ul#pagination-general li, ul#pagination-demo li {margin:0!important; padding:0!important;} /* FAQ Accordion pagination mobile styles */ .ms-webpart-chrome-title {margin-left:10px!important;} /* Webparts for FAQ Accordion titles mobile styles */ /* Compliance mobile overrides */ .compContent {float:left; width:90%; padding:0 10px; margin-bottom:10px!important;} .contentWrap .cpmtWrap {float:left; width:100%!important} .contentWrap .callPmtB {float:left;width:90%!important; height:auto!important; padding:10px!important; margin: 10px 0 0 10px!important; background: #eefbfe!important;border: 1px solid #006699!important;} /* callout */ .contentWrap .callPmtB .pmtBtext{height:auto!important; background: #eefbfe url(/childsupport/PublishingImages/compliance/pmnt_bg.png) 0px 0px no-repeat!important; padding-left:130px!important;}/* callout */ .alert-enf {float:left; width:90%; padding:10px!important; margin:0!important; border : 1px solid #ccc!important;} #calloutWrap .linkBoxComp {float:left; width: 90%!important; height:auto!important; margin: 10px 10px 0 0 !important; padding: 10px!important; background-position: 97% 5px!important; border : 1px solid #ccc!important;} /* Support Orders mobile overrides */ #calloutWrap .linkBoxSupp {width : 90% !important; height:auto!important; margin :10px 10px 0 5px !important; padding: 10px!important; background-position: 97% 5px!important; border: 1px solid #ccc !important;} #calloutWrap .linkBoxSupp span.title {margin-top:10px!important;} /* ++++ !!!!!! End new Styles for website improvement project 2025 +++*/ /*Bank Accounts mobile overrides */ /* Phone Number Box Callout Styles */ .phoneWrap {float:left!important; width:100%!important; height:auto!important; padding: 0!important; margin:0 auto 15px auto!important;} .contentWrap .callPhone {float: left!important; width:95%!important; height:235px!important; padding: 5px 4px!important; margin:0 auto!important; background: #ededfd url(/childsupport/PublishingImages/icon_call_phone.png) center 130px no-repeat!important; background-size: 120px 104px!important; border: 1px solid #ba9ace!important;} /* Case Closure mobile overrides */ /* Email banner Callout Styles */ .casecallWrap {float:left; width:100%!important;} .casecallWrap .callEmailB {width:90%!important; height:180px!important; margin:0 auto!important; border: 1px solid #ffd500!important;} .casecallWrap .callEmailB .emailBtext {height:180px!important; background-position: 20px 50px!important;} .casecallWrap .callEmailB .emailBtext span.brief a.textButton {margin-left:30px!important;} /* Genetic testing mobile overrides */ /* GT Email banner Callout Styles */ .gentestWrap {float:left;width :100%!important;} .gentestWrap .callEmailB {width:90%!important; height:180px!important; margin:0 auto!important; border: 1px solid #ffd500!important;} .gentestWrap .callEmailB .emailBtext {height:180px!important; background-position: 20px 50px!important;} .gentestWrap .callEmailB .emailBtext span.brief a.textButton {margin-left:30px!important;} .content .right_column .contentWrap ul.imgList {margin: 5px 0 10px 30px!important; padding: 0!important;} /* Change Support Orders mobile overrides */ .csoWrap {float:left!important; width:100%!important; margin:0!important; text-align:center!important;} .csoWrap #soCalloutImg {float:none!important; clear:both!important; margin: 0px auto 15px auto!important; width:60%; background-position: center 0!important;} .csoWrap .callEmail {float:none!important; clear:both!important; margin: 0px auto 15px auto!important; width:80%; border : 1px solid #ffd500!important;} /* Cooperation mobile overrides */ .contentWrap .callCoop {float:left!important; width:100%!important; margin:0 0 10px 0!important;} .contentWrap .callChatB {float:left!important; width:98%!important;height: 200px!important; margin-top:0!important; border : 1px solid #e6cffc!important; background-color:#f9f3fe!important;} .contentWrap .callChatB .callChatBWrap {width:100%!important;} .contentWrap .callChatB .callChatBWrap .callChatText {background-position: 10px 10px!important;padding: 0 0 0 150px!important;} /* Payment Agreement mobile overrides */ .contentWrap .payagWrap {width:100%!important; } .contentWrap .callPmt2 {margin:0 auto!important; margin-top:10px!important;} /* Make Payment mobile overrides */ .callout-body-mobile a, .callout-body-mobile a:visited {color:#fff!important;} /* overrides Safari phone number link styles to keep the phone number readable against the callout background color also on the Receive payments page */ .contentFull.full-pay {width:95%!important; margin: 10px 0 10px 10px !important;} .pay-content {flex-direction: column!important;} #contentColLeftPmt{order: 2!important; width:100%!important; min-height:385px!important; margin: 0 10px 10px 0!important; padding: 0 5px 10px 10px!important; border:1px solid #e0e0e0!important; } #contentColRightPmt {order: 1!important; width:100%!important; min-height:385px!important; margin: 0 10px 10px 0!important; padding: 0 5px 10px 10px!important; border:1px solid #e0e0e0!important;} /* menu column will show at top */ .contentFull.contentBoxPP {width:95%!important; padding:0 5px 5px 12px!important;margin:!important;} /* Receive Payment mobile overrides */ .contentFull {padding-left: 5px !important;} .receive-content {flex-direction: column!important;} #contentColLeft{width: 90%!important; min-height:auto!important; margin: 0 0 10px 0!important; border: 1px solid #ebebeb!important;} #contentColRight {width: 90%!important; margin: 0 0 10px 0!important; min-height:auto!important; border: 1px solid #ebebeb!important;} .contentBoxRP {margin: 0px 10px 20px 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: 90%!important;height:auto!important; margin: 0px 0px 10px 0px!important; padding: 10px!important; background-color: #e9f2f7!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 ====*/ /* Driver License Suspension mobile overrides */ .flex-containerCallouts {flex-direction:column; gap:10px!important;} .flex-containerCallouts .blurb {order:3;} #linkBoxLeftWrap {order:1;} .contentWrap .cWrap .callPmt {order:2; margin-bottom:0!important;} .contentWrap .cWrap {margin-bottom:0!important;} .linkBoxLeft {margin:0!important; border: 1px solid #cccccc!important;} .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;} /* Sign Up page mobile overrides */ .intro-container, .intro-left, .apply-content, .apply-container-1, .apply-container-2 {margin: 0!important; grid-template-columns: 1fr!important; /* Stack items in one column */ } .contentFull.apply-content { /*float: left !important;*/ width: 95% !important;} a.appCallLink {margin: 0 auto!important;} .apply-item {border: 1px solid #cccccc !important; width: 100%!important;} .apply-item-duo {padding: 10px!important;width: 100%!important; border: 1px solid #cccccc !important;} .apply-container-1, .apply-container-2 {gap: 10px!important; margin: 10px 0!important;} .intro-container {margin: 10px 0!important;} .intro-left {order:2;} .intro-right {order: 1; border: 1px solid #f8e038!important;} /* Suspension Actions page mobile overrides */ .calloutBoxCenter {border: 1px solid #cccccc !important;} .calendarCall {width:75%!important; padding: 0px 30px 10px 70px!important; margin: 0 0 15px 15px!important;} /* Accordion mobile styles accordions on Resources for Parents, Publications and Form Help pages */ .content .right_column #formsAccordion p {margin:0!important; padding:5px!important;} .content .right_column #formsAccordion ul {margin:0!important;} /* Spanish Resources page mobile overrides */ div[webpartid="e1fda0da-31a1-4cfe-9e36-073ca2776c3c"] h2 { margin-left: 10px!important; } /* === dl_option1 Request a Payment Agreement Avoid Fees Callout === */ .contentWrap .callFee {float: left!important; width:95%!important; margin: 0 auto 10px auto!important;border: 1px solid #006699!important; } /* FL Clerk mobile overrides */ h2.cs4, h2.cs5 {margin:0!important;} .side_menu4{width:90%!important; margin:0 0 0 10px!important;} h2#iconNews {margin-left:10px!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:90%!important; margin: 0px 0px 10px 0px!important; padding: 0px!important; border: 1px solid #13348e!important;} #boxSDU {float:left!important; width:90%!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 ====*/ .flex-container {flex-direction: column;} div.content_box {width:95%!important; padding: 0 10px !important;} .content .right_column .pat-left p {margin:5px 0!important; padding: 0px 10px!important;} .patAccordion {width:95%; padding-left: 5px!important; margin-bottom:10px!important;} .pat-left, .pat-right {margin-bottom:0!important;} #patCol1, #patCol2, #patCol3 {width:95%!important; padding:0 10px 0 0!important;} #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:90%!important; margin: 3px 0 0 0; padding:0!important; } #patColWrap2 {float:left; width:90%!important; margin: 3px 0 0 0; padding:0!important;} #patColWrap3 {float:left; width:90%!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:#00aca1;} 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;} .contentFull.contentBoxPP {background: #fafafa!important; border: 1px solid #e0e0e0!important; width:95%!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; }*/ div.colLeftPPC { float: left !important; width: 90% !important; margin: 0px !important; padding: 0px !important; line-height: 1.5em !important; } .pmtCall {border: 1px solid #ebebeb!important;} /*==== 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: #00aca1!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: #00aca1!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; } /* === Payment Agreement Page Callout Mobile Overrides === */ .cWrap {float:left!important; width:100%!important; padding:0!important; margin:0 0 10px 0!important;} .contentWrap .callPmt {float: left!important; width:90%!important; border: 1px solid #006699!important;} .contentWrap .callPmt2 {float: left!important; width:90%!important; border: 1px solid #006699!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;border: 1px solid #006699!important; margin: 0!important; text-align:center!important;} .infoLink1 {display:block; float:left!important; margin: 0 10px 0 0; width:50%!important; height:132px; background: transparent url(/childsupport/PublishingImages/about/info_icon1.png) top left no-repeat; } .infoLink2 {display:block; float:left!important; margin: 0 10px 0 0; width:50%!important; height:132px; background: transparent url(/childsupport/PublishingImages/about/info_icon2.png) top left no-repeat; } .infoLink3 {display:block; float:left!important;margin: 0 10px 0 0; width:50%!important; height:132px; background: transparent url(/childsupport/PublishingImages/about/info_icon3.png) top left no-repeat; } .infoLink4 {display:block; float:left!important; margin: 0 10px 0 0; width:50%!important; 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 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 */ /* mobile override International page callout */ .calloutBoxInFlow.intl {background-image:none !important; padding-left:10px !important;} /* END mobile override International page callout */ }/*=== End custom style and overrides for phone ===*/ /*========================================== TABLET custom style and overrides for retina Style_mobile_device.css retina TABLET ===*/ @media (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), (min-resolution: 192dpi) and (max-width: 1024px) { .contentWrap {width:95%!important;} .content_box {width:95%!important; margin: 0 auto !important;} #homeWrap {width:100%!important;} ul.alert_global{ /* override bootstrap.min.css ul margin-bottom */ margin: 0 !important; } .footer_menu { /* center the DOR footer menu on tablet */ float:none!important; } .flex-direction-nav .flex-prev { /* position left and right nav arrows on screen by default for tablet */ left: 10px!important; } .flex-direction-nav .flex-next { right: 10px!important; } /* Custom styles & overrides for social footer for tablet */ .youtube { margin-left: 0!important; margin-right: 0!important; } /* End custom styles & overrides for social footer for tablet */ .gsc-input-box { border: 1px solid #458fc9!important; } /* Callout box borders */ .contentWrap .callFee {border: 1px solid #006699 !important;} #compCallout { border: 1px solid #ebebeb !important; padding: 20px !important;} .gentestWrap .callEmailB, .casecallWrap .callEmailB {border: 1px solid #ffd500 !important;} .calloutBoxInFlow {border: 1px solid #cccccc !important;} /* Cooperation mobile overrides */ /* Chat Banner Callout Styles */ .contentWrap .callChatB {border : 1px solid #e6cffc!important;} /* FL Clerk mobile overrides retina tablet */ h2#iconNews {margin-left:10px!important;} /* Support Orders page mobile overrides */ #calloutWrap .linkBoxSupp {border: 1px solid #cccccc !important;} /* Compliance page mobile overrides */ #calloutWrap .linkBoxComp {border: 1px solid #cccccc !important;} .contentWrap .cpmtWrap .callPmtB {border: 1px solid #006699 !important;} .alert-enf {border: 1px solid #ccc !important;} /*==== Paternity Page Mobile Overrides ====*/ #gtCallout2 {border: 1px solid #ebebeb!important;} #pdCallout { border: 1px solid #ebebeb!important;} .patAccordion {width:90% !important; margin: 0 auto 10px auto !important;} /* Sign up page mobile overrides */ .intro-right {border: 1px solid #f8e038!important;} a.appCallLink {margin: 0 auto !important;} .apply-item-duo {border: 1px solid #cccccc !important;} .apply-item {border: 1px solid #cccccc !important;} /* FAQ webpart titles */ .ms-webpart-chrome-title { margin-left: 10px !important; } /* Make and Receive Payments page mobile overrides */ /* Make Payments page mobile overrides */ .callout-body a, .callout-body a:visited { /* overrides Safari phone number link styles to keep the phone number readable against the callout background color */ color: #fff!important;} .contentFull {margin-left:10px!important;} .contentFull.full-pay {margin:10px 0 10px 10px !important; width:95% !important;} #contentColLeftPmt, #contentColRightPmt {border: 1px solid #e0e0e0!important;} .contentFull.contentBox {width: 100%!important;border : 1px solid #e0e0e0!important;margin: 10px 0 0 0 !important;} .contentFull.contentBoxPP {border: 1px solid #e0e0e0!important; margin: 10px 0 0 0 !important;} /*Receive Payments page mobile overrides */ .contentFull {margin:10px 0 10px 10px !important; width:95% !important;} #contentColLeft{border: 1px solid #ebebeb!important;} #contentColRight {border: 1px solid #ebebeb!important;} #ppCallout {border: 1px solid #ebebeb !important;} } /*====END TABLET custom style and overrides for style_tablet_cs.css TABLET ===*/ /*========================================== TABLET custom style and overrides for style_tablet_cs.css TABLET ===*/ @media screen and (min-width:481px) and (max-width:1016px) { /* Make and receive Payments page mobile overrides */ .callout-body a, .callout-body a:visited { /* overrides Safari phone number link styles to keep the phone number readable against the callout background color */ color: #fff!important; } #panelWrap {display:none!important;} .content .right_column #homeWrap #___gcse_1 {display:none!important;} /* Custom styles & overrides for social footer for tablet */ /* Social Footer custom styles and overrides to create a responsive grid */ /* Make it stack into rows on phones and small tablets */ .footer_content_grid { grid-template-columns: 1fr!important; /* Single column layout */ } .footer_content_grid > * { margin-bottom: 1rem; text-align: center; } .socialWrap { display: flex; justify-content: center; /* Center horizontally */ align-items: center; /* Center vertically (if needed) */ flex-wrap: wrap; /* Allow wrapping on small screens */ gap: 10px; /* Optional: space between icons */ padding: 10px; /* Optional: inner spacing */ margin:0!important; } .lifeline { width:auto!important; margin:0 auto!important; } .youtube { margin-right: 2px!important; } .youtube_ofmb { width:auto!important; float:none!important; text-align:center!important; margin:0 auto!important; } /* End custom Social Footer overrides */ .contentWrap {width:95%!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;} .ms-webpart-chrome-title {margin-left: 10px !important;} /* Webparts for FAQ Accordion titles mobile styles */ /* used for 988 CALLOUT on email us page */ .llCall {border: 2px solid #4b5c77!important;} /* END used for 988 callout on email us page */ /* Callout box borders */ .contentWrap .callFee {border: 1px solid #006699 !important; } .gentestWrap .callEmailB, .casecallWrap .callEmailB {border: 1px solid #ffd500 !important;} .emailBtext {background-position: 150px 23px !important;} .emailBtext span.brief {margin-top: 30px; padding-left: 180px !important;} /* button position */ /* Support Orders page mobile overrides */ #calloutWrap .linkBoxSupp {width : 90% !important; height:auto !important; margin:10px 0px 0 20px !important; padding: 10px !important; background-position: 97% 5px !important; border: 1px solid #ccc !important;} /* Compliance page mobile overrides */ #calloutWrap .linkBoxComp {width:90% !important; height: auto !important; margin: 10px 0 0 20px !important; padding: 20px 5px 5px 15px; background-position: 97% 5px !important; border: 1px solid #ccc !important; } /* Sign up page mobile overrides */ .contentFull.apply-content {width:100% !important;} .intro-container {display: grid; grid-template-columns: 1fr 1fr !important; /* Left column spans 2, right column spans 1 */ grid-template-rows: auto; gap: 10px; align-items: start !important; /* Optional spacing */} .intro-right {border: 1px solid #f8e038!important;} a.appCallLink {margin: 0 auto !important;} .apply-item-duo {border: 1px solid #cccccc !important;} .apply-item {border: 1px solid #cccccc !important;} /* FAQ webpart titles */ .ms-webpart-chrome-title { margin-left: 10px !important; } /*==== 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:45%!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; margin: 0 30px 10px 0 !important;} #pdCallout {float:left!important; border: 1px solid #ebebeb!important; margin: 0 30px 10px 0 !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:#00aca1;} 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; } */ .contentFull.full-pay { width: 95% !important; margin: 10px 0 10px 10px !important; } .contentFull.contentBox { width: 100%!important; margin: 10px 0 0 0!important;border: 1px solid #e0e0e0!important;} .contentBox {background: #fafafa!important; border: 1px solid #e0e0e0!important; padding-right:0px!important;} .contentFull.contentBoxPP {background: #fafafa!important; border: 1px solid #e0e0e0!important; padding-right:0px!important; width: 98% !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;} /*==== Receive Payment Page Overrides ====*/ /*==== Prepaid Card Page Overrides ====*/ #calloutCol {float:left!important;} /*.colLeft {float:left!important; clear:both!important; margin-right:10px; }*/ div.colLeftPPC { float: left !important; width: 90% !important; margin: 0px !important; padding: 0px !important; line-height: 1.5em !important; } .pmtCall {border: 1px solid #ebebeb!important;} /*==== Receive Payments Card Page Overrides ====*/ #contentColLeft{float:left!important; width: 80%!important; margin-bottom:0px!important; min-height: 0!important; border: 1px solid #ebebeb!important;} #contentColRight {float:left!important; width: 80%!important; margin-left:0!important; min-height: 0!important; border: 1px solid #ebebeb!important;} /* .contentFull {float:left!important; width: 95%!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:none!important; width: 100%!important;height:auto!important; margin: 0px 0px 10px 0px!important;padding:15px!important; border: 1px solid #ebebeb!important;} .pp {background: transparent url(/childsupport/PublishingImages/make_pmt/pmnt_history_icon.png) no-repeat 5px 15px!important;} .contentFull.contentBoxRP {margin: 0 !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: #00aca1!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: #00aca1!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 ====*/ .calloutBoxCenter {border: 1px solid #cccccc !important;} #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: 95%!important; height :auto!important; margin: 0 10px 30px 15px!important; padding: 20px 0 20px 20px!important; border:1px solid #ebebeb!important; background-color: #e9f2f7!important; } /* === Clerk subsite landing page calendar and header === */ #content-mobile {display:inline!important; } h2#iconNews {margin-left:10px!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 ====*/ /* === Payment Agreement Page Callout Mobile Overrides === */ .contentWrap .callPmt {border: 1px solid #006699!important;} .contentWrap .callPmt2 {border: 1px solid #006699!important;} } /*=== End custom style and overrides for style_tablet_cs.css ===*/ /* End MOBILE */ /* NEW label for WAYLFT buttons */ .btn-primary sup.new {color: #4a0072; font-weight:bold;} .btn-primary:hover sup.new {color:#fff} h1.cspTitle {font-size:18px; text-align: center; margin-bottom: 12px; padding:10px; border: 1px solid #ebebeb;} .disclamer { display:block !important; color:#ccc !important; font-size:12px !important; padding-bottom: -0px !important; } 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 {} a:link.external::after{content: url(/childsupport/PublishingImages/icon_ext_link.png); margin: 0 0 0 5px;} /* === insert external link icon default link color ===*/ a:link.external2::after{content: url(/childsupport/PublishingImages/icon_ext_link2.png); margin: 0 0 0 5px;} /* === insert #009999 - green 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: 10px 0 10px 0; background-color:#fff !important;} /* 14x1.57=22px; */ .content_box h1#csp {font-size: 1.57em; color: #003366; margin: 10px 0 10px 0; background-color:#fff !important;} /* 14x1.57=22px; */ /* overrides masterpage style to make h1 have a bg color */ .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:#00aca1; margin: 0 5px 5px 20px;} .content .right_column .featureList li span {color:#444;} .content .right_column .contentWrap ul.imgList {margin:5px 0 10px 30px; padding:0;} .content .right_column .contentWrap 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:#00aca1; text-decoration:none;} a.linkStyle span {color:#00aca1;} a.linkStyle:hover span {color:#207fa9;} a.linkStyle2, a.linkStyle2:visited {/*color:#207fa9;*/ font-weight:700; text-decoration:none;} a.linkStyle2:hover {color:#00aca1; text-decoration:none;} a.linkStyle2 span {color:#00aca1;} 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/sign_up_callout.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:#00aca1; 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:#00aca1; display:inline;} .content .right_column ul.listStyle {margin: 5px 0 0 20px;} ul.listStyle li span {display:block;} .crumbWrap {margin-top: 10px;} .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:#00aca1;} #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: #00aca1; } 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:#00aca1;} .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:#00aca1;} .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:#00aca1; 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:#00aca1;} .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 ===*/ .contentFull a.btnLogoFloat, .contentFull 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;} .contentFull a.btnLogoFloat:hover {background: #ebebeb;} .contentFull 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; } */ #contentColLeftPmt{position: relative; float:right; width:48%; min-height:385px; margin: 0 15px 10px 0; padding: 0 0px 10px 10px; border:1px solid #e0e0e0; } #contentColRightPmt {float:right; width:45%; min-height: 385px; margin: 0px 5px 0px 0px; padding: 0px 5px 10px 10px; border:1px solid #e0e0e0; } /* menu column */ #jumpWrap {padding:10px; margin-bottom:20px;} a.jumpLink, a.jumpLink:visited {display:block; float:left; color:#fff; background-color:#051A54; border: 1px solid #051A54; text-transform:uppercase; margin: 0 10px 10px 0; padding: 8px; border-radius: 4px; text-decoration:none; clear:both;} a.jumpLink:hover {opacity: 0.85; color:#051A54;background-color:#fff; border: 1px solid #051A54;text-decoration:none;} h2.iconEC {padding: 0px 0px 0px 50px; background: transparent url(/childsupport/PublishingImages/make_pmt/icon_echeck.png) no-repeat 0 0;} h2.iconCash {padding: 5px 0px 5px 50px; background: transparent url(/childsupport/PublishingImages/make_pmt/icon_cash.png) no-repeat 0 0;} h2.iconCredit {padding: 5px 0px 5px 50px; background: transparent url(/childsupport/PublishingImages/make_pmt/icon_credit.png) no-repeat 0 0;} h2.iconPhone {padding: 5px 0px 5px 50px; background: transparent url(/childsupport/PublishingImages/make_pmt/icon_phone.png) no-repeat 10px 0;} h2.iconMail {padding: 2px 0px 2px 50px; background: transparent url(/childsupport/PublishingImages/make_pmt/icon_mail.png) no-repeat 0 0;} h2.iconText {padding: 2px 0px 2px 50px; background: transparent url(/childsupport/PublishingImages/make_pmt/icon_text.png) no-repeat 0 0;} h2.iconWeb {padding: 2px 0px 2px 50px; background: transparent url(/childsupport/PublishingImages/make_pmt/icon_web.png) no-repeat 5px 0;} h2.iconTransfer {padding: 5px 0px 5px 50px; background: transparent url(/childsupport/PublishingImages/make_pmt/icon_money_transfer.png) no-repeat 10px 0;} .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;}*/ .contentFull a.btnBox, .contentFull a.btnBox:visited {display:block; width:122px; height:auto; color:#13348e; border: 1px solid #d3d3d3 !important; 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:70%;}*/ .content .right_column .colLeftPPC { float: left; width: 70%; margin: 0px; padding: 0px; line-height: 1.5em; } ul.fee li span {display: block; font-weight:bold; margin-bottom: 8px;} #calloutCol {float:right; width: 30%;} #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 20px; 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:#00aca1;} 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:#00aca1; 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:#00aca1;} 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 ===*/ .alert-enf { padding: 10px 20px; background-color: #ededed; margin-bottom: 15px; border: 1px solid #cccccc;} /* payment agreement callout specific to the compliance page other styles on payment agreement page lines 1700s below */ .cpmtWrap{width:100%; text-align:center;} .contentWrap .cpmtWrap .callPmtB {width:70%; height:auto; padding: 10px 4px; margin:0 auto 10px auto; background-color: #eefbfe;border : 1px solid #006699;} #calloutWrap .linkBoxComp {display:block; position: relative; float:left; width:418px; height: 175px; color:#444; border: 1px solid #cccccc; margin: 0 10px 20px 20px; 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 375px 10px;} .ww {background: #fafafa url(/childsupport/PublishingImages/compliance/icon_wage.png) no-repeat 335px 10px;} .sa {background: #fafafa url(/childsupport/PublishingImages/compliance/icon_suspension.png) no-repeat 375px 10px;} .ca {background: #fafafa url(/childsupport/PublishingImages/compliance/icon_court.png) no-repeat 375px 10px;} .lie {background: #fafafa url(/childsupport/PublishingImages/compliance/icon_lien.png) no-repeat 375px 10px;} .int {background: #fafafa url(/childsupport/PublishingImages/compliance/icon_intercepts.png) no-repeat 375px 10px;} .lev {background: #fafafa url(/childsupport/PublishingImages/compliance/icon_levy.png) no-repeat 375px 10px;} .rca {background: #fafafa url(/childsupport/PublishingImages/compliance/icon_reports.png) no-repeat 375px 10px;} .ms {background: #fafafa url(/childsupport/PublishingImages/compliance/icon_medical.png) no-repeat 365px 10px;} .cos {background: #fafafa url(/childsupport/PublishingImages/compliance/icon_cost.png) no-repeat 375px 10px;} .pass {background: #fafafa url(/childsupport/PublishingImages/compliance/icon_passport.png) no-repeat 375px 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:#00aca1; 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 {width:auto; height:auto; margin: 0 auto 20px auto; padding: 0px; background: transparent; text-align:center;} .linkBoxLeft {display: block; float:right; width:308px; height: auto; color:#444; line-height:1.8em; border: 1px solid #cccccc; margin: 0 0 0 8px; padding: 5px; 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 30px 15px;} .contentWrap .questLeft .lm { display: block; text-transform: uppercase; margin: 5px 0 5px 75px; text-align: left; 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} .calloutBoxInFlow.intl {background: #e9f2f7 url(/childsupport/PublishingImages/icon_international.png) no-repeat 98% 5%; padding:20px 100px 20px 20px;} /* === Payment Agreement Online Callout === */ .flex-containerCallouts { display: flex; flex-wrap: wrap; gap: 20px; /* Adds spacing */ align-items: flex-start; } .flex-containerCallouts .blurb { flex: 1; } .cWrap { display: flex; flex-direction: column; width: fit-content; } .contentWrap .cWrap .callPmt {float: right; width:310px; height:auto; padding: 5px 4px; margin:0 0 20px 8px; background: #eefbfe url(/childsupport/PublishingImages/compliance/pmnt_bg.png) center 100px no-repeat; border: 1px solid #006699; } .contentWrap .cWrap .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; margin-top:5px} .contentWrap .cWrap .callPmt h2 span.title {display:inline-block; color:#006699; text-align:center; text-transform: uppercase; } .contentWrap .cWrap .callPmt span {text-wrap: balance; 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 Online Callout Banner === */ .payagWrap{width:100%; text-align:center;} .contentWrap .payagWrap .callPmtB {width:90%; height:auto; padding: 10px 4px; margin:0 auto 10px auto; background-color: #eefbfe;border : 1px solid #006699 !important;} .pmtBtext {height: 135px;background :#eefbfe url(/childsupport/PublishingImages/compliance/pmnt_bg.png) 65px 0px no-repeat; background-size: 125px 126px; padding-left:120px; } .contentWrap .callPmtB h2 {font-size: 1.28em; /* 14x1.28=18px; 14x1.42=20px; */ font-weight: 600; color:#006699; text-align:center; text-transform:.contentWrap .payagWrap .callPmtB uppercase; line-height:1.08em;} .contentWrap .callPmtB h2 span.title {display:inline-block; color:#006699; text-align:center; text-transform: uppercase; } .contentWrap .callPmtB 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;} .callPmtB a, .callPmtB a:visited {color:#207fa9;} .callPmtB a:hover {text-decoration: underline;} .callPmtB h2 span {display:block; font-size: 0.78em; color:#333; font-family: "Open Sans",Helvetica,sans-serif;} /* 14x0.78=11px; */ /* === Payment Agreement page Need Help Finding a Job Callout === */ /*.cWrap {float: right; width:320px; height:auto; padding: 0; margin:0 0 20px 8px; background: transparent;}*/ /* removed - this was a duplicate rule */ .contentWrap .callPmt2 {float: right; width:310px; height:auto; padding: 5px 4px; margin:0 0 20px 8px; background: #d0e4fe url(/childsupport/PublishingImages/compliance/job_search_callout_bg.png) center 40px no-repeat; border: 1px solid #006699; } .contentWrap .callPmt2 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 .callPmt2 h2 span.title {display:inline-block; color:#006699; text-align:center; text-transform: uppercase; } .contentWrap .callPmt2 span {display:block; width:auto; height:auto; font-size: 1em; font-weight:600;color :#333; font-family: "Open Sans",Helvetica,sans-serif; text-align:center; margin: 5px 0 0 0;} .callPmt2 a, .callPmt2 a:visited {color:#207fa9;} .callPmt2 a:hover {text-decoration: underline;} .callPmt2 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:#00aca1;} .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%; 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:#00aca1; 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:#00aca1; 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:#00aca1;} .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:#00aca1;} /* 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:#00aca1;} .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:#0000EE;}*/ .side_menu1 h2 {text-decoration:none;} .side_menu1 a[title~=Payment] { background-color:#003366; background-image: url("/childsupport/PublishingImages/home/nav_pay.png"); background-repeat: no-repeat; } .side_menu1 a[title~=Payment]:hover { background-color: #00aca1; } .side_menu1 a[href="https://childsupport.floridarevenue.com/"] { background-color:#003366; background-image: url("/childsupport/PublishingImages/home/nav_eserv.png"); background-repeat: no-repeat; } .side_menu1 a[href="https://childsupport.floridarevenue.com/"]:hover { background-color:#00aca1; } .side_menu1 a[title~=Parent] { background-color:#003366; background-image: url("/childsupport/PublishingImages/home/nav_parentserv.png"); background-repeat: no-repeat; } .side_menu1 a[title~=Parent]:hover { background-color:#00aca1; } .side_menu1 a[title~=Signup] { background-color:#003366; background-image: url("/childsupport/PublishingImages/home/nav_apply.png"); background-repeat: no-repeat; } .side_menu1 a[title~=Signup]:hover { background-color:#00aca1; } .side_menu1 a[title~=Employer] { background-color:#003366; background-image: url("/childsupport/PublishingImages/home/nav_employer.png"); background-repeat: no-repeat; } .side_menu1 a[title~=Employer]:hover { background-color:#00aca1; } .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; margin-top:12px!important; } .csMenu5 h2.cs5 {text-decoration: none; color:#003366; background: #ccc; padding: 8px 0 8px 12px; margin: 0;} /* 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 :#00aca1; 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:#00aca1!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;} /* Add hover to Accordion links */ .ui-widget-content a:hover {color:#551A8B;} /* 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;}*/ /* has global effects */ .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%; padding-left:5px;}*/ /* has global effects */ .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;}*/ /* has global effects */ .ui-accordion-content p{padding-left:10px; padding-right: 7px;} .ui.accordion, ui-accordion-icons{padding-left:1em; } } /*=== +++++++++++++++++++++++++++++++++++++++++++++++++++ DESKTOP custom styles and overrides for interior pages content area +++ ===*/ /* ++++ !!!!!! New Styles for website improvement project 2025 +++*/ .content ul.alert{margin:0; padding:0;} /* this is the csp alert */ ul.alert_global{margin:36px 0 0 0; padding:0;} /* this is the global and csp alert */ .alert {border:none!important} /* override .alert styles from bootstrap */ /* === social footer overrides - keeps the body bg color #000e34 from applying to the social footer and removes some of the the botton-padding === */ /* #s4-bodyContainer {background-color:#e6e6e6;} */ .bg_grey{padding-bottom:10px!important;} /* === accordions on form help and Spanish resources pages === */ #formsAccordion h3, #accordion_forms h3 {font-weight:bold!important;} #formsAccordion h3:hover, #accordion_forms h3:hover {font-weight:bold!important;} /* main css right_column override styles */ .footer_menu a {text-decoration:none;} .content {margin: 35px 0 0 0!important;} .right_column { float: none!important; width: 100%!important; height: auto!important; } /* end main css right_column override styles */ .right_column #accordionExample.accordion, .right_column #accordionGeneral.accordion {width:100%;} /* FAQ Accordion styles */ .content .right_column ul.bulleted {margin: 0 0 4px 20px; list-style-position:outside;} .content .right_column .news_box h2 { /* Current Topic title */ width: auto; height: 40px; padding: 10px 0 0 45px; margin: 0; background: transparent url(/childsupport/PublishingImages/home/icon_current_topic.png) left center no-repeat; } .content .right_column .news_box { border: none!important; } /* === Accordion styles to make responsive with video included Form Help and Spanish Resources pages === */ .gtContentWrap {width:100%; margin-bottom:10px;} .video-container { width: 100%; max-width: 560px; margin: auto; } .video-container iframe { width: 100%; aspect-ratio: 16 / 9; border: none; } /*=== Cooperation page Styles ===*/ .callCoop { display: block; float:right; margin-left: auto; margin-right: auto; text-align:center; margin: 0 0 40px 20px; /* width: 50%; optional */ } /*=== Callout Styles ===*/ .contentWrap em.SC {font-variant: small-caps; font-style:normal;} /* Chat Banner Callout Styles */ .contentWrap .callChatB {height: 135px; width: 60%; padding: 10px 4px; margin:0 auto 10px auto; border: 1px solid #e6cffc; background-color:#f9f3fe; } .callChatBWrap {width: 420px!important; height: auto; margin: 0 auto;} .callChatText {float:left; height: 135px; background: transparent url(/childsupport/PublishingImages/icon_chat_callout.png) 0px 0px no-repeat; background-size: 120px 130px; padding: 0 0 0 140px;} .contentWrap .callChatText h2 { font-size: 1.55em; font-weight: 600; text-decoration: none; color: #660099; padding: 0; margin:0; } .callChatText span { display:block; font-size: 1.1em; font-weight:600;color :#333; font-family: "Open Sans",Helvetica,sans-serif; margin: 0;} .callChatText a { width: 163px; height: 37px; display: block; } /* Email Box Callout Styles */ .csoWrap {float:right; width:275px; height:auto; padding: 0; margin:0 0 0px 20px; background: transparent;} .callEmail {float: right; width:265px; height:235px; padding: 5px 4px; margin:0 0 20px 8px; background: #FCFFF0 url(/childsupport/PublishingImages/home/email_call.png) center 70px no-repeat; background-size: 185px 108px; border: 1px solid #ffd500; } .content .right_column .callEmail 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; margin:0px;} .callEmail h2 span.title {display:inline-block; color:#006699; text-align:center; text-transform: uppercase; } .callEmail 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;} .callEmail a, .callEmail a:visited {color:#207fa9;} .callEmail a:hover {text-decoration: underline;} .callEmail h2 span {display:block; font-size: 0.78em; color:#333; font-family: "Open Sans",Helvetica,sans-serif;} /* 14x0.78=11px; */ /* End Email Box Callout Styles */ /* Email Banner Callout Styles genetic Testing and Case Closure pages */ .gentestWrap .callEmailB, .casecallWrap .callEmailB {width:80%; height:auto; padding: 5px 4px; margin:0 auto 20px auto; border: 1px solid #ffd500; background-color: #FCFFF0; } .gentestWrap .emailBtext, .casecallWrap .emailBtext {height: 135px; background: transparent url(/childsupport/PublishingImages/home/email_call.png) 200px 23px no-repeat; background-size: 185px 108px; /* padding-left:120px;*/ } .emailBtext span.brief {margin-top: 30px; padding-left: 150px;} /* button position */ .callEmailB 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;} .callEmailB h2 span.title {display:inline-block; color:#006699; text-align:center; text-transform: uppercase; } .callEmailB span {display:block; font-size: 1.2em; font-weight:600;color :#333; font-family: "Open Sans",Helvetica,sans-serif; text-align:center; margin: 0 0 5px 0;} .callEmailB a, .callEmailB a:visited {color:#207fa9;} .callEmailB a:hover {text-decoration: underline;} .callEmailB h2 span {display:block; font-size: 0.78em; color:#333; font-family: "Open Sans",Helvetica,sans-serif;} /* 14x0.78=11px; */ /* End Email Banner Callout Styles */ /* Phone Number Box Callout Styles */ .phoneWrap {float:right; width:275px; height:auto; padding: 0; margin:0 0 0px 20px; background: transparent;} .contentWrap .callPhone {float: right; width:265px; height:235px; padding: 5px 4px; margin:0 0 20px 8px; background: #ededfd url(/childsupport/PublishingImages/icon_call_phone.png) center 130px no-repeat; background-size: 120px 104px; border: 1px solid #ba9ace; } .contentWrap .callPhone h2 {font-size: 1.50em; /* 14x1.28=18px; 14x1.42=20px; */ font-weight: 600; color:#006699; text-align:center; text-transform: uppercase; line-height:1.08em; margin-top: 5px} .contentWrap .callPhone h2 span.title {display:inline-block; color:#006699!important; text-align:center; text-transform: uppercase;} .callPhone 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;} .callPhone a, .callPhone a:visited {color:#207fa9;} .callPhone a:hover {text-decoration: underline;} .callPhone h2 span {display:block; font-size: 0.78em; color:#333; font-family: "Open Sans",Helvetica,sans-serif;} /* 14x0.78=11px; */ /* End Phone Number Box Callout Styles */ /*=== End Callout Styles ===*/ /*=== Support Order Page Styles ===*/ #calloutWrap .linkBoxSupp {display:block; position: relative; float:left; width:418px; height: 155px; color:#444; border: 1px solid #cccccc; margin: 0 10px 20px 20px; padding: 20px 5px 5px 15px; line-height:1.5em;} #calloutWrap a.linkBoxSupp, #calloutWrap a.linkBoxSupp:visited {float:left; background-color: transparent; display: block; text-decoration:none;} #calloutWrap a.linkBoxSupp:hover {background-color: #e9f2f7;} /*.wa {background: #fafafa url(/childsupport/PublishingImages/compliance/icon_written.png) no-repeat 265px 10px;}*/ .estso {background: #fafafa url(/childsupport/PublishingImages/parent_services/icon_eso.png) no-repeat 365px 10px;} .cso {background: #fafafa url(/childsupport/PublishingImages/parent_services/icon_cso.png) no-repeat 365px 10px;} .ptp {background: #fafafa url(/childsupport/PublishingImages/parent_services/icon_ptp.png) no-repeat 365px 10px;} .csa {background: #fafafa url(/childsupport/PublishingImages/parent_services/icon_csa.png) no-repeat 365px 10px;} .hear {background: #fafafa url(/childsupport/PublishingImages/parent_services/icon_hear.png) no-repeat 365px 10px;} .caseclose {background: #fafafa url(/childsupport/PublishingImages/support_orders/icon_close_case.png) no-repeat 365px 10px;} .loc {background: #fafafa url(/childsupport/PublishingImages/support_orders/icon_locate.png) no-repeat 365px 10px;} .coop {background: #fafafa url(/childsupport/PublishingImages/support_orders/icon_cooperation.png) no-repeat 365px 10px;} .intl {background: #fafafa url(/childsupport/PublishingImages/support_orders/icon_international_cases.png) no-repeat 365px 10px;} #calloutWrap .linkBoxSupp .title {color:#003366; font-size: 1.28em; margin:0 0 15px 0;} /* 14x1.28=18px; */ #calloutWrap .linkBoxSupp span.learn { display:block; position:absolute; bottom:20px; margin-top:20px; font-style: italic; text-align: right; text-transform: uppercase; } #calloutWrap .linkBoxSupp span.learnArrow {color:#00aca1; display:inline;} #calloutWrap a.linkBoxSupp:hover span.learnArrow {color:#207fa9;} #calloutWrap .boxRightSupp {margin-right:0px; } /* End Support Order page styles */ .content ul {margin: 0 0 0 40px;} .content ul.imgList {margin-bottom: 20px;} .content ul.imgList li {margin-left: 30px;} .contentFull ul {margin: 0 0 0 40px;} /* replaces .content .right_column .contentWrap ul in 2 column layout */ #colWrap ul.indent {margin: 10px 0; padding: 0 0 0 40px;} /* replaces .content .right_column ul.indent in 2 column layout */ .topLogin {padding: 0 12px 5px 0px;} .topLogin a, .topLogin a:visited {color:#003366; text-decoration:none;} .topLogin a:hover {color:#006699; text-decoration:underline;} /*div[data-name="Page Field: Meta Description"] { display:none!important; } */ /* Social Footer custom styles and overrides to create a responsive grid */ .footer_content_grid { display: grid; grid-template-columns: repeat(3, 1fr); /* 3 equal columns */ gap: 0rem; /* space between columns */ padding: 0rem; max-width:1000px; margin: 0 auto; } .footerSocial { padding: 0px; text-align: center; } /* END custom styles */ /* Begin custom Social Footer overrides */ @media screen and (min-width: 0px) { .youtube { width: 40px; height: 50px; float: left; margin-top: 10px!important; margin-right: 5px; } } @media screen and (min-width: 0px) { .socialWrap { width: auto; height: auto; margin: 0 0px 0 40px; } } @media screen and (min-width: 0px) { .lifeline { width: 218px; height: 68px; margin: 4px auto; text-align:center; } @media screen and (min-width: 0px) { .youtube_ofmb { float:none!important; width:250px!important; text-align:right; margin:0 auto!important; } } /* End custom Social Footer overrides */ /*==== Receive Payment Content ====*/ .receive-content {margin: 10px !important; width: 100%; display: flex; column-gap: 10px !important;} .contentBoxRP {background: none;border: none;padding: 0px 10px 15px 15px; width: auto; margin: 20px 10px;} #contentColLeft{flex: 1; position: relative;float:none !important;width:auto;/*min-height: 540px;margin: 0 10px 0 0;*/ padding: 0 10px 10px 10px;border:1px solid #ebebeb;} #contentColRight {flex: 1; float:none !important; width:auto; /*min-height: 540px; margin: 0 0 0 10px;*/ padding: 0 10px 10px 10px; border:1px solid #ebebeb;} #enrollCallout {float:left!important; width: 90%!important;height:auto!important; margin: 10px 5px; padding: 10px!important; border: 1px solid #ebebeb!important; background-color: #e9f2f7!important; } .btnWrapSolo {float:left;width:100%;margin: 20px 0 !important;} #ppCallout {float:right;width: 225px;height:auto;margin: 10px 0 10px 20px; padding: 20px;border:1px solid #ebebeb;background-color:#e9f2f7;} /* -----------Receive Payment Callout----------- */ aside {position: fixed; top: 315px; right: 0; display: flex; z-index: 997; border-radius:5px;} .payments-callout { background-color: #003366; padding: 15px; border-left: .5rem solid #4cc4bd; width: 150px; position: fixed; /* Adjust to suit your layout */ } .payments-callout i { color: #ffffff; float: right; padding-left: 20px; } .callout-body p { font-size: 14px; color: #fff; margin-bottom: 0px; } /*=== End Receive Payment Content ===*/ /*==== Make Payment Content ====*/ .contentFull.full-pay {float:none !important; position: relative; width: 100%; clear:both; margin:10px 0;} /*.contentFull.full-pay {display: flex; flex-wrap: wrap; gap: 20px; margin: 0; float: none !important; width: 100%; justify-content: space-between;}*/ .contentFull.contentBox {float: none !important; margin:10px 0px; width: 100%;} .contentFull.contentBoxPP {float: none !important; margin: 10px 0px;} .contentBox {background: #fafafa;border: 1px solid #e0e0e0;padding: 0px 10px 15px 15px !important; width: 100%; box-sizing: border-box;} .pay-content {margin: 0px !important; width: 100%; display: flex; column-gap: 10px;} .pmtColBox {background:#fafafa; flex: 1 1 48%; min-width: 300px; box-sizing: border-box;} #contentColLeftPmt, #contentColRightPmt {margin: 0; padding: 10px 0px 10px 15px; border: 1px solid #e0e0e0; float: none !important; grid-column: span 1;} .contentBoxPP {border: 1px solid #e0e0e0; padding: 0px 0px 15px 15px; background: #fafafa url(/childsupport/PublishingImages/make_pmt/pmnt_history_icon.png) no-repeat 98% 10% ; width: 98%;} .subWrap ul li {width: 85%;} .content .blue {color: #003366; font-weight:600;} .content 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 h2 {color: #003366;margin: 12px 0 8px 0;font-family: "Segoe UI Semilight","Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;font-weight: 400;} /*.subWrap .indentCondSm ul li {width: 85%;}*/ /* -----------Make a Payment Callout----------- */ aside {position: fixed; top: 315px; right: 0; display: flex; z-index: 997; border-radius:5px;} .payments-callout {background: #003366; padding: 15px; border-left: .5rem solid #4cc4bd; width: 150px; position: fixed;} .payments-callout i, .callout-body p {color: #fff;} .payments-callout i {float: right;} .callout-body p {font-size: 14px; margin-bottom: 0;} /*==== End Make Payment Content ====*/ /*==== About Us Content ====*/ .aboutContent h2 {color: #003366; margin: 12px 0 8px 0; font-family: "Segoe UI Semilight","Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif; font-weight: 400;} .aboutContent ul {margin: 0 0 10px 20px !important;} .aboutContent ul li {margin:0 0 4px 20px;padding:0 0 0 4px;font-size:1em !important;} /* 14x1=14px; */ .aboutContent {float:left; width:70%; margin:30px 0 0 10px;} .contentWrap .callAbout {float: left;width:200px;height:auto;padding: 5px 8px;margin: 20px 0 20px 50px;border: 1px solid #006699;text-align:center;} /*==== End About Us Content ====*/ /*==== Sign Up Content ====*/ .aqua {color:#009999; /*font-weight:bold !important;*/} .intro-container {display: grid; grid-template-columns: 2fr 1fr; /* Left column spans 2, right column spans 1 */ grid-template-rows: auto; gap: 10px; /* Optional spacing */} .intro-left {padding: 10px;} .intro-right {padding: 10px; background-color: #fdf7cd; border: 1px solid #f8e038;} .intro-right:hover {background-color: #fefceb;} .apply-content {float:none;width:100%;clear:both;margin: 10px 0px;} .contentWrap h2 {color: #003366; margin: 12px 0 8px 0; font-family: "Segoe UI Semilight","Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif; font-weight: 400;} .apply-container-1 {display: grid; grid-template-columns: repeat(2, 1fr); /* Two equal columns */ grid-template-rows: auto; /* One row */ gap: 20px; /* Optional spacing */ width: 90%; margin: 20px auto;} .apply-container-2 {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 20px; /* Optional spacing */ width: 90%; margin: 0 auto; /*border: #003366 1px solid; /*temporary*/} .apply-container-2 li {margin:0 0 4px 10px !important; padding:0 0 0 4px !important; font-size:1em !important;} .apply-container-2 ul {margin:5px 0 4px 20px !important; padding:0 0 0 4px !important; font-size:1em !important;} /* 14x1=14px; */ .apply-item .title {text-transform: uppercase; color: #009999; font-weight:600;} .apply-item-duo {padding: 20px; text-align: left; border: 1px solid #cccccc;} .apply-item {padding: 20px; text-align: left; color: #444; border: 1px solid #cccccc;} /*==== End Sign Up Content ====*/ /* ++++ End New Styles for website improvement project 2025 +++*/