:root {

/* main colours */

	--scc-bg: #305567;
	--scc-fg: #cda215;

/* brand colours */ 

	--scc-gold: #b58829;
	--scc-sliver: #72787b;
	--knot-gold: #ca972a; /* only for use on the knot logo */

    --scc-fuchsia: #cb2a81;
	--scc-aaapink: #8F0058;
	--scc-purplepink: #d27fad;
	--scc-redbrown: #61231f;
	--scc-lightbrown: #b37939;

	--scc-royalblue: #1064a2;
	--scc-aaaroyalblue: #0E5A90;
	--scc-midblue: #798cbc;
	--scc-darkblue: #223266;
	--scc-darkgrey: #4c4f54;

	--scc-green: #4e9894;	
	--scc-teal: #5eafb3;	
	--scc-darkgreen: #2e6f65;	
}


#editortemplatebody .megamenu {display:none;}

#editor .sys_sccusercontrol {
background: url("/SiteElements/images/usercontrol.png") no-repeat scroll left bottom transparent;
border: 1px dashed #7757a1;
margin: 3px;
display: block;
height:25px;
width:100px;
}




/* Primary style sheet for site */

  .MobMenu {
   display: none;
}
  
  
.sys_tophead {
  /* height:100px; */
  position:relative;
  }

/* Heading options */

div#HeaderOptions {
    width: 100%;
    background-color: #294857;
	height: 33px;
    padding: 4px 7px;
    max-width: 100%;
    margin-bottom:5px;
    box-sizing:border-box;
}

div#google_translate_element {
    display: inline-block;
    margin-top:10px;
}

.styles #google_translate_element{
    float:right;
}

#goog-gt-tt .logo img {display:none;}

.goog-te-gadget .goog-te-combo {
    margin: 0px !important;
}

.skipnav-container {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    position: static;
}

.skipnav {
    height: 0;
    left: 0;
    overflow: visible;
    position: absolute;
    text-align: center;
    margin: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}

.skipnav a:not(:focus) {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.skipnav a:focus {
    background-color: #000;
    color: #fff;
    padding: 10px;
    display: inline-block;
    outline: 3px solid var(--scc-fuchsia);
}

/* Old skip navigation rules - kept to preserve other websites, not used on main SCC site */

.sys_skipnav a:hover{
  text-decoration:underline;
}

.sys_skipnav, .sys_skipnav a{
 font-size:.9em;
 padding:3px;
 color:#FFF;
 text-decoration:none;
 text-align:right;
}

/* Stylesheet switcher */

.StyleLight, .StyleDark, .StyleHC, .StyleCream {
    display:inline-block;
    border:none;
    padding:3px;
    margin-right: 5px;
    margin-bottom:0px;
    border-radius:0px;
    text-decoration: none;
}

.StyleLight{
    background:var(--scc-darkblue);
    color:#FFF;
    border-color:#000;
}

.StyleDark{
    background:#000;
    color: #FFF !important;
    border-color:#FFF;
}

.StyleHC{
    background:#000;
    color: yellow !important;
    border-color:yellow;
}

.StyleCream{
    background: #fffdd0;
    color: #010066 !important;
    border-color:#010066;
}

/* hide webcontrol from footer */
.styles {
    display:none !important;
    font-size: 0.8em;
    padding: 0 0 20px 0;
}

#pagecontainer img {
max-width:100%;
height:auto;
}



.ad-image img{
  max-width:100%;
  height:400px!important;
}

.testy img {
  max-width:100%!important;
  height:auto!important;
}


.vidframe {
  position: relative;
  height: 0;
  overflow: hidden;
}
 
/* 16x9 Aspect Ratio */
.vidframe-16x9 {
  padding-bottom: 56.25%;
}
 
/* 4x3 Aspect Ratio */
.vidframe-4x3 {
  padding-bottom: 75%;
}
 
.vidframe iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

.goback{
    display:none;
}
  
  
/* Primary elements */
  
body {
    background: #FFF !important;
    color:#000000;
    font-family:Arial,Helvetica,sans-serif;
    margin:0;
}

#pagecontainer, #headercontainer, #navcontainer {
    margin:0 auto;
    border-right: 10px!important; 
    border-left: 10px!important; 
    max-width: 1220px;
    background: none;
    /*position:relative;*/
}

/* Note: The #sys_fullwidth ID is replaced with a .fullwidth-content class on the main website
 but the ID rules are kept so that styling on other websites is preserved */

#sys_fullwidth, .fullwidth-content {
padding: 3px 0 0 3px;
text-align:center;
}

#sys_fullwidth img, .fullwidth-content img {
    display: block;
    margin: 0 auto;
}

.smalltext {
font-size: .8em;
}

#hrotator {
    margin-bottom: 12px;
}
  
/* End of Primary elements */


/* Page header */

#pageheader {
 display:none;	
}

#headertop {
	float:right;
	font-size:.85em;
	padding-right:25px;
	padding-top:8px;
	margin:0;
	
}

#headertop ul {
	margin: 0;
	list-style: none;
}

#headertop li {
	float:left;
	padding-right:10px;
	padding-left:10px;
	border-right: 1px solid #85a6b4;
}

#headertop a{text-decoration:none;}
#headertop a:hover {text-decoration:underline;}


#skipnav {
	position:absolute;
	left:0px;
 border-right:none!important;
}

#headertop .sys_rightmost {
		border-right: none;
}

#scclogohead {
	position:absolute;
	top:50px;
	left:27px;
}
#scclogohead a {border:0 none;text-decoration:none;}

.sys_logo-r1, sys_logo-header {
padding: 5px 5px 15px 5px;

}

.sys_logo-r2 {
    display: none;
}

#svg-logo {width:230px; height:55px;}
.svg-logo {width:230px; height:55px;}

/* SCC logo colours */

.knot, .scc-text {
    fill: #fff;
}

/* Newsroom logo colours */

.nr0 {
  fill: #FFF;
}

.nr1 {
  fill: #fff;
}

/*------------------ */

.sys_head-r1 {
	color: #FFF;
	position: absolute;
	right: 15px;
	top: 10px;
	width: inherit;
}

.sys_head-r1 p{
  padding:0;
  margin:3px;
}

.sys_head-r1 a{
  color:#FFF;
  text-decoration:none;
}

.sys_head-r1 a:hover{
  text-decoration:underline;
}



#scctelhead {
	color:#FFF;
	padding-left:25px;
	font-size:18px;
}

#print-logo {
	visibility: hidden;
	display: none;
	z-index: -1;
}

#divTopBar {
 visibility: hidden;
	display: none;
	z-index: -1;
}

/* A to Z */

#atoz {
position:absolute;
top:44px;
right:0px;
width: 380px;
color:white;
font-weight: bold;
font-size: 16px;
letter-spacing: 2px;
}

#atoz a {
	color:#FFF;
	text-decoration:none;
}

#atoz a:hover {
	text-decoration:underline;
}


/* Search box */ 
.sys_search-box{ /*outer background*/
    position:absolute;
    top:70px;
    right:30px;
    width: 400px;
}


.sys_search-box2 .sys_search-query-control .sys_search-button, .sys_search-area .sys_search-query-control .sys_search-button {
    background: none;
    border: 0;
    color: #FFF;
    cursor: pointer;
    font-family: "Font Awesome 5 Pro";
    font-size: 32px;
    font-weight: 300;
    height: 44px;
    margin: 5px 0 0 5px;
    padding: 0;
    width: 45px;
}

.sys_search-query-control input[type="submit"] {
    margin-top: 5px!important;
    float: right;
}

.sys_search-box2 .sys_search-query-control .sys_searchbox, .sys_search-area .sys_search-query-control .sys_searchbox {
    /*float: left;*/
    border: 1px solid #FFF;
    border-radius: 0;
    margin: 0;
    font-family: Source sans pro, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-display: swap;
    color: #333;
    padding: 10px;
    background: #FFF;
}

.sys_search-query-control {
    display: flex;
}

.sys_basic-search-row > .sys_searchbutton {
    font-family: "Font Awesome 5 Pro";
    font-size: 1.6em;
    color: var(--scc-darkblue);
    background: none;
    border: none;
    cursor: pointer;
    padding-top:5px;
    font-weight:300;
}

.sys_basic-search-row > .sys_searchbox {
    padding: 5px;
    border: none;
    border-bottom: 1px solid #303030;
    font-size: 1.1em;
}

.sys_search-label, .sys_searchbox {
    font-size: 18px;
}


 
/* Contensis search */
/*
.sys_search-query-control .sys_searchbox {
float: left;
border: 2px solid #cca11a ;
margin:0;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 20px;
padding: 4px 0px 4px 4px;
background: #FFF;
width: 250px !important;}
*/
/*
.sys_search-query-control .sys_search-button {
background: url("/SiteElements/images/search.png") no-repeat scroll left top transparent;
border: 0 none;
cursor: pointer;
float: left;
height: 37px;
margin: 0 0 0 5px;
padding: 0;
width: 50px !important;}
*/
/* End of Page header */






.backnav {
    display: none;
}

#MobTopbar {
  display:none;}

/* Page body */

#pagebody {
	overflow:auto;
   background:#FFF;
}

.sys_siteheaderbreadcrumb {
    background: #F1f1f1;
    display: block;
}

#headerbreadcrumb {
    display: block;
    list-style: none;
    margin: 0 auto;
    max-width: 1220px;
    padding: 0 10px;
}

#headerbreadcrumb a {
    align-items: center;
    display: inline-flex !important;
    color: #000;
    min-height: 44px;
    min-width: 44px;
}

/*#pagebody > #breadcrumb {
    display:none;
}*/

#breadcrumb {
    font-size: 0.8em;
    font-weight: 600;
    padding: 15px 20px 0 0;
}

.sys_breadcrumbsplash {
      font-size: 0.8em;
    font-weight: 600;
    padding: 15px 20px 15px 0;
  margin: 0 0 10px 0;
  border-bottom:3px solid #e4e4e4;
}

#sitewide-alert {
    background: #AD000E;
    display: block;    
}

#sitewide-message {
    background: #085;
    display: block;
}

#sitewide-alert a, #sitewide-alert span, #sitewide-message a,
#sitewide-message span {
    color: white;
    display:block;
    margin: 0 auto;
    max-width: 1220px;
    padding:10px;
    text-decoration:none;    
}

#sitewide-alert a:hover, #sitewide-message a:hover {
    text-decoration: underline;
}

.sys_splash img{
  height:auto!important;
}

.sys_bordersplash {
  max-width: 210px;
  background-color:#e4e4e4;
  padding:10px;
  margin:0 auto 10px;
}


/* Left navigation styles */

.sys_rcnavtitle {
    display: block;
    border-bottom: 5px solid var(--scc-darkblue);
    font-size: 1.3em;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

#leftnav {
    float: right;
    margin: 110px 0 15px 0;
    padding: 0 0 20px 0;
    width: 300px;
}

/* Left Menu - Root Folder Link */
.sys_left-menu-root a {
    background-color: #345563;
    border-radius: 3px 3px 0 0;
    color: #FFF;
    display: none;
    margin-left: 0;
    padding: 8px 10px 8px 15px;
    text-decoration: none;
}

/* Left Menu - Current Folder Link */
.sys_left-menu-current a {
    background-color: #fdd26c;
    color: #000;
    display: none;
    margin-left: 0;
    padding: 5px 0 7px 15px;
    text-decoration: none;
    font-size:.9em;
}
.sys_left-menu-current a:hover {text-decoration: underline;}

/* Left Menu Current Folder Items */
#leftnav .sys_simpleListMenu {
padding:0;
margin:0;
list-style:none;
}

#leftnav .sys_simpleListMenu li {
background-color: #fdf8ed;
    border-bottom: 1px solid #e8e8e8;
    color: #000;
    display: block;
    font-size: 0.85em;
    margin: 0;
    padding: 7px 0 7px 15px;
    text-decoration: none;
    /* width: auto; */
}

#leftnav .sys_simpleListMenu li a {
color:#000;
display:block;
text-decoration:none;
width:auto;
}

#leftnav .sys_simpleListMenu li a:hover {text-decoration: underline;}
#leftnav .sys_simpleListMenu li div.sys_selected a {font-weight: 600;}


/* featured content minitemplate styling for full width section page */

.sys_fbox {
    background-color: #f8f8f8;
    float: left;
    font-size: .85em;
    margin: 15px;
    padding: 10px 13px 10px 13px;
    width: 265px;
	 border: 1px solid #cad2d6;
}

.sys_fbox h2 {
    color: #4c4c4c;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.5em;
    margin: 0;
    padding: 0;
}

.sys_fbox img {
    float: left;
    padding: 0 10px 0 0;
}

.sys_fbox h2 a {
	color: #4c4c4c;
   text-decoration: none;
}

.sys_fbox h2 a:hover {
    text-decoration: underline;
	}

/* Full content page specific 
Note: the .generic-content class is what is used on the live SCC website now, not #fullcontent ID.
The #fullcontent ID is just kept so that styling on other websites are preserved */

#fullcontent, .generic-content {
    float: left;
    margin: 0;
    padding: 0 0 25px 0;
    width: 870px;
    font-size:.9em;
}

#fullcontent h1, .generic-content h1 {
	font-size: 2.2em;
    color: var(--scc-darkblue);
    margin-top: 40px;
    margin-bottom: 40px;  
}

#fullcontent h2, .generic-content h2 {
  font-display: swap;
	font-size: 1.5em;
}

@media all and (max-width:700px){
	#fullcontent h1, .generic-content h1 {
		margin-top: 25px;
		margin-bottom: 25px;  
	}
}

#fullcontent hr, .generic-content hr {
color: #85a6b4;
background-color: #85a6b4;
height: 1px; 
border:0;
}

#fullcontent img, .generic-content img {
padding:0 0 0 0;
}

#fullcontent li~li, .generic-content li~li{
    margin-top: 0 !important;
}

#pagetools li~li{
    margin-top: 0 !important;
}

#fullcontent p, #fullcontent li, .generic-content p, .generic-content li {
    line-height:1.6em;
}

/* 3col section page specific */

.sys_sl-contentcolumn h1 {
    margin-top:10px;
    margin-bottom:15px;
    font-size:2.2em;
    font-family:Source sans Pro,Arial,Verdana,Geneva,Helvetica,sans-serif;
    font-display: swap;
    color:var(--scc-darkblue);
}

.sys_sl-contentcolumn h2 {
	font-family:Source sans Pro,Arial,Verdana,Geneva,Helvetica,sans-serif;
  font-display: swap;
	font-size: 1.5em!important;
	margin: 40px 0 10px 0;
}

.sys_sl-rightcolumn h2 {
	font-family:Source sans Pro,Arial,Verdana,Geneva,Helvetica,sans-serif;
  font-display: swap;
	font-size: 1.25em;
}


.sys_toptasks ul{
  list-style-type:none;
  margin:0;
  padding:0;
}

.sys_toptasks li{
  display:block;
  background-color: #fdf8ed;
  border: 1px solid #e8e8e8;
  border-radius:30px;
  padding:5px 10px 5px 8px;
  margin-bottom:15px;
}

.sys_toptasks span{
  margin-right:10px;
}

.sys_toptasks .fa-circle{
  color:#345563;
}

.sys_toptasks h2 {
    background-color: #345563;
    border-radius: 10px 10px 0 0;
    font-weight:normal;
    color: #FFF;
    display: block;
    margin: 20px 0 20px 0;
    padding: 8px 10px 8px 15px;
    text-decoration: none;
}

.sys_doit h2 {
    background-color: #fdd26c;
    border-radius: 10px 10px 0 0;
    font-weight:normal;
    display: block;
    margin: 20px 0 0 0;
    padding: 8px 10px 8px 15px;
    text-decoration: none;
}

/* News page specific */

.sys_news-category {
    font-size:14px;
    min-width:80px;
}

/* Page tools */

#fccomment {
	margin:0px 0px 13px 0px;
	font-size:.85em;
}

#rightcolumn #fccomment #submitcomment{
display:block;
margin-top:4px;
}

#fccomment img {
vertical-align:middle;
}

#social a {
	float:left;
	padding-right:8px;
    border-bottom: 0 !important;    
}

#social ul, #social li {margin:0;padding:0;list-style-type:none;}
#social li {float:left;margin:0 3px 0 0;}
#emailfriend {
	padding:10px 0px 10px 0px;
	font-size:.85em;
	clear:left;
}

#emailfriend a {display:block;float:left;padding:0 5px 4px 20px;background:url("/SiteElements/Images/PageTools/email16.png") 0 0 no-repeat;}
#emailfriend img {
vertical-align:middle;
}

#printfriend {
    padding: 5px 0px 10px 0px;
    font-size: .7em;
    clear: left;
}

#printfriend a {display:block;float:left;padding:0 5px 4px 20px;background:url("/SiteElements/Images/PageTools/print16.png") 0 0 no-repeat;}
#printfriend img {
vertical-align:middle;
}


#pagetools {
	clear:both;
	overflow:auto;
	padding:20px 20px 20px 0px;
	margin-bottom:10px;
    float:left;
}

#pagetools img {
	border:none;
}

.toolsheading{padding: 0 0 15px 0; font-size:20px;}

/* Section page specific */

#sectioncontent {
float:left;
padding:0px 0px 25px 0px;
width:885px;
font-size:.9em;
}

#libsectioncontent {
    float: left;
    padding: 0px 0px 25px 20px;
    width: 870px;
    font-size:.9em;
}

#libsectioncontent h1 {
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 2.2em;
    font-family: Source sans Pro,Arial,Verdana,Geneva,Helvetica,sans-serif;
    font-display: swap;
    color: var(--scc-darkblue);
}


#sectionhead {
	background:url("/SiteElements/images/sectionheadbg.png") no-repeat;
	height:80px;
	margin-top:10px;
}

#sectionheadtitle {
	color:#000000;
	padding-top:20px;
	padding-left:30px;
	font-size:1.5em;
}

#sectionheadtitle h1{
 font-weight:normal;
 font-size:24px;
 margin:0;
 padding:0; 
}

#centrecolumn {
	float:left;
	margin-right:20px;
 width:455px;
}

#rightcolumn {
	float:left;
	width: 250px;
}

.sys_cchead {
	/*background: #f3f3f3;
	color: #4c4c4c;
	font-size:1.5em;
	padding:10px 5px 10px 10px;*/
  Display:none;
}

.sys_cchead h2 {
 font-weight:normal;
 font-size:1em!important;
 margin:0!important;
 padding:0!important; 
}

.sys_rcblock {
	background: #f3f3f3;
	color: #4c4c4c;
	padding:10px 5px 10px 15px;
	margin-bottom:20px;
	font-size:.85em;

}

.sys_rcblock h2 {
	font-size: 1.2em;
	margin-top:5px;
}

.sys_rcblock ul {
	margin:0;
	padding:0px 10px 10px 0px;
}

.sys_rcblock li {
	padding-bottom:5px;
	padding-top:3px;
	border-top: 2px solid #FFF;
	list-style:none;
}

.sys_ccmain {
	
}


/* Section page full width specific */

#fullwidthcontent {
float:left;
width:959px;
padding:0px 0px 25px 0px;
font-size:.8em;
}



#leftcolumn { /* Left column styles */
	float:left;
	width:650px;
	padding: 0 20px 0 20px;
}


/* Home page specific */



#homeleftcolumn { /* left column styles */
	float:left;
	width:640px;
	margin-top:10px;
	margin-right:10px;
}

#homerightcolumn { /* right column styles */
	float:right;
	width: 300px;
	margin-top:10px;
}

.sys_homecol{ /* the columns below the rotator */
	float:left;
	width:200px;
	background-color:#f3f3f3;
	margin-right:20px;
}

.sys_homecol .sys_inner{
	padding:12px 6px 10px 15px;
}

.sys_inner a {
	text-decoration: none;
	color: #284454;
}

.sys_inner a:hover {
	text-decoration: underline;
}

.sys_inner ul {
	list-style:none;
	padding:0;
	margin:0;
	font-weight:bold;
	font-size:1em;
}

.sys_inner li {
	padding:0 0 8px 0;
}

.sys_homecol #head1 { 
background:url("/SiteElements/images/col1.png") no-repeat;
height:32px;
color: #FFF;
padding:8px 20px 0 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
}
.sys_homecol #head2 { 
background:url("/SiteElements/images/col2.png") no-repeat;
height:32px;
color: #FFF;
padding:8px 20px 0 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
}
.sys_homecol #head3 { 
background:url("/SiteElements/images/col3.png") no-repeat;
height:32px;
color: #FFF;
padding:8px 20px 0 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
}

.sys_homercol{ /* the columns on the right side of the page */
	float:left;
	width:275px;
	padding:10px 10px 20px 15px;
	margin-bottom:15px;
	background-color:#f3f3f3;
	position:relative;
}

.sys_homercol h2 {
	font-size:1.35em;
	padding:10px 0 10px 25px;
	margin:0;
}

.sys_homercol .sys_icon img {
	position:absolute;
	top:15px;
	left:10px;
}

.sys_homercol a {
	text-decoration: none;
	color: #345667;
}

.sys_homercol a:hover {
	text-decoration: underline;
}

.sys_homercol p {
	margin-top:0px;
}

.sys_rcol {
	overflow:auto;
	margin:5px 0 10px 0;
}

.sys_rcoldiv {
	float:left;
	width:132px;
	padding-right:10px;
	font-size:1em;
	font-weight:bold;
}

.sys_rcoldivr {
	padding-right:0px;
}

.sys_rcoldiv a {
	text-decoration: none;
	color: #345667;
}

.sys_rcoldiv a:hover {
	text-decoration: underline;
}

.sys_rcoldiv ul {
	list-style:none;
	padding:0;
	margin:0;
}

.sys_rcoldiv li {
	padding:0 0 3px 0;
}

#findmycol {
	float:left;
	width:275px;
	height:120px;
	padding:5px 10px 20px 15px;
	margin-bottom:15px;
	background-color:#f3f3f3;
	position:relative;
}

#findmycol .sys_icon img {
    right: 10px;
    position: absolute;
    top: 15px;
}

#findmycol h2 {
    font-size: 1.35em;
    margin: 0;
    padding: 10px 0 10px 0px;
}
/* End of Page body */
}

@media only screen and (max-width:699px){
    .sys_pagefooter {
        padding-bottom: 80px;
    }
}



/*----- CONTENSIS ITEMS TO COPY -----*/

/* GENERAL TAGS */
img {border:0 none;}
blockquote {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 3px solid #85a6b4;
}

/* EDITING CLASSES */
.img-float-right {float:right; margin:10px 0 10px 10px;}
.img-float-left {float:left; margin:10px 10px 10px 0;}

table.standard-data-table {
    border: 1px solid #ccc; 
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
}

table.standard-data-table caption, table.rs-table caption {
  font-size: 1.2em;
  margin: .5em 0 .75em;
  font-family: Source sans pro, Arial, sans-serif;
  font-display: swap;
  text-align: left;
  font-weight: 600;
}

table.standard-data-table thead tr {
  background-color: var(--scc-darkblue);
  border: 1px solid #ddd;
  padding: .35em;
  color: #fff;
}

table.standard-data-table th, table.standard-data-table td {
  padding: .625em;
  text-align: left;
  font-size: .85em;
}

table.standard-data-table tbody tr {
  border-bottom: 1px solid #ddd;
}

table.standard-data-table th {
  font-size: .85em;
}

table.standard-data-table tbody tr:hover td, table.standard-data-table tbody tr:hover th {
      background: #fdd26c none repeat scroll 0 0;
  }

td > p, td > h1, td > h2, td > h3, td > h4 {
    margin: 0;
}

td a.sys_16 {
    overflow-wrap: break-word;
}

/* CONTENSIS SEARCH RESULTS */
.sys_search-control .sys_noresults ul {margin:0 0 0 25px;}

/* CONTENSIS MINITEMPLATES */
.sys_insetimage200 {
	float:right;
	width:200px;
	border:1px solid #85a6b4;
	margin: 0 0 5px 20px;
	padding:5px;
	background-color: #f5f5f5;
	font-size:.85em;
}
.sys_pullquote blockquote {
	float:right;
	width:200px;
	margin: 20px 0 15px 20px;
	padding:0 0 0 50px;
	background-image: url("/SiteElements/images/BlockQuotes/blockquote.gif");
	background-repeat: no-repeat;
	border-left:none;	
	font-size:1.5em;
	color: #9c9c9c;
}
/* CONTENSIS FLV VIDEO */
.sys_VideoMainWrapper {clear:both; padding: 10px 0; text-align: center}
.sys_VideoMainWrapper .sys_VideoInnerWrapper {
	padding-top: 20px; 
	border-top: 1px solid #ededed;
	border-left: 1px solid #ededed;
	border-right: 1px solid #ededed;
}
.sys_VideoMainWrapper .sys_Video {}
.sys_VideoMainWrapper .sys_VideoCaption {padding: 6px 30px; font-weight: 700;}
.sys_VideoMainWrapper .sys_VideoAdditionalInformation {
	background: #fbfbfb;
	padding: 6px 10px; 
	text-align: left;
	border-bottom: 1px solid #ededed;
	border-left: 1px solid #ededed;
	border-right: 1px solid #ededed;
}

/* IFRAME VIDEO */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* CONTENSIS RELATED ITEMS */
.sys_relateditemslisting-control {margin:20px 0;}
.sys_relateditemslisting-control h2.sys_relateditemslisting-title.sys_standardlist-title {display: none;}
.sys_relateditemslisting-control #RelatedItemsasStandardList_List .sys_itemslist .sys_subitem {
	border: 1px solid #d5d9db;
	background: #f6f6f6;
	margin-bottom: 8px;
	padding: 10px;
}
.sys_relateditemslisting-control #RelatedItemsasStandardList_List .sys_itemslist .sys_subitem .sys_subitem-summary.sys_relateditemslisting-summary dl {margin: 0; padding: 0;}
.sys_relateditemslisting-control #RelatedItemsasStandardList_List .sys_itemslist .sys_subitem .sys_subitem-summary.sys_relateditemslisting-summary dl dt.sys_relateditemslisting-description {display: none;}
.sys_relateditemslisting-control #RelatedItemsasStandardList_List .sys_itemslist .sys_subitem div h3.sys_subitem-heading {
	font-size: 0.9em;
	margin: 4px 0;
	padding-top: 2px;
}
.sys_relateditemslisting-control #RelatedItemsasStandardList_List .sys_itemslist .sys_subitem div h3 a {padding-left:8px; font-weight: normal;}
.sys_relateditemslisting-control #RelatedItemsasStandardList_List .sys_itemslist .sys_subitem .sys_icon {width: 20px; height: 20px; float: left;}
.sys_relateditemslisting-control #RelatedItemsasStandardList_List .sys_itemslist .sys_subitem div.sys_subitem-summary.sys_relateditemslisting-summary dl dd.sys_relateditemslisting-description {margin: 0;}
.sys_relateditemslisting-control #RelatedItemsasStandardList_List .sys_itemslist .sys_subitem .sys_17 {background: url(/SiteElements/Images/Icons/icon-MSWord.gif) 0 0 no-repeat;}
.sys_relateditemslisting-control #RelatedItemsasStandardList_List .sys_itemslist .sys_subitem .sys_21 {background: url(/SiteElements/Images/Icons/icon-PDF.gif) 0 0 no-repeat;}

.sys_relateditemslisting-control .sys_noresults {display:none;}

/* CONTENSIS BLOGS */
/* Blog Article */
div.sys_blog-author {padding:0;color:#666;font-weight:400;}

/* CONTENSIS GENERIC DATA LISTS */
ul.sys_itemslist {margin:0;padding:0;list-style-type:none;}
ul.sys_itemslist li.sys_subitem {margin:0;padding:.4em 0;}
ul.sys_itemslist li.sys_subitem dl,ul.sys_itemslist li.sys_subitem dl dt, ul.sys_itemslist li.sys_subitem dl dd {margin:0px;padding:0;font-size:.9em;color:#666;}

ul.sys_itemslist li.sys_subitem dl dt.sys_generic_list-releasedate {float:left; width:80px;}
ul.sys_itemslist li.sys_subitem dl dt.sys_generic_list-releasedate {}

/* CONTENSIS THEME OVERWRITES */
/* Standard DataRepeater Titles */
.sys_theme-simple h1.sys_standardlist-title, 
.sys_theme-simple h2.sys_standardlist-title, 
.sys_theme-simple h3.sys_standardlist-title,
.sys_theme-simple h4.sys_standardlist-title,
.sys_theme-simple h5.sys_standardlist-title,
.sys_theme-simple .sys_standardlist-title {
    background-color: #fdd26c !important;
    border-radius: 10px 10px 0 0;
    display: block !important;
    font-size: 1.3em !important;
    font-weight: 300 !important;
    margin: 50px 0 30px !important;
    padding: 10px 0 10px 15px !important;
    position: relative !important;
    z-index: 1 !important;
}

.sys_theme-simple .sys_standardlist-title .sys_atom-link,
.sys_theme-simple .sys_standardlist-title .sys_rss-link {top:3px;}
.sys_theme-simple .sys_standardlist-title .sys_atom-link a,
.sys_theme-simple .sys_standardlist-title .sys_rss-link a {
font-weight:300 !important;
}

.sys_subitem .sys_news-datepublished {
    font-size: 13px;
    font-weight: 600;
    color: #444;
}

/* note: do not change this font size as it's required for accessibility */

.sys_theme-simple .sys_atoz-control {
    font-size:14pt;
    }

/* PAGE COMMENT FORM AS POPUP */
.sys_comments-title {display:none !important;}
.sys_commentform-popup {background:#fff;border:3px solid #eed28f;padding:15px 20px;font-size:1em;color:#333;}
.sys_commentform-popup .sys_closeform {position:absolute;top:10px;right:10px;cursor:pointer;color:blue;font-size:1.1em;font-weight:700;text-decoration:underline;}

/* SEARCH RESULTS */
.sys_search-control {clear:both;}
.sys_search-control .sys_search-title {font-size:1.3em;font-weight:400;margin:25px 0 20px 0;padding:0;}
.sys_search-control .sys_subitem {width:100%;clear:both;margin:0 0 10px 0;border-bottom:1px solid #85a6b4;}
.sys_search-control .sys_subitem .sys_subitem-heading {margin:0;padding:0 0 .3em 0;font-size:1em;}
.sys_search-control .sys_subitem dl,.sys_search-control .sys_subitem dl dt, .sys_search-control .sys_subitem dl dd {margin:0;padding:0;}
.sys_search-control .sys_subitem dl dt.sys_search-description {display:none;}
.sys_search-control .sys_subitem dl dd.sys_search-description {font-size:.9em;margin-bottom:.3em}

.sys_search-control .sys_subitem dl dt.sys_search-url {display:none;}
.sys_search-control .sys_subitem dl dd.sys_search-url {
color:#666;
font-size:.8em;
margin-bottom:10px;
font-style:italic;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

	/* FEATURE RESULTS */
	#SearchFeatureResults .sys_subitem {width:96%;padding:10px 2%;background:#d9ecea;margin:0 0 10px 0;overflow: auto;}
	#SearchFeatureResults .sys_subitem .sys_thumbnail {float:left;width:48px;height:48px;margin:0 12px 0 0;}
	#SearchFeatureResults .sys_subitem .sys_subitem-heading {font-size:1em;margin:0;padding:0;}
	#SearchFeatureResults .sys_subitem .sys_subitem-heading a {color:#003366;font-weight:400;}
	#SearchFeatureResults .sys_subitem dl {margin:0;padding:0;font-size:.9em;}
	#SearchFeatureResults .sys_subitem dl dt, #SearchFeatureResults .sys_subitem dl dd {margin:0;padding:0;}
	#SearchFeatureResults .sys_subitem dl dt.sys_generic_list-description {display:none;}
	#SearchFeatureResults .sys_subitem dl dd.sys_generic_list-description {margin-left:60px;}
			
	#SearchFeatureResults .sys_noresults {display:none;}
			
			.sys_search-control .sys_itemslist .sys_icon {width:32px;height:32px;float:right;margin:0 0 12px 12px;}
			.sys_search-control .sys_itemslist div.sys_0 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/0.gif");}
			.sys_search-control .sys_itemslist div.sys_1 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/1.gif");}
			.sys_search-control .sys_itemslist div.sys_2 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/2.gif");}
			.sys_search-control .sys_itemslist div.sys_3 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/3.gif");}
			
			.sys_search-control .sys_itemslist div.sys_5 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/5.gif");}
			.sys_search-control .sys_itemslist div.sys_6 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/6.gif");}
			.sys_search-control .sys_itemslist div.sys_7 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/7.gif");}
			.sys_search-control .sys_itemslist div.sys_8 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/8.gif");}
			.sys_search-control .sys_itemslist div.sys_9 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/9.gif");}
			
			.sys_search-control .sys_itemslist div.sys_11 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/11.gif");}
			.sys_search-control .sys_itemslist div.sys_12 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/12.gif");}
			.sys_search-control .sys_itemslist div.sys_13 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/13.gif");}
			.sys_search-control .sys_itemslist div.sys_14 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/14.gif");}
			.sys_search-control .sys_itemslist div.sys_15 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/15.gif");}
			.sys_search-control .sys_itemslist div.sys_16 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/16.gif");}
			.sys_search-control .sys_itemslist div.sys_17 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/17.gif");}
			.sys_search-control .sys_itemslist div.sys_18 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/18.gif");}
			.sys_search-control .sys_itemslist div.sys_19 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/19.gif");}
			
			.sys_search-control .sys_itemslist div.sys_21 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/21.gif");}
			.sys_search-control .sys_itemslist div.sys_22 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/22.gif");}
			.sys_search-control .sys_itemslist div.sys_23 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/23.gif");}
			.sys_search-control .sys_itemslist div.sys_24 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/24.gif");}
			.sys_search-control .sys_itemslist div.sys_25 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/25.gif");}
			
			.sys_search-control .sys_itemslist div.sys_27 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/27.gif");}
			.sys_search-control .sys_itemslist div.sys_28 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/28.gif");}
			.sys_search-control .sys_itemslist div.sys_29 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/29.gif");}
			.sys_search-control .sys_itemslist div.sys_30 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/30.gif");}
			.sys_search-control .sys_itemslist div.sys_31 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/31.gif");}
			.sys_search-control .sys_itemslist div.sys_32 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/32.gif");}
			.sys_search-control .sys_itemslist div.sys_33 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/33.gif");}
			.sys_search-control .sys_itemslist div.sys_34 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/34.gif");}
			.sys_search-control .sys_itemslist div.sys_35 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/35.gif");}
			
			.sys_search-control .sys_itemslist div.sys_37 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/37.gif");}
			.sys_search-control .sys_itemslist div.sys_38 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/38.gif");}
			.sys_search-control .sys_itemslist div.sys_39 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/39.gif");}
			.sys_search-control .sys_itemslist div.sys_40 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/40.gif");}
			.sys_search-control .sys_itemslist div.sys_41 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/41.gif");}
			.sys_search-control .sys_itemslist div.sys_42 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/42.gif");}
			.sys_search-control .sys_itemslist div.sys_43 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/43.gif");}
			.sys_search-control .sys_itemslist div.sys_44 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/44.gif");}
			.sys_search-control .sys_itemslist div.sys_45 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/45.gif");}
			.sys_search-control .sys_itemslist div.sys_46 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/46.gif");}
	
			.sys_search-control .sys_itemslist div.sys_50 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/50.gif");}
			.sys_search-control .sys_itemslist div.sys_51 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/51.gif");}
			.sys_search-control .sys_itemslist div.sys_52 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/52.gif");}
			.sys_search-control .sys_itemslist div.sys_53 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/53.gif");}
			.sys_search-control .sys_itemslist div.sys_54 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/54.gif");}
			.sys_search-control .sys_itemslist div.sys_55 {
			background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/55.gif");}	

/* Flickr Style Pager Extension Control */
	.sys_flickrpager {
	margin: 10px 0 10px 0;
	padding: 10px 0;
	min-height: 1.5em;
	text-align:right;
	clear:both;
	width:auto;
	background:none;
	float:none;
	border:0 none;
	
	}

    

	.sys_flickrpager .sys_paginginfo {
	float: left;
	font-weight: 400;
	font-size: 1em;
	width:auto;
	background:none;
	border:0 none;
	margin:0;
	padding:0;
	}

	.sys_flickrpager .sys_navigation {
	margin:0;
	padding: 0;
	font-size: 1em;
	font-weight: 400;
	width:auto;
	background:none;
	float:none;
	border:0 none;
	}
	.sys_flickrpager .sys_navigation span.sys_selected span {
	border: 1px solid #333;
	padding: 2px 7px;
	text-decoration: none; 
	width:auto;
	color:#fff;
	background:#333;
	float:none;
	cursor:default;
	font-weight:700;
	}
	.sys_flickrpager .sys_navigation a {
	padding: 2px 7px;
	text-decoration: none;
	width:auto;
	background:none;
	float:none;
	border:0 none;
	}
		.sys_flickrpager .sys_navigation span.sys_page {
		margin-right:2px;
		width:auto;
		background:none;
		float:none;
		border:0 none;}
		
		.sys_flickrpager .sys_navigation span.sys_page a {
		border: 1px solid #e3e3e3;		
		/*color: #484848;*/
		width:auto;
		background:none;
		float:none;
		}

        span.sys_navigationprevious.sys_disabled {
        display: none;
        color:black;
        }

		.sys_flickrpager .sys_navigation span.sys_navigationnext a, .sys_flickrpager .sys_navigation span.sys_navigationprevious a {
		color: #00365b;
		}
			.sys_flickrpager .sys_navigation span.sys_page a:hover {
			background: #0086c2; 
			border: 1px solid #0086c2;
			color: #fff;
			}
			.sys_flickrpager .sys_navigation span.sys_navigationnext a:hover, .sys_theme-simple .sys_flickrpager .sys_navigation span.sys_navigationprevious a:hover {
			text-decoration: underline;
			color: #0086c2;
			}		
	
			.sys_flickrpager .sys_navigation .sys_at-start, .sys_theme-simple .sys_flickrpager .sys_navigation .sys_at-end {
			color: #bcbcbc;
			}
			.sys_flickrpager .sys_navigation .sys_disabled {
			padding: 2px 7px;
			color: #ababab;
			width:auto;
			background:none;
			float:none;
			border:0 none;
			cursor:default;
			}
			
			.sys_flickrpager .sys_navigation .sys_ellipsis {
			cursor:default;
			color:#ababab;
			}
			
			
			
			
			
/*Carol's Additions*/
			
.sys_coldivleft { 
	float:left;
	width:150px;
	padding-right:5px;
	font-size:1em;
	font-weight:bold;
	line-height: 1.75em;
}

.sys_coldivleft a {
	text-decoration: none;
	color: #345667;
}

.sys_coldivleft a:hover {
	text-decoration: underline;
}

.sys_coldivleft ul {
	list-style:none;
	padding:0;
	margin:0;
}
.sys_coldivright {
	float:left;
	width:120px;
	padding-right:0px;
	font-size:1em;
	font-weight:bold;
	line-height: 1.75em;
}

.sys_coldivright a {
	text-decoration: none;
	color: #345667;
}

.sys_coldivright a:hover {
	text-decoration: underline;
}

.sys_coldivright ul {
	list-style:none;
	padding:0;
	margin:0;

}	


.sys_searchmode {
	padding: 0 0 10px 0;
	font-size:.85em;
}		

.sys_search-search-control {
    border: 1px solid #CAD2D6;
    display: block;
    padding: 15px;
    margin: 10px 0 30px;
    background: #FFF;
}

.sys_advanced-search-row {
    background-color: #F6F6F6;
    border: 1px solid #E8E8E8;
    margin: 2px;
    padding: 4px;
}

.sys_search-operator-label, .sys_search-type-label {
    display:none;
}

.sys_search-label {
    margin-right: 10px;
}

.sys_searchbox {
 //margin: 0 3px 0 3px;
}

#findmytxt {
    left: 18px;
    position: absolute;
    top: 95px;
    width: 200px;
}

#findmytxthome {
    left: 18px;
    position: absolute;
    top: 95px;
    width: 200px;
}

.sys_fmnsearchbox label {
display:none;
}

input.search-field {
    background: none repeat scroll 0 0 #FFF;
    border: 2px solid var(--scc-darkblue);
    float: left;
    font-family: tahoma;
    font-size: 20px;
    margin: 0;
    padding: 5px 0 5px 4px;
    width: 140px;
}

input.search-go {
    background: url("/SiteElements/images/search.png") no-repeat scroll left top transparent;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 37px;
    margin: 0 0 0 5px;
    padding: 0;
    width: 37px;
}

.sys_theme-simple .sys_ticker span {
    text-transform: capitalize !important;
}

sys_category-row {
	display:none !important;
}

.pos_fixed
{
position:relative;
bottom:30px;
left:18px;
color:#FFF;
}

.pos_fixed a {
color:#FFF;
}


.sys_news-subheading {
font-size: 1.1em !important;
}

/* Image slideshow */

.sys_imageslideshowgallery-control {
    background: none repeat scroll 0 0 #f5f5f5;
    clear: both;
    color: #AAAAAA;
    float: none;
    position: relative;
    width: 625px;
}
.sys_imageslideshowgallery-control:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.sys_imageslideshowgallery-control .sys_imageslideshowgallery-container {
    background: none repeat scroll 0 0 #eef3fb;
    padding: 5px;
    position: relative;
}
.sys_imageslideshowgallery-control a {
    outline: medium none;
}
.sys_imageslideshowgallery-control img {
    display: block;
    }
.sys_imageslideshowgallery-control .sys_imageslideshowgallery-fullimagecontainer {
    margin: 0 auto;
}

.sys_imageslideshowgallery-control .sys_imageslideshowgallery-fullimagecontainer img {
    margin: 0 auto;
}

.sys_imageslideshowgallery-control .sys_imageslideshowgallery-fullimage-container .sys_imageslideshowgallery-fullimage {
    margin-left: 1px;
}
.sys_imageslideshowgallery-control .sys_imageslideshowgallery-title, .sys_theme-simple .sys_imageslideshowgallery-control .sys_imageslideshowgallery-caption {
    background: url("Imgs/Slideshow/OverlayBg.png") repeat scroll 0 0 transparent;
    bottom: 5px;
    color: #FFF;
    font-weight: 700;
    height: 20px;
    left: 5px;
    margin: 0;
    padding: 4px 15px;
    position: absolute;
    text-align: left;
    width: 625px;
    z-index: 1;
}
.sys_imageslideshowgallery-control .sys_imageslideshowgallery-description {
    background: url("Imgs/Slideshow/OverlayBg.png") repeat scroll 0 0 transparent;
    bottom: 5px;
    color: #FFF;
    display: none;
    height: 22px;
    left: 5px;
    margin: 0;
    padding: 0 15px 2px;
    position: absolute;
    text-align: left;
    width: 625px;
    z-index: 1;
}
.sys_imageslideshowgallery-control .sys_imageslideshownav-control {
    margin: 0 0 0 60px;
    padding: 5px 0;
}
.sys_imageslideshowgallery-control .sys_imageslideshownav-control ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.sys_imageslideshowgallery-control .sys_imageslideshownav-control ul li.sys_subitem {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    clear: none;
    float: left;
    margin: 0;
    padding: 0;
}
.sys_imageslideshowgallery-control .sys_imageslideshownav-control ul li.sys_subitem a {
    background: none repeat scroll 0 0 transparent;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
}
.sys_imageslideshowgallery-control .sys_imageslideshownav-control ul li.sys_subitem a {
    border: 2px solid #fff;
    color: #000000;
}
.sys_imageslideshowgallery-control .sys_imageslideshownav-control ul li.sys_subitem a:hover {
    border: 2px solid #aaaaaa;
}
.sys_imageslideshowgallery-control .sys_imageslideshownav-control ul li.sys_selected a {
    border: 2px solid #aaaaaa;
}

.sys_imagegallery-prev, .sys_imagegallery-next {
    background-image: url("/SiteElements/images/gallery/prev.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    bottom: 0;
    display: block;
    height: 50px;
    margin: 5px 0 10px;
    overflow: hidden;
    position: absolute;
    text-indent: -999px;
    width: 60px;
}
.sys_imagegallery-prev {
    left: 0;
}
.sys_imagegallery-prev:hover {
    background-image: url("/SiteElements/images/gallery/prevhvr.png");

}
.sys_imagegallery-next {
    background-image: url("/SiteElements/images/gallery/next.png");
    background-position: 47% 50%;
    right: 0;
}
.sys_imagegallery-next:hover {
    background-image: url("/SiteElements/images/gallery/nexthvr.png");
}
.sys_cms-form-control ul.sys_cms-form-body li.sys_radio fieldset legend span {
	position: relative !important;
	padding: 0px !important;
}



/* Temporary Styles to correct form display issue */

/* Form Row - Anything with a nested fieldset and legend */
		.sys_cms-form-control ul.sys_cms-form-body li fieldset {padding:0 !important; }
		.sys_cms-form-control ul.sys_cms-form-body li fieldset legend span {position:static !important;}
		
		.sys_onecolumn {position:relative !important;}
		.sys_cms-form-control ul.sys_cms-form-body li fieldset legend {
			float: left !important;
			margin: 0 0 4px !important;
			padding: 0 !important;
			width: 100% !important;
		}
		.sys_cms-form-control ul.sys_cms-form-body li fieldset legend span {width: 100% !important; /* display:block !important; */ margin: 0 !important; padding: 0 !important;}
		
		/* Temporary Hack for IE6 & IE7 to adjust the left margin alignment */
		*:first-child+html .sys_cms-form-control ul.sys_cms-form-body li fieldset legend {margin-left: -10px !important;} * html .sys_cms-form-control ul.sys_cms-form-body li fieldset legend{margin-left: -10px !important;}




.sys_theme-simple .sys_atoz-control ul li {
 margin: 0px !important; 
}

.sys_parapadtop {
  padding-top:40px;
}

.sys_logon-control {
  max-width:400px;
  margin: 0px auto;
  text-align:left;
} 

.sys_logon-control label{ 
  width:120px;
  float:left;
  
}

.sys_logon-control input{
    display: block;
    margin: 0 0 10px;
    padding: 3px;
    width: 50%;
}

#LogonControl_SubmitButton {
  		
    width: 60px!important;
  		padding:4px 0 !important;
		  margin-right:18%;
}

.sys_loginerror {
    margin-bottom:30px;
    color:red;
    float:left;
}

.sys_savepasswordpanel {
    clear: left;
    float: left;
    margin: 0 0 100px;
    width: 200px;
}

.sys_savepasswordpanel input{
    float: left;
    margin: 0 0 0 10px;
    width: 20px !important;
}

.sys_savepasswordpanel label{
    padding: 0 0 0 10px;
    width: auto;
}


#govmetric_container {
 padding: 0 0 15px 0; 
}

.govmetric_links .fal:hover {
    font-weight: bold;
}



/* CSS for poll  */

.sys_pollviewhide .sys_theme-simple .sys_pollwrapper .sys_pollbottom a {
 display:none; 
}


/* FAQ web control styles */
A.sys_faq {
  text-decoration:none!important;
  color:#000000;
}
.sys_faqs-summary DL DT.answer, .sys_faqs-summary DL DD.answer {
  color:#000!important;
  margin: 0;
}

.sys_faqs-summary DL DT.answer {
  display: none;
}

.sys_faqs-summary DL DD.answer P {
  clear:left;
}

.sys_faqs-summary DL DD.answer UL {
 	border:0;
  margin:0;
  line-height: inherit!important;
  float: none !important;
}

.sys_faqs-summary DL DD.answer UL:after {
 clear:both !important;
}

.sys_faqs-summary DL DD.answer UL LI {
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
  offset: 0 !important;
  width:auto !important;
  zoom: normal !important; /* zoom MUST be specified else the bullet points are misaligned too high NB 21-Dec-2012*/
  list-style-type: disc !important;

  /* background: none transparent scroll repeat 0% 0% !important;*/
  /* vertical-align:top !important;*/
  /* list-style-image:url('/SiteElements/images/bulletpoint.png') !important; */
  /* list-style-position:outside; */
}

dt.sys_faqs-question, dt.sys_faqs-answer  {
  font-style: italic;
  font-weight: bold;
  display:none;
}


dd.sys_faqs-question, dd.sys_faqs-answer  {
  offset:0!important;
  margin:0!important;
}

dd.sys_faqs-question {
  display:none!important;
}

dd.answer h3 {
  clear:both !important; 
}

/* NEW FAQ */
.sys_theme-simple .sys_faqs-control .sys_itemslist {
    margin-top: 5px;
    border: 1px solid #b1b4b6;
    padding: 30px;
}

.sys_faqs-subheading a {
    font-size: 1.5em;
}

.sys_theme-simple .sys_faqs-control .sys_datarepeatercontrol .sys_subitem h2 a {
  color: #333;
}

.sys_theme-simple .sys_faqs-control .sys_subitem {
	margin: 0;
	border-bottom: none;
    border-top: 1px solid #b1b4b6;
}

.sys_subitem.sys_first {
    border-top: 0 !important;
}

.sys_theme-simple .sys_faqs-control .sys_subitem h2:hover {
    background: #f3f2f1;
}

.sys_theme-simple .sys_faqs-control .sys_subitem h2 {
  margin: 0;
	padding: 15px 0 !important;
  font-size: 1em;
}

.sys_theme-simple .sys_faqs-control .sys_subitem .sys_closed .sys_subitem-heading a,
.sys_theme-simple .sys_faqs-control .sys_subitem .sys_open .sys_subitem-heading a {
	background: none;
	padding: 0;
  display: block;
  line-height: 1;
}

.sys_theme-simple .sys_faqs-control .sys_subitem .sys_closed .sys_subitem-heading a:after {
	content: "▾ Show";
}
.sys_theme-simple .sys_faqs-control .sys_subitem .sys_open .sys_subitem-heading a:after {
	content: "▴ Hide";
}

.sys_theme-simple .sys_faqs-control .sys_subitem .sys_closed .sys_subitem-heading a:after,
.sys_theme-simple .sys_faqs-control .sys_subitem .sys_open .sys_subitem-heading a:after {    
    color: #1064a2;
    display: block;
    font-weight: normal;
    margin: 20px 0 13px 0;
    font-size: 0.85em;
}

.sys_subitem-heading a:focus, .sys_theme-simple .sys_faqs-control .sys_subitem .sys_open .sys_subitem-heading a:hover::after, .sys_subitem-heading a:focus, .sys_theme-simple .sys_faqs-control .sys_subitem .sys_closed .sys_subitem-heading a:hover::after {
	color: #000;
}

.sys_theme-simple .sys_faqs-control .sys_subitem .sys_subitem-summary dl {
    margin: 0;
    padding: 15px 0 30px 0;
    display: inline-block;
}

.sys_subitem.sys_first.sys_open {
    display: inline-block;
}

.sys_theme-simple .sys_faqs-control .sys_subitem .sys_closed .sys_subitem-heading a:focus, .sys_theme-simple .sys_faqs-control .sys_subitem .sys_open .sys_subitem-heading a:focus, .sys_subitem-heading a:focus, .sys_theme-simple .sys_faqs-control .sys_subitem .sys_closed .sys_subitem-heading a:focus::after, .sys_theme-simple .sys_faqs-control .sys_subitem .sys_open .sys_subitem-heading a:focus, .sys_theme-simple .sys_faqs-control .sys_subitem .sys_open .sys_subitem-heading a:focus, .sys_subitem-heading a:focus, .sys_theme-simple .sys_faqs-control .sys_subitem .sys_open .sys_subitem-heading a:focus::after {
    background: #fd0;
    width: fit-content;
    box-shadow: 0 -2px #fd0, 0 4px #0b0c0c;
	outline: none;
    color: #000;
}

.sys_theme-simple .sys_faqs-control .sys_subitem .sys_closed .sys_subitem-heading a:focus, .sys_theme-simple .sys_faqs-control .sys_subitem .sys_open .sys_subitem-heading a:focus {
    display: inline;
}

/* Weather Control style(s) */
.sys_WeatherContainer {
		width:100% !important;
  background-color:#FFF !important;
  border:0px!important;
  color:#000!important;
}

.sys_averageWeatherWrapper {
  width:55px !important;
}

.sys_pagebacktop
{
  display:none;
}





.MobMenu li h3, #MobMenu li h3 {display:none;}
.MobMenu ul, #MobMenu ul {margin:0;padding:0;}
.MobMenu li, #MobMenu li,.MobMenu  .sys_left-menu-root,.MobMenu  .sys_left-menu-current {
    list-style: none outside none;
    color:#000000;
    display:block; 
    background-color:#FFF;
    margin: 0; 
    padding: 5px;
    border-bottom: 2px solid #f0f0f0;
}

.MobMenu li a, #MobMenu li a,.MobMenu .sys_left-menu-root a,.MobMenu  .sys_left-menu-current a {
    color:#000000;
    display:block;
    background-color:#FFF;
    text-decoration:none;
    font-weight:normal;
    font-size:1em;
    padding:0;
    margin:0;
}

.MobMenu li a:before, #MobMenu li a:before {
    content: "\f105 \00a0";
    Font-family: "Font Awesome 5 Pro";
    font-weight:600;
    color: #404040;
}

.MobMenu, #MobMenu {margin:0;padding:0;}

#ParentMobDiv {
  padding:2px;
}


#ParentMobLink {
color:var(--scc-darkblue);
  font-size:.6em;
}


/*----- THIS IS USED BY THE APPS AND NEEDS TO HAVE THE SAME STYLES AS PARENTMOBLINK -----*/
#Header1_MobParentLink {
color:var(--scc-darkblue);
text-align:right;
padding-right:12px;
  font-size:.6em;
}

.sys_menu-select {
    align-items: center;
    background-color: var(--scc-darkblue);
    color: #fff;
    display: flex;
    font-size: 1.2em;
    font-weight: normal;
    justify-content: flex-end;
    margin: 0;
    min-height: 38px;
    padding: 3px 13px 5px 5px;    
    text-align: right;    
}

.sys_menu-select a{
  color:#FFF;display:block;text-decoration:none;
}

.sys-menutog { float:right; width: 30px; background: url("/SiteElements/images/tog.png") no-repeat scroll left top transparent; }

.sys_govmetric-app
{
  margin:0 auto;
  /*border-left:1px solid #85A6B4;*/
  padding-left:60px;
  padding-right:20px;
  max-width:1220px;
}

.govmetric_links{
    float:right;
    padding: 20px 0 20px 20px;
    margin-bottom: 10px;
}

.govmetric_links li {
    padding-right: 5px;
    margin-top: 0 !important;
}

.govmetric_links ul {
    list-style: none;
    display: inline-flex;
    margin: 0;
    padding: 0;
}

.botwait {
  color: #000 !important;
}


/* Mobile  */

@media screen and (max-width: 1219px) {

  .sys_govmetric-app
  {
   margin-left:30px;
   border-left:0px;
   padding:0px;
   float:left;
   max-width:500px;
   clear:both;
  }
    
  #leftnav {display:none;}  
  #pagefooter {display:none;}  
  
  
  
}

@media screen and (min-width: 670px) and (max-width: 1169px) {
  
  #centrecolumn
  {
    padding-right:250px;
  }
  
  #rightcolumn
  {
    margin:-250px;
    position:relative;
    top:237px;
  }
  
}

@media screen and (max-width: 669px) {
    .govmetric_links{
        float:none;
        padding: 20px 20px 20px 0;
    }

    #pagetools {
        float:none;
    }

    #centrecolumn
  {
    margin-right:0px;
  }

  
  #rightcolumn
  {
    width:100%;
  }
  
  #rightcolumn img {
    display: block;
    margin-left: auto;
    margin-right: auto;


}

.sys_siteheader {padding-top:0 !important;}

 /* #SectionNewsList {
    display: none;
  }
  
  .sys_newslisting-themed
  {
      display:none;
  } */
  
}
  


@media screen and (max-width: 799px) {
  
/*  
.megamenu {display:none;}
#megamenu {display:none;}  
  
  
h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans","Source Sans Pro",sans-serif;
    font-display: swap;
    font-style: normal;
    margin-top: 0.2rem;
    text-rendering: optimizelegibility;
}  
  
  

body {background-color:#FFF;margin:0;padding:0;font-family:verdana;}
#print-logo {
   display:none;
}

#hrotator {margin:0 0 0 -5px;} 

#MobTopbar {
  display:none;
  background-color: var(--scc-darkblue);
  padding:3px;

}
  
  
.sys_tophead {
  background-color: var(--scc-darkblue);
  padding:3px;  
}
  

.sys_headerlogo {
 width:295px;
 margin:0 auto;
}

#accesskeys {
 display:none; 
}


#print-logo img{
    display:none;
}

#pagecontainer {
 position:relative;   
}

#pagebody{
 padding:0 0 0 5px; 
}
 
.backnav {
    font-size: 120%;
    font-weight: bold;
    position: absolute;
    right: 5px;
    text-decoration: none;
    top: 3px;
}

.backnav a{
    color: #FFF;
    font-family: Arial,Tahoma,Helvetica,sans-serif;
    text-decoration: none;
} 



#fullcontent, .generic-content {
  padding: 5px;
}

.sys_search-box {
    display:none;
    height:38px;
    padding:2px 0 0 0; 
    position:relative;
}

.sys_search-query-control .sys_searchbox {
    background: none repeat scroll 0 0 #FFF;
    border: 2px solid #000000;
    font-family: Tahoma;
    font-size: 20px;
    margin: 0;
    padding: 4px 0 4px 1%;
width:100%;
}

.sys_search-query-control .sys_search-button {
  background: url("/SiteElements/images/search.png") no-repeat scroll right top transparent;
    border: 0 none;
    cursor: pointer;
    position: absolute;
    right:0;
    top:0;
    height: 37px;
    margin: 2px 0 2px 0;
    padding: 0;
    width: 8%;
}

.sys_search-query-control .sys_search-label {
    display: none;
}






.sys_ddmenu {display:none;}

#scclogohead {display:none;}
#headertop {display:none;}
#findmymenu {display:none;} 
#atoz {display:none;}




#leftnav {
    display:none;
}


.sys_noresults {
 display:none; 
}

#pagetools {
 display:none; 
}

#pagefooter {
   display:none; 
}

.sys_faq {
  text-decoration:none;
}

#establishment_location {
 display:none; 
}

#toggle1 {display:none;}


#_content { width: 100%; height: 100%; border: 1px solid #000; }

#toggle1 li {padding: 5px 5px 5px 25px;} 

  
    */

}



/* New header styles */

.sys_burgerbar {
  background:var(--scc-darkblue);
  width:100%;
  height:48px;
}

.sys_search-box2, .sys_search-area {

  margin-left:10px;

}


#menutoggle
{
    font-size:24px;
    border-style:solid;
    border-width:1px;
    border-color:#888888;
    border-radius: 3px;
    color:#FFF;
    padding:2px 8px 2px 2px;
    width:160px;
    margin:8px 10px 4px 0px;
    text-align:right;
    cursor:pointer;
    float:right;
  		height:28px;
}

#menutoggle h1 {
  font-size:1em;
  display:inline;
  font-weight:normal;
  margin:0;
}


#menutoggle a {
 color:#FFF;
  text-decoration:none;
}

#menutoggle a:active{
    background-color: transparent;
}

#mcmenu a:active{
    background-color: transparent;
}


.sys_menutoggletextsmall {
  display:none;
}



.sys_menuitem
{
    float:left;
    width:23%;
    padding-right:2%;
    padding-top:20px;
    font-family:Arial;
    font-size:1.1em;
}

.sys_menuitem  h2{
  font-size:1em;
  display:inline;
  font-weight:normal;
  margin:0; 
}

.sys_menuitem  h2 a{
      text-decoration: none;
}



.sys_menitemclose
{
    clear:both;
}


.sys_menuitemclear
{
    clear:both;
}

.sys_displaynone
{
 		 display:none;
}

#menudetail {
  border-bottom:4px solid #f7f7f7;
  background-color:#f1f1f1;
  padding:0px 10px 0px 10px;
  overflow:hidden;
  clear:both;
}

#menudetail a{
 color:#000000;
 text-decoration: none;
}

#menudetail a:hover{
    text-decoration: underline;
}


#menudetail ul
{
    padding-left:0px;
    font-size:0.8em;
    color:#222222;
   	margin-left:0px;
    margin-top:7px;
    list-style:none; 
}


/*

#menudetail li
{
    display:inline;
}

*/

#menudetail li:before
{
  /* content: ", "; */
  list-style:none;
}



#menudetail li:first-child:before
{
    content: "";
} 
#menudetail li:last-child:after
{
    content: "";
} 


/* menu style update */


.sys_menuitem h2 a {
    color: #000000!important;
}


#menudetail a {
  color:#FFF;
    display: block;
}

.sys_menuitem li {
    margin: 4px 0 4px 0;
    padding: 4px 4px 4px 5px;
    display: block;
    background-color: var(--scc-darkblue);
    border-radius: 5px;
    color: #FFF;
}

#menudetail  .sys_last{
  background-color: transparent;
}

#menudetail .sys_last a {
  color: #000000!important;

}

/* end of menu style update */




/* Menu Size Specific Media Queries */

@media screen and (min-width: 600px) and (max-width: 1169px)
  
{  

  .sys_sl-contentwrapper{
    float: left;
    width: 100%;
    }

   .sys_sl-contentcolumn{
    margin-right: 250px; /*Set right margin to RightColumnWidth*/
    }

    .sys_sl-rightcolumn{
    float: left;
    width: 250px; /*Width of right column in pixels*/
    margin-left: -250px; /*Set left margin to -(RightColumnWidth) */
    }
  
    .sys_sl-rightcolumn .sys_innertube{
    margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
    margin-top: 0;
    }
  
    .sys_sl-contentcolumn  .sys_innertube{
    margin: 0 10px 0 0; /*Margins for inner DIV inside each column (to provide padding)*/
    }


}




@media screen and (min-width: 800px) and (max-width: 1169px)
{
    .sys_menuitem {
    											width: 22%;
               padding-right:3%;
  		}
  
   #menudetail div:nth-of-type(4n+5){
    clear:both;
  }
}

@media screen and (min-width: 600px) and (max-width: 799px)
{
    .sys_menuitem {width: 29%;
    															padding-right:4%;
  }
  
   #menudetail div:nth-of-type(3n+4){
    clear:both;
  }
  
}

@media screen and (min-width: 400px) and (max-width: 599px)
{
    .sys_menuitem {width: 45%;
															    padding-right:5%;
  }
  
   #menudetail div:nth-of-type(2n+3){
    clear:both;
  }
}

@media screen and (max-width: 399px)
{
    .sys_menuitem {width: 95%;}
}


/* End of Menu Size Specific Area */



/* Search Bar Size Specific Area */

/* .sys_search-box2, .sys_search-area
{
  	   width:580px !important;
  float:left;
} */

@media screen and (max-width:590px) {

  .sys_foot-txt {
    display:none;
  }
  
}

@media screen and (max-width: 670px) {


  .sys_tophead {
    height: 120px;
    position: relative;
    text-align: center;
}

.sys_search-label {
    height: 24px;
}

.sys_search-box2, .sys_search-area {
    margin: 15px auto 0 auto;
    padding-top: 0;
    width: 380px;
}

.sys_head-r1 {
    top: 55px;
}

.footer-social ul {
	display: block !important;
	width: fit-content;
	}
	.sys_footer_az h2 {
		text-align: center;
	}
	.footer-email {
    float: none !important;
    margin: 25px auto 0 auto;
    width: fit-content;
	}
	.footer-right {
    display: block;
    margin: 0 auto;
    width: fit-content;
	}
	.bttop {
	display: block;
	margin: 0 auto;
	text-align: center;
	}
	.sys_footer-menu {
	margin: 0 auto 50px auto;
	display: block !important;
	width: 74%;
    }

    .sys_footer-social {
    display: block !important;
    width: fit-content !important;
    margin: 0 auto 25px auto;
}

}


/*
@media screen and (max-width:380px) {
  .sys_search-box2, .sys_search-area
  {
    width:220px !important;
  }
  .sys_search-box2 .sys_search-query-control .sys_searchbox,  .sys_search-area .sys_search-query-control .sys_searchbox  {
    width:150px !important;
  }
  
}



@media screen and (max-width:310px) {
  .sys_search-box2, .sys_search-area
  {
    width:160px !important;
  }
  .sys_search-box2 .sys_search-query-control .sys_searchbox, .sys_search-area .sys_search-query-control .sys_searchbox {
    width:80px !important;
    min-width:60px !important;
  }
  
}

*/

  
/*@media screen and (max-width:499px) {
  
  
/*  #menudetail li
{
    display:inline;
}


#menudetail li:before
{
  content: ", "; 
  }
   
  
  .sys_search-box2,  .sys_search-area
  {
    width: -webkit-calc(100% - 90px) !important;
    width: -moz-calc(100% - 90px) !important;
    width: calc(100% - 90px) !important;
  }
*/
	  #menutoggle h1
  {
    display:none;
  }
  
  .sys_menutoggletextsmall{
   display:block; 
  }
  
  #menutoggle
  {
    width:26px;
  }
  
  
  .sys_search-control .sys_subitem dl dd.sys_search-url {
    display:none;
  }
  
  .sys_search-control .sys_subitem dl dd.sys_search-description {
    margin-bottom:20px;
  }
}

@media screen and (max-width: 449px) {
  
  .sys_logo-r1 {
    display:block;
    padding:5px;
  }
.sys_logo-header
  {
    display:block;
    padding:5px;
  }
  
  
  .toplinkskip {
    display:none!important;
}

}

/* End of Search Bar Size Specific Area */

/* News Template Size Specifics */



.sys_sl-contentwrapper-split .sys_theme-simple .sys_news-control .sys_news-title {
    margin-top: 18px!important;
}



@media screen and (max-width: 580px) {
.sys_news-search-control
{
	display:none;
}


.sys_theme-simple.sys_news .sys_news-control
{	
	width:100% !important;
}

.sys_navigation
{
	clear:both;
	padding:10px 0px 0px 0px !important;
}

.sys_ticker
{
	display:none;
}
}

/* End of News Template Size Specifics */


@media screen and (min-width: 1169px) {

.sys_sl-contentwrapper  {
    border-top: 3px solid #e4e4e4;
    float: left;
    margin: 15px 15px 15px 0;
    padding: 15px 0 20px;
    width: 660px;
}

.sys_sl-rightcolumn {
    border-top: 3px solid #e4e4e4;
    float: left;
    margin: 15px 0;
    padding: 15px 0 20px;
    width: 250px;
}
  
  
.sys_sl-contenttopper {
    float: left;
    padding: 20px 0 25px;

}
  
.sys_sl-contentwrapper-split  {
    border-top: none;
    float: left;
    margin: 0 15px 15px 0;
    padding: 0 0 20px 0;
    width: 580px;
}

.sys_sl-rightcolumn-split {
    border-top: none;
    float: left;
    margin: 0;
    padding: 0 0 20px 0;
    width: 250px;
}

}

@media screen and (max-width: 1219px) {
  
  #pagecontainer {  
    width:auto;
    border-right:0px;
    border-left:0px;
  }
  
  #pagebody {
    border-left:10px solid #FFF;
    border-right:10px solid #FFF;
  }
  
  .MobMenu {
    display: block;
  }

    #fullcontent, .generic-content {
    width:100%;
    border:0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  
  #sectioncontent {
    width:auto;
  }
  
  #libsectioncontent {
    width:auto;
  }
  
  #centrecolumn {
    width:auto;
  }
  
  .sys_menuitemclear
  {
    clear:none;
  }
  
  .sys_pagebacktop
		{
    display:block;
    text-align:right;
    padding-right:10px;
    padding-bottom:5px;
		}
  
  .sys_pagebacktop a
  {
    color:#4B788D;
    text-decoration:none;
  }

}

/* Log In Control Size Specific */
@media screen and (max-width: 399px) {
  .sys_logon-control label
  {
    float:none;
  }
  .sys_logon-control input
  {
    width:85%;
    padding-left:20px;
  }
  #LogonControl_SubmitButton {
    margin-right:0px;
  }
}
  

/* Styles For Menu Flicker Fix */
.slidemenu #menudetail {
				display:none;
		}
.slidemenu #toggle1 {
  		display:none;
  }
.slidemenusub #toggle1 {
  		display:none;
}


  
/* Styles For Mapping */
  @media screen and (max-width:440px)
  {
    #map {
      width:99% !important;
    }
  }

/* Twitter Feed Pages */
.sys_includefeed
{
  padding-left:10px;
  float:right;
}
.sys_include
{
  float:left;
  width:62%;
}
.sys_includeclear
{
  clear:both;
}

@media screen and (max-width: 659px) {
.sys_includefeed
  {
    float:none;
 			padding-left:0px;
    text-align:center;
  }
.sys_include
  {
    float:none;
    width:auto;
  }
.twitter-timeline-rendered
  {
    width:90% !important;
  }
}  
@media screen and (max-width:399px) {
 .sys_imagefloatright
  {
    display:none;
  }
}

/* Responsive Embed */

.sys_embedcontainer {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    height: 0;
    overflow: hidden;
}

.sys_embedcontainer iframe,
.sys_embedcontainer object,
.sys_embedcontainer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.sys_news-record .sys_embedcontainer {
  height:auto;
}

.sys_news-record .sys_embedcontainer iframe {
    position: static;
    width: auto;
    height: auto;
}


.tubeembed {
 min-width:560px!important;
  min-height:315px!important;
}


/* Responsive Embed Map */

.sys_embedcontainermap {
    position: relative;
    padding-bottom: 80%; 
    height: 0;
    overflow: hidden;
}

.sys_embedcontainermap iframe,
.sys_embedcontainermap object,
.sys_embedcontainermap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
   
/* WebStats Styles */


.gm_sidebar_anchor
{
  display:inline-block;
}
  
/* Fix To Hide Current Menu On Search Page */
.sys_nodisplay
{
    display:none !important;
}

/* Venue Times Styles */
.venopeningtimes{
    background-color:#EDEDED;
    color:#345563;
    padding:10px 15px;
  	margin-bottom:10px;
    min-height:58px;
}
.venclear{
    clear:both;
}
.venclosedinfo{
    display:block;
    padding-bottom:2px;
    font-size:90%;
}
.vendayinfo{
    display:block;
    padding-bottom:4px;
    font-size:140%;
}
.ventimeinfo{
    padding-left:20px;
    font-size:140%;
   
}
.vendaynotes{
    clear:both;
    padding-top:10px;
    padding-left:20px;
}
.venicon{
    font-size:350% !important;
}
.venfloatleft{
    float:left;
}
.venblock{
    float:left;
}
.veninlineblock{
    display:inline-block;
}
.venpaddingleft{
    padding-left:50px;
    padding-top:10px;
    min-height:40px;
}
.venpaddingright{
    padding-right:10px;
}
.venspecialclosures{
    font-size:90%;
    display:block;
    margin:20px 6px 2px 6px;
    padding:6px;
    background-color:#feffde;
}
.veninfoholder{
    margin-top:15px;
    vertical-align:top;
}
.venadditional{
    display:inline-block;
    vertical-align:top;
    margin:15px 0px;
    padding-right:70px;
    max-width:500px;
}
.weeklycalendar{
    display:inline-block;
    vertical-align:top;
}
.venperiodheader{
    font-size:120%;
    display:block;
    margin-top:15px;
    margin-bottom:5px;
    font-weight:bold;
}
.venperiodsubheader{
    font-size:90%;
    color:#222222;
}

.venweekitem{
    display:block;
    margin-bottom:2px;
}
.venweekday{
    display:inline-block;
    width:120px;
}
.venweektime {
    display: inline-block;
}
.venspecial{
    margin:0px;
    border-style:solid;
    border-width:1px;
    border-color:#AAAAAA;
    padding:5px;
    background-color:#F8F8F8;
}
.venstrongtext{
    font-weight:bold;
}
.venlibenq{
    display:block;
    color:#444444;
    font-size:80%;
}
.venoffline{
    display:block;
    text-align:center;
    font-size:110%;
}
@media screen and (max-width:900px) {
    .venadditional {
        max-width: 400px;
    }
}
@media screen and (max-width:600px) {
    .venadditional {
        max-width: 600px;
    }
}
/* START: SLCF styling */

    #slcf #header_wrapper, #slcf .header_wrapper, #slcf #footer_wrapper
    {
        font-weight: bolder;
        color: #FFF;
        background-color: var(--scc-darkblue);
    }
    #slcf #footer_wrapper
    {
        text-align: right;
    }
    
    
    #slcf #row_wrapper, #slcf .row_wrapper
    {
        border-top: 1px solid var(--scc-darkblue);
    }
    
    #slcf #altrow_wrapper, #slcf .altrow_wrapper
    {
        background-color: #F9EAB8;
        border-top: 1px solid var(--scc-darkblue);
    }
    
    #slcf .counc_name
    {
        width: 34%;
        display: inline-block;
        vertical-align:middle;
    }
    
    #slcf .division_name
    {
        width: 64%;
        display: inline-block;
        vertical-align:middle;
    }
    
    /*scheme list */
    #slcf .prop_ref_title, #slcf .prop_ref
    {
        width: 15%;
        display: inline-block;
        vertical-align: top;
        text-align: center;
    }
    #slcf .prop_desc_title, #slcf .prop_desc
    {
        width: 45%;
        display: inline-block;
        vertical-align: top;
    }
    #slcf .prop_appl_title, #slcf .prop_appl
    {
        width: 25%;
        display: inline-block;
        vertical-align: top;
    }
    #slcf .prop_value_title, #slcf .prop_value
    {
        width: 12%;
        display: inline-block;
        vertical-align: top;
        text-align: right;
    }
    /* Supporting councillors */
    #slcf .supp_councillor_title, #slcf .supp_councillor
    {
        width: 180px;
        display: inline-block;
        vertical-align: top;
        text-align: left;
    }
    
    #slcf .supp_amount_title, #slcf .supp_amount
    {
        width: 150px;
        display: inline-block;
        vertical-align: top;
        text-align: right;
    }
    
    
    #slcf .propdetails_ref_title, #slcf .propdetails_appl_title, #slcf .propdetails_desc_title, #slcf .propdetails_cost_title, #slcf .propdetails_status_title, #slcf .propdetails_date_title, #slcf .propdetails_cprio_title, #slcf .propdetails_sprio_title
    {
        vertical-align: top;
        text-align: left;
        font-weight: bolder; /*color: #FFF;*/
        padding-left: 3px;
        padding-right: 3px; /*background-color: var(--scc-darkblue);*/
    }
    #slcf .propdetails_ref, #slcf .propdetails_appl, #slcf .propdetails_desc, #slcf .propdetails_cost, #slcf .propdetails_status, #slcf .propdetails_cprio, #slcf .propdetails_date, #slcf .propdetails_sprio
    {
        vertical-align: top;
        text-align: left;
        clear: right;
        margin-left: 20px;
    }
    
    /* hide all the inline titles located in the "rows" */
    
    #slcf .row_wrapper .prop_ref_title, #slcf .row_wrapper .prop_desc_title, #slcf .row_wrapper .prop_appl_title, #slcf .row_wrapper .prop_value_title
    {
        display: none;
    }
    
    #slcf .altrow_wrapper .prop_ref_title, #slcf .altrow_wrapper .prop_desc_title, #slcf .altrow_wrapper .prop_appl_title, #slcf .altrow_wrapper .prop_value_title
    {
        display: none;
    }
    #row_wrapper .supp_councillor_title, #row_wrapper .supp_amount_title, #altrow_wrapper .supp_councillor_title, #altrow_wrapper .supp_amount_title
    {
        display: none;
    }
    
    /* for screens 500px and less */
    @media (max-width:500px)
    {
        #slcf .counc_name
        {
            width: auto;
            display: block;
        }
    
        #slcf .division_name
        {
            display: block;
            width: auto;
            margin-left: 20px;
        }
    
        #slcf #header_wrapper, .slcf #header_wrapper
        {
            display: none;
        }
    
        #slcf #footer_wrapper
        {
            text-align: left;
        }
    
        #slcf #row_wrapper, #slcf #altrow_wrapper
        {
            width: auto;
        }
    
        #slcf .row_wrapper .prop_ref_title, #slcf .row_wrapper .prop_desc_title, #slcf .row_wrapper .prop_appl_title, #slcf .row_wrapper .prop_value_title,
        #slcf .altrow_wrapper .prop_ref_title, #slcf .altrow_wrapper .prop_desc_title, #slcf .altrow_wrapper .prop_appl_title, #slcf .altrow_wrapper .prop_value_title
        {
            display: block;
            width: auto;
            font-weight: bolder;
            text-align: left;
        }
    
        #slcf .prop_ref, #slcf .prop_desc, #slcf .prop_appl, #slcf .prop_value
        {
            display: block;
            width: auto;
            margin-left: 20px;
            text-align: left;
        }
    
    
        #slcf .supp_councillor_title, #slcf .supp_amount_title
        {
            display: block;
            width: auto;
            font-weight: bolder;
            text-align: left;
        }
    
        #slcf .supp_councillor, #slcf .supp_amount
        {
            display: block;
            width: auto;
            margin-left: 20px;
            text-align: left;
        }
        #slcf .propdetails_ref_title, #slcf .propdetails_appl_title, #slcf .propdetails_desc_title, #slcf .propdetails_cost_title, #slcf .propdetails_status_title, #slcf .propdetails_date_title, #slcf .propdetails_cprio_title, #slcf .propdetails_sprio_title
        {
            margin:0;
            width: 100%;
        }
    
        #slcf .propdetails_ref, #slcf .propdetails_appl, #slcf .propdetails_desc, #slcf .propdetails_cost, #slcf .propdetails_status, #slcf .propdetails_cprio, #slcf propdetails_date, #slcf .propdetails_sprio
        {
            width: 100%;
            margin-left: 20px;
            clear: right;
        }
    }

/* END: SLCF styling */



/*iconbox styling */

#libsectioncontent .sys_sl-contenttopper {overflow:hidden;}

.sys_iconbox {
  position: relative;  
  float: left;
  min-height: 130px;
  max-width: 32%;
  width: 32%;
  margin: 5px 7px 0px 2px;
  border-bottom: 4px solid #FFF;
  /*border: 2px solid #345563;
  border-radius: 15px;
  display: inline-block;*/
}

.sys_iconbox:hover{
    background: #eaeaea;
    border-bottom: 4px solid var(--scc-darkblue);
}

ul .sys_iconbox {
    margin-top: 0px !important;
    margin-bottom: 0.5em;
}

.sys_iconbox2 {max-width:48%; width:48%;}

.sys_regstyle {
  background-image: url("/Testing/devtest/rings.jpg");
}

.sys_regstyle .sys_iconbox {
  background-color: rgba(242, 242, 242, 0.9);
  border:none;
  border-radius:0;
  margin-top:0;
  margin-bottom:5px;
}

.sys_iconbox a{   
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none; /* No underlines on the link */
    z-index: 10; /* Places the link above everything else in the div */
    background-color: #FFF; /* Fix to make div clickable in IE */
    opacity: 0; /* Fix to make div clickable in IE */
    filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}

.sys_iconbox a:hover{background-color:#fdf8ed;}
.sys_iconboxicon{color: #345563;padding: 25px 0 0 0;float: left;}
.sys_iconboxcontent {padding-left: 90px;padding-right: 10px;font-size: 14px;}
.sys_iconboxtitle {font-family: Source sans Pro, Arial,Helvetica,sans-serif; margin: 0;padding: 20px 0 0 0;font-size: 18px!important; font-display: swap;}
.sys_iconbox_container {display:inline-block;padding-bottom:10px;}
.sys_iconbox_container p{margin:0 0 10px 0;}
.fa-3x {font-size: 2.8em!important;}

.sys_regstyle .sys_iconboxicon{color: #666666;}

@media screen and (max-width: 840px){.sys_iconbox {max-width: 48%;width:48%;}}
@media screen and (max-width: 500px){.sys_iconbox {max-width: 98%;width:98%;}}


.sys_sl-contenttopper .sys_belowiconbox {clear: both; padding-top: 40px;}

/*imagebox styling */

.sys_imagebox {
  position: relative;  
  float: left;
  min-height: 130px;
  max-width: 32%;
  width: 32%;
  margin: 5px 7px 0px 2px;
  border-bottom: 4px solid #FFF;
  /*border: 2px solid #345563;
  border-radius: 15px;
  display: inline-block;*/
}

.sys_imagebox:hover{
    background: #eaeaea;
    border-bottom: 4px solid var(--scc-darkblue);
}

.sys_imagebox a{   
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none; /* No underlines on the link */
    z-index: 10; /* Places the link above everything else in the div */
    background-color: #FFF; /* Fix to make div clickable in IE */
    opacity: 0; /* Fix to make div clickable in IE */
    filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}

.sys_imagebox a:hover {background-color:#fdf8ed;}
.sys_imagebox > img {margin: 15px 0 0 10px; float: left;}
.sys_imageboxtext {padding-left: 90px;padding-right: 10px;font-size: 14px;}
.sys_imageboxtitle {font-family: Source sans Pro, Arial,Helvetica,sans-serif; margin: 0;padding: 10px 0 0 0;font-size: 18px!important; font-display: swap;}
.sys_imagebox_container {display:inline;}
.sys_imagebox_container p{margin:0 0 10px 0;}
.fa-3x {font-size: 2.8em!important;}

}

@media screen and (max-width: 840px){.sys_imagebox {max-width: 48%;width:48%;}}
@media screen and (max-width: 500px){.sys_imagebox {max-width: 98%;width:98%;}}

/*Staffs Cares styles */


.sys_sccolbut {
    display: inline-block;
    width: 46%;
    color:#FFF;
    position: relative;
    margin: 5px;
    min-height: 120px;
    border-radius: 15px;
}

.sys_sl-rightcolumn .sys_sccolbut {
    display: inherit;
    width: 96%;
}

@media screen and (max-width: 1000px)
{
#fullcontent .sys_sccolbut, .generic-content .sys_sccolbut {
    display: inherit;
    width: 96%;
}
  
}

.sys_green {
  background-color:#689f38;
}

.sys_purple {
  background-color:#56496a;
}

.sys_red {
  background-color:#cc1d4e;
}

.sys_orange {
  background-color:#f3ba22;
}

.sys_blue {
  background-color:#00b3de;
}

.sys_pink {
  background-color:#e40084;
}

.sys_fagreen {
  color:#689f38;
}

.sys_fapurple {
  color:#56496a;
}

.sys_fared {
  color:#cc1d4e;
}

.sys_faorange {
  color:#f3ba22;
}

.sys_fablue {
  color:#00b3de;
}

.sys_fapink {
  color:#e40084;
}

.sys_sccolbut a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
    z-index: 10;
    background-color: #FFF;
    opacity: 0;
    filter: alpha(opacity=1);
}

.sys_sccolbuticon {
    color: #FFF;
    padding: 25px 20px 0 0;
    float: right;
}

.sys_sccolbutcontent {
    padding-left: 15px;
    padding-right: 70px;
    font-size: 13px;
}

.sys_sccolbuttitle {
    font-family: Source sans Pro, Arial,Helvetica,sans-serif;
    font-display: swap;
    margin: 0;
    padding: 20px 0 0 0;
    font-size: 18px!important;
}

.sys_sccolbut_container {
    display: inline-block;
}

.sys_sccolbut_container p{
  margin-top:5px;
}


.sys_scicondiv {
  vertical-align:top;
  display:inline-block;
  width:49%;
}

#fullcontent .sys_scicondiv, .generic-content .sys_scicondiv {
  text-align:center;
  vertical-align:top;
  display:inline-block;
  width:32%;
}

@media screen and (max-width: 760px)
{
#fullcontent .sys_scicondiv, .generic-content .sys_scicondiv {
  width:49%;
}
}

.sys_scicondiv img{
  display:block;
  margin: 0 auto;
}

.sys_scicondiv p {
    font-weight: 600;
    text-align: center;
}

.sys_scicondiv a {
  color:#000000;
  text-decoration:none;
}

.sys_scicondiv a:hover {
  text-decoration:underline;
}



/*end of Staffs Cares styles */

/* Google Translate widget */

select.goog-te-combo {
    background-color: #FFF;
    color: #000;
    padding: 3px;
} 

.goog-te-gadget-simple .goog-te-menu-value span {color:#000;}

/* End of Google Translate widget */

/* Blog template styling */

.sys_blogs-summary dd {margin:0;padding-bottom:5px;}
.sys_blogs-summary dt {float:left;}
.sys_blogs-datepublished + dt {display:none;}

/* end of Blog template styling */

/*Modal popup styles */
.modal-open{overflow:hidden}.modal{font-family: "Source Sans Pro", verdana, tahoma, sans-serif;display:none; font-display: swap; overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal-dialog{position:relative;width:auto;margin:10px;}.modal-content{position:relative;background-color:#fff;border:3px solid var(--scc-darkblue);border-radius:2px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.modal-header .close{margin-top:0px;color:#FFF;}.modal-title{margin:0;line-height:1.42857143;}.modal-body{position:relative;padding:20px;font-size:1.2em;}.modal-footer{margin-top:10px;padding:0px 0px 10px 0px;}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:792px){.modal-lg{width:900px}},.modal-footer:before,.modal-footer:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after{clear:both}
.close{float:right;font-size:2em;font-weight:200;line-height:1;color:#FFF;text-shadow:0 1px 0 #fff;opacity:.8;filter:alpha(opacity=80)}.close:hover,.close:focus{color:#fff;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}
.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:2px 20px;font-size:1.5em;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:var(--scc-darkblue);border-color:#224556;}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#588094;border-color:var(--scc-darkblue);}.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}
.supadright{padding-right:10px;}
.watermark{ background-image: url(http://qa.preview.staffordshire.gov.uk/SiteElements/Images/SCCWM.gif);background-repeat:no-repeat;    display:block;
     background-position: 4px 14px;}
.modal-info{font-size:1em;color:#888888; padding-right:18px;display:inline-block;float:right;}
.modal-deny{padding-left:18px;font-size:1em;display:inline-block;}
.modal-buttonholder{text-align:center; padding-top:1em;}
.modal-headersettings{background-color:var(--scc-darkblue);padding-top:2px;padding-bottom:5px;text-align:center;color:#FFF;border-style: solid;border-width: 1px 0px 0px 0px;border-color: #FFF;}
.modal-titlesettings{font-weight:normal;font-size:2.2em;}
.modal-imageholder{float:right;padding-left:10px;padding-bottom:10px;}
.modal-clear{clear:both;}
.modal-fonticon {color:var(--scc-darkblue);font-size:4em;text-align:center;padding-top:20px;}
/*End Modal popup styles ^/

/*Care Reckoner Styles */
.rkHolder {
    width: 90%;
    max-width: 1200px;
    margin: 20px auto;
    border-style: solid;
    border-width: 2px;
    border-color: #AAAAAA;
    padding: 10px;
}

    .rkHolder h2 {
        margin-top: 0px;
    }

.rkLiSub {
    color: #484848;
    font-size: 80%;
}

.rkHolder ul{
    margin-bottom:0px;
}
.rkHolder li{
    padding-bottom:5px;
}

.rkSwitchOptions input {
    display: none;
}

    .rkSwitchOptions input + label {
        display: inline-block;
        text-align: center;
        width: 226px;
        margin-left: 20px;
        margin-right:24px;
        margin-bottom:5px;
        border-style: solid;
        border-width: 1px;
        border-color: #888888;
        background-color: #FFF;
        padding: 5px 10px;
    }
        .rkSwitchOptions input:checked + label {
        background-color: #008888;
        color: #FFF;
    }

.rkDisabled {
    pointer-events: none;
    opacity: 0.4;
}

.rkHolder input {
    font-size: 100%;
    border-style:solid;
    border-width:1px;
    border-color:#888888;
}

.rkValidator{
    display:block;
    border-style:solid;
    border-color:#888888;
    border-width:1px;
    background-color:#FFFBD1;
    padding:4px;

}

.rkQuestionHolder {
    margin-left: 18px;
    width: 280px;
    display: inline-block;
    margin-top: 20px;
}

.rkQuestion {
    display: block;
    font-size: 95%;
    margin-bottom: 2px;
}

.rkAnswer {
    display: block;
    width: 150px;
    font-size:100%;
    padding:5px;
}

.rkNoBottom {
    margin-bottom: 0px;
}
.rkShowButton{
    text-align:right;
    margin-top:10px;
}

.rkButton {
    text-align: center;
    width: 100px;
    margin-right: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #888888;
    padding: 5px 10px;
    font-size:100%;
    background-color:#FFF;
}
.rkButton:hover{
        background-color: #008888;
        color: #FFF;
}

.rkfieldset {
    border-style: none;
    background-color: #FFF;
    padding: 0px;
    margin: 0px;
    display: inline;
    clear: both;
    border-width: 0px;
    width: 100%;
}
.rkCalculatorHolder
{background-color:#F1F1F1;
 margin-top:5px;
 padding-bottom:20px;
}

.rklegend {
    white-space: normal;
    width: 100%;
    *margin-left: -7px;
    padding-top: 0.4em;
    padding-bottom: 0.8em;
    padding-left: 0px;
    padding-right: 0px;
}
.rkpadextra{
    padding-top:1em;
}
/* end of care reckoner styles */

/* Frame border style */

.frame-surround{
  text-align: center;
	padding: 20px;
}

.frame {
  border:solid 4vw;
  border-bottom-color:#a17821;
  border-left-color:#ca972a;
  border-right-color:#ca972a;
  border-top-color:#d4ab54;
  border-radius:2px;
	box-shadow:0 0 5px 0 rgba(0,0,0,.25) inset, 0 5px 10px 5px rgba(0,0,0,.25);
  box-sizing:border-box;
}

/* End frame border style */

/* Contact tile styles */

.contact-tile {
	align-items: center;
	background: var(--scc-darkblue);
	border-color: var(--scc-darkblue);
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
	color: #FFF;
	display: block;
	float: left;
    font-family: Source sans pro, sans-serif;
    font-display: swap;
    margin-top:0 !important;
    margin-right: 8px;
    margin-bottom: 10px;
	padding: 12px 20px 12px 20px;
	text-align: center;
}

.contact-tile p{
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
}

@media only screen and (max-width: 599px) {
.contact-tile {
        width:96%;

    }
}

@media only screen and (min-width: 600px) {
.contact-tile {
        width:41%;
    }
}

@media only screen and (min-width: 922px) {
.contact-tile {
        width:27%;
    }
}

.contact-tile a {
	color:#FFF ;
    text-decoration: none !important;
}

.contact-name{
	margin:0 auto;
	font-size: 23px;
	display: block;
	font-weight: 400;
	-webkit-margin-before:0px !important;
	-webkit-margin-after:0px !important;
}

.contact-title{
	color:#FFF;
}

.contact-detail{
	padding-top:5px;
	padding-bottom:5px;
}

.contact-detail a{
	background:#FFF;
	color:#000;
	padding: 10px 15px;
	margin: 5px 0px 5px 0px;
	border-radius: 30px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display:inline-block;
    width:85%;
}

.contact-detail a:hover {
		background: #DAB123;
		transition: 400ms;
	}

/* End contact tile styles  */


/* Info tile styles */

.info-tile {
	align-items:center;
	border-color: var(--scc-darkblue);
	border-width: 3px;
	border-style: solid;
	border-radius: 5px;
	display: block;
	float: left;
	margin: 5px;
	padding: 10px;
	text-align: center;
}

.info-tile p{
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
}

@media only screen and (max-width: 549px) {
.info-tile {
        width: 90%;
        margin: 5px 0px 5px 0px !important;
    }
}

@media only screen and (min-width: 550px) {
.info-tile {
        width:41%;
    }
}

@media only screen and (min-width: 922px) {
.info-tile {
        width:29%;
    }
}

.info-tile a {
    text-decoration: none !important;
}

.info-title{
	margin:0 auto;
	font-size: 1.2em;
	font-family: 'PT Sans', sans-serif;
    color: var(--scc-darkblue);
	display: block;
	font-weight:600;
	-webkit-margin-before:0px !important;
	-webkit-margin-after:0px !important;
}

.info-detail{
	padding-top:5px;
	padding-bottom:5px;
}

/* End info tile styles  */


/* FAQ tile styles */

.faq-tile {
	margin: 5px;
	background-color:#FFF ;
	color: var(--scc-darkblue);
	float: left;
	display:flex;
	border-color: var(--scc-darkblue);
	border-width:3px;
	border-style: solid;
	border-radius: 5px;
	width:96%;
}

.faq-tile:hover {
	background-color:var(--scc-darkblue);
}

.faq-tile a {
	color:#FFF ;
}

 .faq-tile:hover .faq-tile-text{
   display : block;
 }

 .faq-tile:hover .faq-tile-title{
   display : none;
 }

.faq-tile-title{
		margin: auto;
    width: 100%;
	  padding: 10px;
}

.faq-tile-text{ 
	display: none;
	padding-left: 10px ;
	margin: auto;
	color: #FFF;
 }
 
/* End FAQ tile styles */

/* Miller column */

.miller-wrapper {
    margin: 0 auto;
    background-color: #FFF;
    position: relative;
}

.miller-column {
    display: block;
    float: left;
    overflow: hidden;
    transition: all 0.1s ease;
    width: 33%;
    border-right: solid 2px #e0e0e0;
    margin-bottom: 30px;
}

.miller-column-section {
	position: relative;
}

.miller-column-sub-section {
    position: relative;
    right: 0;
    border-right: 0px;
}

.miller-column-list-item:hover{
    background-color:#e0e0e0;
}

.miller-column ul{
    list-style: none;
    padding-left: 0;
    -webkit-margin-before: 0px !important;
    -webkit-margin-after: 0px !important;
    -webkit-padding-start: 0px !important;
}

.miller-column > ul > li {
    position: relative;
}

.miller-wrapper li div a {
    color: #FFF;
    background-color: var(--scc-darkblue);
}

.miller-column a.sys_0.sys_t491905:after {
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    font-weight: bold;
    position: absolute;
    right: 10px;
}

.miller-wrapper a{
  color: #101010;
  text-decoration: none;
  padding: 10px 30px 10px 10px;
  width: calc(100% - 40px);
  display: inline-block;
}

.miller-wrapper a:hover{
  background-color: #e0e0e0;
  color: #000;
}

.miller-wrapper h2{
    padding: 0 10px;
    color: #303030;
    height: 2.5em;
    font-size:1.4em;
}

@media only screen and (max-width: 1050px) {
    .miller-wrapper h2{
        font-size: 1.1em;
    }
}

.miller-column p{
    padding: 15px 10px;
    color: #000;
    background-color: #e4e4e4;
    margin: 10px 0;
    font-size:0.9em;
}

.miller-column-breadcrumb{
    background-color:#e0e0e0;
}

.miller-column-third{
	display:none;
}

.miller-column-second{
	display:none;
}

.miller-column-first{
	display:block;
	width:100%;
    border:none;
}

.miller-breadcrumbs{
    display:block;
}

/* Tablet viewing */
@media only screen and (min-width: 600px) {
	
	.miller-column-third{
		display:none;
	}

	.miller-column-second{
	width:49%; 
		display: block;
	}

	.miller-column-first{
		width:49%; 
	}

    .miller-breadcrumbs{
        display:none;
    }
}

/* Desktop viewing */



@media only screen and (min-width: 850px) {
	
	.miller-column-third{
		display:block;
	}

	.miller-column-second{
		width:33%;
		display: block;
	}

	.miller-column-first{
		width:33%;
	}
    
    .miller-breadcrumbs{
       display:none;
    }
}


/* End of Miller column */


/* Menu tile styles */

.left-surround{
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    width: 100%;
    flex-wrap:wrap;
    max-width:870px;
  }

.left-surround ul {
    list-style: none;
    padding:0;
}

.full-surround{
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    width: 100%;
    flex-wrap:wrap;
    max-width:1217px;
  }

.menu-surround{
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: center;
    width: 100%;
    flex-wrap:wrap;
    max-width:870px;
  }

.menu-surround li {
    margin-top: 0 !important;
    margin-bottom: 0.5em;
}

.menu-tile, .menu-tile-narrow{
	margin: 5px;
	background-color:#FFF ;
	min-width:200px ;
	min-height: 300px ;
	padding: 4px 5px 4px 5px ;
	text-align: center;
	color: var(--scc-darkblue);
	float: left;
	display:flex;
    -webkit-flex-flow: row wrap;
	align-items:center;
    border-bottom: 4px solid #FFF;
}

@media only screen and (max-width: 599px) {
    .menu-tile, .menu-tile-narrow{
            width:96%;
        }
}

@media only screen and (min-width: 600px) {
    .menu-tile, .menu-tile-narrow{
            width:45%;
        }
}

@media only screen and (min-width: 922px) {
    .menu-tile {
            width:30%;
        }
    .menu-tile-narrow {
            width:45%;
        }
}

.menu-tile:hover, .menu-tile-narrow:hover {
    background: #eaeaea;
    border-bottom: 4px solid var(--scc-darkblue);
}

.menu-tile a, .menu-tile-narrow a {
	color: var(--scc-darkblue);
}

 .menu-tile:hover .menu-tile-links, .menu-tile-narrow:hover .menu-tile-links{
   display : block;
 }
 
 .menu-tile:hover .menu-tile-title, .menu-tile-narrow:hover .menu-tile-title{
   display : none;
 }

span.menu-tile-icon {
    padding: 5px ;
}

.menu-tile-title{
	margin: auto;
    width:100%;
}

.menu-tile-links{ 
	display: none;
	line-height: 105%;
	padding: 5px ;
	font-size: 14px ;
	margin: auto;
    background: #eaeaea;
	color:#000000;
    width:96%;
 }

 .menu-tile-links h2 {
     line-height:1.1em;
     text-decoration:none;
 }
/*
 .menu-tile-links h2:hover {
     text-decoration:underline;
 }*/

/* End of menu tile styles */

/* SLN Login Box styles */

.sln-login-box {
    float: right;
    color: #000;
    text-align: right;
}

.sln-login-box a{
    color: var(--scc-darkblue);
    font-weight: bold;
}


/* End of SLN Login Box styles */

/* Notice Window styles */

.notice-window-blue, .notice-window-purple, .notice-window-yellow, .notice-window-green, .notice-window-red, .notice-window{
	padding: 10px 20px;
    margin-top:15px;
    margin-bottom:15px;
	border-radius:3px;
}

.notice-window{
	background-color: #EBF1F4;
	border-left: 15px var(--scc-darkblue) solid;
}

.notice-window h2, .notice-window h3, .notice-window h4, .notice-title{
	color:var(--scc-darkblue);
}

.notice-window-red{
    border-left: 15px #A21C02 solid;
    background-color: #FDF3F2;
}

.notice-window-red h2, .notice-window-red h3, .notice-window-red h4, .notice-title-red{
    color:#A21C02;
}

.notice-window-green{
    border-left: 15px #10651A solid;
    background-color: #F6FEF7;
}

.notice-window-green h2, .notice-window-green h3, .notice-window-green h4, .notice-title-green{
    color:#10651A;
}

.notice-window-yellow{
    border-left: 15px var(--scc-gold) solid;
    background-color: #FFF4D1;
}

.notice-window-yellow h2, .notice-window-yellow h3, .notice-window-yellow h4, .notice-title-yellow{
    color:#41370B;
}

.notice-window-blue{
    border-left: 15px #044D81 solid;
    background-color: #D9EEFC;
}

.notice-window-blue h2, .notice-window-blue h3, .notice-window-blue h4, .notice-title-blue{
    color:#044D81;
}

.notice-window-purple{
    border-left: 15px #753384 solid;
    background-color: #F7EDF7;
}

.notice-window-purple h2, .notice-window-purple h3, .notice-window-purple h4, .notice-title-purple{
    color:#753384;
}

@media screen and (min-width: 600px) {
    .notice-window-yellow, .notice-window-blue, .notice-window-purple, .notice-window-green, notice-window-red, .notice-window{
        padding:10px 30px !important;
    }
}


/* End of notice window styles */

/* Iframe embed styling */

.embed-container {
    position: relative;
    padding-bottom: 86%;
    height: 0;
    overflow: hidden;
}

.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 99%;
    height: 100%;
}

.pano-embed {
    position: relative;
    padding-bottom: 60%;
    height: 0;
    overflow: hidden;
}

.pano-embed iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 99%;
    height: 100%;
}

/*flex grid styling */

.grid {
  border: none;
}

.grid__row {
  display: flex;
}



.grid__row a{
  color: #7b2783;
  text-decoration:none;
}

.grid__item img {height:100%;}

.grid__item {
  flex:1;
  padding: 12px;
}

.grid__item2 {
  flex:2;
  padding: 12px;
}

/* Chat */

.bottitlebar, .botquestionheader {
  background: #1B5E7F !important;
}

/* App page styling */


.sys_mogrid {
	padding: 20px;
	max-width: 1300px;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

.sys_mogrid li {
	display: inline-block;
	width: 290px;
	margin: 0;
	padding: 5px;
	text-align: left;
	position: relative;
}

.sys_mogrid figure {
	margin: 0;
	position: relative;
}

.sys_mogrid figure img {
	max-width: 100%;
	display: block;
	position: relative;
}

.sys_mogrid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0px;
	background: rgba(0, 0, 0, 0.7);
	color: #FFF;
}

.sys_mogrid figcaption h3 {
	margin: 0;
	padding: 0;
	color: #fff;
}



.sys_mogrid figcaption a {
	text-align: center;
	margin: 5px 10px;
	display: inline-block;
	color: #fff;
}



.sys_most figcaption {
  font-size:16px;  
  padding:2%;	
    height: 96%;
	width: 96%;
	opacity: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.sys_most figcaption:hover ,
.sys_most figcaption:active  {
	opacity: 1;
}

.sys_most figcaption h3 {
	margin-top: 70px;
}

.sys_most figcaption span {
	display: block;
  margin-bottom:15px;
}

.sys_most figcaption a {
	
}


.sys_fig1{
  background-image:url(/MyStaffs-App/images/schools480.jpg);
  background-repeat:no-repeat;
  background-size:cover;
  width:290px;
  height:290px;
}

.sys_fig2{
  background-image:url(/MyStaffs-App/images/libraries480.jpg);
  background-repeat:no-repeat;
  background-size:cover;
  width:290px;
  height:290px;
}

.sys_fig3{
  background-image:url(/MyStaffs-App/images/parking480.jpg);
  background-repeat:no-repeat;
  background-size:cover;
  width:290px;
  height:290px;
}

.sys_fig4{
  background-image:url(/MyStaffs-App/images/counciltax480.jpg);
  background-repeat:no-repeat;
  background-size:cover;
  width:290px;
  height:290px;
}

.sys_fig5{
  background-image:url(/MyStaffs-App/images/recycling480.jpg);
  background-repeat:no-repeat;
  background-size:cover;
  width:290px;
  height:290px;
}

.sys_fig6{
  background-image:url(/MyStaffs-App/images/stayactive480.jpg);
  background-repeat:no-repeat;
  background-size:cover;
  width:290px;
  height:290px;
}

.sys_fig7{
  background-image:url(/MyStaffs-App/images/highways480.jpg);
  background-repeat:no-repeat;
  background-size:cover;
  width:290px;
  height:290px;
}

.sys_fig8{
  background-image:url(/MyStaffs-App/images/localevents480.jpg);
  background-repeat:no-repeat;
  background-size:cover;
  width:290px;
  height:290px;
}







@media screen and (max-width: 750px) {
	.sys_mogrid {
		padding: 10px;
	}
	.sys_mogrid li {
      height:480px;
      width:100%;
      max-width:480px;
	}
  	.sys_mogrid li img {
      max-width:480px;
	}
    .sys_appstoretxt{
      display:none;
    }
  
    .sys_fig1,.sys_fig2,.sys_fig3,.sys_fig4,.sys_fig5,.sys_fig6,.sys_fig7,.sys_fig8{
      height:100%;width:100%;}
}

@media screen and (max-width: 450px) {

	.sys_mogrid li {
      height:350px;
	}

}

/* Hide unnecessary form fields for user accounts */

.sys_relationshipstatus {
	display: none;
}
.sys_website {
	display: none;
}
.sys_dateofbirth 
{
	display: none;
}
.sys_blogurl {
	display: none;
}
.sys_jobrole {
	display: none;
}
.sys_jobtitle {
	display: none;
}
.sys_sex {
	display: none;
}
.sys_nickname {
	display: none;
}
input#UserProfile_Options_SaveButton {
	margin-right: 10px;
}

/* End of hide form fields */

/* Re-style page forms */
.sys_cms-form-control ul,
.sys_cms-form-control ul li,
.sys_cms-form-control ul li label {
    font-size: 1em !important;
}

ul.sys_cms-form-body {
    font-size: 1em !important;
    padding: 0px !important;
}

.sys_cms-form-body .sys_cms-form-item {
    padding: 6px 0 8px 0 !important;
    color: #000 !important;
    font-size: 1em !important;
    width: 97% !important;
}

.sys_cms-form-item button{
    font-size: 1.2em;
    padding: 12px 20px;
    border: 0;
    background: var(--scc-darkblue);
    color: #FFF;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 3px;
}

.sys_cms-form-body .sys_instructions {
    top: unset !important;
    display: block !important;
    left: unset !important;
    border: none !important;
    color: #000 !important;
    background: var(--scc-fuchsia) !important;
    margin-top: 5px !important;
    margin-left: 0 !important;
    padding: 10px 15px !important;
    width: calc(100% - 30px) !important;
    font-size: 1em !important;
    border-radius: 3px !important;
    position: unset !important;
}

/* Setting Up the Form Body */
.sys_cms-form-body li input,
.sys_cms-form-body li select,
.sys_cms-form-body li textarea,
.sys_cms-form-body li label,
.sys_cms-form-body li .sys_legend,
.sys_cms-form-body li .sys_fieldlabel {
    color: #000 !important;
    font-size: 1em !important;
}

.sys_cms-form-body li div label {
    font-size: 1em !important;
    padding: .2em .2em .2em 0 !important;
}

/* Inputs */
.sys_cms-form-body input,
.sys_cms-form-body textarea {padding: 5px !important;}

.sys_cms-form-body input.sys_small,
.sys_cms-form-body select.sys_small {padding: 5px !important;}

.sys_cms-form-body input.sys_medium,
.sys_cms-form-body select.sys_medium {padding: 5px !important;}

.sys_cms-form-body input.sys_large,
.sys_cms-form-body select.sys_large {padding: 5px !important;}

/* Textarea */
.sys_cms-form-body textarea.sys_small,
.sys_cms-form-body textarea.sys_medium,
.sys_cms-form-body textarea.sys_large {padding: 5px !important; width:99% !important;}

/* Validation Error */
.sys_cms-form-body .error,
.sys_cms-form-body .sys_cms-form-error {
    font-size: 1em !important;
    color: #a33f49 !important;
}
.sys_cms-form-validationsummary {
    color: #a33f49 !important;
}


/* Section Heading */
.sys_cms-form-body .sys_sectionbreak {
    padding-top: 0px !important;
}

.sys_cms-form-body .sys_sectionbreak-header {
    color: #000 !important;
    font-weight: bold;
    font-family: Source sans Pro,Arial,Verdana,Geneva,Helvetica,sans-serif;
    font-display: swap;
}

.sys_cms-form-body .sys_sectionbreak-text {
    color: #000 !important;
    font-size: 1em !important;
}

.sys_cms-form-body .sys_checkbox input,
.sys_cms-form-body .sys_radio input {
    width: 17px !important;
    height: 17px !important;
}

/* Time */
.sys_cms-form-body .sys_time .sys_timesubelement {
    width: 70px !important;
    margin: 0 10px 0 0 !important;
}

.sys_cms-form-body .sys_time select {
    padding: 1px 5px 1px 0 !important;
}

.sys_cms-form-body .sys_time input {
    width: 60px !important;
    margin-right:10px !important;
}

/* Side By Side */
.sys_cms-form-body .sys_sidebyside span {
    padding-right: 15px !important;
}

.sys_cms-form-body .sys_sidebyside span label {
    font-family: Arial,Helvetica,sans-serif;
    white-space: normal!important;
}

.sys_cms-form-body .sys_legend .sys_required {
    font-size: 1em !important;
}

.sys_form-progress {
    padding: 10px !important;
    font-family: Source sans Pro,Arial,Verdana,Geneva,Helvetica,sans-serif !important;
    font-display: swap;
    font-size: 1em !important;
}
/* End of re-style page forms */

/* Top tasks bar styling */

.sys_ttask{
    margin: 40px 0 25px 0;
    font-size: 1.2em;
    Display: block;
    background: #345563;
    color: #FFF;
    padding: 10px;
    width: 95%;
    border-radius: 10px 10px 0 0;
}


/* New styling overrides */


#journeyPlannerPanel.vertical #placeFindingPanel {
    width: auto;
    min-height: 180px;
    position: relative;
}

@media screen and (max-width: 650px) {

    #journeyPlannerPanel.vertical #placeFindingPanel {
        min-height: 320px;
    }
}

@media screen and (max-width: 600px) {
    .sys_tophead {
        height: 120px;
        position: relative;
        text-align: center;
    }
    .sys_head-r1 {
        top: 55px;
        width: 100%;
        right: 0;
        text-align: center;
    }
    .sys_skipnav, .sys_skipnav a {
        display: none;
    }
}

.sys_burgerbar {
    background: none!important;
    height: 53px!important;
}

.sys_hpsblockholder{display:none; width:100%; height:150px; position:relative;line-height: 1.2;}
.sys_hpsblock {
    
    text-align: left;
    font-weight: 300;
    position: absolute;
    left: 20px;
    top: 18px;
    font-family: Source Sans Pro;
    font-display: swap;
    font-size: 34px;
    width:90%;
}
.sys_hpsbold{font-weight:600;}

/*
.sys_search-box2 .sys_search-query-control .sys_searchbox, .sys_search-area .sys_search-query-control .sys_searchbox {
    width: -webkit-calc(80% - 70px) !important;
    width: -moz-calc(80% - 70px) !important;
    width: calc(80% - 70px) !important;
}
*/

.sys_hpscols {
    font-family: Source Sans Pro;
    font-display: swap;
    margin: 0 auto;    
    overflow: auto;
    padding: 20px 0;
    width: 100%;
    text-align: left;
}

.sys_hpscols19 a {
    display:inline-block !important;
}

.sys_hpscols19 li {
    display: inline;
}

.sys_hpsh2 {
    margin: 10px 0;
    font-size: 26px;
    font-weight: 400;
    color: #305567!important;
}

.sys_hpscol {
    min-height: 190px;   
    font-size: 18px;
    float: left;
    font-weight: 300;
}

.sys_hpscol .fa {
  font-size:30px;
  color:var(--scc-darkblue);
}

.sys_hpscol em {display:block; font-style:normal; color:#000000;}


/* 2019 version*/

.sys_hpscol19 {
    width:100%;
    text-align: center;
    min-height: 170px;
    font-size: 18px;
    float: left;
    font-weight: 300;
    padding-top: 20px;
}

.sys_hpscol19 .fa {
  font-size:30px;
  color:var(--scc-darkblue);
}

.sys_hpscol19 em {display:block; font-style:normal; color:#000000;}


.sys_hpscols19 a {
  display:inline-block;
  border-bottom: 4px solid #f6f6f6;
  width:20.6%;
  padding: 2%;
  background-color:#FFF;
}



@media screen and (max-width: 830px) {
.sys_hpscols19 a {
  width:45%;
}
}


@media screen and (max-width: 530px) {
.d-tabs-nav__link span {
    font-size: 20px;
}
.sys_hpsh2 {
    font-size:20px;
}
.sys_hpscols19 a {
  width:43%;
}
}

.sys_hpscols19 a:hover {
  border-bottom: 4px solid var(--scc-darkblue);
  background-color:#f6f6f6;
}


.sys_hpscols19 .fa-stack {
    color: var(--scc-darkblue);}



/* end of 2019 */

.sys_hpscols a {
  display:inline-block;
  border-bottom: 4px solid #f6f6f6;
  width:20.6%;
  padding: 2%;
}

.sys_hpscols a:hover {
  border-bottom: 4px solid var(--scc-darkblue);
  background-color:#f6f6f6;
}

.sys_hpbcols {
    font-family: Source Sans Pro;
    font-display: swap;
    font-weight:300;
    margin: 0 auto;
    overflow: auto;
    padding: 0 0 20px 0;
    width: 100%;
    text-align: left;
}


.sys_hpbcol h2 {
    margin: 0 0 10px 0;
    font-size: 26px;
    font-weight: 400;
    color: var(--scc-darkblue);
}

.sys_hpbcol ul {
    list-style:none;
    padding-left: 0;
}

.sys_hpbcol li {
    margin: 4px 0 4px 0;
    padding: 4px 4px 4px 5px;
    display: block;
    background-color: var(--scc-darkblue);
    border-radius: 5px;
    color: #FFF;
}

.sys_hpbcol li a{
  color:#FFF;
  text-decoration:none;
  display: block;
}

.sys_hpbcol li a:hover{
  text-decoration:underline;
}


.sys_hpbcol {
    min-height: 190px;
    border-bottom: 4px solid #f6f6f6;
    font-size: 18px;
    float: left;
    width: 21%;
    padding: 0 2%;
    font-weight: 300;
}


@media screen and (max-width: 1219px) {

.sys_hpscols a, .sys_hpbcol  {
   width:29%
  }
}

@media screen and (max-width: 830px) {

.sys_hpscols a, .sys_hpbcol  {
   width:45%
  }
}

@media screen and (max-width: 550px) {

.sys_hpscols a, .sys_hpbcol  {
   width:96%
  }
.sys_hpsblock {
  font-size:22px;
}  
}

@media screen and (max-width: 450px) {

.sys_hpscols a, .sys_hpbcol  {
   width:96%
  }
.sys_hpsblock {
  font-size:16px;
}  
}





.sys_hpsbighead h1 {
    padding-bottom: 10px;
    margin: 50px 0;
    font-family: source sans pro;
    font-display: swap;
    text-align: left;
    font-weight: 400;
    border-bottom: 4px solid #e6b413;
}

#hrotator {
    border-radius: 40px;
    border-left: 105px solid #e6b413;
    border-right: 105px solid #e6b413;
}

#rotatorbodytext {
    max-width: 950px;
}

#rotator1_rotatormorenews {
    background: #e6b413;
}

.rotatorfooterlink {

    width: 296px;

}
.rotatorfooterlinkhighlight {

    width: 296px;

}

@media screen and (max-width: 1219px) {

    #hrotator {
        border-radius: none;
        border-left: none;
        border-right: none;
    }
    .rotatorfooterlink, .rotatorfooterlinkhighlight {
        width: auto;
    }
}

.sys_siteheader {
    background: var(--scc-darkblue) !important;
    border-bottom: 5px solid var(--scc-fuchsia);
    padding-top:15px;
}

.sys_logo-r1, .sys_logo-header {
    padding: 5px 5px 15px 5px;
}



#pagebody {
    line-height: 1.2;
    font-size: 1.2em;
}



/* menu  */

#leftnav .sys_simpleListMenu li {
    background: none; 
    border-bottom: 2px solid #e8e8e8;
}


@media screen and (min-width: 1169px)
{
.sys_sl-contentwrapper {
    border-top: 3px solid #e4e4e4;
    float: left;
    margin: 15px 15px 15px 0;
    padding: 15px 20px 20px;
    width: 580px!important;
}}




.sys_navtitle{
  color:#345563;
  padding:5px 0 20px 0;
}

#breadcrumb {

    font-weight: 400!important;

}


.sys_burgerbar {
    height: 53px!important;
    display:none;
}


#stopListTitle, #serviceListTitle{font-size:.8em; font-weight:normal;}


/* Fix for text overlap */

.sys_documentchannel-by{
    width:40px!important;
}
.sys_documentchannel-filesize{
    width:70px!important;
}
/* -------------------- */


/* Ads wrapper styling */

.sys_adleader-wrap{
    padding: 5px 0 0 0; 
    background-color: #f6f6f6; 
    text-align: center;
    margin-top: 10px;
}

.sys_adleader-txt{
    font-size: 11px; 
    text-align: right; 
    color: #545454;
}

@media screen and (max-width: 979px) {
.sys_adleader-wrap{
    display:none;
}
}





/* -----------------------------------------------------------------------------
  TABS COMPONENT
  
----------------------------------------------------------------------------- */
/**
 * Tabs component
 *
 * A responsive tabs component that falls back to a linear conent display when
 * JavaScript is disabled. The following is the default suggested markup to play
 * nicely with the JavaScript. If you change it up, just make sure you pass in
 * the correct parameters to the tabs instance.
 *
 * <div id="tabs" class="c-tabs no-js">
 *   <div class="c-tabs-nav">
 *     <a href="#" class="c-tabs-nav__link is-active"></a>
 *     <a href="#" class="c-tabs-nav__link"></a>
 *     ...
 *   </div>
 *   <div class="c-tab is-active">
 *     <div class="c-tab__content"></div>
 *   </div>
 *   <div class="c-tab">
 *     <div class="c-tab__content"></div>
 *   </div>
 *   ...
 * </div>
 */
.c-tabs {
  /**/
}

/**
 * Tabs navigation
 */
.c-tabs-nav {
  width: 100%;
  font-family: Source sans pro;
  font-display: swap;
  font-size: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.c-tabs ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.c-tabs-nav__link {
  display:inline-block;
  font-family: Source sans pro;
  font-display: swap;
  font-size: 24px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 4px;
  padding: 12px;
  color: var(--scc-darkblue);
  background-color: #e7e7e7;
  text-align: center;
  text-decoration: none;
  -webkit-transition: color 0.3s;
          transition: color 0.3s;
}

.c-tabs-nav__link:last-child {
  margin-right: 0;
}

.c-tabs-nav__link:hover {
  text-decoration:underline;
}

.c-tabs-nav__link.is-active {
  color: #FFF;
  background-color: var(--scc-darkblue);
}

.c-tabs-nav__link i,
.c-tabs-nav__link span {
  margin: 0;
  padding: 0;
  line-height: 1;
}

.c-tabs-nav__link i {
}

.c-tabs-nav__link span {
  display: none;
}

@media all and (min-width: 720px) {
  .c-tabs-nav__link i {
    margin-bottom: 12px;
    font-size: 22px;
  }
  .c-tabs-nav__link span {
    display: block;
  }
}



/**
 * Tab
 */
.c-tab {
  display: none;
  background-color: #f6f6f6;
}

.c-tab.is-active {
  display: block;
}

.c-tab__content {
  padding: 1.5rem;
}

.c-tab__content li {
    border: 1px solid #b7b7b7;
    width: 30%;
    font-size: 22px;
    margin: 5px 6px 5px 5px;
    padding: 7px 7px 7px 5px;
    display: inline-block;
    background-color: #e7e7e7;
    border-radius: 5px;
    color: #FFF;
    font-family: source sans pro;
    font-display: swap;
}

.c-tab__content li a{
  display: block;
  color: var(--scc-darkblue);
  text-decoration:none;
}

.c-tab__content li a:hover{
  text-decoration:underline;
}


/**
 * Tabs no-js fallback
 */
.c-tabs.no-js .c-tabs-nav {
  display: none;
}

.c-tabs.no-js .c-tab {
  display: block;
  margin-bottom: 1.5rem;
}

.c-tabs.no-js .c-tab:last-child {
  margin-bottom: 0;
}


@media all and (max-width: 1179px) {
    .c-tab__content li {
    width:45%;
    }
}


@media all and (max-width: 810px) {
.c-tab__content li {
  width:90%;
}
  
 .c-tab {
  display: block;
  margin-bottom: 1.5rem;
}  
  
.c-tabs-nav__link {
  display:none;
}  
  
.c-tab__content {
    padding: 10px; 
}  
  
}

@media all and (min-width: 810px) {
 
  .c-tab-title {display:none;}
  
}


 .c-tab-title h2{font-family:Source Sans Pro; font-display: swap; font-weight:100;}



/* -----------------------------------------------------------------------------
 2019 TABS COMPONENT
  
----------------------------------------------------------------------------- */
/**
 * Tabs component
 *
 * A responsive tabs component that falls back to a linear conent display when
 * JavaScript is disabled. The following is the default suggested markup to play
 * nicely with the JavaScript. If you change it up, just make sure you pass in
 * the correct parameters to the tabs instance.
 *
 * <div id="tabs" class="c-tabs no-js">
 *   <div class="c-tabs-nav">
 *     <a href="#" class="c-tabs-nav__link is-active"></a>
 *     <a href="#" class="c-tabs-nav__link"></a>
 *     ...
 *   </div>
 *   <div class="c-tab is-active">
 *     <div class="c-tab__content"></div>
 *   </div>
 *   <div class="c-tab">
 *     <div class="c-tab__content"></div>
 *   </div>
 *   ...
 * </div>
 */
.d-tabs {
  /**/
}

/**
 * Tabs navigation
 */
.d-tabs-nav {
  width: 100%;
  font-family: Source sans pro;
  font-display: swap;
  font-size: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.d-tabs ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.d-tabs-nav__link {
  display:inline-block;
  font-family: Source sans pro;
  font-display: swap;
  font-size: 24px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 4px;
  padding: 12px;
  color: var(--scc-darkblue);
  background-color: #e7e7e7;
  text-align: center;
  text-decoration: none;
  -webkit-transition: color 0.3s;
          transition: color 0.3s;
}

.d-tabs-nav__link:last-child {
  margin-right: 0;
}

.d-tabs-nav__link:hover {
  text-decoration:underline;
}

.d-tabs-nav__link.is-active {
  color: #FFF;
  background-color: var(--scc-darkblue);
}

.d-tabs-nav__link i,
.d-tabs-nav__link span {
  margin: 0;
  padding: 0;
  line-height: 1;
}

.d-tabs-nav__link i {
}

.d-tabs-nav__link span {
  display: none;
}

@media all and (min-width: 720px) {
  .d-tabs-nav__link i {
    margin-bottom: 12px;
    font-size: 22px;
  }
  .d-tabs-nav__link span {
    display: block;
  }
}



/**
 * Tab
 */
.d-tab {
  display: none;
  background-color: #FFF;
}

.d-tab.is-active {
  display: block;
}

.d-tab__content {
  background: #f1f1f1;
  padding: 1.5rem;
}

.d-tab__content li {

}

.d-tab__content li a{
  display: block;
  /*color: var(--scc-darkblue);*/
  text-decoration:none;
}

.d-tab__content li a:hover{
  text-decoration:underline;
}


/**
 * Tabs no-js fallback
 */
.d-tabs.no-js .d-tabs-nav {
  display: none;
}

.d-tabs.no-js .d-tab {
  display: block;
  margin-bottom: 1.5rem;
}

.d-tabs.no-js .d-tab:last-child {
  margin-bottom: 0;
}


@media all and (max-width: 1179px) {
.d-tab__content li {
  width:45%;
}
}

/*
@media all and (max-width: 810px) {
.d-tab__content li {
  width:90%;
}
  
 .d-tab {
  display: block;
  margin-bottom: 1.5rem;
}  
  
.d-tabs-nav__link {
  display:none;
}  
  
.d-tab__content {
    padding: 10px; 
}  
  
}

@media all and (min-width: 810px) {
 
  .d-tab-title {display:none;}
  
}

*/
 .d-tab-title h2{font-family:Source Sans Pro; font-display: swap; font-weight:100;}

@media all and (max-width: 500px) {
.d-tab-title h2{display:none;}
}

/* end of 2019 tabs */





/* Link Button Styles */
.link-button {
  display:inline-block;
  font-family: Source sans pro;
  font-display: swap;
  font-size: 23px;
  margin-right: 4px;
  margin-bottom: 10px;
  padding: 12px 30px 12px 30px;
  color: #FFF;
  background-color: var(--scc-darkblue);
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
}

.white-button {
  display:inline-block;
  font-family: Source sans pro;
  font-display: swap;
  font-size: 23px;
  margin-right: 4px;
  margin-bottom: 10px;
  padding: 12px 30px 12px 30px;
  color: var(--scc-darkblue);
  background-color: #FFF;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
}

/* Colour styles */

.text-white {color: #FFF !important;}
.text-black {color: #FFF !important;}

.bg-iro-purple{background-color: #7d378d !important;}
.bg-iro-yellow{background-color: #e6ad22 !important;}
.bg-iro-green{background-color: #89af26 !important;}
.bg-iro-red{background-color: #eb3f29 !important;}
.bg-iro-blue{background-color: #056ab2 !important;}

.bg-iro-yellow > div, .bg-iro-green > div  {
    color: #000;
}

/* Plink button styles */

.plink {
  display:inline-block;
  font-family: Source sans pro, sans-serif;
  font-display: swap;
  font-size: 23px;
  margin-right: 8px;
  margin-bottom: 10px;
  padding: 12px 20px 12px 20px;
  color: #FFF;
  text-align: center;
  text-decoration: none;
  background-color: var(--scc-darkblue);
  border-radius: 3px;
}

.left-surround .plink {
    width: 80%;
}

.left-surround li .plink {
    min-width: 300px;
    padding: 20px;
}

@media only screen and (max-width: 599px) {
    .plink {width:96%;}
}

@media only screen and (min-width: 600px) {
    .plink {width:41%;}
}

@media only screen and (min-width: 922px) {
    .plink {width:27%;}
}

/* Cookie Bar Styles */
.cookiebar{
    z-index: 9998;
    width:100%;
    position:fixed;
    bottom:0px;
    left:0px;
    border-style:solid;
    border-color:var(--scc-fuchsia);
    border-width: 5px 0 0 0;
    background-color:#F1F1F1;
    display:none;
}

.cookiebardetail{
    padding: 10px;
    max-width: 1200px;
    margin: 0 auto;
}

.cookieheader{
    font-size:17px;
    font-weight:bold;
    display:block;
    margin-bottom:4px;
}

.cookietext{
    font-size:16px;
}

.cookiebuttonholder{
    display:block;
    padding: 0px 10px 10px 10px;
    text-align:right;
}

.cookiebutton{
    color:#FFF;
    font-size:16px;
    padding:8px 20px;
    background-color:var(--scc-darkblue);
    cursor:pointer;
    border-width: 3px;
    transition:0.3s;
    text-decoration: none;
    display: inline-block;
    margin-top: 10px;
}

.cookiebutton:hover{
    background-color:var(--scc-fuchsia);
    color:#000;
    transition:0.3s;
}

.cookietext {
    display: block;
    margin-bottom: 12px;
}
.cookiemanage {
    z-index: 9998;
    width: 50%;
    max-width: 500px;
    min-width: 300px;
    position: fixed;
    bottom: 4px;
    left: 4px;
    border-style: solid;
    border-color: var(--scc-fuchsia);
    border-width: 3px;
    border-radius: 15px;
    background-color: #F1F1F1;
    padding:10px;
    display: none;
}
.cookiemanageholder {
    position: relative;
}
.cookiemanageholder h2 {
    margin-top: 5px;
}
.cookieselect {
    position: absolute;
    right: 10px;
    bottom: 55px;
}
.cookiebuttonpad {
    margin-top:40px;
}
.cookieswitch {
    display:none;
}
.cookielabel {
    display: inline-block;
    color: transparent;
    width: 40px;
    height: 20px;
    background-color: #ccc;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
}

.cookielabel::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    background-color: white;
    border-radius: 50%;
    transition: transform 0.3s;
}
.cookieswitch:checked + label {
    background-color: #2196F3;
}

.cookieswitch:checked + label::before {
    transform: translateX(20px);
}

.cookiedescription {
    padding-right: 30px;
    vertical-align: top;
}
.cookietoggle {
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
}

/* End of Cookie Bar Styles */

.hidden{
    display: none;
}



/* Page header images */

@media screen and (max-width: 499px) {

	.page-header{
		display: none;
	}

	.page-mobile-header{
		display: block;
	}
}

@media screen and (min-width: 500px) {

	.page-header {
		display: block;
	}

	.page-mobile-header{
		display: none;
	}
}

/* End of page header images */

/* Back to top styles */

.back-to-top /*Note: do not remove underline as it's needed for accessibility */ {
    float: right;
    color: var(--scc-darkblue);
} 

@media only screen and (max-width: 599px) {

	.back-to-top{
		width:100%;
		margin: 10px 0 10px 0;
		text-align: right;
	}

}

/* End of Back to top styles */


@media screen and (max-width: 420px) {

	#mapContainer{
		margin-top:50px !important;
	}

}

/* Style 'Sign in with AD FS' button */

.js-wsfed-login{    
    border: 0;
	box-shadow: none;
    background-color: var(--scc-aaaroyalblue);
    padding: 10px 30px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
	font-weight: bold;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    transition: 0.3s ease;
    -webkit-appearance: button;
	cursor: pointer;
    border-radius: 3px;
}


.js-wsfed-login:hover{    
    background-color: var(--scc-darkblue);
}

/* End of style 'Sign in with AD FS' button */


/* Responsive Table Styles */

.rwd-table {

  min-width: 300px;

  th {
    display: none;
  }
  
  td {
    display: block; 
    
    &:first-child {
      padding-top: .5em;
    }
    &:last-child {
      padding-bottom: .5em;
    }

    &:before {
      content: attr(data-th)": "; 
      font-weight: bold;

      // options
      width: 6.5em; 
      display: inline-block;
      // end options
      
      @media (min-width: 600px) {
        display: none;
      }
    }
  }
  
  th, td {
    text-align: left;
    
    @media (min-width: 600px) {
      display: table-cell;
      padding: .25em .5em;
      
      &:first-child {
        padding-left: 0;
      }
      
      &:last-child {
        padding-right: 0;
      }
    }

  }
  
}

.rs-table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: auto;
}

.rs-table caption {
  font-size: 1.2em;
  margin: .5em 0 .75em;
}

.rs-table thead tr {
  background-color: var(--scc-darkblue);
  border: 1px solid #ddd;
  padding: .35em;
  color: #fff;
}

.rs-table th, .rs-table td {
  padding: .625em;
  text-align: left;
  font-size: .85em;
}

.rs-table tbody tr {
  border-bottom: 1px solid #ddd;
}

.rs-table th {
  font-size: .85em;
}

@media screen and (min-width: 699px) {

  .rs-table tbody tr:hover td, .rs-table tbody tr:hover th {
      background: #fdd26c none repeat scroll 0 0;
  }

}

@media screen and (max-width: 700px) {
  .rs-table {
    border: 0;
  }

  .rs-table caption {
    font-size: 1.1em;
    font-weight: 600;
  }
  
  .rs-table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .rs-table tr {
    border: 2px solid #ddd;
    display: block;
    margin-bottom: 1.5em;
  }
  
  .rs-table th {
    font-size: 1.1em;
    font-weight: 600;
    color: var(--scc-darkblue);
  }
  
  .rs-table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 0.85em;
    text-align: right;
  }

  .rs-table td:first-of-type{
    border-top: 1px solid #ddd;
  }
  
  .rs-table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-align:left;
    font-size:0.9em;
  }
  
  .rs-table td:last-child {
    border-bottom: 0;
  }
}

/* End of responsive table styles */


.list-links {
	background-color: #EBF1F4;
	border-left: 15px var(--scc-darkblue) solid;
}

.list-links{
	padding: 20px 20px;
	border-radius:3px;
	list-style-type:none;
}

.timeline {
    list-style: none;
    margin: 20px 0 20px 0;
    position: relative;
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eeeeee;
    left: 50%;
    margin-left: -1.5px;
}

.timeline-item {
    margin-bottom: 20px;
    position: relative;
}

.timeline-item:before,
.timeline-item:after {
    content: " ";
    display: table;
}

.timeline-item:after {
    clear: both;
}

.timeline-item:before,
.timeline-item:after {
    content: " ";
    display: table;
}

.timeline-item:after {
    clear: both;
}

.timeline-item > .timeline-panel {
    width: 46%;
    float: left;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    padding: 20px;
    position: relative;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline-item > .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    content: " ";
}

.timeline-item > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
}

.timeline-item > .timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -25px;
    background-color: #999999;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

.timeline-badge.indigo {
    background-color: #2e6da4 !important;
}

.timeline-badge.green {
    background-color: #3f903f !important;
}

.timeline-badge.yellow {
    background-color: #f0ad4e !important;
}

.timeline-badge.red {
    background-color: #d9534f !important;
}

.timeline-badge.blue {
    background-color: #5bc0de !important;
}

.timeline-badge.scc {
    background-color: var(--scc-darkblue) !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-title h2, .timeline-title h3, .timeline-title h4, .timeline-title h5 {
    margin-top:0;
}

.timeline-body > p {
    margin: 0;
}


.timeline-body > ul {
    margin-bottom: 0;
    margin: 10px;
}

.timeline-body > p + p {
    margin-top: 1em;
}

div.timeline:before {
    left: 40px;
}

.timeline-item > .timeline-panel {
    width: calc(100% - 125px);
    width: -moz-calc(100% - 125px);
    width: -webkit-calc(100% - 125px);
}

.timeline-item > .timeline-badge {
    left: 15px;
    margin-left: 0;
    top: 16px;
}

.timeline-item > .timeline-panel {
    float: right;
}

.timeline-item > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.timeline-item > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

@media all and (max-width:700px){

    .timeline-item > .timeline-panel {
        float: unset;
    }

    .timeline-title {
        margin-left:50px;
    }
        
    .timeline-item > .timeline-badge {
        left: 10px;
        margin-left: 0;
        top: 10px;
        float:unset;
    }
        
    .timeline:before{
        width:0px;
    }
        
    .timeline-item > .timeline-panel {
        width: calc(100% - 50px);
        width: -moz-calc(100% - 50px);
        width: -webkit-calc(100% - 50px);
    }
        
    .timeline-item > .timeline-panel:after {
        display:none;
    }
        
    .timeline-item > .timeline-panel {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    
}

/* Newsroom Edits */

.blk_header {
    color: var(--scc-darkblue);
    font-family: "Source Sans Pro";
    font-size: 24px;
    font-weight: bold;
    margin: 10px 0;
    padding: 10px;
    text-align: center;
}

.sys_subitem > div > .sys_thumbnail > a > img:hover {
    opacity: 0.5;
}

#site-news .sys_itemslist, #featured-news .sys_itemslist {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

#site-news .sys_subitem, #featured-news .sys_subitem {
  background: #FFF;
  transition: 0.3s;
  width:calc(25% - 20px);
  float:left;
  margin: 10px;
  /* border-bottom: 1px solid #f0f0f0; */
}

#site-news .sys_subitem {
    margin-bottom: 30px;
}

#site-news .sys_subitem img {
    border-bottom: 4px solid var(--scc-fuchsia);
}

@media all and (max-width: 830px){
    #site-news .sys_subitem, #featured-news .sys_subitem{
    	width:calc(50% - 20px);
    }
}

@media all and (max-width: 630px){
    #site-news .sys_subitem, #featured-news .sys_subitem{
    	width:calc(100% - 20px);
    }
}


#site-news .sys_subitem:hover, #featured-news .sys_subitem:hover{
  /* background: #f0f0f0; */
}

#site-news .sys_subitem div h3, #featured-news .sys_subitem div h3{
    padding-top: 10px;
    margin:-5px 0 0 0;
}

#site-news .sys_subitem a, #featured-news .sys_subitem a{
    color: var(--scc-darkblue);
    font-family: Source sans Pro,Arial,Verdana,Geneva,Helvetica,sans-serif;
    font-display: swap;
    text-decoration:none;
}

#site-news .sys_subitem a:hover, #featured-news .sys_subitem a:hover{
    text-decoration:underline;
}

#site-news .sys_record-image-control, #featured-news .sys_record-image-control{
    justify-content:center;
    text-align:center;
}

#site-news .sys_theme-simple .sys_record-control .sys_record-image-control-caption,
#featured-news .sys_theme-simple .sys_record-control .sys_record-image-control-caption {
    width: 380px;
    color: #000;
    padding: 10px;
    background: var(--scc-fuchsia);
}

#site-news .sys_record-image-control img, #featured-news .sys_record-image-control img {
    display: block;
    border: none !important;
    margin-bottom: 0 !important;
}

#site-news dt.sys_news-description, #site-news dt.sys_news-datepublished,
#featured-news dt.sys_news-description, #featured-news dt.sys_news-datepublished{
    display:none;
}

#site-news .sys_news-description, #featured-news .sys_news-description{
    margin: 1em 0;
}

#site-news .sys_news-datepublished, #featured-news .sys_news-datepublished{
    margin-top:10px;
}

#site-news .sys_news-datepublished:before, #featured-news .sys_news-datepublished:before{
    font-family: "Font Awesome 5 Pro";
    content: "\f133 \00a0";
    font-weight:600;
}

.sys_news-datepublishedtag{
  display:none;
}

#site-news dd, #featured-news dd{
    margin-inline-start: 0;
}

#site-news .sys_news-summary, #featured-news .sys_news-summary{
    padding:0;
    font-size:0.9em;
    margin-top:10px;
}

#site-news .sys_news-category, #featured-news .sys_news-category{
    float:left;
    margin:10px 0;
}

#site-news dt.sys_news-category:after, #featured-news dt.sys_news-category:after{
    content: "\00a0";
}

#site-news dd.sys_news-category:before, #featured-news dd.sys_news-category:before{
    content: "\f14c \00a0";
    Font-family: "Font Awesome 5 Pro";
    font-weight:600;
    color: #404040;
}

#site-news dd.sys_news-category a, #featured-news dd.sys_news-category a{
    color: #404040;
}

#site-news dd.sys_news-category a:hover, #featured-news dd.sys_news-category a:hover{
    text-decoration:underline;
}

.newsroom-link {
	background: var(--scc-darkblue);
    color: #FFF;
    display: block;
    font-size: 1.3em;
    margin: 0 auto 30px auto;
    padding: 8px;
    text-decoration: none;
    width: fit-content;
}

.newsroom-link span {
	display: none;
}

.newsroom-link:hover {
    background: var(--scc-aaapink); 
}

/* TRO section styles */

.tro-proposed, .tro-in-operation{
    padding: 20px;
    border-radius: 3px;
    font-weight: 600;
    font-size: 1.2em;
    font-family: Source sans Pro,Arial,Verdana,Geneva,Helvetica,sans-serif;
    font-display: swap;
}

.tro-proposed{
    background: var(--scc-fuchsia);
    color:#000;
}

.tro-in-operation{
    background: var(--scc-darkblue);
    color:#FFF;
}

/* Application specific styles */
.appClear{
    clear:both;
}

.appPadding{
    padding-top:10px;
    display:none;
}


/* Add font-awesome icons by links */


/* Hide current image icons in use */
img[src="/Resources/FileIcons/CSVicon.gif"],
img[src="/Resources/FileIcons/Excelicon.gif"],
img[src="/Resources/FileIcons/Imageicon.png"],
img[src="/Resources/FileIcons/PDFDocument.gif"],
img[src="/Resources/FileIcons/PowerPointDocument.gif"],
img[src="/Resources/FileIcons/WordDocument.gif"]
{
    display: none;
}

/* Rules shared by file icons and contact icons  */
a.sys_2:before, a.sys_6:before, a.sys_15:before, 
a[href^="mailto:"]:before, a[href^="tel:"]:before, 
a.sys_17:before, a.sys_18:before, a.sys_19:before, 
a.sys_21:before, a.sys_29:before, a.sys_30:before, 
a.sys_39:before, a.sys_50:before, a.sys_52:before, 
a.sys_53:before, a.sys_57:before, a.sys_58:before, 
a.sys_73:before, a.sys_74:before, a.sys_79:before,
a.sys_91:before, a.sys_92:before, a.sys_93:before {
    font-family: "Font Awesome 5 Pro";
    padding-right: 5px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
}

/* Image links */
a.sys_2:before {
    content: "\f1c5 ";
    color: #00aed6;
}

/* CSV links  */
a.sys_15:before {
    content:"\f6dd ";
    color: #43ab56;
}
    
/* External links

#fullcontent a:not([href*="www.staffordshire.gov.uk"]):after,  .generic-content a:not([href*="www.staffordshire.gov.uk"]):after {
    font-family: "Font Awesome 5 Pro";
    content:"\f35d ";
    font-size:0.65em;
    padding-left:3px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
} */

/* External link exceptions
a[href^="mailto:"]:after, a[href^="tel:"]:after,
a[href*="facebook.com"]:after, a[href*="instagram.com"]:after,
a[href*="linkedin.com"]:after, a[href*="pinterest.com"]:after, 
a[href*="twitter.com"]:after, a[href*="youtube.com"]:after,
a img:after, a[href*="#top"]:after, h2 a:after, a.gm_sidebar_anchor:after,
div.notice-window li a:after, .sys_itemslist a:after, a.plink:after, 
a.link-button:after{
    content:none !important;}
    */


/* Stop icons appearing by thumbail images, e.g latest news */
.sys_thumbnail a:before {content:none !important;}

/* Email links */
a[href^="mailto:"]:before {
    content:"\f0e0 ";
    color: var(--scc-darkblue);
} 

/* Phone links */
a[href^="tel:"]:before {
    content:"\f095";
    color: var(--scc-darkblue);
}

/* Phone link exceptions */
a.buttoncall:before{
    content:none !important;
}

a#EmailShareLink:before{content:none;}

/* Rules shared by social media links */
a[href*="facebook.com"]:before, a[href*="instagram.com"]:before, 
a[href*="linkedin.com"]:before, a[href*="pinterest.com"]:before, 
a[href*="twitter.com"]:before, a[href*="youtube.com"]:before {
    font-family: "Font Awesome 5 Brands";
    padding-right:5px;
    display:inline-block;}

/* Stop social media changes applying to 'share this information' and footer */

a#FacebookShareLink:before, a#TwitterShareLink:before, 
a#LinkedinShareLink:before, div.sys_footer-social a:before {
    content:none;
}

/* Facebook links */
a[href*="facebook.com"]:before{
    content:"\f082 ";
    color: #3b5998;
}

/* Instagram links */
a[href*="instagram.com"]:before{
    content:"\f16d ";
    color: #d00070;
    font-weight: bold;
}

/* Linked in links */
a[href*="linkedin.com"]:before{
    content:"\f08c ";
    color: #0976b4;
    font-weight: bold;
}


/* Pintrest links */
a[href*="pinterest.com"]:before{
    content:"\f0d3 ";
    color: #ca2127;
}

/* Twitter links */
a[href*="twitter.com"]:before{
    content:"\f099 ";
    color: #1da1f2;
}

/* Youtube links */

a[href*="youtube.com"]:before {
    content:"\f167 ";
    color: #f00;
}

/* Word links  */
a.sys_17:before {
    content:"\f1c2 ";
    color: #285294;
}

/* Excel links  */
a.sys_18:before {
    content:"\f1c3 ";
    color: #1e6f44;
}

/* Powerpoint links  */
a.sys_19:before {
    content:"\f1c4 ";
    color: #fd7e14;
}

/* PDF links */
a.sys_21:before {
    content:"\f1c1 ";
    color:#da1f24;
}

/* Rar and zip links */
a.sys_29:before, a.sys_30:before {
	content:"\f1c6 ";
    color:#795548;
}

/* iCal links */
a.sys_79:before{
    content:"\f073 ";
    color:#b70000;
}

/* Audio links 
- movieaudio, ogg, mp3, oga, aac */
a.sys_6:before, a.sys_58:before, a.sys_74:before, a.sys_91:before, a.sys_92:before
{
    content:"\f1c7 ";
    color:#9c27b0;
}

/* Video links
-  flash, wpv, wmv, mov, mp4, webm, ogv */
a.sys_39:before, a.sys_50:before, a.sys_52:before, a.sys_53:before, a.sys_57:before, a.sys_73:before, a.sys_93:before {
    content:"\f1c8 ";
    color:#009688;
}

/* Address links */

address {
    padding-left: 1.5rem;
position: relative;
    font-style: normal;}
    
    
address:before{
content: "\f3c5 ";
left: 0.1rem;
position: absolute;
font-family: "Font Awesome 5 Pro";
color: var(--scc-darkblue);
    font-weight: bold;}

/* Stop contact icons generating before contact boxes */
.contact-detail a::before {
    content: none !important;
}

/* Search auto complete  */

.easy-autocomplete{position:relative}
.easy-autocomplete a{display:block}.easy-autocomplete.eac-blue-light input:hover,.easy-autocomplete.eac-blue-light input:focus{border-color:#66afe9;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}.easy-autocomplete.eac-blue-light ul{border-color:#66afe9;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}.easy-autocomplete.eac-blue-light ul li,.easy-autocomplete.eac-blue-light ul .eac-category{border-color:#66afe9}.easy-autocomplete.eac-blue-light ul li.selected,.easy-autocomplete.eac-blue-light ul .eac-category.selected{background-color:#ecf5fc}.easy-autocomplete.eac-green-light input:hover,.easy-autocomplete.eac-green-light input:focus{border-color:#41DB00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(146,237,107,0.6)}.easy-autocomplete.eac-green-light ul{border-color:#41DB00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(146,237,107,0.6)}.easy-autocomplete.eac-green-light ul li,.easy-autocomplete.eac-green-light ul .eac-category{border-color:#41DB00}.easy-autocomplete.eac-green-light ul li.selected,.easy-autocomplete.eac-green-light ul .eac-category.selected{background-color:#9eff75}.easy-autocomplete.eac-red-light input:hover,.easy-autocomplete.eac-red-light input:focus{border-color:#ff5b5b;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,90,90,0.6)}.easy-autocomplete.eac-red-light ul{border-color:#ff5b5b;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,90,90,0.6)}.easy-autocomplete.eac-red-light ul li,.easy-autocomplete.eac-red-light ul .eac-category{border-color:#ff5b5b}.easy-autocomplete.eac-red-light ul li.selected,.easy-autocomplete.eac-red-light ul .eac-category.selected{background-color:#ff8e8e}.easy-autocomplete.eac-yellow-light input:hover,.easy-autocomplete.eac-yellow-light input:focus{border-color:#ffdb00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,231,84,0.6)}.easy-autocomplete.eac-yellow-light ul{border-color:#ffdb00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,231,84,0.6)}.easy-autocomplete.eac-yellow-light ul li,.easy-autocomplete.eac-yellow-light ul .eac-category{border-color:#ffdb00}.easy-autocomplete.eac-yellow-light ul li.selected,.easy-autocomplete.eac-yellow-light ul .eac-category.selected{background-color:#ffe233}.easy-autocomplete.eac-dark-light input:hover,.easy-autocomplete.eac-dark-light input:focus{border-color:#333;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(55,55,55,0.6)}.easy-autocomplete.eac-dark-light ul{border-color:#333;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(55,55,55,0.6)}.easy-autocomplete.eac-dark-light ul li,.easy-autocomplete.eac-dark-light ul .eac-category{border-color:#333}.easy-autocomplete.eac-dark-light ul li.selected,.easy-autocomplete.eac-dark-light ul .eac-category.selected{background-color:#4d4d4d;color:#fff}.easy-autocomplete.eac-dark{color:#fff}.easy-autocomplete.eac-dark input{background-color:#404040;border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-dark input:hover,.easy-autocomplete.eac-dark input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-dark ul{border-color:#333}.easy-autocomplete.eac-dark ul li,.easy-autocomplete.eac-dark ul .eac-category{background-color:#404040;border-color:#333}.easy-autocomplete.eac-dark ul li.selected,.easy-autocomplete.eac-dark ul .eac-category.selected{background-color:#737373;color:#f6f6f6}.easy-autocomplete.eac-dark-glass{color:#fff}.easy-autocomplete.eac-dark-glass input{background-color:rgba(0,0,0,0.8);border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-dark-glass input:hover,.easy-autocomplete.eac-dark-glass input:focus{border-color:rgba(0,0,0,0.8);box-shadow:0}.easy-autocomplete.eac-dark-glass ul{border-color:rgba(0,0,0,0.8)}.easy-autocomplete.eac-dark-glass ul li,.easy-autocomplete.eac-dark-glass ul .eac-category{background-color:rgba(0,0,0,0.8);border-color:rgba(0,0,0,0.8)}.easy-autocomplete.eac-dark-glass ul li.selected,.easy-autocomplete.eac-dark-glass ul .eac-category.selected{background-color:rgba(64,64,64,0.8);color:#f6f6f6}.easy-autocomplete.eac-dark-glass ul li:last-child,.easy-autocomplete.eac-dark-glass ul .eac-category:last-child{border-radius:0 0 4px 4px}.easy-autocomplete.eac-blue{color:#fff}.easy-autocomplete.eac-blue input{background-color:#6d9ed1;border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-blue input::-webkit-input-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:-moz-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input::-moz-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:-ms-input-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:hover,.easy-autocomplete.eac-blue input:focus{border-color:#5A91CB;box-shadow:0}.easy-autocomplete.eac-blue ul{border-color:#5A91CB}.easy-autocomplete.eac-blue ul li,.easy-autocomplete.eac-blue ul .eac-category{background-color:#6d9ed1;border-color:#5A91CB}.easy-autocomplete.eac-blue ul li.selected,.easy-autocomplete.eac-blue ul .eac-category.selected{background-color:#94b8dd;color:#f6f6f6}.easy-autocomplete.eac-yellow{color:#333}.easy-autocomplete.eac-yellow input{background-color:#ffdb7e;border-color:#333;border-radius:4px;box-shadow:0;color:#333}.easy-autocomplete.eac-yellow input:hover,.easy-autocomplete.eac-yellow input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-yellow ul{border-color:#333}.easy-autocomplete.eac-yellow ul li,.easy-autocomplete.eac-yellow ul .eac-category{background-color:#ffdb7e;border-color:#333}.easy-autocomplete.eac-yellow ul li.selected,.easy-autocomplete.eac-yellow ul .eac-category.selected{background-color:#ffe9b1;color:#333}.easy-autocomplete.eac-purple{color:#333}.easy-autocomplete.eac-purple input{background-color:#d6d1e7;border-color:#b8afd5;box-shadow:0;color:#333}.easy-autocomplete.eac-purple input:hover,.easy-autocomplete.eac-purple input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-purple ul{border-color:#333}.easy-autocomplete.eac-purple ul li,.easy-autocomplete.eac-purple ul .eac-category{background-color:#d6d1e7;border-color:#333}.easy-autocomplete.eac-purple ul li.selected,.easy-autocomplete.eac-purple ul .eac-category.selected{background-color:#ebe8f3;color:#333}.easy-autocomplete.eac-bootstrap input{border-color:#ccc;border-radius:4px;border-style:solid;border-width:1px;color:#555;padding:6px 12px}

.easy-autocomplete-container{left:0;position:absolute;top:0;width:100%;z-index:999;}

/*.easy-autocomplete-container{margin-top:50px !important; margin-left:3px !important;}*/

div .easy-autocomplete{float:left;}

.easy-autocomplete-container ul{background:none repeat scroll 0 0 #FFF;border-top:1px dotted #ccc;display:none;margin-top:0;padding-bottom:0;padding-left:0;position:relative;top:-1px}.easy-autocomplete-container ul li,.easy-autocomplete-container ul .eac-category{background:inherit;border-color:var(--scc-darkblue);border-image:none;border-style:solid;border-width:0 1px;display:block;font-size:14px;font-weight:normal;padding:4px 12px}.easy-autocomplete-container ul li:last-child{border-radius:0 0 2px 2px;border-width:0 1px 1px}.easy-autocomplete-container ul li.selected{background:none repeat scroll 0 0 #ebebeb;cursor:pointer}.easy-autocomplete-container ul li.selected div{font-weight:normal}.easy-autocomplete-container ul li div{display:block;font-weight:normal;word-break:break-all}.easy-autocomplete-container ul li b{font-weight:normal}.easy-autocomplete-container ul .eac-category{font-color:#aaa;font-style:italic}.eac-description .eac-item span{color:#aaa;font-style:italic;font-size:0.9em}.eac-icon-left .eac-item img{margin-right:4px;max-height:30px}.eac-icon-right .eac-item{margin-top:8px;min-height:24px;position:relative}.eac-icon-right .eac-item img{margin-left:4px;max-height:30px;position:absolute;right:-4px;top:-8px}
/*# sourceMappingURL=easy-autocomplete.min.css.map */


/*
 * easy-autocomplete
 * jQuery plugin for autocompletion
 * 
 * @author Łukasz Pawełczak (http://github.com/pawelczak)
 * @version 1.3.5
 * Copyright  License: 
 */

.easy-autocomplete.eac-square{font-family:"Roboto", "Helvetica Neue",Helvetica,Arial,sans-serif}

.easy-autocomplete.eac-square ul{background: #FFF; border-color:#7f8c8d;border-top:0;box-shadow:none;top:0}

.easy-autocomplete.eac-square ul li,.easy-autocomplete.eac-square ul .eac-category{border-color:#7f8c8d;font-family:inherit;font-size:16px;font-weight:normal;padding:6px 12px;transition:all 0.4s ease 0s}

.easy-autocomplete.eac-square ul li *,.easy-autocomplete.eac-square ul .eac-category *{font-weight:normal}

.easy-autocomplete.eac-square ul li.selected,.easy-autocomplete.eac-square ul .eac-category.selected{background-color:#efc437;font-weight:normal}

.easy-autocomplete.eac-square ul li b,.easy-autocomplete.eac-square ul .eac-category b{font-weight:normal}

.eac-square {
    flex-basis: 222px;
}

/* round -- home page search */
.easy-autocomplete.eac-round{font-family:"Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif}

.easy-autocomplete.eac-round input{border:2px solid #888;color:#888;font-family:inherit;font-size:16px;font-weight:normal;margin:0;min-width:300px;padding:10px}

.easy-autocomplete.eac-round input:hover, .easy-autocomplete.eac-round input:focus{border-color:var(--scc-fuchsia)}

.easy-autocomplete.eac-round ul{background:none;border-color:var(--scc-darkblue);border-width:0;box-shadow:none;min-width:300px;top:20px}

.easy-autocomplete.eac-round ul li,.easy-autocomplete.eac-round ul .eac-category{background:#fff;font-size:14px;padding:8px 12px;transition:all 0.4s ease 0s}

.easy-autocomplete.eac-round ul li.selected,.easy-autocomplete.eac-round ul .eac-category.selected{background-color: var(--scc-darkblue);color: #fff !important;}

.easy-autocomplete.eac-round ul li b,.easy-autocomplete.eac-round ul .eac-category b{font-weight:normal}.easy-autocomplete.eac-funky{font-family:"Inconsolata", "Helvetica Neue",Helvetica,Arial,sans-serif}.easy-autocomplete.eac-funky input{background:#07ED89;border:0;border-radius:0;color:#ED076B;font-family:inherit;font-size:18px;min-width:240px;padding:12px}.easy-autocomplete.eac-funky ul{background:transparent;border:0}.easy-autocomplete.eac-funky ul li,.easy-autocomplete.eac-funky ul .eac-category{background:transparent;border:0;color:#ED076B;font-size:18px;padding:4px 12px;transition:all 0.4s ease 0s}.easy-autocomplete.eac-funky ul li.selected,.easy-autocomplete.eac-funky ul .eac-category.selected{color:#8907ED}.easy-autocomplete.eac-solid input{box-shadow:0 1px 2px rgba(0,0,0,0.15) inset;border-color:#ddd;color:#666;font-size:13px;min-height:0;padding:6px 12px}.easy-autocomplete.eac-solid ul li,.easy-autocomplete.eac-solid ul .eac-category{transition:all 0.4s ease 0s}.easy-autocomplete.eac-solid ul li.selected,.easy-autocomplete.eac-solid ul .eac-category.selected{background-color:#f2f2f2}.easy-autocomplete.eac-plate{font-family:"Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif}.easy-autocomplete.eac-plate input{font-size:13px;padding:6px 12px}.easy-autocomplete.eac-plate ul{background:#b5b5b5;border-radius:6px;border-width:0;top:10px}.easy-autocomplete.eac-plate ul li,.easy-autocomplete.eac-plate ul .eac-category{background:#b5b5b5;color:#FAFAFA;font-size:12px;transition:all 0.4s ease 0s}.easy-autocomplete.eac-plate ul li b,.easy-autocomplete.eac-plate ul .eac-category b{color:#ffd464}.easy-autocomplete.eac-plate ul li.selected,.easy-autocomplete.eac-plate ul .eac-category.selected{background:#efc437}.easy-autocomplete.eac-plate ul li:first-child,.easy-autocomplete.eac-plate ul .eac-category:first-child{border-radius:6px 6px 0 0}.easy-autocomplete.eac-plate ul li:last-child,.easy-autocomplete.eac-plate ul .eac-category:last-child{border-radius:0 0 6px 6px}.easy-autocomplete.eac-plate-dark{font-family:"Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif}.easy-autocomplete.eac-plate-dark input{font-size:13px;padding:6px 12px}.easy-autocomplete.eac-plate-dark ul{background:#212121;border-radius:6px;border-width:0;top:10px}.easy-autocomplete.eac-plate-dark ul li,.easy-autocomplete.eac-plate-dark ul .eac-category{background:#212121;color:#FAFAFA;font-size:12px;transition:all 0.4s ease 0s}.easy-autocomplete.eac-plate-dark ul li b,.easy-autocomplete.eac-plate-dark ul .eac-category b{color:#ffd464}.easy-autocomplete.eac-plate-dark ul li.selected,.easy-autocomplete.eac-plate-dark ul .eac-category.selected{background:#efc437}.easy-autocomplete.eac-plate-dark ul li:first-child,.easy-autocomplete.eac-plate-dark ul .eac-category:first-child{border-radius:6px 6px 0 0}.easy-autocomplete.eac-plate-dark ul li:last-child,.easy-autocomplete.eac-plate-dark ul .eac-category:last-child{border-radius:0 0 6px 6px}
/*# sourceMappingURL=easy-autocomplete.themes.min.css.map */

/* plate SCC changes -- small seach box at top of search results page */
.easy-autocomplete.eac-plate ul li{
    margin-top: 0px !important;
    background:#fff;
    border-color: var(--scc-darkblue);
    border-radius: 0px;
    color:#000;
    border-width: 0 1px 0 1px;
}
.easy-autocomplete.eac-plate ul li:first-child{
    border-width: 1px 1px 0 1px;
    border-radius: 0px;
}
.easy-autocomplete.eac-plate ul li:last-child{
    border-width: 0 1px 1px 1px;
    border-radius: 0px;
}
.easy-autocomplete.eac-plate ul{
    border-radius: 0;
}
.easy-autocomplete.eac-plate ul li.selected{
    background:var(--scc-darkblue); color:#fff;
}


.eac-category.selected{background:var(--scc-darkblue); color:#fff;}

/* round SCC changes -- homepage search */
.easy-autocomplete.eac-round ul li:first-child,.easy-autocomplete.eac-round ul .eac-category:first-child{
    border-width: 0 1px 0;
    }


.easy-autocomplete.eac-round ul li:last-child,.easy-autocomplete.eac-round ul .eac-category:last-child{border-width: 0 1px 1px;}

/* square SCC changes --- top-right header search */

.easy-autocomplete.eac-square ul { border-width: 0;}
.easy-autocomplete.eac-square ul li:first-child,.easy-autocomplete.eac-square ul .eac-category:first-child{border-width:1px 1px 0}.easy-autocomplete.eac-square ul li:last-child,.easy-autocomplete.eac-square ul .eac-category:last-child{
    border-width: 0 1px 1px;
}
.easy-autocomplete.eac-square ul li { 
    border-color: var(--scc-darkblue); 
    border-width: 0px 1px 0px 1px;
    text-align: left;
    }
.easy-autocomplete.eac-square ul li.selected{
    background:var(--scc-darkblue); color:#fff;
}
.easy-autocomplete.eac-square ul li{
    color:#000;
}

/* common SCC changes */

.easy-autocomplete ul li div{ 
    overflow-wrap: normal !important;
    word-break: normal !important;
    }

.easy-autocomplete-margins {
    margin-top: 56px !important;
    margin-left: 5px !important;
}

/* hack to work around drop-down script erasing the header search field 
.sys_search-box2 .sys_search-query-control .sys_searchbox, .sys_search-area .sys_search-query-control .sys_searchbox{
    min-width:200px !important;
}
*/

@media (max-width: 880px)
{
    .easy-autocomplete-margins {
        margin-top: 30px !important;
        margin-left: 5px !important;
    }

    .easy-autocomplete.eac-round input{
        min-width:200px;
    }

    .easy-autocomplete.eac-square input{
        min-width:200px;
        width:200px !important;
    }

    .easy-autocomplete.eac-round ul{
        min-width: 150px;
    }
}

.easy-autocomplete-marginsSmol {
    margin-top: -10px !important;
    margin-left: 0px !important;
}

/* Override for application list items */
.infoCV li, .cvInfo li, .validator li{
    margin-top: 2px !important;
}

/* hide A-Z include file header */
#AZListing_wrapper h2.sys_generic_list-title.sys_standardlist-title {
    display: none !important;
}

/* change text colour on social media icons for accessibility when javascript is disabled*/
.sys_footer-social a {color:#FFF;}
.sys_footer-social a:hover {text-decoration:underline;}

/* Text wrapping on article listings */
.sys_theme-simple .sys_itemslist .sys_subitem .sys_subitem-heading a {
    display:inline;
}

/* replace rss/atom icon on newsfeed with fontawesome */

.sys_theme-simple .sys_standardlist-title .sys_atom-link a:before,
.sys_theme-simple .sys_standardlist-title .sys_rss-link a:before {
    content: "\f09e";
    display: inline-block;
    font-weight: bold !important;
    font-family: "Font Awesome 5 Pro";
    text-decoration: none !important;
    padding-right: 5px;
}

.sys_theme-simple .sys_atom-link a, .sys_theme-simple .sys_rss-link a {background:none;}

/* Key for maps */
#MapKey {
    border: 1px solid; 
    text-align: left; 
    float: right; 
    padding: 2px 5px; 
    font-size: 0.7em; 
    line-height: 1.2em;
    margin-bottom:10px;
    }

#MapKey span {
    background: #FFF;
    padding: 2px;
    min-width: 25px;
    text-align: center;
    display: inline-block;
}

@media (max-width: 750px) {
  #MapKey {
            width:97%;            
          }
}

#wizFsm #wizHeader li{
    line-height:16px;
    margin-top:0px !important;
}

/* A-Z rss page - accessibility fix */

.rss, #Content, #Content ol, #ContentDescription {color: black;}

/* new breadcrumb */

ol.breadCrumb {
    display: block;
    list-style: none;
    margin: 0 auto;
    max-width: 1220px;
    padding: 0 10px;
}

.breadCrumb li {display:inline-flex;}

a.breadCrumb__link {
    align-items: center;
    color: #000;
    display: inline-flex;
    min-height: 44px;
    min-width: 44px;
}

li.breadCrumb__item {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
}

li.breadCrumb__item:after {
    content: ">";
    padding-left: 5px;
    align-items: center;
    display: flex;
}
.breadCrumb li:nth-child(2) {
    display: none;
}

.breadCrumb li:nth-child(2)::after {
    display: none;
}

.breadCrumb li:last-child {display:inline-flex !important;}

.breadCrumb li:last-child::after {
    content: none;
}


.IEInfo
{
    z-index: 9990;
    width:100%;
    position:fixed;
    bottom:0px;
    left:0px;
    border-style:solid;
    border-color:var(--scc-fuchsia);
    border-width: 5px 0 0 0;
    display:none;
    background-color:#F1F1F1;
    padding:4px;
}
.IEInfoHeader
{
    font-size:20px;
    font-weight:bold;
}
.IEInfoDetail
{
    font-size:15px;
}

ul.vidcards {list-style: none;
padding:0px;}

/* video cards/blocks */

.vidcards li {
    float: left;
    width: 98.5%;
    background: #f2f2f2;
    min-height: 260px;
    margin-right: 10px;
    margin-bottom: 1%;
    border-radius: 5%;
    border: 3px solid var(--scc-darkblue);
}

.vidcards li:nth-child(even) {
  border-color: var(--scc-fuchsia);
}

.vidcards .sys_embedcontainer {
  border-top-left-radius: 5%;
  border-top-right-radius: 5%;
}

.vid-desc {
    padding: 20px 25px 50px;
}

@media screen and (min-width:720px) {
  .vidcards li {
    width: 47.5%;

  }
}

@media screen and (min-width:1220px) {
  .vidcards li {
    width: 31%;
  }
}


/* Covid alert header */

.banner {

border-left: solid #E70201;
    border-right: solid #E70201;
    border-image: repeating-linear-gradient(25deg, transparent 0, #E70201 1px, #E70201 10px, transparent 11px, transparent 20px) 25;
    border-width: 0 15px 0 15px;

    min-height: 85px;
    text-align: center;
    padding: 10px 1.5% 1px 1.5%;
    background: #F5C606;
}

.ban-1, .ban-2 {display: block;
font-size: 1.45em;
font-weight: bold;}

.ban-1 {text-transform: uppercase;
margin-bottom: 10px;
color:#000;}

.ban-2 {color: #ffffff;}

.ban-1 span {color:#000;}

.ban-button {
    margin-bottom: 10px;
}

.ban-button span {
        font-size: 0.9em !important;
    border: 2px solid #E70201;
    padding: 3px 7px;
    border-radius: 0px 10px 0px 10px;
    background:#E70201;
}

.ban-button a {color:#fff !important;
text-decoration: none;}

.ban-button span:after {
    color: #ff;
    content: "\f054";
    margin-left: 10px;
    font-family: "Font Awesome 5 Pro";
    font-weight: bold;
    font-size: 0.8em;
}

/* Webratings Styles */
.webratings{
    display: block;
    float: right;
    margin-top: 20px;
}

.webratings ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.webratings li{ 
    display: inline-block;
}

.webratingsapp{
  clear: both;
  float: none !important;
}
.webratings .appholder{
    clear: both;
    margin-bottom: 10px;
    margin-left: 60px;
    padding-top: 20px;
}
.webratings .ratingtitle{
    display:block;
    padding-bottom: 14px;
    font-size: 20px;
}
 .webratings .ratingbutton {
        border-style: solid;
        border-width: 2px;
        border-color: #2d3695;
        padding: 5px;
        margin-right: 20px;
        border-radius: 8px;
        display:inline-block;
        background-color:#FDFDFD;
    }
.webratings .rating{
    font-size: 1.0em;
    padding-right:2px;
    display:inline-block;
    text-decoration:none;
    cursor:pointer;
}


.webratings .ratingbutton:hover .rating{
    font-weight:bold;
}
.webratings .screenread{
    display:inline-block;
    width:1px;
    height:1px;
    overflow:hidden;

}
.webratings .rategood {
  color:#00AA00;
}
.webratings .rateok{
    color:#ff6a00;
}
.webratings .ratepoor{
    color:#FF0000;
}

@media screen and (max-width:1220px) {
.webratings .appholder{ 
    margin-left: 10px;
}
}

/* End of Webratings Styles*/

/* New tiles */
 
.wrapper {
  display: table;
  height: 100%;
  width: 100%;
}

.container-fostrap {
  display: table-cell;
  padding: 1em;
  text-align: center;
  vertical-align: middle;
}
.fostrap-logo {
  width: 100px;
  margin-bottom:15px
}

.card {
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); 
    transition: box-shadow .25s; 
    display: inline-block; 
}
.card:hover {
  box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.card p {
    height: 100px;
}

.col-xs-12.col-sm-4 {
  width: 30%;
  display: inline-grid;  
}

.col-xs-12.col-sm-4:nth-of-type(1), .col-xs-12.col-sm-4:nth-of-type(2),
.col-xs-12.col-sm-4:nth-of-type(4), .col-xs-12.col-sm-4:nth-of-type(5) {
  margin-right: 2%;
}

.img-card {
  width: 100%;
  height:200px;
  border-top-left-radius:2px;
  border-top-right-radius:2px;
  display:block;
    overflow: hidden;
}
#pagecontainer .img-card img{
  width: 100%;
  height: 200px;
  object-fit:cover; 
  transition: all .25s ease;
} 
.card-content {
  padding:15px;
  text-align:left;
}
.card-title {
  margin-top:0px;
  font-weight: 700;
  font-size: 1.2em;
}
.card-title a {
  color: #000;
  text-decoration: none !important;
}
.card-read-more {
  border-top: 1px solid #D4D4D4;
  padding: 0.8em;
}
.card-read-more a {
  text-decoration: none !important;
  font-weight:600;
  text-transform: uppercase;
  color: var(--scc-darkblue);
  font-size: 0.85em;
}

@media screen and (max-width:872px) {
  .col-xs-12.col-sm-4 {
    width: 47%;
  }

   .col-xs-12.col-sm-4:nth-of-type(3) {
     margin-right: 2%;
   }

  .col-xs-12.col-sm-4:nth-of-type(2), .col-xs-12.col-sm-4:nth-of-type(4),
  .col-xs-12.col-sm-4:nth-of-type(6) {
    margin-right: 0;
  }
}

@media screen and (max-width:590px) {
  .col-xs-12.col-sm-4 {
    margin-right: 0;
    width: 100%;
  }
}

/* Custom A-Z listing style */

ul.az-list {
    list-style: none;
    padding: 5px;
    margin: 0px;
    border-top: 1px solid #ecebeb;
    border-bottom: 1px solid #ecebeb;
    width: 100%;
}

.az-list li {
  display:inline-block;
}

.az-list a:hover {
    background: #e3e3e3;
}

.az-list a {
    color: #333;
    font-size: 14pt;
    font-weight: bold;
    padding: 0.2em 6px;
    text-decoration: none;
}

.az-selected a {
  background: #333;
  color: #FFF;
}

.az-selected a:hover {
  color: #333;
}

/* development update notices */

.govuk-phase-banner {
  background: #EBF1F4;
  padding: 10px 30px !important;
  border-left: 15px var(--scc-darkblue) solid;
  margin-bottom: 10px;
}

.govuk-tag.govuk-phase-banner__content__tag {
    background: var(--scc-darkblue);
    padding: 2px 2px 2px 6px;
    text-transform: uppercase;
    margin: 0 10px 5px 0;
    color: white;
    vertical-align: top;
    display: inline-block;
}

.govuk-phase-banner__text {
    display: inline-block;
    vertical-align: top;
}

/* search bar - showing text box label */
.sys_search-label {
    font-size: 18px;
}

.sys_search-label{
    height:24px; 
}


@media screen and (max-width:600px) {
.sys_search-box2, .sys_search-area {
width: 380px !important;
margin: 15px auto 0px auto;
}
}

@media screen and (max-width:700px) {
  .sys_search-areanews {
width: 380px !important;
margin: 15px auto 0px auto;
}

.sys_head-r1news .sys_search-label{
  margin-right:0px;
}
.sys_head-r1news{
    top: 55px;
    width: 100%;
    right: 0;
    text-align: center;
    }
}
@media screen and (max-width:390px) {
.sys_search-box2, .sys_search-area {
width: 290px !important;
margin: 10px 0px 0px 10px;
}
.sys_head-r1news .sys_search-label{
  width:190px;
  text-align:left;
}
.sys_tophead{
  height:140px;
}
}

/* App Step Indicator Fix */

.step {
padding-left: 1px;
}
.step:before {
width: 1px !important;
left: -29px !important;
}
.step:after {
width: 1px !important;
right: -29px !important;
}

/* End of Step Indicator Fix */

@media screen and (max-width: 350px) {
/*This is to stop long links causing horizontal scroll */
	a.sys_16 {
		word-wrap: break-word;
	}
}

.sys_search-label {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*-- Temporary or page-specific additions (try to keep to a minimum) --*/

/* survey pop-up used for ASC */
.modal-info {
	color: #000 !important;
}

/* To remove the PDF symbol from showing in tiles when linking to a PDF */
.alt-box a.sys_21:before {
display: none;
}

/* Footer */

.sys_pagefooter {
	background-color: var(--scc-darkblue);
	padding: 50px 0 50px 0;
	position: absolute;
	width: 100%;
}
.sys_footer_container {
	margin: 0 auto;
	max-width: 1080px;
}
.styles {
	display: none;
}
.sys_footer-menu, .sys_footer-staycon, .sys_footer-social {
    color: #FFF;
    display: inline-flex;
}

.sys_footer-staycon .plink, .sys_footer-staycon .link-button {
    background: var(--scc-fuchsia);
    color: #000;
}

.sys_footer-menu a {
	color: #FFF;
	display: inline-block;
	padding: 0 0 5px 0;
	margin-right: 15px;
	text-decoration: none;
}

.sys_footer-menu a:hover {
    cursor: pointer;
    text-decoration: underline;
}

.sys_footer-social ul {
	display: inline-flex;
	margin: 0;
}
.sys_footer_az ul, .sys_footer-social ul, .sys_footer-menu ul {
	list-style: none;
	padding: 0;
}

.sys_footer-social {
  display: inline-block;
  margin-bottom: 25px;
  width: 100%;
}

.sys_footer-social span {
    margin-top: 10px;
}

.sys_footer-social .social-icons {
	font-size: 34px;
}

.footer-right {display: inline-flex;
flex-direction: column;}

.bttop {
    color: #FFF;
    display: inline-flex;
    font-size: 1.2em;
    margin: 10px 0 0 auto;
    text-decoration: none;
}

.bttop:after {
    content: "\f077";
    font-family: 'Font Awesome 6 Pro';
    margin: 0 0 0 5px;
    color: #FFF;
}

/* new footer */

.footer-social ul {
	display: inline-block;
    list-style: none;
    padding: 0;
    max-width: 1220px;
    margin: 0 auto;
}

.footer-social a:before {
    content: none;
}

.footer-social li {
    display: inline-block;
    font-size: 2.55em;
}

.footer-social {
    background: var(--scc-aaaroyalblue);
    padding: 2.2rem 10px;
}

.footer-email {
	float: right;
}

.footer-email a {
    border: 1px solid;
    color: #FFF;
    display: inline-block;
    font-size: 1.3em;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    width: 300px;
}

.footer-email a:hover {
    background: var(--scc-aaapink);
    border: 1px solid var(--scc-darkblue);
	color: #fff;
}

footer .svg-logo {
    float: right;
}

.sys_footer-menu li {
    display: inline-block;
    font-size: 1.1em;
}

.sys_footer-menu li a:hover {
	text-decoration: underline;
}

/*--- NAVIGATION: A-Z: Footer ---*/

.sys_footer_az {
    background: #000;
    padding: 12px 10px;
}

.sys_footer_az h2 {
	margin: 0;
}

.sys_footer_az a {
	color: #FFF;
	text-decoration: none;
}

.sys_footer_az a:hover {
	text-decoration: underline;
}

.sys_footer_az a:focus {
    color: #000;
}

/*--- NAVIGATION: Back to top ---*/

.back-to-top /*Note: do not remove underline as it's needed for accessibility */ {
    float: right;
    color: #305566;
} 

.button-top {
  margin: 2.5rem 0.5rem 2.5rem 1.8rem;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  border: 2px solid #FFF;
  background-color: var(--scc-aaapink);
  position: fixed;
  right: 0;
  bottom: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  text-decoration: none;
  font-size: 1.8em;
}

@media only screen and (min-width: 860px) {
    .sys_footer-menu, .sys_footer-staycon, .sys_footer-social {
        margin-top: 0;
        padding: 0;
        text-align: left;
        width: 76%;
        vertical-align: top;
    }
}

/* apps2 style rules */

.stepbar {
    background-color: var(--scc-royalblue);
}

.step.current {
    background: var(--scc-fg);
}

.step.current:before {
    border-color: var(--scc-fg);
    border-left-color: transparent;
}

.step.current:after {
    border-left-color: var(--scc-fg);
}

.step.completed {
    background: var(--scc-darkblue);
    color: #fff;
}

.step.completed:before {
    border-color: var(--scc-darkblue);
    border-left-color: transparent;
}

.step.completed:after {
      border-left-color: var(--scc-darkblue);
}