﻿/* CSS Vars Design System */
:root {
  /* 2023 Color Pallet */
  /*--garnet: #73000a;*/
  --white: #ffffff;
  --warmGrey: #45423a;
  --congaree: #1f414d;
  --paleSilver: #c7c4bc;

  /* 2023 Color Pallet - Alt */
  --brown: #514536;
  --warmGrey: #6e6e66;
  --garnet: #731011;
  --coolGrey: #A19D99;

  /* 2023 Font Families */
  --SourceSansPro: "Source Sans Pro", sans-serif;
  --Barlow: "Barlow", sans-serif;
  --Mulish: "Mulish", sans-serif;


  /* Historic Color Pallet */
  --darkestBlue: #0a3b61;
  --darkBlue: #2e7db9;
  --mediumBlue: #62a5da;
  --lighestBlue: #a4cbea;

  /* Historic Font Family */
  --carme: "Carme", Arial, Helvetica, sans-serif;
}

/*  HTML5 ✰ Boilerplate  */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  /*font: inherit;*/
  /* PLACE SITE-WIDE FONT FAMILY HERE */
  font-family: var(--SourceSansPro) !important;
  font-size: 1rem; /* Using rem to base sitewide font-size on the root element (HTML), if no font-size for html is set the default 16px is used.*/
  vertical-align: bottom;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font-family: var(--SourceSansPro); font:13px/1.231 sans-serif; font-size:small;background:#fff; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 5px;}
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -1.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #666; color:#fff; text-shadow: none; }
::selection { background:#666; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #666; }

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea { }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active, a:visited { color:#000; }
a:hover { color: #666; }
i, em{font-style:italic;}


/*** Styles below authored by Baskin, C ***/
/* When using this PROMINENT alert banner you must modify the properties of the billboard element - see ~Lines 192 */
#alert-banner-prom {
  color: #004085;
  background-color: #F09C20;
  border-color: #F09C20;
  opacity: 0.7;
  position: relative;
  margin-left: 1rem!important;
  margin-right: 1rem!important;
  padding: .75rem 1.25rem;
  border: 1px solid transparent;
  border-radius: .25rem;
  z-index: 1;
}


/* Styles below authored by VC3 */
/* Controls the bottom half of the backgound on Home and Non-Home pages - Baskin, C 1/12/2023 */ 
.pagebody{
  /*background: #62a5da url("images/body_bg.png") top repeat-x;*/ 
  background: var(--warmGrey) url("images/body_bg_REVJAN2023.png") top repeat-x;
  background-position: 0px 2px;
}
.pagebody.def{background:#fff;}
#wrapper{max-width:1000px;margin:0 auto 0px;}
#header{padding-top:14px;position:relative;}
.logo{display:block;}
.logo img{max-width:100%; height:auto;}
#utilityLinks{position:absolute;top:14px;right:0;margin:0;padding:0;display:table;}
#utilityLinks li{list-style:none;display:table-cell;vertical-align:middle;}
#utilityLinks a{display:block;text-transform:uppercase;text-decoration:none;font-size:10px;font-weight:bold;color:black;padding:0 8px;border-left:1px solid black;}
#utilityLinks li:first-child a{border-left:none;}
#utilityLinks a:hover{text-decoration:underline;}
#mainNav{position:relative;width:100%;margin:14px 0 20px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {#mainNav{margin-bottom:2px;}} /* Webkit Fix */
#mainNav ul{margin:0;padding:0;z-index:50;display:table;width:100%;}
#mainNav ul li{list-style:none;padding:0;margin:0;position:relative;display:table-cell;vertical-align:middle;}
#mainNav ul li a{display:block;text-align:center;margin:0 4px;vertical-align:middle;font-family: var(--SourceSansPro); font-weight:400;font-size:13px;padding:4px 14px 5px;text-decoration:none;text-transform:uppercase;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;max-width:200px;}
/* Navigation Menu Link Styling - On Hover */
#mainNav ul>li>a:hover,#mainNav ul li.sfHover a, #mainNav ul li a.current{background:var(--paleSilver);}
/* Navigation Menu Styling - Dropdown Submenu Background Color */
#mainNav ul li ul{display:none;position:absolute;top:39px;padding:0px 0;width:240px !important;padding-bottom:10px;background:var(--brown);}

#mainNav ul li ul li{display:block;width:250px !important;padding:0 0 0px;margin:0;text-align:left;}
#mainNav ul li ul li:first-child{padding-top:10px;}
#mainNav ul li ul li:first-child a{border:none;}
#mainNav ul li ul li a{display:block;font-size:13px;height:auto;padding:6px 14px 8px 14px;text-transform:none;border:none;filter:none;text-align:left;color:#fff;background:none !important;}
#mainNav ul li ul li a:hover{text-decoration:underline;background:none;}

#topCap{height:19px;background:url("images/topCap.png") center no-repeat;}
#bottomCap{height:19px;background:url("images/bottomCap.png") center no-repeat;}
#mainContent{background:url("images/mainBG.png") center repeat-y;padding:0 30px 10px;position:relative;}
#mainContent .modulecontent{padding:0;}
.pageHeader{color:black;font-size:26px;font-family: var(--SourceSansPro);border-bottom:1px solid black;padding-bottom:4px;}
#content{padding:20px;color:#464646;line-height:22px;}
H1{color:var(--garnet);font-weight:bold;font-size:22px;}
H2{color:var(--garnet);font-weight:bold;font-size:18px;margin:10px 0;}
H3{color:var(--garnet);font-weight:bold;font-size:14px;}
H4{color:var(--garnet);font-weight:bold;font-size:14px;font-style:italic;}

.breadcrumbs{padding:0 0 20px 0;color:black;}
.breadcrumbs a{color: black;}

#content input[type="radio"], #content input[type="checkbox"] {vertical-align: text-top;margin-right:3px;}
#content .settinglabel{font-size:13px;}


#footer{background:var(--garnet);}
#footerWrapper{max-width:1000px;margin:0 auto;}
#footerLinks{padding:10px 20px;}
#footerLinks a{padding-right:10px;color:#fff;}
#footerWrapper ul{margin:0;padding:0px;width:100%;display:table;}
/* Update vertical-align to accomodate single line copyright text - 1/10/2023 */
#footerWrapper ul li{list-style:none;display:table-cell;vertical-align:middle;padding:20px;color:#fff;}

.feedback{position:absolute;background:url("images/feedback_garnet.png") no-repeat;width:160px; height:44px;top:-12px;right:24px;}
.childpagesitemapmodule ul{width:80%;margin:0;}
.childpagesitemapmodule ul li{list-style:none;width:100%;margin:6px 0;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e8e8e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e8e8e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#e8e8e8",GradientType=0 ); /* IE6-9 */
}
.childpagesitemapmodule ul li:hover{background:#cbe3f6;}
.childpagesitemapmodule ul li a{display:block;padding:18px 30px 18px 20px;font-size:18px;color:#2e7cba;font-family: var(--SourceSansPro);sans-serif:text-decoration;border:1px solid #dfdfdf;background:url("images/rightArrow.png") 98% 50% no-repeat;}

.panelwrapper{margin-bottom:20px;}

/* HOME STYLES */
.home #wrapper{max-width:1000px;margin:0 auto;}
.home #mainNav{margin-bottom:0px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.home #mainNav{margin-bottom:2px;}} /* Webkit Fix */
#billboard{max-width:1200px;height:424px;overflow:hidden;margin:0 auto;margin-top:-1px;background:url("images/bkg2023B.png") no-repeat;} /*position: relative; top:-2.6rem; z-index: -1;*/
#billboard .modulecontent{position:relative;}
#billboard .slidecontainer{width:100% !important;}
#billboard .slidecontainer p{width:100% !important;height:350px;background:none !important;}
#billboard .slidecontainer p img{max-width:100% !important;height:auto;}
#billboard .cyclenav{position:absolute;top:0;left:200px;z-index:8;}	
#billboard .cyclenav a{display:inline-block;padding:2px 6px;border:1px solid var(--garnet);background:#fff;text-decoration:none;color:var(--garnet);cursor:pointer;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin-right:8px;}
#billboard .cyclenav a.activeSlide{background:var(--garnet);text-decoration:none;color:#fff;}
/* Hide Card Gallery @ Home layout.Master ~ Line 97; hidden via block comment in CMS Editor, hiding here via display: none; hides the entire Page Editor panel in the CMS */ 
#featureContent{max-width:1000px;margin:10px auto 0;}
#lowerWrapper{max-width:1080px;margin:0 auto;padding:5px 0 0px;overflow:auto;/*background: var(--warmGrey);*/}
#lowerWrapper .left, #lowerWrapper .right{float:left;width:50%;}
.innerWrapper{background: var(--brown);padding:20px;margin: 20px 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;}
.innerWrapper2{background:#0aaaaa;padding:20px;margin: 20px 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;}
/* Leftmost Bottom Panel - Control Content Anchor Tag Background Image Here */ 
a.about{display:block;text-decoration:none;background:url("images/about_icon_REVJAN2023.png") top center no-repeat;padding-top:75px;text-align:center;color:#fff;font-family: var(--SourceSansPro);text-transform:uppercase;font-weight:400;font-size:16px;line-height:18px;}
a.about div{font-size:26px;border-bottom: 1px dotted #fff;padding-bottom: 10px;}
div.findings{display:block;text-decoration:none;background:url("images/voices_icon_schv.png") top center no-repeat;padding-top:75px;text-align:center;color:#fff;font-family: var(--SourceSansPro);text-transform:uppercase;font-weight:400;font-size:16px;line-height:18px;}
div.findings div{font-size:26px;border-bottom: 1px dotted #fff;padding-bottom: 10px;}
/* Rightmost Bottom Panel - Featured Content Anchor Tag Background Image */
#findingsBKG {background: url("images/findings_icon.png") top center no-repeat;}
.left .panelwrapper, .right .panelwrapper{margin-bottom:0;}
.lowerContent{color:#fff;width:90%;margin:0 auto;text-align:justify;line-height:1.75em;}
.lowerContent .modulecontent{padding:0;}
.readmore{text-decoration:none;color:#A4CBEA;}
.readmore:hover{text-decoration:underline;}

.lowerContent .modulepager{padding:0;}
.rssfeedentryTrue{padding-top:8px;}
.rsstitle h3 a{display:inline-block;border-bottom: 1px dotted #ccc;color:#fff;font-size:20px;font-family: var(--SourceSansPro);font-weight:normal;text-align:left;margin-bottom:10px;text-decoration:none;}
.rsstitle h3 a:hover{color:#A4CBEA;border-bottom: 1px dotted #A4CBEA;}
.home .morelink{text-decoration:none;color:#A4CBEA}
.home .morelink:hover{text-decoration:underline;}

.blogcenter-rightnav{margin:0;padding:0;}
.blognavright{width:auto;}

#siteTagLine {
  padding: 0 8px;
  font-size: 0.7rem;
}

/* Fix for Cycle Plugin adding white background to p elements of parent div - Baskin, C 4/17/2024 */
#ctl00_mainContent_ctl00_divContent > p {
  background-color: unset !important;
}

/* Bottom Panel */
/*#lowerContentPanel {background: var(--warmGrey);}*/


/* REPORT STYLES */

.criteriaItem{background:#e4eaee;margin-bottom:8px;vertical-align:middle;border-top:1px solid #f4f7f8;border-right:12px solid #f4f7f8;border-bottom:1px solid #f4f7f8;border-left:1px solid #f4f7f8;}
.criteriaItem.active{background:#d1d7da;border-color:#093;border-top:1px solid #093;}
.criteriaItem label{background:url("images/selectlabel_bg.png") -3px 50% no-repeat;display:inline-block;cursor:default;padding:10px 10px 10px 30px;width:40%;vertical-align:middle;font-weight:bold;font-size:16px;color:#678394;}
.criteriaItem.active label{background:url("images/selectlabel_bg_active.png") -3px 50% no-repeat;color:#012e4a;}
.criteriaItem .selectReport{overflow:hidden;display:inline-block;width:50%;background:#fbfbfc url("images/report_arrow.png") 98% 50% no-repeat;text-align:center;margin:10px 0;vertical-align:middle;-webkit-box-shadow: 0px 0px 2px rgba(50, 50, 50, 0.75); -moz-box-shadow:0px 0px 2px rgba(50, 50, 50, 0.75);box-shadow:0px 0px 2px rgba(50, 50, 50, 0.75);}
.criteriaItem.inactive .selectReport{background-color:#e4eaee;overflow:hidden;}
.criteriaItem select {overflow:hidden;width:110%;color:#666 !important;font-size:14px !important;font-weight:800 !important;border:0; border-radius: 0px;color:#000; background:transparent;padding:8px; -webkit-appearance: none;width:100%;background:#fbfbfc;vertical-align:middle;}
.criteriaItem.active select{color:#000 !important;}

#reportButton{display:block;float:right;cursor:pointer;width:187px;height:37px;background:url("images/report_button.png") no-repeat;text-indent:-999999px;text-transform:capitalize;margin-right:12px;}
#backToReportButton{display:inline-block;cursor:pointer;width:131px;height:27px;background:url("images/back_button.png") no-repeat;text-indent:-999999px;text-transform:capitalize;margin-right:12px;}
.downloadLink{display:inline-block;cursor:pointer;width:131px;height:27px;background:url("images/download_button.png") no-repeat;text-indent:-999999px;text-transform:capitalize;margin-right:12px;}
.reportLink{display:block;cursor:pointer; background:#e7e7e4  url("images/selectlabel_bg.png") -3px 50% no-repeat;vertical-align:middle;width:120%;padding:10px 10px 10px 30px;font-weight:bold;border-right:12px solid #f4f7f8;}
.reportLink:hover{background:#e7e7e4 url("images/selectlabel_bg_active_GARNET.png") -3px 50% no-repeat;border-right:12px solid var(--garnet);}
#iframeDiv {margin-top:20px;overflow:auto;clear:both;text-align:center;}
#iframeDiv iframe{width:100%;height:1000px;}
#shareDiv{float:right;}
.defLink{display:inline-block;}
.emailLink{display:inline-block;width:32px;height:32px;background:url("images/emailLink.png") no-repeat;text-indent:-1000px;overflow:auto;text-transform:capitalize;}

.externalMessage {padding:30px; }
.externalMessage a{display:inline-block;padding:3px 8px;background:#2E7DB9;color:#fff;margin-right:30px;text-decoration:none;}
.externalMessage a:hover{text-decoration:underline;}

/* RESPONSIVE DESIGN STYLES */

@media screen and (max-width: 768px) {
	#mainNav{margin: 0 0 3px;}
	#mainNav .dropMenu{height:25px;padding:10px 0;margin:15px 0 0px;font-family: var(--SourceSansPro); font-weight:400;color:black;text-transform:uppercase;font-size:22px;text-align:center;border-top:1px solid var(--garnet);border-bottom:1px solid var(--garnet);
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 1%, #e7e7e4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#e7e7e4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 1%,#e7e7e4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 1%,#e7e7e4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 1%,#e7e7e4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 1%,#e7e7e4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#e7e7e4",GradientType=0 ); /* IE6-9 */}
	.down:before, .up:before{content:"MAIN MENU";}
	.down{height:26px;background-image:url("images/down_arrow_garnet.png"); background-position:97% center; background-repeat:no-repeat;}
	.up{height:26px;background-image:url("images/up_arrow_garnet.png"); background-position:97% center; background-repeat:no-repeat;}
	#mainNav .AspNet-Menu-Horizontal{display:none;margin-top:0px;}
	#mainNav ul{padding:0;z-index:50;display:block;width:100%;background:white;}
	#mainNav ul li{list-style:none;padding:0;margin:0;position:relative;display:block;}
	#mainNav ul li a{border-bottom:1px solid var(--garnet);padding:10px 0;border-right:none;font-size:20px;max-width:none;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
	#mainNav ul li ul{display:none !important;}
	.childpagesitemapmodule ul{width:100%;margin:0;}	
	#footerWrapper ul{display:block;}
	#footerWrapper ul li{display:block;padding:10px 20px;}	
	.home .lowerContent{color:#fff;width:85%}	
	.reportLink{width:75%;}
	#content { padding:20px 0 0 0;}
	#content img {max-width:100%;height:auto; }
}

@media screen and (max-width: 670px) {
	#header{padding-top:0px;position:relative;}
	#utilityLinks{position:relative;margin:0 auto;top:0;width:100%;}
	#utilityLinks li{background:#dcedfb;width:50%;text-align:center;border:1px solid #fff;}
	#utilityLinks li a{font-size:12px;display:block;padding:8px;border:none;}
	.logo{margin:20px 0;text-align: center;}
	#mainContent{padding:35px 20px 10px;}
	#content {padding: 20px 0;}	
	#billboard{height:400px;}
	
	.criteriaItem label{width:30%;}
	.criteriaItem .selectReport{width:60%;}
}
@media screen and (max-width: 540px) {
	.criteriaItem label{width:80%;}
	.criteriaItem .selectReport{display:block;margin-left:30px;width:87%;}
	.downloadLink{margin-top:5px;}
	.feedbackForm textarea{width:99%;}
	.info-products-links, .info-products-image{width:100%;}
	
}
@media screen and (max-width: 480px) {
	.logo{margin:10px 0 20px;}
	#billboard{height:300px;}
	#lowerWrapper .left, #lowerWrapper .right{float:none;width:100%;margin-top:10px;}
	#lowerWrapper .right{margin-top:20px;border-top:1px solid #fff;padding-top:20px;}
}

@media screen and (max-width: 360px) {
	#mainContent{padding:35px 10px 10px;}
	#footerWrapper ul li img{max-width:100%;height:auto;}
	.criteriaItem .selectReport{margin-left:10px;}
	#downloadLink{display:block;margin-top:5px;}
	#previewDiv iframe{margin-top:0;}
	.reportLink{width:80%;}
	#shareDiv{float:none;margin-bottom:5px;}
}


@media screen {
    /*  MOJOPORTAL OVERRIDES  */
	.bcommentpanel{display:none;}
    body.wysiwygeditor, body.wysiwygeditor td { font-family: Arial, Helvetica, sans-serif;font-size:13px;line-height:22px;}
	body.wysiwygeditor H1{color:#2e7cba;font-weight:bold;font-size:22px;}
	body.wysiwygeditor H2{color:#2e7cba;font-weight:bold;font-size:18px;margin:10px 0;}
	body.wysiwygeditor H3{color:#2e7cba;font-weight:bold;font-size:14px;}
	body.wysiwygeditor H4{color:#2e7cba;font-weight:bold;font-size:14px;font-style:italic;}

    /* WYSIWYG Formats Dropdown Menu */
    .defaultSkin .mce_formatPreview a { font-size: 10px; }
    .defaultSkin .mce_address span.mceText { font-style: italic; }
    .defaultSkin .mce_pre span.mceText { font-family: monospace; }
    .defaultSkin .mce_h1 span.mceText { color:#2e7cba;font-weight:bold;font-size:22px; }
    .defaultSkin .mce_h2 span.mceText { color:#2e7cba;font-weight:bold;font-size:18px; }
    .defaultSkin .mce_h3 span.mceText {color:#2e7cba;font-weight:bold;font-size:14px; }
    .defaultSkin .mce_h4 span.mceText { color:#2e7cba;font-weight:bold;font-size:14px;font-style:italic;}
    .defaultSkin .mce_h5 span.mceText { font-weight: bolder; font-size: .83em; }
    .defaultSkin .mce_h6 span.mceText { font-weight: bolder; font-size: .75em; }


    #mojoTopAdmin { position: absolute; top: 0px; }
    .helpmenulink { background: url(mojocss/help.png) no-repeat 5px 50%; }
    .ModuleCancelChangesLink, .ModuleApproveContentLink { vertical-align: baseline; }
    .AspNet-GridView table tbody tr td { background: #fff; border: none; }
    .AspNet-GridView { border: none; color: #666; }
    .AspNet-GridView thead { background: #eaf5f7; background-image: none!important; }
    .AspNet-GridView table thead th a { color: #fff!important; }
    .AspNet-GridView table thead th { background: rgb(33, 145, 192); background-image: none!important; }
    .AspNet-GridView-Alternate td { background: #eaf5f7!important; }
    .AspNet-GridView a { color: #43b5f6!important; }
    .AspNet-GridView-Empty { background: #eaf5f7!important; color: rgb(33, 145, 192)!important; }
    .buttonlink { color: #ca660d; }
    #form1 { background: #fff; color: #000; }
    #fm1_btnDelete { float: right; }
    .ptreebuttons input, .ptreebuttons img { padding: 2px; }
    .templatewrapper { border-bottom: 2px solid; margin-bottom: 20px; }
    .ui-helper-reset, .ui-widget, .qtfile {font-size:12px;height:auto !important;}
    .mpcalendarweekendday, .aspcalendarweekendday { background: #a6c9e2; }
    .mpcalendarothermonth, .aspcalendarothermonth { background: #eaf5f7; }
    .aspcalendarselectedday { background: rgb(255, 255, 224)!important; }
    .aspcalendarselectedday a { color: #000!important; }
    .verywidetextbox, .widetextbox { width: 22em!important; }
    .pageditlinks a { margin-right: 10px; }
    .aspcalendardayheader, .aspcalendarday { background: #fff; }
    .aspcalendarmain { margin-bottom: 10px; }
    .blognav { margin-left: 3em; }
    .blognav li { padding: 2px 0; }
    .bsidelist h3, .bstatslist h3 { padding-bottom: 10px; }
    .rssdate, .blogdate { text-align: left!important; }
    .panelwrapper { display: inline-block; clear: both; width: 100%; }
    .site-statistics { border: 0!important; }
    ul.userstats { margin-left: 10px; }
    /* Flickr Gallery styles */
    #gallerynav{overflow:auto;font-weight:bold;}
    #gallerynav span{display:block;float:left;cursor:pointer;padding:0 10px;text-decoration:underline;font-weight:bold;font-size:140%;}
    #gallerynav .sel{text-decoration:none;font-weight:normal;cursor:default;}
    .fthumbs img{cursor:pointer;padding:5px;}
    /*  Comments */
    .postcontainer{overflow:auto;border:1px solid #fff;margin:10px 0;background:#f1faf9;}
    .forumpostheader{background:none;padding:4px;}
    .postwrapper{background:none;border:none;}
    .postright{background:none;}
    .posttopic{background:none;}
    .forumpostuseravatar{display:none;}
    .blogcommentservice label{cursor:default;font-weight:bold;}
    .captcha img{display:block;padding-bottom:3px;}
    .pagetree .toplevel{background-color:#EFEFEF;}

    /*  HTML5 ✰ Boilerplate  Fixes */
    .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
    .hidden { display: none; visibility: hidden; }
    .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
    .invisible { visibility: hidden; }
    .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
    .clearfix:after { clear: both; }
    .clearfix { zoom: 1; }
}






@media print {
  .pagebody, #mainContent { background:none;}
  a, a:visited { color: #444 !important; text-decoration: underline; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}


/* ***************************************
** Covid19 Alert related styles
*****************************************/
#mojoTopAdmin{
  /*  top:65px !important; */
  /*  This is to make the signout options visible when signed in. Once the banner is removed this style should be removed or made 0px; */
}

.carolina-alert {
	position: relative;
	z-index: 99;
  background-color: #E4BF3F;
	padding: 1em;
	padding-left: 15px;
}
.carolina-alert a { 
  color:#A62D2D;
  font-weight: 800;
  text-decoration: underline;
}

/* ***************************************
** Covid19 Page related styles
*****************************************/

.clearfix:after { 
  content: "."; 
  visibility: hidden; 
  display: block; 
  height: 0; 
  clear: both;
}
.covid .reportLink {
  width : auto;
  text-decoration: underline;
}
.sc_covid_des{
  display: none;
  padding-bottom:10px; 
}
.sc_covid_des ul, .sc_covid_des ol{
  margin-left: 2em !important;
}
.sc_covid_des_section{
  display: none; 
  padding-Top:10px;
  padding-bottom:10px;
}
.sc_covid_head_lines_section{
  border: 5px solid #62A5DA; 
  text-align: center;
  cursor:pointer;
}
 .map-image{
   width:60%
 }
 .float-left{
   float:left;
 }
 .float-right{
  float:right;
}
.titles{
  padding-top: 10px;
  padding-bottom: 10px;
}
.titles a { 
  font-size:12px;
  color: #62A5DA; 
}
.sc_covid_head_lines_section:hover .titles {
  background-color:#62A5DA;
}
.sc_covid_head_lines_section:hover .titles a{
  color:white;
}
.sc_covid_head_lines_section.open .titles {
  background-color:#62A5DA;
}
.sc_covid_head_lines_section.open .titles a{
  color:white;
}
.BOI_banner{
  padding-bottom:10px;
}
.covid-menu{
  margin-bottom: 25px;
}
.covid_hospital_map {
  text-align: center;

}
/* .mediacid_covid{
  cursor: not-allowed;
} */
.hospital_icon{
  width: 12px;
}
.layer_icon{
  width:12px;
  background-color: #808080 ;
}
.navigation_icon{
  width:14px;
}
.covid_external_link, .covid_external_link:visited{
  color:#62A5DA;
}
.covid_external_link:hover{
  color:black;
}
.covid_hospital_map_hide{
  display:none;
}
.carolina-alert-in-content{
  background-color:#e4eaee;
  padding:0.3em; 
  padding-left: 15px;
  z-index :1;
}
.risk_calc{
  text-align:center;
  margin-top:25px;
}
.center_align{
  text-align :center;
}
@media only screen and (max-width: 640px) {
  .covid_banner_image{
    width:100%;
    margin: 0 0 ;
    margin-top: 10px;
    margin-bottom:15px;
  }
  .sc_covid_head_lines_section{
    width: 98%;
    margin-bottom:10px;
  }
  .float-left{
    float : none;
  }
  .float-right{
    float : none;
 }
 /* .unemployement-video video{
    height:400px !important;
 } */
  .Covid_pdf_thumbnail{
    float: right;
    margin-top: 2%;
    margin-left: 20px;
 }
}

@media (min-width: 641px)  and (max-width: 767px) {
  .covid_banner_image{
    width: 50%;
    margin-left: 20px; 
    margin-bottom: 4px;
  }
  .sc_covid_head_lines_section{
    width: 21%;
    margin-right: 2%;
  }
}

@media only screen and (min-width: 768px) {
  .covid_banner_image{
    width: 50%;
    margin-left: 20px; 
    margin-top: 15px; 
    margin-bottom: 4px;
  }
  .sc_covid_head_lines_section{
    width: 22%;
    margin-right:2%;
  }
  .Covid_pdf_thumbnail{
    float: right;
    margin-right: 2%;
    margin-left: 10%;
  }

}

@media only screen and (min-width: 1024px) {
  .covid_banner_image{
    margin-top: -10px; 
  }

  .Covid_pdf_thumbnail{
    float: right;
    margin-right: 2%;
    margin-left: 10%;
    margin-top: -3%;
  }
}



/* Aim Page styles  */
@media only screen and (max-width: 640px) {
    .aim-logo-para{
      text-align: center;
  }
}
@media only screen and (min-width: 641px) {
  .aim-logo-image{  
      margin-top:90px;
      float:right;  
  }
}
.aim-contact-table{
  width: 75%; 
  height: 206px
}

/* tipSC section styles */

.tipsc_anchor, .tipsc_anchor:visited , .tipsc_anchor:hover, .tipsc_anchor:active{
  text-decoration: underline; 
  color: white !important;
  background-color: #2d7078;
}

.quicktip{
  color: #72A74D;
  /* //padding-left:30px; */
}

.tipsc_list, .unordered-list
{
  padding-left:30px;
}

.tipsc_headline
{
  font-size:15px;
}

.tipsc_blue_headline{
  color: black;
}

.sup_underline{ 
  display: inline-block;
  border-bottom:1px solid #000;
  padding-bottom: 4px;
}



/* tipSC Layout Update - MAY2026, CB */
.tipsc-topic-btn-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-around;
  margin-left: -5px;
}

.tipsc-topic-btn {
  width: 16%;
  text-align: center;
  font-size: xx-small;
}

.tipsc-topic-btn > p {
  box-shadow: 2px 2px 1px dimgrey;
  border-radius: 1em;
  padding: 1em;
  background-color: #adc6c8;
}

.tipsc-topic-btn > p > a {
  text-decoration: none;
}

.tipsc-banner-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  column-gap: 1em;
  background-color: #2d7078;
  height: 7em;
}

.tipsc-banner-wrapper > img {
  margin: 1em;
  height: -moz-available;          /* WebKit-based browsers will ignore this. */
  height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
  height: fill-available;
}

.tipsc-banner-wrapper > p {
  margin-right: 5em;
  color: white;
  font-size: 24px;
  font-weight: bold;
}

/* Charged3 callout styles  */
@media only screen and (min-width: 768px) {
  .column.grid_3{
    float: right;
    width:30%;
    display: inline;
  }
  .column.grid_6{
    float: left; 
    width: 60%; 
    display: inline;
  }
  .callout{
    float: right;
    position: relative;
    width: 100%;  
  }
  .callout img{
    width: 100%; 
    height: auto
  }
}
.callout{
  overflow-wrap: break-word;
  box-sizing: border-box;
  border: 1px solid #808080; 
  border-left: 5px solid #2e7cba;; 
  margin-bottom: 1em;
  clear: both;
  padding-bottom: 10px;
}
.hgroup{
  padding-left: 10px;
}

.hgroup a {
  color: #2e7cba;
}
.hgroup a .sup_underline{
  color: #2e7cba;
  padding-bottom: 0px;
  border-bottom:0px;
}

video[poster]{
  object-fit: cover;
  }

@media only screen and (min-width: 768px) {
  .BOI_Voices_text{
    /* float:left; */
    /* width: 50%;  */
    /* margin-top: 100px; */
  }
  .BOI_Voices_flyers {
    float:right;
    width: 42%;  
    Margin-left :5%;
    /* margin: 20px 1% 8px 1%; */
  }
  .boi_content{
    float:left;
    width : 50%;
  }
  
  .boi_image_links{
    float:right;
    width :45%;
  }
  .display-mobile{
    display:none;
  }
}

@media only screen and (max-width: 767px) {  
  .boi_products_table{
    width:100% !important;
  }
  .hide-mobile{
    display :none;
  }
} 

/* .links{
  margin-top:20px
}

.links .col-1{
  width:30%; 
  margin-left: 1px;
   margin-right:1% ; 
   float:left; 
   background-color:rgb(46,125,185,0.5);
    padding: 1%;
    height: 200px;
}
.links .col-2{
  width:30%; 
  margin-left: 1px; 
  margin-right:1% ; 
  float:left ;
  background-color: rgb(46,125,185,0.5); 
    padding: 1%;
    height: 200px;
}
.links .col-3{
  width:30%; 
  margin-left: 1px; 
  margin-right:1px; 
  float:left;
  background-color: rgb(46,125,185,0.5) ; 
  padding: 1%;
  height: 200px;
} */

/* SCPPLC Page Styles */
.section-qusetion img{
  width:100%; 
  box-shadow: 0.5rem 0.5rem #62A5DA, -0.5rem -0.5rem #62A5DA;
}
.section-qusetion .content{
  margin-top: 30px;
}

@media only screen and (min-width: 767px) {  
  .section-qusetion.item2{
    margin-top: 50px;
  }
  .section-qusetion .img{
    float:left; 
    width:50%;
    margin-right:5%; 
  }
  .section-qusetion .imgleft{
    margin-top:50px;
  }
  .section-qusetion .imgright{
    float:right;
  }
  .section-qusetion .content{
    width:43%; 
    float:left;
    margin-top:-10px !important;
  }
  .section-qusetion .contnet-right{
    margin-top: 0px;
  }
}

/* Medicaid Trail Page Styles */

.medicaid-blocks {
  display: inline-block;
  width: 25%;
  /* float: left; */
  margin-right: 3%;
  /* //background: grey; */
  text-align: center;
  background-color : rgba(255, 250, 250, 0.8);
  padding: 20px;
  border-radius: 10px;
  /* box-shadow: 0.5rem 0.5rem #62a5da, -0.5rem -0.5rem #62a5da; */
}
.medicaid-blocks:hover{
  box-shadow: 0.5rem 0.5rem #62a5da, -0.5rem -0.5rem #62a5da;
}

.medicaid-blocks.last-col {
  margin-right: 0px;
}
.medicaid-block-row {
  text-align : center;
  margin:0 auto;
  margin-bottom: 40px;
  margin-top:40px;
}


/* BOI Products page BOI GeoEScan Styles */
@media only screen and (min-width: 768px) { 
  .boi_overflow_container{  
    color:white !important;
  }
  .boi_scan_overflowcontent_wrapper{
    float: right;
    width: 70%;
    margin-bottom: 20px;
    /* padding-left: 170px; */
    background-color: #62A5DA;
    border-radius:9px;
  }
  .boi_scan_overflowcontent{
    padding-left: 120px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 75%;
  }
  .boi_scan_overflowcontent h2, .boi_scan_overflowcontent a {
    color:white !important;
  }
  .boi_scan_floatImage{
    position: absolute;
    top: 45rem;
    right: 59%;
    margin-top: 100px;
  }
  .overflow_container{
    position: relative;
  }
  .boi_scan_sup_underline {
    display: inline-block;
    border-bottom: 1px solid black;
    padding-bottom: 9px;
  }
  /* p {
    text-align: center;
    /* padding-left: 90px; 
    *//* top: -51%; */
  /* }  */
 }


@media only screen and (max-width: 767px) { 


}




@media only screen and (min-width: 768px ) and (max-width: 992px) { 
  .boi_infographics_table img{
    width: 120px !important;
    height: auto !important;
    }
    .boi_scan_floatImage{
      top: 6%;
    }
  }


  /* Home page style chnages  */

  #lowerWrapper{
    display:flex;
  }

  #lowerWrapper .left{
    display: flex;
  }

  #lowerWrapper .right{
    display: flex;
  }

.SCPPLCS_block , .Voices_block{
  float: left;
  padding-top: 23px;
  padding-bottom: 10px;
  border-radius: 10px;
  width: 96%;
  height: 100px;
  background-color: #0A3B61;
  margin-right: 3%;
  margin-left:3%;
  text-align: center;
  vertical-align: middle;
  align-items: center;
  color:white;
  margin-bottom:20px;
}

.SCPPLCS_block  img, .Voices_block img{
  width: 107px;
  margin: 0 auto;
  vertical-align: middle;
  /* display: flex; */
  align-items: center;
}

@media only screen and (min-width: 768px) { 
  .boi_content{
    width: 56%;
    float: left;
    margin-right: 2%;
  }
  .boi_callout{
    width:42%;
    float:right;
  }
}


/*** YT Gallery Cards ***/
.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
  background: #D5DB4C;
}

.card .card-header {
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding: 1rem;
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 0.75rem;
}

.card-header {
  border-bottom: 1px solid rgba(0,0,0,.125);
}

/*** Voices/Voces Dialog Classes Overrides ***/
.ui-dialog {
  border: 1px solid black;
}

.ui-widget-header {
  border: 1px solid black;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: #D5DB4C;
  border: 1px solid #D5DB4C;
  color: black;
}

.ui-widget-header {
  background: #D5DB4C;
  color: black;
}


/*** jQuery UI Overrides | 19 June 2024 - Baskin ***/
.ui-widget-content {
  border: none;
}


/*** Maternal & Child Health Page Hero Image ***/
.mch-hero-img {
  background: url(images/mch/mch-hero.png);
  background-position: center;
  height: 35em !important;
  background-size: cover;
  border-radius: 1em;
  box-shadow: 2px 2px 5px dimgrey;
}

#ctl00_mainContent_ctl00_pnlOuterBody {
  background: unset;
}

.mch-homepage-button {
  background-color: rgba(70, 106, 159, 0.75);
  border-radius: 1em; padding: 0.5em;
  color: white !important;
  box-shadow: 2px 2px 5px dimgrey;
}


/*** SCMHIC ***/
.scmhic-img {
  width: -moz-available;
  width: -webkit-fill-available;
}