@charset "UTF-8";
/* CSS Document */
@import url("typeplate.css");
html { min-width: 320px; }
a {
	transition-property: all;
  	transition-duration: 0.2s;
  	transition-timing-function: ease;
  	transition-delay: 0s;
  	color:#454483;
}
a:link {
	text-decoration:none;
	color:#454483;
}
a:visited {
	text-decoration: none;
	/*color:#606;*/
	color: #454483;
	text-decoration: none;
}
a:hover {
	text-decoration:underline;
	color:#3C3B72;
}
a:active {
	text-decoration: none;
	text-decoration:underline
}
a:focus {
	outline-width: 2px; 
	outline-style: dotted;  
	outline-color: #ffbf47;
	color: #000
}
/* no script */
.noScript {
	background-color: #383838;
	background-image:url(../graphics/webdesign.png);
	background-repeat:no-repeat;
	background-position:center 10px;
	padding: 106px 15px 15px 15px;
	color: #FFF !important;
	text-shadow: -1px -1px 0 rgba(0,0,0,.5);
	text-align:center;
	-webkit-box-shadow: 0px 10px 22px 7px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 22px 7px rgba(0,0,0,0.75);
	box-shadow: 0px 10px 22px 7px rgba(0,0,0,0.75);
	position:relative;
	z-index:1000
	}.noScript .h1 { color:#FFF}
.noScript .h1 { margin-top:10px; margin-bottom:10px !important; }
.noScript p { margin-bottom:0;}
.noScript a { text-decoration:underline; color:#FF0}
.noScript a:hover { text-decoration:none}



/* cookies */
/* cookie message */
#cookie-law {
	display: none;
	position: fixed;
	z-index: 1005; 
	right:0;
	bottom: 0;
	left: 0;
	
	box-sizing:border-box;
	padding: 10px 10px 15px 10px;
	text-align: center !important;
	
	color: #333;
	background-color: #F3D992;
	border-top: 1px solid #cc9966;
}
.showCookie#cookie-law {
	-webkit-animation: bounceInUp 1s;
	-moz-animation: bounceInUp 1s;
	-ms-animation: bounceInUp 1s;
	-o-animation: bounceInUp 1s;
	animation: bounceInUp 1s;
}
.hideCookie#cookie-law {
	border:0px;
	-webkit-animation: bounceOut 1s;
	-moz-animation: bounceOut 1s;
	-ms-animation: bounceOut 1s;
	-o-animation: bounceOut 1s;
	animation: bounceOut 1s;
}
#cookie-law a { text-decoration:underline; color:#333; }
#cookie-law button { 
	background:none;
	padding:10px 20px; 
	border:2px solid #111111;
	border-radius:5px;  
	font-size: 1em; 
	color:#111111; 
	font-weight:bold;
}
#cookie-law button span.tick { 
	display:inline-block; 
	width:16px; 
	height:16px; 
	vertical-align:bottom; 
	margin-right:10px; 
	background-image:url(../graphics/tick-111111.png);
	background-size:contain; 
	background-repeat:no-repeat; 
	background-position:center top;
}
#cookie-law button:hover {
	background-color:#111111;
	border:2px solid #111111;
	color:#F3D992 !important;
}
#cookie-law button:hover span.tick { 
	background-image:url(../graphics/tick-F3D992.png);
}

#cookie-law p {
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}
@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}



@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}




/* access menu */
#accessbar {
	width: auto;
	height: 1px;
	position: relative;
	padding: 0;
	margin: -1px 0 0 0;
	z-index: 100000;
}
#accessbar li {
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	height: 1px;
	z-index:1000;
}
.skip_content {
    position: absolute;
    top: 0px;
    left: -1000px;
    background: #505292;
    color: #ffffff !important;
    padding: 10px;
	white-space:nowrap
}
.skip_content:focus {
    left: 3px;
	top:3px;
    text-decoration: underline;
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);
	outline-width: 3px; 
	outline-style: dotted;  
	outline-color: #ffbf47;
	border-radius: 0 0 0 0;
}
.skip_content:hover { text-decoration:none }


.left { float:left; }
.right { float:right; }
.center { text-align: center; }
.alignCenter { margin-right:auto; margin-left:auto; text-align:center; float:none !important; }
.clear { clear:both; }
span.clear { display:block; }
.clearfix:before,
.clearfix:after {
    content: " "; 
    display: table;
}
.clearfix:after {
    clear: both;
}
.visuallyhidden {
	/*
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	left: 103px;
	top: 71px;
	*/
	
	
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; 
}

.marginTop { margin-top:20px !important; }
.marginTopLarge { margin-top:40px !important; }
.marginTopSmall { margin-top:10px !important; }
.marginTopSmallest { margin-top:5px !important; }
.marginBottom { margin-bottom:20px !important; }
.marginBottomSmall { margin-bottom:10px !important; }
.noMarginTop { margin-top:0px !important; }
.noMarginBottom { margin-bottom:0px !important; }
.noPaddingTop { padding-top:0px !important; }
.noPaddingBottom { padding-bottom:0px !important; }
.paddingTop { padding-top: 20px !important; }
.paddingBottom { padding-bottom: 20px !important; }
.textCentre { text-align:center }
.textRight { text-align:right }
.textLeft { text-align:left }
.uppercase { text-transform:uppercase }
.fullWidth { width: 100% !important}



/*.debug .decorWrap { background-color:#fff}
.debug .wrapper { background-color:#0CF}
.debug .row { background-color:#FC0; margin-bottom:1px; }
.debug .row .block { background-color:#F30; }
.debug .sideBarLayout .main { background-color:#CF3}
.debug .sideBarLayout .sidebar  { background-color:#C6C; }
.debug .fullBlock  { background-color:#FFF}*/

.wrapper { max-width:1280px; margin:0 auto; }


/* row clearing */
.wrapper .row:before,
.wrapper .row:after {
    content: " "; 
    display: table;
}
.wrapper .row:after {
    clear: both;
}
.fullBlock { display:block; margin:0px 40px 20px 40px; }

.row .block { display:block; float:left; margin-bottom:20px; margin-top:20px; }



/* row block delay resize animate */

/*.animateWidth .row .block {
transition-property: width;
  transition-duration: 0.5s;
  transition-timing-function: ease-in;
  transition-delay: 0s; }*/



.fullWidthLayout .row.paddingSides { padding:0px 40px; }
.fullWidthLayout .row .block { width:100%; }
.fullWidthLayout .row .block.twoCol { width:48.333333333333%; margin-right:3.333333333333%;  }
.fullWidthLayout .row .block.threeCol { width:31.083333333333%; margin-right:3.333333333333%; }
.fullWidthLayout .row .block.fourCol { width:23.75%; margin-right:1.666666666667%; }
.fullWidthLayout .row .block.fiveCol { width:20%; margin-right:0; padding-right:30px; box-sizing:border-box }

.fullWidthLayout .row .block.twoThirds { width:65.5%; margin-right:3.333333333333%;  }
.fullWidthLayout .row .block.oneThirds { width:31.083333333333%;  }






.fullWidthLayout .sidebar { display:none; }



.sideBarLayout .content,
.sideBarLayout .sidebar { float:left; padding-top:20px; padding-bottom:20px }
.sideBarLayout .sidebar .paddingSides { padding:0px 40px; }

.sideBarLayout .content { /*width:955px;*/ width:74.609375%; padding-top:20px; }
.sideBarLayout .sidebar { /*width:325px;*/ width:25.390625% }

.sideBarLayout .row.paddingSides { padding:0px 40px; }
.sideBarLayout .row .block.twoCol { width:47.7%; margin-right:4.6%;  }
.sideBarLayout .row .block.threeCol { width:30.2%; margin-right:4.6%; }
.sideBarLayout .row .block.fourCol { width:23.3%; margin-right:2.2%; }



.row .block:last-of-type,
.lt-ie9 .row .block.last { margin-right:0 !important; }



/* theme */
.left{float:left;}
.right{float:right;}
.blockPadding{padding:15px;}

body {
	font-family: "aktiv-grotesk-std",sans-serif; 
	background-color:#FFF;
	color:#0B0C0C
	
}
/*p{font-size:16px;}*/
.wysiwyg { color:#555555}
.wysiwyg h1, 
.wysiwyg .h1,
.wysiwyg h2, 
.wysiwyg .h2,
.wysiwyg h3, 
.wysiwyg .h3,
.wysiwyg h4, 
.wysiwyg .h4,
.wysiwyg h5, 
.wysiwyg .h5 { color:#0B0C0C}
#article { padding-top:40px; }
.headlineAlt{font-weight: normal;}
.headlineGrey{color:#999;}

#article h1:first-of-type {
  clear: both;
}

a:hover{
	text-decoration: underline;
}


/* Layout */
.announcementsBlockHomepage{
	/*margin-right: 40px;*/
}

.borderTopThicker { border-top: 5px solid }
.borderTopThick { border-top: 2px solid }
.borderTopThin { border-top: 1px solid }
.borderRightThick { border-right: 2px solid }
.borderBottomThick { border-bottom: 2px solid }
.borderBottomThin { border-bottom: 1px solid }
.borderLeftThick { border-left: 2px solid }
.borderBottomThin { border-bottom: 1px solid }
.borderPurple { border-color: #51509B}
.borderWhite { border-color: #FFFFFF}
.borderGrey { border-color: #D4D4D4}
.borderAllGrey { border: 1px solid #D4D4D4}
.borderBottomDottedGrey { border-bottom: 1px dotted #D4D4D4}
.borderTopDottedGrey { border-top: 1px dotted #D4D4D4}
.borderBottomGrey { border-bottom: 1px solid #D4D4D4}
.borderBottomPurple { border-bottom: 1px solid #454483}
.withShadow {
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
}
.withShadowLight {
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.35);
}
.innerShadow {
	-webkit-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.5);
	box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.5);
}



.sectionBlock{
	border-style: solid;
	border-width: 1px 1px 5px 1px;
	border-color: #d9d9e0;
	box-sizing: border-box;
}
.navTitle { margin-bottom:0; }
.sectionBlockTitleLink{
	display: block;
	font-size:20px;
	font-weight: bold;
	padding:20px 15px;
	background: #f6f6fa;
	border-bottom: 1px solid #d9d9e1;
}
.sectionBlockTitleLink:hover{
	background: #eaeaef;
	text-decoration: none;
	color:#505292;
}
.greyBlock{
	background: #f5f5fa;
	border-left:none;
	border-right: none;
	border-top:none;
}
.yellowBlock{
	background: #f8f9ec;
	border-color: #f3d992;
	border-left:none;
	border-right: none;
	border-top:none;
}
.greenBlock{
	background: #ecf4f6;
	border-color: #1cabca;
	position: relative;
}
.limeBlock .block{
	background: #fafcef;
	border-color:#b7d042;
}
.limeBlock .sectionBlockTitleLink{
	background: #F0F6DA;
	border-color: #b7d042;
	color:#4B580E;
}
.limeBlock .sectionBlockTitleLink:hover{
	background: #E3EEB9;
	color:#303909;
}
/* top nav */
.nav{
	background: #7072b4;
	border-bottom: 4px solid #52549f;
	color:#fff;
}
.nav a{
	color:#fff;
}
.textSize{
	padding:10px 0 0 15px!important;
	margin:0!important;
	list-style: none;
	float:left;
}
.textSize li{
	float:left;
}
.textSize a{
	display: block;
	border-radius: 4px;
	background: #505292;
	padding:2px 10px;
	margin-right: 5px;
}
.textSize a:hover, .textSize a.current{
	background: #3e4076;
	text-decoration: none;
}
.textSize a.textSizeNormal{
	font-size: 12px;
	margin-top:9px;
}
.textSize a.textSizeLarge{
	margin-top:4px;
	font-size: 16px;
}
.textSize a.textSizeLarger{
	font-size: 18px;
}
.access{
	float:left;
	padding:10px 15px 10px 0;
	line-height: 36px;
	font-size: 14px;
	display: block;
	border-right:1px solid #8788af;
}

.shortcutNav{
	margin:0;
	padding:0;
}
.shortcutNav li{
	float:left;
}
.shortcutNav a{
	display: block;
	padding:10px 30px;
	color:#dfe0f4;
	font-size:14px;
	height: 35px;
	line-height: 35px;
	border-left: 1px solid #8788af;
}
.shortcutNav li:last-child a {
	border-right: 1px solid #8788af;
}
.shortcutNav a:hover{
	text-decoration: none;
	background: #6163a1;
}
.shortcutNav .complaint{
	color:#fff;
	font-size:18px;
	background: #505292;
}

.header{
	margin-bottom: 20px;
}
/* Header */



.headerLogo { width:266px; }
.header img{
	margin-top:25px;
}
.headerSearch{
	margin-top:50px;
	width: 100%;
	box-sizing: border-box;
	float:left;
}
.headerSearchButton{
	width:17px;
	height: 18px;
	background: url(../graphics/icn-search.png) top left no-repeat;
	text-indent: -9999px;
	border:none;
	background-size: cover;
	position: absolute;
	bottom:20px;
	right:15px;
}
#searchHeader,
#searchHeaderDesktop{
	width: 50%;
	position: relative;
}
.mobileSearchBlock{
	display: none;
}
.reports { margin-top:40px; }



/* new header design */
.colour1 { background-color: #51509B }
.colour2 { 
	background-color: #454483;
}
/* color contrast AAA */
.pinHeader .colour1 span { color: #fff }


.mast  { height: 70px;  }
.mast picture {  }
.mast a {  }
.mast * { vertical-align: middle }
.mast .headerLogos { 
	width:186px; 
	display: inline-block; 
	background-color:#ffffff; 
	border-right: 1px solid #8787B0;
}
.mast .headerLogos img { width: inherit;   }
.mast a.masthref { 
	height: 70px;  
	float: left;
	text-decoration: none !important;
}


/* new logo DOM */
.mast a.headerLogo { 
	display: block; 
	width: 186px; 
	height: 70px;
	background-image: url(../graphics/header/local-government-and-social-care-ombudsan-logo.png);
	background-size: contain;
} 
@media 
(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
   .mast a.headerLogo { 
		background-image: url(../graphics/header/local-government-and-social-care-ombudsan-logo@2x.png);
		background-size: contain;
	} 
}



.mast a.masthref:hover,
.mast a.masthref:focus { background-color: #4F4E97 !important }

.mastCallToAction { 
	line-height: 70px; 
	padding: 0 29px 0 69px;
	border-right: 1px solid #8787B0;
	background-color: #51509B
}

/*.mast > .mastCallToAction ~ .mastCallToAction { border-left: none; }*/
.mast a.masthref:last-of-type { border-left: 1px solid #8787B0; float: right}
a.mastCallToAction { color:#ffffff}
a.mastCallToAction.active { background-color: #454483}
.mastCallToAction span { line-height: 70px; vertical-align: top; display: inline-block; font-weight: 400 }
.mastCallToAction { background-repeat: no-repeat; background-position: 30px center}

.mastCallToAction.mainMenu { background-image: url(../graphics/header/menu-icon@3x.png); background-size: 25px 22px; }
.mastCallToAction.mainSearch { background-image: url(../graphics/header/search-icon@3x.png); background-size: 21px 22px; }
.mastCallToAction.mainDisplay { background-image: url(../graphics/header/text-icon@3x.png); background-size: 19px 23px; }


@media only screen and (max-width: 64em) { 
	.mastCallToAction.mainMenu { background-image: url(../graphics/header/menu-icon.png); }
	.mastCallToAction.mainSearch { background-image: url(../graphics/header/search-icon.png);  }
	.mastCallToAction.mainDisplay { background-image: url(../graphics/header/text-icon.png);  }
}








	/* achieve the active tab effect */

	.menuExpanded,
	.searchExpanded { 
		box-shadow: 
        inset 0px 1px 1px 0px #3A3869;
        outline: 0;
	}
	a.mastCallToAction.active {
		/*-webkit-box-shadow:0px 1px 0px #454483;
		-moz-box-shadow:0px 1px 0px #454483;*/
		box-shadow:0px 2px 0px #454483;
	}
	.mast a.mastCallToAction:last-of-type { box-shadow:none !important;}
    
.searchExpanded { color: #fff}
.searchExpanded .row { padding: 10px; }
.searchExpanded input { 
	width: 100%; 
	margin: 0 0 0 0 !important; 
	position: relative; 
	padding-right: 78px;
}
.searchExpanded .button { 
	position: absolute; 
	right: 0; 
	top: 0;
	bottom: 0px; 
	
	margin: 0 !important;
	border-radius: 0px !important;
	background-color: #e5e5e5 !important;
	border: 0px none;
	color: black !important;
	font-weight: 400;
	line-height: 45px;
	overflow: hidden;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	}
	.searchExpanded .button:hover { background-color: #ababab !important; color: #ffffff !important; }


/**/	


.headerMenu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  [data-whatinput='mouse'] .menu li {
    outline: 0; }
  .headerMenu a {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 1.2rem 0.7rem; 
    box-sizing: border-box;
    text-align: center;
    color: #ffffff; 
    vertical-align: middle;
    font-size: .8rem
   }


	

	@media screen and (max-width: 63.9375em)  {
		 .headerMenu a {font-size: 1rem}
	}

  .headerMenu a {
    margin-bottom: 0; position: relative; }


  .headerMenu, .headerMenu.horizontal {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-direction: row;
        flex-direction: row; }

  .headerMenu.expanded li {
    -ms-flex: 1 1 0px;
        flex: 1 1 0px; }
	
	/* delayed background color change */
	.headerMenu a { 
		-moz-transition: background .15s ease-in;
		-o-transition: background .15s ease-in;
		-webkit-transition: background .15s ease-in;
		transition: background .15s ease-in;
    }	  
	.headerMenu a:hover,
	.headerMenu a:focus { 
		background: #D9D9E0;
		color: #222222;
	}
	/*
	.menu a:hover::after { opacity: 0;}*/
	.headerMenu .is-active > a,
	.headerMenu .active > a,
	.headerMenu .is-active > a:hover,
	.headerMenu .active > a:hover,
	.headerMenu .is-active > a:focus,
	.headerMenu .active > a:focus {
		background: #F6F6FA;
		color: #222222;
	}
	
	.headerMenu a span { 
		/* not sure abouyt why this is like this with negative margin */
		display: block; 
		width: 100% !important; 
		padding-right:  0.7rem; 
		padding-left:  0.7rem; 
		margin-left: -0.7rem;
		
		border-right: 1px solid #8787B0;
	}
	.headerMenu li:last-of-type a span { border: none !important}
	.headerMenu a:hover span { border-color: transparent }
	
	
@media print, screen and (max-width: 767px) {
	
	.colour1.headerNav { background-color: white; }
	.mast .headerLogos { border-right: 1px solid transparent; }
	
	
	
	/* if we hiswe the breadcrumb we have to do*/
	.breadcrumbs { display: none; }
	

	
	.mastCallToAction { 
		padding: 0 0 0 0;
		width: 73px;
		border-right: none;
		border-left: 1px solid #8787B0;
		background-position: center center;
	}
	.mastCallToAction span { display: none; }
	
	.mast a.masthref { float: right; }
	.mast a.masthref:last-of-type { display: none; }
	.mast a.masthref:first-of-type { float: left }


	
	.headerMenu.medium-horizontal {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-direction: row;
          flex-direction: row; }
    .headerMenu.medium-vertical {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -ms-flex-direction: column;
          flex-direction: column; }
          
    .headerMenu a { text-align: left !important; margin-right: 10px; margin-left: 10px; border-bottom: 1px solid #8787B0; } 
    .headerMenu li:last-of-type a { border: none}
    .headerMenu a span { border: none}
    
         
}
	
	
@media print, screen and (max-width: 320px) { 
	
	.menuExpanded { 
		/* set manually via 6 items */
		max-height: 372px;
		
		
		-webkit-box-sizing: border-box;
		
		box-sizing: border-box;
		
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	
}

    
/* add the class '.pinHeader' to the DOM and start the function to enable the magic */
#pageHeight .pinHeader {
    position: fixed;
    top:0px;
    left: 0;
    right: 0;
    z-index: 99999;
    
    	/* mobved this up as UAT decided breadcrumb should hide on mobile */
    	-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.15);
		-moz-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.15);
		box-shadow: 0 3px 5px 0 rgba(0,0,0,0.15);
	}
	.pinHeader.pinnedHeaderShadow {    
		
	}


.pinHeader.pinnedHeaderShadow .breadcrumbs {
	opacity: 0.93;
    filter: alpha(opacity=93); /* For IE8 and earlier */
}





/* search results */



.wysiwyg .results ul,
.results ul,
.wysiwyg .search-results,
.search-results {
	padding-left:0 !important;
	list-style: none;
}
.results li,
.search-results li{
	margin-top:10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 20px;
}
.results li:last-of-type,
.search-results li:last-of-type { border-bottom:0px;}
.keymatch { margin-top:20px;}
.keymatch-indicator { margin-bottom:0;}
ul.search-results li span.link
{
  display: block;
  color: #006621;
  font-weight: 700;
  font-size: 14px;
}


.results p.mainItemLabel {    
  font-size: 28px;
  font-size: 1.556rem;
  
   /* 48 / 18 = 2.6667 */
  margin-bottom: 11.1375px !important;
  margin-bottom: 0.61875rem !important;
}

ul.search-results a {  
	font-size: 28px;
	font-size: 1.556rem;
}
ul.search-results li a .size
{
  color: #999999;
  font-size: 0.75em;
  white-space: nowrap;
}
ul.search-results .left { float:left}
ul.search-results li .word {background-image:url(../graphics/icn-file-word.png);}
ul.search-results li .pdf { background-image:url(../graphics/icn-file-pdf.png)}
ul.search-results li .pdf,
ul.search-results li .word {
  display: block;
  width: 40px !important;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 85% 85%;
  opacity: 0.45;
  font-size: 0px;
  text-indent: -99999px;
  position: relative;
  margin-right: 15px;
}

/* Line 948 */
ul.search-results li a .left
{
  width: 75%;
}

/* Line 965 */
ul.search-results li:hover .pdf,
ul.search-results li:hover .word
{
  opacity: 1;
}



ul.search-results li a:hover  .pageTitle,
ul.search-results li a:hover   .pageTitle { text-decoration:underline !important}

p.identifiers { }
p.identifiers span{
	margin-right:10px;
}
p.identifiers span:before{
	display: inline-block;
	content:"";
	height: 10px;
	width: 10px;
	background: #7370b7;
	border-radius: 50%;
	margin-right: 5px;
}
p.mainItemLabel{
	font-size:20px;
	margin-bottom: 0;
}

.pagination{
	list-style: none;
	padding:0 0 0 0 !important;
}
.pagination li{
	margin-right: 10px;
	display:inline-block
}
.pagination a,
.pagination span.active {
	display: block;
	padding:5px 15px;
	border-radius: 5px;
}
.pagination span.active {
	border:2px solid #ccc;
}
.pagination a {
	border:2px solid #7370b3;
}
.pagination a:hover{
	background:#7370b3;
	color:#fff;
	text-decoration: none;
}
/* Forms */
.wysiwyg .FormFields,
.FormFields { list-style-type:none; padding-left:0 !important; }
.FormField{
	border:1px solid #d9d9e0;
	padding:10px;
	margin-bottom: 10px;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box
}
.FormField.ErrorFormField { 
	border:1px dotted #9A2424;
	outline: none;
	-webkit-box-shadow:rgba(154, 36, 36, 0.4) 0 1px 5px,0 0 6px #9A2424;
	-moz-box-shadow:rgba(154, 36, 36, 0.4) 0 1px 5px,0 0 6px #9A2424;
	box-shadow:rgba(154, 36, 36, 0.4) 0 1px 5px,0 0 6px #9A2424;
	-webkit-transition:box-shadow .1s linear;
	-moz-transition:box-shadow .1s linear;
	transition:box-shadow .1s linear;
	-moz-transition:box-shadow .1s linear;
	transition:box-shadow .1s linear;
}
.FormField.date { width:120px;}

input.FormField.fullWidth { width:100%!important;}
textarea.FormField.fullWidth { width:93.5%!important;}
input.FormField:focus,
textarea.FormField:focus,
select.FormField:focus,
select:focus,
textarea:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
.button:focus,
button:focus,
.button:active,
button:active {
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);
	outline-width: 3px; 
	outline-style: solid;  
	outline-color: #ffbf47;
	border-radius: 0 0 0 0;
}



/*  Radio */
input[type="checkbox"] + label, input[type="radio"] + label{
	margin-left:5px;
}

fieldset
{
  padding-bottom: 0px;
  padding-right: 20px;
  padding-left: 20px;
  position:relative;
  margin-bottom:20px;
}
legend {
	border-width: 1px;
	border-style: solid;
	padding: 0 15px;
	-webkit-background-clip: padding-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index: 88;
	margin-bottom: 10px;
	
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 1px rgba(0, 0, 0, 0.15);
	
	color:#4A4A4A;
	-webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
	-moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
	
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#efeff4), to(#d6dadf));
	background: -webkit-linear-gradient(top, #efeff4, #d6dadf);
	background: -moz-linear-gradient(top, #efeff4, #d6dadf);
	background: -ms-linear-gradient(top, #efeff4, #d6dadf);
	background: -o-linear-gradient(top, #efeff4, #d6dadf);
	background: linear-gradient(top, #efeff4, #d6dadf);
	border-color: #cccccc;
}
		.lt-ie8 fieldset {
			position: relative;
			margin-top: 30px;
			}
			.lt-ie8 legend {
				position: absolute;
				top: 0;
				left: 20px;
				margin-top: -11px;
			}




/*Display Options*/
.accessWrap { background-color:#efefef}
.displayOptions {
	background-color:#608b28;
	display: block;
	height:40px;
	font-size:16px;
	line-height: 34px;
	text-align: right;
}
.displayOptions a { text-decoration:none; }
.displayOptions a,
.displayOptions p {color:#FFF;}
.displayOptions p { margin:0 0 0 0;}
.displayOptions:hover{
	text-decoration: none;
	background-color: #334a15;
}
.displayOptions span.wrapper {
	display:block;
}
.no-js .displayOptionsExpanded { display:block !important}
.speakLoud{
	margin-bottom:5px;
}
.signLanguage{
	width:50px;
	height:50px;
	background: url(../graphics/icn-sign-language.png) top left no-repeat;
	text-indent: -9999px;
}
.preview {
	margin-left:20px;
	margin-top: 20px;
	background-color:#FFF;
	display:block;
	height:45px;
	border:1px solid #dcdcdc;
	border-radius:3px;
}
.preview p { 
	font-size:20px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	line-height:45px;
}
.displayOptionsExpanded ul{
	list-style: none;
	padding:20px 0 20px 0;
	margin:0;
}
.displayOptionsExpanded li{
	float: left;
}
.displayOptionsExpanded .wrapper{
	margin-bottom: 0;
	padding-bottom: 0;
}
.preview p span { vertical-align:central;  display:block; float:left; line-height:45px; }
.preview p { display:inline-block; padding:0 0 0 0; margin:0 0 0 0; }
.preview p .viewLabel { color:#000; text-transform:uppercase; font-size:12px!important; padding-left:10px; width:60px; }
.preview p .view { 
	padding:0 10px;
	width:475px;
	height:45px;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	overflow:hidden;
	}
	.preview p .view { background-color:#fff; color:#000; }
	

	.preview.contrastActive p .view { background-color:#000; color:#ffff00; }
	.preview.contrastActive.contrast p .view,
	.preview.contrast p .view { background-color:#000!important; color:#ffff00; }
	
	.preview.normal p .view { background-color:#fff!important; color:#000; }
	
	
	.preview.big p .view { font-size: 24px; }
	.preview.regular p .view { font-size:20px; }

.fontOptions {margin-right: 20px;}
.fontOptions a{
	display: inline-block;
	border-radius: 3px;
	border:1px solid #dcdcdc;
	color:#333;
	text-align: center;
	margin-left:5px;
	
}
.fontOptions a.regular{
	width:35px;
	height:35px;
	line-height: 35px;
	font-size:20px;
	margin-top:10px;
}
.fontOptions a.focus{
	border:1px solid #416216;
	box-shadow: inset 0 0 1px #416216;
	color:#000;
}
.fontOptions a.contrast.focus{
	border:1px solid yellow;
	box-shadow: inset 0 0 1px yellow;
}
.fontOptions a.big{
	width:45px;
	height:45px;
	line-height: 45px;
	font-size:24px;
}
.fontOptions ul{
	margin-left:10px;
}
.fontOptions .contrast{
	background-color: #333;
	border-color: #333;
	color:#FFFF00!important;
}
.fontOptions .normal{
	background-color: #fff;
	border-color: #333;
	color:#000!important;
}



/* Important Tasks */
.importantTasks{
	background: #f3f3f9;
}
.importantTasks h1,
.importantTasks h3 {
	padding-top:50px;
	padding-bottom: 20px;
}
.importantTasks h1 span,
.importantTasks h3 {
	color:#222222;
}
.blockWithBorder{
	border-style: solid;
	border-width: 0 0 5px 0;
	margin-bottom: 0!important;
	padding-bottom: 20px!important;
}
.tealBlockBorder{border-color: #1cabca;	}
.pinkBlockBorder{border-color: #d11d8c;}
.purpleBlockBorder{border-color: #7072b4;}
.greyBlockBorder{border-color: #6f92a7;}
.paleGreyBlockBorder{border-color: #ECECED;}
.greenBlockBorder{border-color: #b7d042;}
.brownBlockBorder{border-color: #90725e;}
.brightRedBlockBorder{border-color: #FF5B5D;}


.paleGreyBlockBg { background-color: #ECECED; }


.roundel{
	border-radius: 100%;
	border-width: 5px;
	border-style: solid;
	width: 195px;
	height: 195px;
	text-align: center;
	display: block;
	margin:0 auto 20px auto;
	
	color:#333!important;
	font-size:21px;
	font-weight: bold;
	padding:30px;
	line-height: 24px;
	box-sizing: border-box;
}
.roundel:hover{
	border-width: 8px;
	text-decoration: none;
}
.tealRoundel{border-color: #1cabca;	}
.pinkRoundel{border-color: #d11d8c;}
.purpleRoundel{border-color: #7072b4;}
.greyRoundel{border-color: #6f92a7;}
.greenRoundel{border-color: #b7d042;}
.brownRoundel{border-color: #90725e;}

.roundel .icn{
	margin:0 auto 15px auto;
}

/* icn */
.icn{
	display: block;
	text-indent: -99999px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top left;
}
.icnDecisions{
	background-image: url(../graphics/icn-decisions.png);
	width:75px;
	height:74px;
}
.icnAdvisors{
	background-image: url(../graphics/icn-advisor.png);
	width: 80px;
	height: 58px;
}
.icnComplaint{
	background-image: url(../graphics/icn-complaint.png);
	width:68px;
	height: 59px;
}
.icnInfo{
	background-image: url(../graphics/icn-info.png);
	width: 71px;
	height: 71px;
}
.icnAdult{
	background-image: url(../graphics/icn-adult.png);
	width: 92px;
	height: 46px;
}
.icnTraining{
	background-image: url(../graphics/icn-training.png);
	width: 88px;
	height: 46px;
}
.icnBubble{
	background-image: url(../graphics/icn-bubble.png);
	width: 19px;
	height: 16px;
}
.icnEmail{
	background-image: url(../graphics/icn-email.png);
	width: 16px;
	height: 13px;
}
.icnForm{
	background-image:url(../graphics/icon-form.png);
	width: 70px;
	height: 71px;
}
.icnHeaderSearch{
	background-image: url(../graphics/icn-header-search.png);
	width: 15px;
	height: 16px;
}

.icnCategory {
	margin-right: 2.5%;
	width:8.33%;
	height:100px;
	background-size:contain;
	background-position:top center;
}
.introCategory { width:89%}
.introCategory p { font-size:1.222em}
.icnFileWord{
	width: 16px;
	height: 19px;
	background-image: url(../graphics/icn-file-word.png);
	display: inline-block;
}
.icnFileZip{
	width: 16px;
	height: 19px;
	background-image: url(../graphics/icn-file-zip.png);
	display: inline-block;
}
.icnFilePdf{
	width: 16px;
	height: 19px;
	background-image: url(../graphics/icn-file-pdf.png);
	display: inline-block;
}
.icnPhone{
	width: 16px;
	height: 28px;
	background-image:url(../graphics/icn-phone.png);
	display: inline-block;
}
.nav .icnBubble, .nav .icnEmail, .nav .icnHeaderSearch{
	display: inline-block;
	margin-right: 5px;
}
.nav .icnBubble{
	margin-top:5px;
}
.arrowRight{
	display: inline-block;
	width: 5px;
	height: 9px;
	background: url(../graphics/icn-arrow-right.png);
	background-size: cover;
	line-height: 8px;
	margin-left:5px;
	}
	.limeBreadcrumb .arrowRight {
		display: inline-block;
		width: 5px;
		height: 9px;
		background: url(../graphics/icn-arrow-right-303909.png);
		background-size: cover;
		line-height: 8px;
		margin-left:5px;
	}
	.limeBreadcrumb
.arrowRightLarge{
	width: 8px;
	height: 14px;
	background: url(../graphics/icn-arrow-right-large.png) top left no-repeat;
	display: inline-block;
	background-size: cover;
	}
	.categoryNav.limeBlock .arrowRightLarge{
		width: 8px;
		height: 14px;
		background: url(../graphics/icn-arrow-right-large-303909.png) top left no-repeat;
		display: inline-block;
		background-size: cover;
	}
.sectionBlockTitleLink .arrowRightLarge{
	float:right;
	margin-top:7px;
}

/* breadcrumbs */

.breadcrumbs{
	background: #fafafc;
	border-top:1px solid #e5e5e5;
}
.breadcrumbs ul{
	list-style: none!important;
	padding:0;
	margin:0;
}
.breadcrumbs li{
	float:left;
	padding:10px 0 10px 10px;
}

.limeBreadcrumb {
	background: #fafcef;
	border-top:1px solid #B7D042;
	}
	.limeBreadcrumb a { 
		color: #4B580E
		}
		.limeBreadcrumb a:hover { color: #303909} 
/* generic responsive classes */
/*.mobileOnly { display:none }
.desktopOnly { display:block } */

/* news */
.news,
.wysiwyg .news {
	padding:0 !important;
	list-style: none;
}
.news .headline { margin-bottom:10px; font-size:1.111rem; line-height:normal }
.news .date{
	color:#4A4A4A;
	display: block;
	float:right;
	font-size: 14px;
	display: inline-block;
	margin-left: 20px;
}
.news img{
	margin:5px 20px 10px 0;
	vertical-align:text-top;
	width:147px;
}
.news li{
	margin-bottom: 15px;
	border-bottom: 1px solid #e4e4e4;
}

/* buttons */
.buttonAlt, .button{
	display: inline-block;
	border-radius: 5px;
	border:none;
	padding:10px 20px;
	margin-top:10px;
	line-height: 20px;
	box-sizing: border-box;
	text-align: center
}
.buttonAlt.small { font-size:0.778rem; margin-bottom:20px;}
.buttonAlt,
.button.buttonAlt{
	border:2px solid #51509B !important;
	background: #fff !important;
	color:#51509B!important;
}

.borderHidden { border-color: transparent !important}
.button, .buttonAlt:hover,
.button.active,
.buttonAlt.active{
	background: #454483!important;
	color:#fff!important;
	border:2px solid #454483;
	text-decoration: none!important;
}
.button:hover {
	background: #3F3E79!important;
	border-color:#3F3E79;
}
.button.expanded,
.buttonAlt.expanded { display: block !important; width: 100%; }
.button.brightRedButton { background-color: #B30003 !important; border-color: #B30003 !important; color: #FFF}
.button.brightRedButton.explore { border:1px solid #8F0002 !important}
.button.brightRedButton:hover {background-color: #8F0002 !important;}



/* search */
.searchLine{
	margin-bottom: 10px;
	line-height: 40px;
}
.searchSection{
	float:left;
	margin-right: 30px;
}
.searchSection.last{
	margin-right: 0;
}
.searchSection label{
	display: inline-block;
}
.checkboxWrapper{
	display: inline-block;
}
.searchSection .checkboxWrapper{
	margin-right: 15px;
}
.searchLine .mainSearch {
	border: 1px solid #6f92a7;
	font-weight: bold;
	
	width: 100%;
	padding:20px 20px 20px 60px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.searchLine .mainSearch:hover { background-color:#FFF; border-color:#6f92a7}
.searchLine .buttonSearch{
	width: 23px;
	height: 23px;
	background: url(../graphics/icn-search-button-teal.png) top left no-repeat;
	background-size: cover;
	border:none;
	display: inline-block;
	text-indent: -99999px;
	position: absolute;
	top:20px;
	left:20px;
}
.searchLine{
	position: relative;
}

.advancedSearchLink{
	display: block;
	margin:20px auto 0 auto;
	width: 230px;
	color:#666!important;
	border-width: 1px 1px 0 1px;
	border-color: #1cabca;
	border-style: solid;
	text-align: center;
	padding:15px 0 15px 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-bottom: -20px;
}
.no-js #advancedSearchBlock{ display:block !important}
.advancedSearchLink:hover{
	text-decoration: none;
	background: #84cfe0;
}
.searchLine .date{
	width: 100px;
	margin-right: 3px;
}
.searchCalendarIcn{
	margin-bottom: -5px;
	margin-right: 12px;
}
.helpLink{
	display: inline-block;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #b7b7b7;
	text-align: center;
	color:#333!important;
	line-height: 20px;
	padding:10px 15px;
	margin-bottom: -20px;
}
.helpLink:hover {
	text-decoration: none;
}
.helpLink .question{
	border-radius: 50%;
	background: #4A4A4A;
	width: 23px;
	height: 22px;
	text-align: center;
	font-size:16px;
	font-weight: bold;
	display:inline-block;
	color:#fff;
	margin-left: 5px;
}
.helpBlock{
	position: absolute;
	width: 50%;
	background: #fff;
	z-index: 10000;
	padding:15px;
	right:-1px;
	top:-2px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border:1px solid #b7b7b7;
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}
.helpPanel {
	position: absolute; 
	z-index: 1000;
	width: 100%;
	left: -40px;
}
.statsHeadline .helpPanel { text-align: left !important}





.no-js .helpBlock { display:block !important }
.helpBlock .close,
.helpPanel .close { 
	display:inline-block; 
	width:45px; 
	height:45px; 
	float:right; 
	margin:0 0 20px 20px;
	text-indent:-9999em;
	overflow: hidden;
	
	background-image:url(../graphics/CLOSE.png); 
	background-size:80%;
	background-repeat:no-repeat;
	background-position:center center;
	
	
	zoom: 1;
	filter: alpha(opacity=30);
	opacity: 0.3;
	}
	.helpPanel .close { margin-right: -20px;}
	.close:hover,
	.close:focus {filter: alpha(opacity=50);opacity: 0.5;}
.helpBlock p:last-of-type { margin-bottom:0;}
/* twitter */
.tweets iframe {
    width: 100%!important;
    max-width: 100%!important;
}
iframe[id^='twitter-widget-']{ width:100% !important; margin-top:15px!important; height:530px}


/* article */
.articleHeader,
#formsMaster h1 {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	margin-top:20px;
}
.articleHeader.fullBlock.left { width:89%; margin-bottom: 40px; margin-left: 0%; margin-right: 0%; box-sizing: content-box}

#formsMaster h1 { padding-bottom:20px; }
#formsMaster h2 {font-weight: normal;}
.articleHeader h1{
	margin-top:0 !important;
}
.articleHeader h1+h2{
	margin-top: 0;
}
mark, .highlight{
	background: #f8f9ec;
	padding:20px;
	border-bottom: 5px solid #f3d992;
	font-weight: bold;
	display: block;
	line-height: 26px!important;
	margin-bottom:20px;
}
.contentImg{
   width: 33.3%;
}
.contentImg.width200 { width:200px; }
.contentImg.width150 { width:150px; }
.contentImg.width100 { width:100px; }
.contentImg img { width:100%}
.contentImg.right {
	margin: 1.5em 0 2em 4.6%;
}
.contentImg.left{
	margin: 1.5em 4.6% 2em 0;
}
.contentImg.center{
	margin:1.5em auto 2em auto;
	width:100%;
}
.contentImg.center img{
	width:100%;
}
.contentImg p { font-size:0.889em; line-height:normal; }



/* video and podcast */
/* videos and podcast in general content */
.noJSmessage { display:none }
.no-js .noJSmessage { display:block }
.no-js .video-controls { display:none }

.mediaContainer,
.video-controls { background-color: #fbfbfb; }


.newMedia { display:block }
.newMedia.right { float:right; margin-left:40px;width:50% !important; }
.mediaContainer { padding:1em 1em 0 1em;  margin-bottom:1em;}


.mediaContainer,
video { border:1px solid #dcdcdc; }
.lt-ie9 .content video { border:0px none; }

.video-controls {  padding:20px 0 0 0; }
.podcast .video-controls {  padding:0 0 0 0; }
.lt-ie9 .content .video-controls,
.no-js .content .video-controls  { display:none }

.noJSmessage { display:none }
.no-js .noJSmessage { display:block }

.video-controls button,
.legacyMediaMessage {margin-bottom:1em;} 

/* at this point in time the IE does not support the fullscreen API */
/* IE9 and IE10 rule sets go here */  
@media screen and (min-width:0\0) {  
	.fullscreen { display:none !important}	
} 
video { 
	width: 100% !important;
	height: auto !important;
	margin:0 0 0 0 !important;
}
.legacyMedia { position:relative; min-width:100% !important; margin-bottom:1em; }
.legacyMedia img { width:100%;}
.legacyDownloadLink,
.legacyDownloadLink:hover,
.legacyDownloadLink:hover .link { text-decoration:none !important}
.legacyDownloadLink .link { text-decoration:underline; }
.legacyDownloadLink small { color:#666; text-decoration:none !important}

.podcast img { margin-bottom:0 !important}





@media only screen and (max-width: 600px) {
	/* images inside main content publishing */
	.contentImg,
	.contentImg img { width:100% !important}
	.contentImg.right,
	.contentImg.left,
	.contentImg.center {
		margin: 1.5em auto 2em auto !important;
	}
	.icnCategory { display:none !important}
	.newMedia,
	.newMedia.right { width:100% !important;}
}


/* labelled pairs */
.labelledPairs {min-width:70%; margin-bottom:40px;}
.labelledPair { display:block; padding-bottom: 1em;  }
.labelledPair:first-of-type { padding-top:1em;  }

.labelledPair span.label,
.labelledPair span.value { display:block; float:left; }
.labelledPair .label { width:30%; white-space:nowrap; font-weight:bold}
.labelledPair .value { width:65%; margin-left:5%; }




/* tables */

.wysiwyg table {
	margin:40px 0;
    width: 100%;
	text-align:left !important;
	vertical-align:top !important;
	clear:both;
}
.wysiwyg caption { text-align:left; padding-bottom:10px; }
.wysiwyg table th {
    background-color: #4A4A4A;
    border: 1px solid #adadad;
    color: #ffffff;
    margin: 0;
    padding: 6px 10px;
	font-size:0.889em;
}
.wysiwyg td {
    background-color: #f5f5f5;
    border: 1px solid #adadad;
    padding: 6px 10px;
	font-size:0.778em;
}
.wysiwyg ol,
.wysiwyg ul { padding-left:40px !important; }



.sliderModule,
.wysiwyg .sliderModule { padding-left:0 !important}


/* blockquote */
blockquote {
  position: relative;
  padding: 1em;
  margin:40px
}
blockquote:before,
blockquote:after {
  height: 1em;
  opacity: 0.25;
  position: absolute;
  font-size: 4em;
  color: #7370b3;
}
blockquote:before {
  content: '“';
  top: -30px;
  left: -10px;
}
blockquote:after {
  content: '”';
  bottom: 0;
  right: 0;
}

/* definition terms */
dt {
  display: inline;
  counter-reset: definitions;

}
dt + dt:before {
  content: ", ";
  margin-left: -0.2em;
}
dd {
  display: block;
  counter-increment: definitions;
  margin-left: 0;
}
dd:before {
  content: counter(definitions, decimal) ". ";
}



.borderFocus { white-space:pre-line; background-color:#FAFAFC; border:1px solid #e5e5e5; padding:30px; margin:20px 0; color:#000 }
.blockFocus {}


.wysiwyg hr { 
	display: block; 
	height: 1px;
    border: 0; 
    border-top: 1px solid #ccc;
	clear:both;
	margin-bottom:40px;
}
.wysiwyg .modified-date { 
	color:#4A4A4A; 
	font-style: normal;
	font-weight: 700;
}
.wysiwyg blockquote cite{
	font-weight: 700;
	display: block;
}

/* page download */
.pageDownload { display:block; padding:15px; border:1px solid #d9d9e1; text-decoration:none !important; margin-bottom:20px;}
.pageDownload:last-of-type { margin-bottom:40px; }
.pageDownload:hover { background-color: #f6f6fa;}

/* a to z*/
ul.atoz { 
	list-style-type:none;  
	overflow-y: auto; 
	font-size:0; 
	margin-bottom:30px;
	padding:1px 1px 1px 1px !important;
 }
ul.atoz li { 
	display:inline-block; 
	text-align:center; 
	font-size:24px; 
	width:7.676609105181%; 
	margin:0 0 0 0;
}
ul.atoz li a { 
	display:block; 
	line-height:75px; 
	background: #f6f6fa;
	-webkit-box-shadow:inset 0px 0px 0px 1px #d9d9e1;
    -moz-box-shadow:inset 0px 0px 0px 1px #d9d9e1;
    box-shadow:inset 0px 0px 0px 1px #d9d9e1;
	font-weight:300
	}
	ul.atoz li a.disabled { pointer-events: none; cursor: default; color:#ccc}
	.ie8 .atoz li a { background-image:url(../graphics/a-zCategory-link-ie8.png)}
	.atoz li a:hover { background: #eaeaef; webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
	.atoz li.active a { background:#999; color:#FFF; webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
	


@media screen and (min-width: 0px) and (max-width: 959px){
	.wysiwyg table {  width:100%!important; border-spacing:0 !important; border-collapse:separate !important; display: block; position: relative;  }
	.wysiwyg caption { display:block }
	

	.wysiwyg th, 
	.wysiwyg td { margin: 0; }
	
	.wysiwyg th { text-align: left; }
	.wysiwyg table {  }
	.wysiwyg thead { display: block; float: left; }
	.wysiwyg tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap;  }
	.wysiwyg thead tr { display: block; }
	.wysiwyg th { display: block; text-align: right; }
	.wysiwyg tbody tr { display: inline-block; margin-left:-6px; }
	.wysiwyg td { display: block; }
	 	 
	.wysiwyg table th { border-bottom: 0; border-left: 0; padding: 8px!important; font-size:0.750em }
	.wysiwyg thead tr th:last-of-type { border-bottom:1px solid #adadad; }
	.wysiwyg td { border-left: 1px solid #adadad; border-right: 0; border-bottom: 0; padding: 8px 13px 8px 13px!important; font-size:0.750em; margin-left:2px }
	.wysiwyg tbody tr:last-of-type {border-right:1px solid #adadad; }
	.wysiwyg tbody tr td:last-of-type { border-bottom:1px solid #adadad; }

}


/* slider */
.sliderModule { margin:0 0 0 0; padding-left:0}
.sliderModule a,
.sliderModule.fullWidthImages img { width:inherit}
.sliderModule.fullWidthImages .showMobile { display:none}

.homeSlider { background:#f4f4f4}

.homeSlider .bx-wrapper { margin-bottom:60px !important}
.homeSlider .bx-wrapper .bx-caption span { 
	font-size:1.667em; 
	font-family: "aktiv-grotesk-std",sans-serif;
	font-style: normal;
	font-weight: 300;
}
.homeSlider .bx-wrapper .bx-caption {background:#c2986e !important}
.homeSlider .bx-wrapper .bx-pager,
.homeSlider .bx-wrapper .bx-controls-auto { bottom:-45px !important; }
.homeSlider .bx-wrapper .bx-pager { padding-top:20px !important}




.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager {
	position: absolute;
	bottom: -40px;
	width: 100%;
	z-index:99;
}


.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -40px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../graphics/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #6e72b1;
	text-indent: -9999px;
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #666;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../graphics/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(../graphics/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../graphics/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../graphics/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}


.sliderModule .captionEnhanced {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
	z-index:100
	}


.homeSlider .sliderModule .captionEnhanced { 
	font-size:1.667em; 
	font-family: "aktiv-grotesk-std",sans-serif;
	background:#c2986e !important;
	color:#FFF;
	padding:10px 0;
}
	.sliderModule .captionEnhanced a { color:#FFF; display:inline-block !important; width:auto !important; background-color:#960; padding:2px 10px; border-radius:5px; margin-left:10px; font-size:70%; }


.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}





/* sidenav */
.sideNav{
	margin-top:20px;
}
.sideNav ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.sideNav ul li { clear:both}
.sideNav a,
.sideNav .item {
	display: block;
	padding:15px;
	
}
.sideNav a .icn { margin-right: 5px;}
.sideNav .item .icn {  float:left; }
.sideNav .item .itemVal { display:inline-block;  width:80%; padding-left:5px;vertical-align:top}
.sideNav .paddingSides{
	padding:0 15px 15px 15px!important;
}
.sideNav  .details { margin:15px 0 0px 0; }
.sideNav  .details ul { border-bottom:0;}
.sideNav .h1{
	font-size:20px;
	font-weight: bold;
	border-bottom: 1px solid #d9d9e1;
	margin-bottom: 0!important;
	color:#4A4A4A;
	display:block;
	padding-top:10px !important;
}
.sideNav .h1.cyan-blue { background-color:#6F92A7; color: #ffffff;  text-shadow: 1px 1px #000000; }
.sideNav .h1.pastel-yellow { background-color:#F3D992; color: #000; }
.sideNav .h1.lilac { background-color: #7072B4; color: #ffffff;}
.sideNav .part{
	color:#333;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}
.sideNav a{
	border-bottom: 1px solid #d9d9e1;
}
.sideNav ul:last-child a:last-kind{
	border-bottom: none;
}
.sideNav a:hover{
	text-decoration: none;
	background: #f6f6fa;
}
.sideNav a.active{
	background: #eeeef3;
	color:#333;
}
.subNav a{
	padding:10px 10px 10px 30px!important;
	border-bottom: none;
}
.subNav{
	border-bottom: 1px solid #d9d9e1;
}
.fileSize{
	color:#333;
}
.externalLink{
	display: block;
	color:#666;
	font-size: 12px;
}


/* paginate in content split tags */
.pagination.contentSplit ul {  text-align:left; margin: 0;padding:0;}
.pagination.contentSplit li { 
	width:45%; 
	background-color:#FFF; 
	display:block; 
	float:left;
	margin:10px 0 10px 0;
}
.pagination.contentSplit li.next { margin-left:10%; }
.pagination.contentSplit li.next a,
.pagination.contentSplit li.next span {text-align:right;}
.pagination.contentSplit li.first a {text-align:left;}

.pagination.contentSplit li.first a {
	background-size: 11px 18px!important;
	background: url(../graphics/icn-arrow-left-large.png) 12px center no-repeat;
}
.pagination.contentSplit li.next a {
	background-size: 11px 18px!important;
	background: url(../graphics/icn-arrow-right-large.png) 95% center no-repeat;
}

.pagination.contentSplit li span,
.pagination.contentSplit li a { 
	display:block; 
	padding:20px 40px; 
	line-height:normal; 
	color:#333; 
	width: 100% !important;   
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pagination.contentSplit li .node { border:1px solid #ccc; }
.pagination.contentSplit li .node:hover {
	text-decoration: none;
	border:1px solid #333;
}
.pagination.contentSplit .splitTitle {
	padding:20px 0 0 0;
	color:#7072b4;
}
/* compliant detail page */
.fieldValues p { display:block; clear:both; width:100%; overflow:hidden; }
.backToTop { font-size:0.75em; display:inline-block; width:auto; margin:20px 0 50px 0; }
.backToTop a { 
	display:block; 
	background-color:#FAFAFC;
	border:1px solid #ccc;
	text-decoration:none;
	border-radius:5px; 
	padding:5px 30px 5px 10px; 
	background-image:url(../graphics/icn-arrow-up-large.png); 
	background-repeat:no-repeat; 
	background-size:15px; 
	background-position:90% center;
	}
	.backToTop a:hover { background-color:#FFF}
.backToTop.noTopMargin{
	margin-top:0;
}
a.anotherSearch { 
	font-size:0.75em; 
	display:inline-block; 
	float:right; 
	margin-left:20px;
	background-color:#FAFAFC;
	border:1px solid #ccc; 
	border-radius:5px; 
	padding:5px 10px 5px 10px;
	text-decoration:none;
	text-align:center
	}
	a.anotherSearch:hover { background-color:#FFF}
.index { border:1px solid #ccc; margin-bottom:40px; border-bottom:0px; }
.index ul { list-style-type:none; padding:0 !important; margin:0 !important}
.index ul li { margin:0 !important; }
.index ul a { 
	display:block; 
	padding:10px 20px; 
	
	background-color:#FAFAFC;
	border-bottom:1px solid #ccc; 
	padding-left:45px; 
	background-image:url(../graphics/icn-arrow-down-large.png); 
	background-repeat:no-repeat; 
	background-position: 15px center; 
	background-size:15px; 
	text-decoration:none 
}
.index ul a:hover { background-color:#FFF} 
.index h2 { margin-bottom:0 !important; padding:10px 20px; font-weight:300; background-color:#FFF}


.printer { 
	font-size:0.75em; 
	display:inline-block; 
	background-color:#FAFAFC;
	border:1px solid #ccc; 
	border-radius:5px; 
	text-decoration:none; 
	padding:5px 10px 5px 30px; 
	background-image:url(../graphics/print.png); 
	background-repeat:no-repeat; 
	background-size:15px; 
	background-position:8px center;
	text-decoration:none !important;
	}
	.printer:hover { background-color:#FFF}

#complaintTemplate .label,
#complaintTemplate .value { display:block; float:left}
#complaintTemplate .label{
	width: 20%;
	display:block;
}
#complaintTemplate .value {width: 80%;
	display:block;}
#complaintTemplate .value{
	font-weight: bold;
}
#complaintTemplate h1, #complaintTemplate h2{
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
}
/* tabs */
.tabContent{
	display: none;
}
#tab-1{
 display: block;   
}


/* feedback block */
.application { position:relative; padding-top:80px; padding-bottom:0px; }
.feedbackBlock {
	background: #fafafc;
	border-top:1px solid #d9d9db;
	padding:20px 0
}
.feedbackBlock .block { margin:0 40px; }
.socialBlock {  }
.feedbackBlock .tabsMenu {
	display: inline-block;
	list-style: none;
	padding:0;
}
.feedbackBlock .group{
	margin-bottom: 15px;
	display: block;
}




.socialBlock .menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  [data-whatinput='mouse'] .menu li {
    outline: 0; }
  .socialBlock .menu a {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 0.7rem 1rem; }

  .socialBlock .menu a{
    margin-bottom: 0; }

  .socialBlock .menu{
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }

  .socialBlock menu.expanded li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px; }





.panelTabs {
	list-style-type:none;
	position:absolute;
	top:12px;
	/*margin-top:-49px;*/
}
.application .panelTabs li {
	float:left;
	margin-right:20px;
}

.application .panelTabs li a{
	display: block;
	padding:10px 40px;
	box-sizing: border-box;
	background: #fafafc;
	border: 1px solid #d9d9db;
	width: 100% !important;
	white-space: nowrap
}

.application .panelTabs li a:hover {
	text-decoration: none;
}

.application .panelTabs li a.active {
	position:relative;
	border-bottom-color:#fafafc;
	padding-top:11px;
}
.feedbackBlock .button { margin-right:20px;}




.errorMessage { 
	color: #a94442;
	background: #f2dede;
	border: 1px solid #ebccd1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:15px;
	margin-bottom:20px;
}
.errorMessage {
	position: relative;
	background: #f2dede;
	border: 1px solid #ebccd1;
}
.errorMessage:after, .errorMessage:before {
	bottom: 100%;
	left: 10px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.errorMessage:after {
	border-color: rgba(242, 222, 222, 0);
	border-bottom-color: #f2dede;
	border-width: 10px;
	margin-left: -10px;
}
.errorMessage:before {
	border-color: rgba(235, 204, 209, 0);
	border-bottom-color: #ebccd1;
	border-width: 11px;
	margin-left: -11px;
}



.sucessMessage { background-color:#4DA971; padding:20px; color:#FFF; margin-bottom:15px !important; }
.sucessMessage{ position: relative; background: #4DA971; border: 1px solid #; } 
.sucessMessage:after, 
.sucessMessage:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.sucessMessage:after { border-color: rgba(77, 169, 113, 0); border-bottom-color: #4DA971; border-width: 10px; margin-left: -10px; } 
.sucessMessage:before { border-color: rgba(0, 0, 0, 0); border-bottom-color: #; border-width: 11px; margin-left: -11px; }


.validation {
	padding:1.5em;
	margin:1.5em 0;
	border-radius:5px;
}
.validation p,
.validation a { margin:0 0 0 0 !important; font-weight:300;}
.validation a { text-decoration:underline; }

.validation,
.validation h1,
.validation h2,
.validation h3,
.validation h4,

.validation p,
.validation a { color:#FFF !important}


.validation.success { background:#4DA971; }
.validation.fail { background:#B21309; }



/* sitemap */
.sitemap {
	margin:0 0 20px 0;
	padding:10px 0 0 0;
	list-style: none;
	background: none;
	width:auto;
	overflow:hidden;
}

.sitemap ul li, 
.sitemap ul li ul li {
	list-style: none;
}
.sitemap ul li,
.sitemap ul li ul li,
.sitemap ul li ul li ul li {
	background:url(../graphics/site_map_list.gif) 0 5px no-repeat;
	padding-left:15px;
}




/* champion links */
.championLink{
	display: block;
	font-weight: bold;
	font-size: 21px;
	line-height: 20px;
	padding:20px;
	line-height: 40px;
	padding-left: 15px;
	padding-right: 15px;

}
.championLink .icn{
	width: 18%;
	background-size: 100%!important;
	vertical-align: middle;
	margin-right: 12px;
	max-width: 60px;
}
.championLink .arrow{
	width: 11px;
	height: 19px;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	float:right;
	margin-left:10px;
	margin-top:13px;
}
.limeChampion{
	color:#b7d042!important;
}
.purpleChampion{
	color:#7072b4!important;
}
.greyChampion{
	color:#6f92a7!important;
}
.tealChampion{
	color:#1cabca!important;
}
.pinkChampion{
	color:#d11b8b!important;
}
.brownChampion{
	color:#90725e!important;
}
.limeChampion .arrow{
	background-image: url(../graphics/icn-arrow-right-large-lime.png);
}
.limeChampion .icn{
	margin-top:10px;
}
.brownChampion .icn{
	margin-top:10px;
}
.purpleChampion .icn, .tealChampion .icn, .greyChampion .icn{
	margin-top:-5px;
}
.purpleChampion .arrow{
	background-image: url(../graphics/icn-arrow-right-large-purple.png);
}
.tealChampion .arrow{
	background-image: url(../graphics/icn-arrow-right-large-teal.png);
}
.greyChampion .arrow{
	background-image: url(../graphics/icn-arrow-right-large-grey.png);
}
.pinkChampion .arrow{
	background-image: url(../graphics/icn-arrow-right-large-pink.png);
}
.brownChampion .arrow{
	background-image: url(../graphics/icn-arrow-right-large-brown.png);
}

.standardChampion .arrow{
	background-image: url(../graphics/icn-arrow-right-large-standard.png);
}


/* accordion or 'layered content' - november 2017 */

.accordion { 
	margin-bottom:2rem;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
	}
	.accordion:hover { 
		margin-bottom:2rem;
		-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
		-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
		box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
	}
	


.triggerAccordionContent a {
	position: relative; 
	display:block; 
	border:1px solid #d9d9e0; 
	padding:20px 60px 30px 1.5rem; 
	font-weight:normal; 
	text-decoration:none;
	background-color: #fff;
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0.28, 0.11, 0.32, 1);
	transition-delay: 0s;
	transition-property: background-color, backdrop-filter, -webkit-backdrop-filter;	
	
	background-image:url(../graphics/read-more.png);
	background-size:40px 40px;
	background-repeat:no-repeat;
	background-position:97% 20px;
	}
	
	.triggerAccordionContent a:hover,
	.triggerAccordionContent a.active,
	.triggerAccordionContent a:focus { 
		background-color: #F6F6FA; 
	}
	.triggerAccordionContent a:hover {	
		display:block;
		background-image:url(../graphics/read-more-hover.png);
		}
		.triggerAccordionContent a.active {	
			background-image:url(../graphics/read-less.png);
			}
			.triggerAccordionContent a.active:hover {
				background-image:url(../graphics/read-less-hover.png);
			}
			
			

			
.triggerAccordionContent h1,
.triggerAccordionContent h2,
.triggerAccordionContent h3,
.triggerAccordionContent h4 { margin-top:10px !important; margin-bottom:0 !important; font-size: 1.16667rem; }
.triggerAccordionContent p { 
	margin-top:1.41429rem;
	}
	.triggerAccordionContent p:last-of-type { margin-bottom:0 !important; }
	
	
.triggerAccordionContent a.active {	
	background-color: #F6F6FA;
	border: 1px solid #d9d9e0;
	}
	.triggerAccordionContent a.active:after, 
	.triggerAccordionContent a.active:before {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		}
		.triggerAccordionContent a.active:after {
			border-color: rgba(246, 246, 250, 0);
			border-top-color: #F6F6FA;
			border-width: 30px;
			margin-left: -30px;
		}
		.triggerAccordionContent a.active:before {
			border-color: rgba(204, 204, 204, 0);
			border-top-color: #d9d9e0;
			border-width: 31px;
			margin-left: -31px;
		}

.accordionContent { 
	display:block; 
	border:1px solid #d9d9e0; 
	border-top:0px; 
	border-bottom-width:5px; 
	padding:2rem 1rem;
}
	@media only screen and (max-width: 480px) {
		.triggerAccordionContent a {
			background-size:33px 33px;
			background-position:94% 25px;
		}
		.accordionContent { 
			display:block; 
			padding:2rem 0.5rem 2rem 0;
		}
	}



/* reset for mapping stats page */
.accordion.panelAccordion {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	margin-bottom: 0 !important
	}		
	.accordion.panelAccordion .triggerAccordionContent a { 
		border-top: 0px; 
		border-right: 0px; 
		border-left: 0px; 
		margin: 0px;
		background-color: #F6F6FA; 
			background-position:97% 25px;
		}		
		.accordion.panelAccordion:last-of-type .triggerAccordionContent a {  }
		.accordion.panelAccordion .triggerAccordionContent h2 { font-size: 28px; font-size: 1.556rem; }
		.accordion.panelAccordion .accordionContent { border-right: 0px !important; border-left: 0px !important; border-bottom-width: 1px; }


/* gov delivery widget */
.sideNav .gdw_widget { width:100% !important}
		.sideNav .gdw_header,
		.sideNav .gdw_nudge_top { display:none; }
		.sideNav .gdw_content { display: block !important; height: auto !important; width:100%; overflow: visible }
		.sideNav .gdw_content { 
			overflow-y: auto;
			height: 390px !important;	
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			
			border-bottom: 1px solid #d9d9e1;
		}
		.sideNav .gdw_content .gdw_story {border-bottom:1px solid #d9d9e1;}

		.sideNav .gdw_content  a { background-color: #ffffff; border-bottom: 1px dotted #d9d9e1;}
		.sideNav .gdw_content  a:hover {text-decoration: none;background: #f6f6fa;}
		.sideNav .gdw_subscribe { padding: 15px; }
		.sideNav .gdw_subscribe p { margin-bottom:5px; 	}
		.sideNav .gdw_subscribe input[type=email] { 
			display: block; 
			width: 100%; 
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;

		
			border:1px solid #d9d9e0;
			padding:10px;
			margin-bottom: 10px;
			}
			
			.sideNav .gdw_subscribe input[type=email]:focus {	
				box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);
				outline-width: 3px; 
				outline-style: solid;  
				outline-color: #ffbf47;
				border-radius: 0 0 0 0;
			}
		
		
		.sideNav .gdw_subscribe input[type=submit] {
			border-radius: 5px;
			border:none;
			padding:10px 20px;
			margin-top:10px;
			line-height: 20px;
			width: 100%;
			
			
			border:2px solid #7072b4;
			background: #7072B4;
			color:#fff;
			}
			.sideNav .gdw_subscribe input[type=submit]:hover { 
				text-decoration: none;
				background: #5c5e98 ;
			}
		
		
		.sideNav .story_nav { padding:5px 15px!important; font-size: 80%; background-color: #ffffff; }
		
		.sideNav .gdw_buttons { 
			padding: 15px!important; 
			clear: both; 
			width:100%; 
			box-sizing: border-box
		}
		.sideNav .gdw_buttons a { 
			border: none !important; 
			padding: 0px !important; 
			display: inline;
			margin: 0 10px 0 0;
			width: auto;
			float: left
		}
		.sideNav .gdw_buttons a img { margin: 0px; }
		
		.sideNav .gdw_embed * { box-sizing: border-box }
			.sideNav .gdw_embed { padding: 15px; }
			.sideNav .gdw_embed textarea { width: 100%; }
			.sideNav .gdw_embed .gdw_embed_close { border-bottom: none !important; width: 100%;  text-align: right; background: none}

/* map hero */
.parallax-container {
    overflow: hidden;
    position: relative;
    z-index: 1
}

    .parallax-container.smallHeight {
        height: 330px
    }

    .parallax-container.mediumHeight {
        height: 500px
    }

    .parallax-container.largeHeight {
        height: 100vh
    }
    
.parallax-container h4.h1 { 
	margin: 10px auto 10px auto !important; 
	padding: 0 !important;
}    

.banner {
    width: 100%;
    height: 33vh;
    position: relative;
    display: block;
    overflow: hidden
}

div.banner.smallHeight {
    height: 330px
}

div.banner.mediumHeight {
    height: 500px
}

div.banner.largeHeight {
    min-height: 660px;
    height: 100vh
}

div.bannerWallpaper {
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

    div.bannerWallpaper.parallax {
        display: block;
        position: absolute;
        width: 100%;
        top: auto;
        right: auto;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
        background-image: url(../graphics/mapgrab.jpg);
    }
    
    @media 
	(-webkit-min-device-pixel-ratio: 2), 
	(min-resolution: 192dpi) { 
	    /* Retina-specific stuff here */
	    div.bannerWallpaper.parallax {
		            background-repeat: no-repeat;
					background-size: cover;
					background-position: center top;
					background-image: url(../graphics/mapgrab@2x.jpg);
    	}
	}

.smallHeight div.bannerWallpaper.parallax {
    height: 600px
}

.mediumHeight div.bannerWallpaper.parallax {
    height: 800px
}

.largeHeight div.bannerWallpaper.parallax {
    height: 120vh
}

div.banner .wrapper,
div.banner .message {
    position: relative;
    z-index: 2
}
div.banner.mediumHeight .button { width: 50%; margin-top:140px }


	@media screen and (max-width: 39.9375em) {
		
		div.banner .message p.h1,
		div.banner .message h4.h1 { font-size: 20px;}
		div.banner.mediumHeight .button { width: 50%; margin-top:120px; width: 100%; }
		div.bannerWallpaper.parallax {  top: 0;}
		
		.announcementsBlockHome { height: auto !important}
		
	}
	

	

	@media screen and (min-width: 40em) and (max-width: 63.9375em) {
		
		div.banner .message p.h1,
		div.banner .message h4.h1 { font-size: 24px;}
		div.banner.mediumHeight .button { width: 50%;  width: 75%; }

	}
	

	@media screen and (min-width: 64em) {}
	


	    



/* footer */


.footer{
	background: #f2f2f7;
	border-top:8px solid #d4d4de;
	padding:20px 0 30px 0;
}
.footer ul{
	list-style: none;
	padding:0;
}
.footer a{
	color:#4A4A4A;
}
.footer .h5{
	border-bottom: 1px solid #d8d8df;
	padding-bottom: 15px;
	font-weight:600 !important
}
.footer #email{
	width: 100%;
	box-sizing: border-box;
}
.formBlock p { margin-bottom:10px; margin-top:0}
.footer .FormField,
.footer .button { width:100%;}



.credits {
	font-family: "felt-tip-roman",sans-serif;
	font-style: normal;
	font-weight: 400;
}
.credits p { margin:0 0 0 0}
.credits a { text-decoration:none !important}

/*
@media screen and (min-width: 320px) {
	.desktopOnly { display:none} 
	.mobileOnly,
	.portraitOnly { display:block}
}
@media screen and (min-width: 991px) {
	.desktopOnly { display:block} 
	.mobileOnly,
	.portraitOnly { display:none !important}
}

*/








/* perfomance data layouts */
.greyDarkBg { background-color: #E5E5E5; }
.greyBg { background-color: #ECECED; }
.panel { background-color: #ffffff; }
.negativeMarginTop { margin-top: -2px;}
.rounded {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.shadow {
	box-shadow: 0 0 3px 2px rgba(0,0,0,0.03);
}

.shadowInner { 
   box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
}

.statsHeader {}
.relative { position: relative }



.mapMask { position: absolute; display: block; background-color: transparent; width: 100%; z-index: 1; top: 0; cursor:not-allowed }
.totalSummarySpacer { display: block; background-color: transparent !important; width: 100%; height: 112px; }


.pieChartContainer {
	height: 250px;
	width: 250px;	
	top: 50%;
	left: 50%;
	margin-left: -125px;
}
.pieChartBackground {
	position: absolute;
	width: 250px;
	height: 250px;
	border-radius: 100%;
} 
.pieChart {
	/*transition: all 1s;*/
	position: absolute;
	width: 250px;
	height: 250px;
	border-radius: 100%;
	clip: rect(0px, 125px, 250px, 0px);
}
.hold {
	position: absolute;
	width: 250px;
	height: 250px;
	border-radius: 100%;
	clip: rect(0px, 250px, 250px, 125px);
}
.innerCircle {
	position: absolute;
	width: 220px;
	height: 220px;
	border-radius: 100%;
	top: 15px;
	left: 15px; 
}
.innerCircle .statPercent {
	position: absolute;
	display: block;
	width: 220px;
	top: 45px;
	left: 0;
	text-align: center;
	/*font-size: 72px;*/
	font-size: 4em;
	color: #4A4A4A;
	font-weight: 300 !important;
	font-family: "aktiv-grotesk-std";
	font-style: normal;
	text-shadow: 1px 2px 0 rgba(255,255,255,0.64);
}
.chartOrange .pieChartBackground { background-color: #FFE5B6; }
.chartOrange .pieChart,
.panel p.statistic span.legend span.chartOrange { background-color: #FFAF22; }

.chartGreen .pieChartBackground { background-color: #BDF3D0; }
.chartGreen .pieChart,
.panel p.statistic span.legend span.chartGreen { background-color: #36DB70; }


.chartBlue .pieChartBackground { background-color: #B5E6F7; }
.chartBlue .pieChart,
.panel p.statistic span.legend span.chartBlue { background-color: #00B6E7; }

.panel p.statistic.offSetPie { margin-top: 53px }
.panel p.statistic { display: block;}
.panel p.statistic span { display: block; float: left }
.panel p.statistic span.legend { width: 15%   }
.panel p.statistic span.valueText { width: 85%;  }

.panel p.statistic span.legend span.icon { 
	display: block !important; 
	width: 23px; 
	height: 23px; 
	margin-top: 3px;
}
.panel p.statistic span.legend span.docsIcon { 
	background-image: url(../graphics/docsIconBlue.png); 
	background-size:contain
}
.heroMinHeight { min-height:360px!important; }

.statHero .totalSummary { 
	color: #7072B4; 
	/*font-size: 48px;*/
	font-size: 2.667em;
}
.statHero .totalSummaryLabel { 
	/*font-size: 20px;*/
	font-size: 1.111em;
	color: #898B96
}
.statHero .totalSummaryText { 
	/*font-size: 14px; */
	font-size: 0.778em;
	color: #555555;
	line-height: 22px;
}

.accreditation small { line-height:normal !important; }


.statsHeadline select,
select.mapSelect  {
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #cacaca;
  border-radius: 3px;
  background-color: #fefefe;
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.5rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  @media screen and (min-width: 0\0) {
    .statsHeadline select,
    select.mapSelect  {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
  .statsHeadline select:focus,
  select.mapSelect:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  .statsHeadline select:disabled,
  select.mapSelect:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed; }
  .statsHeadline select::-ms-expand,
  select.mapSelect::-ms-expand  {
    display: none; }

a.statsHeadlineInfo { 
	display: inline-block; 
	margin: 0 !important; 
	vertical-align: middle; 
	line-height: 32px;
	width: 32px; 
	height: 32px; 
	text-align: center;
	border-radius: 50%; 
	background: #666666; 
	color: white !important;
	font-size: 22px;
	text-decoration: none;
	position: relative
	}
	a.statsHeadlineInfo:hover { background-color: #333333;}
	a.statsHeadlineInfo.active { font-size: 25px }
	
a.statsHeadlineInfo.active:after, 
a.statsHeadlineInfo.active:before {
	bottom: 100%;
	left: 17px;
	margin-bottom: -60px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	z-index: 1001;
	}
	.h2 a.statsHeadlineInfo.active:after, 
	.h2 a.statsHeadlineInfo.active:before { margin-bottom: -53px}
	
	a.statsHeadlineInfo.active:after {
		border-bottom-color: #FFF;
		border-width: 20px;
		margin-left: -20px;
	}
	a.statsHeadlineInfo.active:before {
		border-color: rgba(212, 212, 212, 0);
		border-bottom-color: #d4d4d4;
		border-width: 21px;
		margin-left: -21px;
	}	
	
  
.feedBlockScroller { 
	height: 400px; 
	overflow-y: scroll;
}
.feedBlockScroller p.h4.feedArticleTitle { 
	line-height: normal !important;
	font-weight: bold
}
.feedBlockScroller .refNum {
	color: #7B7E8A;
	display:block;
}
.feedBlockScroller .refNum {margin: 15px 0 10px 0 !important;}

.panelDesc {
	/*font-size: 14px; */
	font-size: 0.778em;
	color: #717171;
}
.bottomPanels { 
	min-height: 890px
}
.noDataTitle {
	margin-top: 144px;
	/*font-size: 24px;*/
	font-size: 1.333em;
	color: #7B7E8A;
	text-align: center;
	line-height: 28px;
}
.noDataAction {
	/*font-size: 14px; */
	font-size: 0.778em;
	color: #7B7E8A;
	text-align: center;
}
.notification { 
	padding-left: 60px; 
	background-image:url(../graphics/notification.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.gm-style .notification {	
	padding-left: 40px; 
	min-height: 30px; 
	font-size: 16px;
	color: #9B9B9B;
	text-align: left;
	line-height: 26px;
	margin-bottom: 0px;
}
.gm-style .pinTitle {font-weight: 700;
	
	font-family: "aktiv-grotesk-std",sans-serif;
	font-style: normal;
	
	color: #222222;
	text-align: left;
	font-size: 18px !important;
	line-height: 26px;
	margin-bottom: 10px;
}
select.mapSelect { 
	margin: 0 !important;
	border: 1px solid #51509B;
	background-color: #FFFFFF;
	color: #51509B;
}



  
  


.mapSuggest {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width:33%;
	height: 2.4375rem;
	margin: 0 0 1rem;
	padding: 0.5rem;
	border: 1px solid #cacaca;
	border-radius: 0;
	background-color: #fefefe;
	-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
	box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
	font-family: inherit;
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.5;
	color: #0a0a0a;
	-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
	transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	position: absolute;
	z-index: 1;
	top: 20px;
	left: 40px;	
	}
	.mapSuggest:focus {
		border-color: #4d90fe;
		box-shadow: 0 0 3px 3px rgba(0,0,0,0.08);
	}

.mapSubmit { 
	width: 2.4375rem; 
	height: 2.4375rem;
	background-color:transparent; 
	background-image: url(../graphics/pacSubmit.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 16px 22px;
	
	
	z-index: 2; 
	border: none;
	position: absolute; 
	top: 20px;
	left:32.5%;
	opacity: 0.5
	}
	.mapSubmit:hover,
	.mapSubmit:focus { opacity: 1}


.tableResults {}
.tableHeader { background-color: #FAFAFC }
.tableHeader p {
	padding:10px 0;
	line-height: 20px;
}
.tableRow { background-color: #ffffff; }
.tableRow p {	
	display: inline-block;
	padding:10px 0;
	margin-top:10px;
	line-height: 20px;
	
}

.block.setMobileSpace { padding-bottom: 0px !important; }
.setTop { top:20px; position: relative;  }
.wrapSuggest { position: absolute; right: 66%; left: 40px; }
.autocomplete__wrapper {
    position: relative;
    display: block;
	z-index: 1;
	height: 2.4375rem;
	box-shadow: none;
	width: 100%;
	background-color: blue
}
.autocomplete__input { width:100% !important;   }
.mapSuggest,
.autocomplete__wrapper { /*top:0; left:0px; right: 0px;*/ width:100% ;   }

.mapSubmit { 	
	z-index: 2; 
	position: absolute; 
	top: 0px;
	left:auto;
	right: 66%;
}


.autocomplete__hint,
.autocomplete__input {
	height: 2.4375rem;
	margin: 0 0 0 0 !important;
	padding: 0.5rem;
	border: 1px solid #cacaca;
	border-radius: 0;
	background-color: #fefefe;
	-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
	box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
	font-family: inherit;
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.5;
	color: #0a0a0a;
	-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
	transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.autocomplete__input {
    background-color: #ffffff;
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

.autocomplete__hint {
    color: #bfc1c3;
    position: absolute
}



.autocomplete__hint:hover,
.autocomplete__input:hover {	
	-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.3);
	box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.3);
}


.autocomplete__input--default {
	/*padding: 4px;*/
}

.autocomplete__input--focused {
    outline-offset: 0;
    outline: 3px solid #ffbf47
}

.autocomplete__input--show-all-values {
    padding: 0.5rem 34px 0.5rem 0.5rem;
    cursor: pointer;
}

.autocomplete__dropdown-arrow-down {
    /*z-index: -1;
    display: inline-block;
    position: absolute;
    right: 8px;
    width: 24px;
    height: 24px;
    top: 10px*/
    display: none !important
}

.autocomplete__menu {
    background-color: #fff;
    border: 1px solid #cacaca;
    border-top: 0;
    color: #34384b;
    margin: 0;
    max-height: 342px;
    overflow-x: hidden;
    padding: 0;
    width: 100%;
    width: 100%;
    top:0px;
}

.autocomplete__menu--visible {
    display: block
}

.autocomplete__menu--hidden {
    display: none
}

.autocomplete__menu--overlay {
    box-shadow: rgba(0, 0, 0, .256863) 0 2px 6px;
    left: 0;
    position: absolute;
    top: 100%;
    z-index: 100
}

.autocomplete__menu--inline {
    position: relative
}

.autocomplete__option {
    border-bottom: solid #cacaca;
    border-width: 1px 0;
    cursor: pointer;
    display: block;
    position: relative;
    padding: 0.5rem 0.5rem 0.5rem 50px;
    height: 2.4375rem;
    line-height: 1.5;
    font-size: 1rem;
    box-sizing: border-box;
    
    background-image: url(../graphics/pointer-purple.png);
    background-repeat: no-repeat;
    background-position-x: 15px;
    background-position-y: 10px;
}

.autocomplete__option>* {
    pointer-events: none
}

.autocomplete__option:first-of-type {
    /*border-top-width: 0*/
    border-top:1px solid #cacaca;
}

.autocomplete__option:last-of-type {
    border-bottom-width: 0
}

.autocomplete__option--odd {
    background-color: #fbfbfb
}

.autocomplete__option--focused,
.autocomplete__option:hover {
    background-color: #57B2CE;
    border-color: #cacaca;
    color: #fff;
    outline: 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,.5);
    background-image: url(../graphics/pointer-white.png);
}
.autocomplete__option--focused { background-color:#376D7E !important}

.autocomplete__option--no-results {
    background-color: #fafafa;
    color: #646b6f;
    cursor: not-allowed
}

/*
.autocomplete__hint,
.autocomplete__input,
.autocomplete__option {
    font-size: 16px;
    line-height: 1.25
}*/

/*
.autocomplete__hint,
.autocomplete__option {
    padding: 4px
}*/
/*
@media (min-width:641px) {
    .autocomplete__hint,
    .autocomplete__input,
    .autocomplete__option {
        font-size: 19px;
        line-height: 1.31579
    }
}*/


.maskLoader { 
	position: absolute; 
	z-index: 2; 
	display: block; 
	width: 100%; 
	height: 100%; 
	background-color: white;
}
.loader {
    border: 15px solid #ECECEC; 
    border-top: 15px solid #6163A1; 
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 3s linear infinite;
    
    position: absolute;
    top:175px;
    left: 50%;
    margin-left: -75px;
    margin-top: -60px;
    z-index: 2;
}

p.loadingMessage {    
	position: absolute;
	z-index: 2;
    top:175px;
    text-align: center;
    width: 100%;
    display: block;
    color: #cccccc;
    text-transform: uppercase;
    vertical-align: middle;
    font-size: .875rem
}
.mainPanel .loader,
.mainPanel p.loadingMessage  { top:120px; }

p.loadingMessage:after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    -moz-animation: ellipsis 2s infinite;
    content: "\2026"; /* ascii code for the ellipsis character */
}
@-moz-keyframes ellipsis {
    from {
        width: 2px;
    }
    to {
        width: 15px;
    }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


.regionSearchForm { min-height: 15vh }
/* Customize the label (the radioCheck) */
.radioCheck {
	display: block;
	position: relative;
	padding-left: 65px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	line-height: 42px;
}
.radioCheck small.instructions { display: inline-block; line-height: normal !important }

/* Hide the browser's default checkbox */
.radioCheck input {
  position: absolute;
  cursor: pointer;
  height: 42px;
  width: 42px;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 1px;
	left: 0;
	height: 42px;
	width: 42px;
	background-color: #fefefe;
	border: 1px solid #cacaca;
	border-radius: 3px;
	
	-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
	box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
}

/* On mouse-over, add a grey background color */
.radioCheck:hover input ~ .checkmark {
	background-color: #fefefe;
	-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.3);
	box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.3);
}
.radioCheck:hover input:checked ~ .checkmark {
 	outline-width: 3px; 
	outline-style: solid;  
	outline-color: #ffbf47;
	border-radius: 0 0 0 0;
}
/* When the checkbox is checked, add a blue background */
.radioCheck input:checked ~ .checkmark {
	background-color: #ffffff;
}

.radioCheck input:disabled ~ .checkmark {	
	border:none
}


/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.radioCheck input:checked ~ .checkmark:after {
	display: block;
}


/* Style the checkmark/indicator */
.radioCheck .checkmark:after {
	left: 15px;
	top: 5px;
	width: 10px;
	height: 22px;
	border: solid #376D7E;
	border-width: 0 5px 5px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
} 


/* callout */

.callout {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, 0.25);
  border-radius: 3px;
  background-color: white;
  color: #0a0a0a; }
  .callout > :first-child {
    margin-top: 0; }
  .callout > :last-child {
    margin-bottom: 0; }
  .callout.primary {
    background-color: #def2f8;
    color: #0a0a0a; }
  .callout.secondary {
    background-color: #fcfcfc;
    color: #0a0a0a; }
  .callout.alert {
    background-color: #fcd6d6;
    color: #0a0a0a; }
  .callout.success {
    background-color: #e6f7d9;
    color: #0a0a0a; }
  .callout.warning {
    background-color: #fff3d9;
    color: #0a0a0a; }
  .callout.body-font {
    background-color: #dedede;
    color: #0a0a0a; }
  .callout.header {
    background-color: #dedede;
    color: #0a0a0a; }
  .callout.small {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem; }
  .callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem; }

.text-center {
  text-align: center; }


/* generic responsive classes */
.mobileOnly { display:none }


/* Gov delivery reset */
#scopedByScopedPolyfill_1 #scopedByScopedPolyfill_1 #prefix-overlay-outer input[type="submit"], #scopedByScopedPolyfill_1 #scopedByScopedPolyfill_1 #prefix-overlay-outer button.prefix-big {
	background: #454483!important;
	color:#fff!important;
	border:2px solid #454483;
	text-decoration: none!important;
}
#scopedByScopedPolyfill_1 #scopedByScopedPolyfill_1 #prefix-overlay-outer input[type="submit"]:hover, #scopedByScopedPolyfill_1 #scopedByScopedPolyfill_1 #prefix-overlay-outer button.prefix-big:hover {
	background: #3F3E79!important;
	border-color:#3F3E79;
}