iframe body{background: none !important;}

/* Fonts */
@font-face {
    font-family: 'OpenSans';
    src: url('/Fonts/OpenSans.eot'); /* IE9 Compat Modes */
    src: url('/Fonts/OpenSans.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Fonts/OpenSans.woff') format('woff'), /* Modern Browsers */
    url('/Fonts/OpenSans.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('/Fonts/OpenSans.svg#svgOpenSans') format('svg'); /* Legacy iOS */
}

/* Compatability for HTML 5 */
header,section,footer,aside,nav,article,figure{display:block}

/* Default styles */
html,body{margin:0; padding:0;}
body{background: #fff; font-family: OpenSans, Arial, sans-serif; font-size: 12pt; font-style:normal; line-height:normal; font-weight:400; font-variant:normal; text-transform:none; color:#231f20; text-decoration:none; width:100%;}
img{border:none; display:block}
a img{border:none; border-width:0;}
h1{font-weight:lighter; font-size:2.8em; margin:0px 0px 20px 0;}
h2{font-weight:lighter; font-size:2em; margin:20px 0px 5px 0;}
h3{font-weight:lighter; font-size:1.4em; margin:20px 0px 5px 0;}
h4{font-weight:lighter; font-size:1.2em; margin:15px 0px 5px 0;}
a{color:#000;}

.ClearFix{clear:both;}
.FloatLeft {float:left}
.FloatRight {float:right}
.LargeTopMargin{margin-top: 65px;}
.SmallTopMargin{margin-top: 10px;}
.MediumTopMargin{margin-top: 30px;}
.SmallBottomMargin{margin-bottom: 10px;}
.Hidden{display:none;}
.CentreText{text-align:center;}

/*Top Bar CSS*/
.site-controls {color: #231f20 !important;width: 100%;height:auto !important; background-color: transparent !important;}
/*.site-controls-inner {overflow: auto;}*/
.site-controls-inner .right-container {float:right;}
.small-font-link {color:#231f20 !important;}
.medium-font-link{color:#231f20 !important;}
.large-font-link{color:#231f20 !important;}
.font-size .button-text{font-size:0.75em;}
.right-container .accessibility-button {margin-right:15px;}
.right-container .accessibility-button a{color:#231f20 !important; font-size:.75em;}
.right-container .font-size{margin-right:20px; display: none !important;}
.language-selector{max-width:150px;}
.goog-te-gadget-simple{width:100%;background-color:#231f20 !important;border-style:hidden !important;padding:0px !important;}
.goog-te-gadget-simple .goog-te-menu-value span {color:#231f20 !important;}
.goog-te-gadget-icon{float:left;}
.language-selector img{display:inline-block;}
.goog-te-gadget img{display:none;}
.goog-te-menu-value{color:#ffffff !important;}
.goog-te-gadget{font-size:0em !important;}
.goog-te-gadget span{display:none !important;}

.scroll-top {position: fixed; font-size: 1.6em; bottom: 25px; right: 20px; display: none; cursor: pointer;}
.scroll-top img{width: 50px;}
.scroll-top i {display: inline-block; color: #FFFFFF;}

/* Side Menu */
.ArchiveMenu {z-index: 999999; position: fixed; right: 0;}
#SideMenuToggle {/* Stop user selecting the text */-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;
-moz-user-select: none;  cursor: pointer; float: right; height: 29px; margin-top: 25px; overflow: hidden; margin-right: 5px;}
#SideMenuToggle > span {vertical-align: top; color:#000; margin-right: 5px;}
#SideMenuToggle > img {display: inline-block;}
.SideMenuToggle {cursor:pointer; text-align:center;}
.menu-direction {display:none;}
#side-menu {display:none; background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0; height: 100%; margin-top: 60px; position: absolute; right: 0; width: 100%; z-index: 99999999;}
#side-menu-inner{overflow:auto; padding:0 5%;}
#side-menu-inner ul li {margin-bottom: 5px;}

#Page{width:100%;background:#fff; height:100%; min-height:100%;} 
#PageTop {width: 100%; clear: both; /*position: fixed; border-bottom: 1px solid #000; */background: rgba(255,255,255,0.9); z-index: 99999;}
#PageBottom {width: 100%; clear: both; overflow: auto; /*padding-top: 163px;*/}

.ColouredLineBreak {height:20px; width:100%; background: rgba(0, 0, 0, 0) url("/design/ColouredLineBreak.jpg") repeat-x scroll 0 0;}

/************** Header Styling *******************/
.Header{width: 100%;clear:both; margin: 0 0 20px;}
.Header-Inner {margin: 0 auto; max-width: 1100px; overflow: auto; padding: 20px 5% 0;width: 90%;} 
.Logo {float: left; overflow: auto;}
.Logo img{width:100%; max-width: 300px;} 
.Header-Right {float: right; overflow: auto; padding-top: 10px;}
.HeaderMenu {overflow: auto;}

/************** Nav Row Styling ******************/
.NavRow{clear: both;width: 100%; margin-bottom:10px; display: none;}
.Nav-Row-Inner {margin: 0 auto;max-width: 900px; width: 90%;}

/************** Main Nav Styling *****************/
.nav-toggle {display: none;}
ul.menu{list-style:none;margin:0;float:right; padding-top:35px; padding-left: 0;}
ul.menu *{margin:0;padding:0}
ul.menu a {color: #231f20 ;display: block; font-weight: bold;text-align: center;text-decoration: none; text-transform:uppercase;}
ul.menu li {float:left; margin-right: 35px;}
ul.menu li:last-child {margin-right: 0;}
ul .sub-menu {background: #9e9fa3; display: none; list-style: outside none none; padding: 10px; position: absolute; width: 200px; z-index: 999;}
.success-sub-menu {width: 250px !important;}
ul .sub-menu  li {margin-bottom: 5px; margin-right: 0; width:100%;}
ul .sub-menu  li a {text-align: left; color: #fff; font-size: .8em;}
.aboutusli:hover .aboutus-sub-menu{display: block;}
.solutionsli:hover .products-sub-menu{display: block;}
.successli:hover .success-sub-menu{display: block;}
ul.menu ul li ul li{margin-top:0px;}
ul.menu ul ul{left: 100%;top: 0px}

/*************************** Home Page Styling ****************************/
/*************************** Home Page Styling ****************************/
/*************************** Home Page Styling ****************************/
/*************************** Home Page Styling ****************************/
/*************************** Home Page Styling ****************************/
/*************************** Home Page Styling ****************************/

/* Home Video */
#HomeVideo {width: 100%; height: auto; background:url('/video/UK_Map_1920.png') no-repeat center; background-size: 100% auto;}
.stopfade {opacity: .5;}
.MuteHomeVideo {position: absolute; bottom: 10px; right: 10px; background:url('/video/MuteIcon.png') no-repeat center; background-size:32px; border:0; width:32px; height:32px; text-indent:-999px; z-index: 9999;}
.UnMuteHomeVideo {position: absolute; bottom: 10px; right: 10px; background:url('/video/UnMuteIcon.png') no-repeat center; background-size:32px; z-index: 9999;}

/*********** Activity Section Styling **************/
.ActivitySection {clear: both; margin: -5px auto 0; width: 100%; overflow:auto; background: #e7e7e8; border-top: 10px solid #9e9fa3;}
.ActivitySectionInner{width:90%; max-width:900px; margin:0 auto; overflow:auto; padding: 20px 5%;}
.ActivitySectionContent {width: 100%;}
.ActivitySectionContent ul {padding: 0; margin: 0; list-style: none;}
.ActivitySectionContent ul li {float: left; width: 25%; text-align: center;}
.ActivitySectionContent ul li span {font-size: 1.2em; font-weight: bold;}
.ActivitySectionContent ul li img {margin: 0 auto; max-width: 55px; width: 100%;}

/********** Register Button *********************/
.RegisterButtonSection {width: 100%; overflow: auto; clear: both;}
.RegisterButtonSectionInner {width: 90%; padding: 20px 5%; max-width: 1100px; margin: 0 auto;}
.RegisterButtonSectionInner a {text-decoration: none;}
.RegisterButton {width: 100%; margin: 0 auto;font-size: 2em;background: #2bb673; box-shadow: 5px 3px 10px #9e9fa3; color: #fff; text-align: center; padding: 10px 0; cursor: pointer;}

/*Counter Terrorism Video Section*/
.counterterrorism {max-width: 1100px; height: 100%; max-height: 550px; width: 90%; margin: 0 auto; padding-bottom: 25px; margin-top: 10px;}
.counterterrorism h3 {padding-top: 10px;}
.homepagevideo iframe {width: 75%; max-width: 880px; float: left;}
/*.imagesright img {width: 100%; max-width: 220px; margin-top: -10px; padding: 0px;}*/
.counterimage1 img{max-width: 170px; width: 100%; margin: 0 auto;}
.counterimage2 img {max-width: 160px; width: 100%; margin: 0 auto;}
.imagesright {width: 20%; max-width: 220px; float: right; height: 100%; max-height: 400px;}
.imagesright p {margin-top: 0px;}
#hr1 hr {max-width: 1100px; width: 100%;}
.counterterrorismband {width: 100%; background-color: #e7e7e8; margin-top: 20px; display: block; overflow: auto; padding-bottom: 25px;}

/* Home Products Section */
.HomeProductsSection {width: 100%; clear: both; overflow: auto;}
.HomeProductsSectionInner{width:90%; max-width: 1100px; margin:0 auto; overflow:auto; padding:25px 25px 0px 25px 5%; margin-top: 25px;}
.HomeProductsSectionInner h2{text-align: center; text-shadow: 1px 1px 5px #9e9fa3;}

.HomeProductsBlocks {width: 100%; clear: both; overflow: auto;}
.ProductBlock {width: 33.33%; float: left; margin-bottom: 50px;}
.ProductBlock a{text-decoration: none;}
.ProductBlockInner {margin: 0 10px}
.ProductBlockImage {box-shadow: 5px 3px 10px #9e9fa3;}
.ProductBlockImage img {height: 200px; width: 100%;}
.ProductBlockHeader {width: 100%; clear: both; overflow: auto; margin-top: 10px;}
.ProductBlockText {width: 100%; clear: both; overflow: auto; font-size: .8em;}

/* Home Public Sector Section */
.HomePublicSectorSection {width: 100%; clear: both; overflow: auto;}
.HomePublicSectorSectionInner{width: 100%; margin:0 auto; overflow:auto; padding:25px 0;}
.HomePublicSectorSectionHeader {background: #e7e7e8; padding: 15px 0; text-align: center; margin: 0; text-shadow: 1px 1px 5px #9e9fa3;}
/*.HomePublicSectorSectionHeader h2{text-align: center; margin: 0; text-shadow: 1px 1px 5px #9e9fa3;}*/

.PublicSectorBlock {width: 25%; float: left; position: relative;}
.PublicSectorBlock a{color: #fff; text-decoration: none;}
.PublicSectorBlockInner {margin: 0 10px}
.PublicSectorBlockImage {display: block;  width: 100%;  height: auto;}
.PublicSectorBlockImage img {width: 100%;}
.PublicSectorBlockContent {position: absolute; left: 0; top: 0; color: #fff; text-align: center; width: 90%; padding: 5% 5% 0;}
.PublicSectorBlockContentFadeIn {position: absolute; left: 0; top: 0; color: #fff; text-align: center; width: 90%; padding: 5% 5% 0; opacity:0;}
.PublicSectorBlockHeader {width: 100%; clear: both; overflow: auto; margin-top: 10px;}
.PublicSectorBlockText {width: 100%; clear: both; overflow: auto;}
.PublicSectorBlockOverlay {position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  height: 100%;  width: 100%;  opacity: 0;  transition: .5s ease;  background-color:rgba(0,0,0,0.6);}
.PublicSectorBlock:hover .PublicSectorBlockOverlay {opacity: 1;}
.PublicSectorBlock:hover .PublicSectorBlockContent {opacity: 0;}
.PublicSectorBlock:hover .PublicSectorBlockContentFadeIn {opacity: 1;}

/* Home Private Sector Section */
.HomePrivateSectorSection {width: 100%; clear: both; overflow: auto;}
.HomePrivateSectorSectionInner{width:90%; max-width: 1100px; margin:0 auto; overflow:auto; padding:25px 5%;}
.HomePrivateSectorSectionInner h2{text-align: center; text-shadow: 1px 1px 5px #9e9fa3;}

.HomePrivateSectorSectionHeader {background: #e7e7e8; padding: 15px 0; text-align: center; margin: 0; text-shadow: 1px 1px 5px #9e9fa3;}

.HomePrivateSectorBlocks {width: 100%; clear: both; overflow: auto;}
.HomePrivateSectorBlocks-r1 {width: 100%; clear: both; overflow: auto; margin-bottom: 20px;}
.HomePrivateSectorBlocks-r2 {width: 100%; clear: both; overflow: auto;}

.PrivateSectorBlock {width: 50%; float: left;}
.PrivateSectorBlock a{text-decoration: none;}
.PrivateSectorBlockInner {margin: 0 10px}
.PrivateSectorBlockImage {box-shadow: 5px 3px 10px #9e9fa3;}
.PrivateSectorBlockImage img {/*height: 200px; */width: 100%;}
.PrivateSectorBlockHeader {width: 100%; clear: both; overflow: auto; margin-top: 10px;}
.PrivateSectorBlockText {width: 100%; clear: both; overflow: auto; font-size: .8em}

/*************Latest Alerts Section *******************/
.AlertsSection {clear: both;margin: 0 auto; width: 100%; overflow:auto;}
.AlertsSectionHeader {background: #e7e7e8; padding: 15px 0; margin-bottom: 30px; text-align: center; margin: 0; text-shadow: 1px 1px 5px #9e9fa3;}
/*.AlertsSectionHeader h2{text-align: center; margin: 0; text-shadow: 1px 1px 5px #9e9fa3;}*/
/*.AlertsSectionInner{width:90%; max-width:1100px; margin:0 auto; overflow:auto; padding: 0 5%;}*/
.AlertsSectionInner{width:100%; margin:0 auto; overflow:auto;}
.AlertsSectionContent {width: 100%;}

/* Latest Alerts */
.latest-alerts-feed {overflow: auto;}
#latest-alerts li {list-style:none;width: 20%; float:left; min-height: 150px; margin-bottom: 20px;}
#latest-alerts .alert-box  {padding: 0 10px;}
#latest-alerts .alert-box a   {text-decoration:none;}
#latest-alerts .message-content {height:120px;}
#latest-alerts .alert-subject {color: #333; font-size: 1em; /*height:20px;*/overflow: auto;margin-bottom:5px; /*text-decoration:underline !important;*/ text-align:left; }
#latest-alerts .alert-ipName{font-size:9pt; height:15px; font-style:italic; margin-bottom:5px; color:#222; float:left; margin-right:5px; padding-right:5px;}
#latest-alerts .alert-date {font-size:9pt; height:15px; font-style:italic;  color:#222; float:left;}
#latest-alerts .alert-content {font-size: 9pt; height: 68px; overflow:hidden; white-space:pre-line;}
#latest-alerts .message-type {float: left;height: 65px;margin-right: 5px;width: 65px;}

.LatestAlertPage  #latest-alerts li {padding: 2% 0; width: 100%;}
.ViewMoreAlerts {padding: 10px 0 2%; text-align: center; width: 100%;}

.DiscussTerms{font-size: .8em !important;}
.DiscussText{font-size: .8em !important;}

.ShowMoreAlerts {text-align:right;}
.ShowMoreAlerts a {text-decoration: none; font-size:.8em;}

/*Simple Sign Up CSS */
.SignUpSection {width: 100%; clear: both; overflow: auto;}
.SignUpSection{width:90%; max-width: 1100px; margin:0 auto; overflow:auto; padding:25px 5%;}
.SignUpSection  h2 {text-align: center;}
.SignUpSection  h3 {display: none;}
.SignUpSectionHeader {background: #e7e7e8; padding: 15px 0; text-align: center; margin: 0; text-shadow: 1px 1px 5px #9e9fa3;}
/*.SignUpSectionHeader h2{text-align: center; margin: 0; text-shadow: 1px 1px 5px #9e9fa3;}*/


#simpleSignup {width:90%; padding: 0 5%; color:#000; max-width: 900px; margin: 0 auto;}
#simpleSignup input {font-size: 18px !important;}
#simpleSignup div {max-width:100%; overflow:hidden !important;}
#simpleSignup span {font-size:8pt !important;}
#firstName{width:95%; border-radius:3px; border:1px solid #000; height:30px; padding-left:2%; margin:10px 0;text-transform:capitalize;}
#surname{width:95%; border-radius:3px; border:1px solid #000; height:30px; padding-left:2%; margin:10px 0;text-transform:capitalize;}
#postcode{width:95%; border-radius:3px; border:1px solid #000; height:30px; padding-left:2%; margin:10px 0; text-transform:uppercase !important;}
#email{width:95%; border-radius:3px; border:1px solid #000; height:30px; padding-left:2%; margin:10px 0;}
#tnc{margin-bottom:15px !important; font-size:.8em !important; margin-right: 5px !important; float: left !important; max-width: 20px !important;}
#simpleSignup span {font-size:.8em !important;}
#reCapthaElm {width: 100%; max-width: 304px !important; margin: 0 auto;}
#simpleSignup button {width: 90% ; background: #d2232a; color: #fff; padding: 20px 5%; font-size: 20pt; display: block; cursor: pointer; max-width: 500px; margin: 20px auto !important; border: 0; box-shadow: 5px 3px 10px #9e9fa3;}
.AgreeTerms {background: #f9f9f9 none repeat scroll 0 0 !important; border: 1px solid #d3d3d3 !important; color: #000 !important; padding: 13px 2% 0px !important; width:96% !important; max-width: 305px !important; margin:0 auto !important; font-size: 9pt !important;border-radius: 3px !important; box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.08) !important;}
.AgreeTerms a {color: #000 !important;}
#joinForm {padding-bottom: 11px;}
.AgreeTerms div {padding-left: 10px;}
.AgreeTerms input {margin: 0px !important;}
@media screen and (max-width: 629px) {#reCapthaElm {margin: 0 auto;width: 303px;}}
@media screen and (max-width: 399px) {#reCapthaElm {width:auto;}}
.errorBox {border:2px solid #9C1113 !important;}
.errorCheckbox {color:#ff0000;}
.errorCheckbox a {color:#ff0000;}

#simpleSignup input#postcode {
    width: 95% !important;
    text-transform: uppercase;
}

@media screen and (max-width: 992px) {
	#firstName {
		font-size: 16px;
		-webkit-appearance: none;
	}
	#surname {
		font-size: 16px;
		-webkit-appearance: none;
	}
	#postcode {
		font-size: 16px;
		-webkit-appearance: none;
	}
	#email {
		font-size: 16px;
		-webkit-appearance: none;
	}
}

/*************Social Section *******************/
.SocialSection {clear: both;margin: 0 auto; width: 100%; overflow:auto;}
.SocialSectionInner {margin: 0 auto; max-width: 1000px; overflow: auto; padding: 25px 5%; width: 90%;}
.socialsectionbelow {margin: 0 auto; max-width: 1000px; overflow: auto; padding: 0px 25px 25px 25px 5%; width: 90%;}
.SocialFacebook {width: 100%; float: left; max-width: 450px; margin-right: 100px;}
.SocialTwitter1 {width: 100%; float: left; max-width: 450px; margin-right: 0px;}
.SocialTwitter2 {width: 100%; float: left; max-width: 300px;}
#NewRegMap {width:1000px; max-width: 1000px; height:650px; border: 0 !important;}
#NewRegMap p {width: 100%; max-width: 1000px;}

/*************Testimonials Section *******************/
.TestimonialSection {clear: both;margin: 0 auto; width: 100%; overflow:auto;}
.TestimonialSectionHeader {padding: 15px 0; margin: 0; /*border-top: 10px solid #9e9fa3;*/}
.TestimonialSectionHeader h2{text-align: center; margin: 0; text-shadow: 1px 1px 5px #9e9fa3;}
.TestimonialSectionInner {margin: 0 auto; max-width: 1100px; overflow: auto; padding: 0 5%; width: 90%;}
/*
.TestimonialLeft {width: 10%; margin-right: 2.5%; float: left;}
.TestimonialText {width: 75%; margin-right: 2.5%; float: left;}
.TestimonialRight {float: left; width: 10%;}
*/
/************ Partners Section Styling **************/
.PartnersSection {clear: both; margin: 0 auto; width: 100%; overflow: auto;}
.PartnersSectionInner{background:#fff; width:90%; max-width: 1100px; margin: 20px auto; overflow:auto; padding: 25px 5%;}
/**************************************************/

.TopBanner {Width: 100%; position: relative; clear: both;}
.TopSection{width:100%; margin:0 auto; overflow:auto;}

@media screen and (max-width: 1280px) {
	#HomeVideo {background:url('/video/UK_Map_1280.png') no-repeat center; background-size: 100% auto;}
}
@media screen and (max-width: 768px) {
	#HomeVideo {background:url('/video/UK_Map_768.png') no-repeat center; background-size: 100% auto;}	
}
@media screen and (max-width: 480px) {
	#HomeVideo {background:url('/video/UK_Map_480.png') no-repeat center; background-size: 100% auto;}	
}

/******** Homepage Map Styling *************/
.RegistrationMap {border: 0px;}
.col-sm-6 .text-right .hidden-print{display: none !important;}

/************** Bottom Menu Styling **************/
.BottomMenu{width:100%;margin:0 auto; clear:both; background:#e7e7e8;}
.BottomMenuInner{max-width: 1100px; width: 90%; margin: 0 auto; overflow:auto; padding: 25px 0;}
.BMenuContainer {float: left; width: 470px;/*was 510*/font-size: 15px;}
.BottomMenu ul {list-style: outside none none; margin: 0; padding: 0;}
.BottomMenu ul li a {color: #818285; font-family: arial; font-size: 0.8em; text-decoration: none;}
.BMenu-1 > ul {float: left; margin-right: 75px;}
.BMenu-2 > ul {float: left; margin-right: 75px;}
.BMenu-3 > ul {float: left;}
.BottomLogos {float: right; width: 420px;/*was 385px*/ font-size: .8em;}
.BottomLogosText {overflow: auto; clear: both; text-align: center; margin-bottom: 10px;}
.BottomLogosImages {overflow: auto; float: right;}
@media screen and (max-width: 1129px) {
	.SocialSectionInner {max-width: 650px;}
	.SocialTwitter1 {margin-right: 0; margin-bottom: 50px;}
	.SocialTwitter2 {max-width: 100%;}
	#NewRegMap {width: 100%;}
}
@media screen and (max-width: 979px) {
	.BMenuContainer {width: 355px; font-size:14px;}
	.BMenu-1 > ul {margin-right: 40px;}
	.BMenu-2 > ul {margin-right: 40px;}
}
@media screen and (max-width: 859px) {
	.BMenuContainer {width: 325px; font-size: 13px;}
	.BMenu-1 > ul {margin-right: 20px;}
	.BMenu-2 > ul {margin-right: 20px;}
	.BottomLogos {width: 325px; font-size: .675em;}
}
@media screen and (max-width: 739px) {	

	.SocialSectionInner {max-width: 300px;}
	.SocialFacebook {margin-bottom: 50px;}
	.SocialTwitter1 {margin-bottom: 50px;}
	.BMenuContainer {width: 435px;overflow: auto; float: none; margin: 0 auto 20px;}
	.BMenu-1 > ul {margin-right: 40px;}
	.BMenu-2 > ul {margin-right: 40px;}
	.BottomLogos {float: none; overflow: auto; width: 420px; margin: 0 auto; font-size: .8em;}
	.BottomLogosText {text-align: center;}
	.BottomLogosImages {overflow: auto; float: none; margin: 0 auto; width: 100%;/* width: 290px; */}
}
@media screen and (max-width: 659px) {
	.BMenuContainer {width: 415px;}
}
@media screen and (max-width: 499px) {	
	.BMenuContainer {width: 345px; font-size: 14px;}
	.BMenu-1 > ul {margin-right: 20px;}
	.BMenu-2 > ul {margin-right: 20px;}
	.BottomLogos {width: 100%; max-width: 385px;}
}
@media screen and (max-width: 379px) {	
	.BMenu-1 > ul {margin-right: 10px;}
	.BMenu-2 > ul {margin-right: 10px;}
	.BMenuContainer {width: 265px; font-size: .8em;}
}

/************** Footer Styling **************/
.Footer{width:100%;margin:0 auto; clear:both; background:#231f20;}
.FooterInner{max-width: 900px;width: 90%; margin: 0 auto;overflow:auto;padding:10px 0 50px;}
.FooterLogos {width: 100%; max-width: 465px; margin: 20px auto 0; overflow: auto;}
.FooterLogos img {float: left; margin-right: 25px; max-height: 100px;}
.RapportFooterLogo {margin-right: 0 !important;}
/*.SocialSenseFooterLogo {margin-right: 0 !important;}*/
/*********** End of Footer Styling ***********/

/* Make footer stick to bottom of the page regardless of page content 
html, body {height:100%;}
#Page-Inner {min-height: 100%; margin-bottom: -154px;}
#Page-Inner:after {content: "";display: block;}
.Footer, #Page-Inner:after { height: 154px;}*/

/*Placeholder*/
/* WebKit, Blink, Edge */
::-webkit-input-placeholder {color:#ededed; font-size:10pt; /*font-weight:bold; */text-transform:capitalize;}
input:focus::-webkit-input-placeholder {color:transparent;}
/* Mozilla Firefox 4 to 18 */
:-moz-placeholder {color:#ededed; font-size:10pt; opacity:1; /*font-weight:bold; */text-transform:capitalize;}
input:focus:-moz-placeholder {color:transparent;}
 /* Mozilla Firefox 19+ */
::-moz-placeholder {color:#ededed; font-size:10pt;opacity: 1; /*font-weight:bold; */text-transform:capitalize;}
input:focus::-moz-placeholder {color:transparent;}
/* Internet Explorer 10-11 */
:-ms-input-placeholder {color: #ededed; font-size:10pt; /*font-weight:bold; */text-transform:capitalize;}
input:focus:-ms-input-placeholder {color:transparent;}
/* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
:placeholder-shown {color:#ededed; font-size:10pt; /*font-weight:bold; */text-transform:capitalize;}
input:focus:placeholder-shown {color:transparent;}

/************ Latest Alerts Page Styling ************/
.AlertsPage { clear: both; margin: 20px auto; overflow: auto; width: 100%;}
.AlertsPage-Inner { background: #ffffff none repeat scroll 0 0; margin: 0 auto; max-width: 1100px; overflow: auto; padding: 0 5%; width: 90%;}
.AlertsHeader {font-size: 2em; margin: 0 0 20px;}
.AlertsPage-Content #latest-alerts li {margin-right: 0 !important; width: 96% !important;}

/* For Just Content Pages e.g Privacy Policy Page */
.content-page {width:100%; overflow: auto;}
.content-page-inner {width:90%; max-width: 1100px; padding: 20px 5%; overflow: auto; margin:0 auto;}
.content-page h1 {margin-top:0;}
.content-page hr {width: 100%; clear: both; margin: 50px 0;}

.SubWhiteRow {overflow: auto; background: #fff; width: 100%;}
.SubGreyRow {overflow: auto; background: /*#e7e7e8*/#fff; width: 100%;}

.SubLeft30 {width: 30%; overflow: auto; float: left; margin-right: 10%;}
.SubRight70 {width: 60%; overflow: auto; float: left;}
.SubRight70 li {margin-bottom: 20px; list-style: none;}
.SubLeft30 img {width: 100%;max-width: 280px; margin: 0px auto;float: left}

.SubLeft70 {width: 60%; overflow: auto; float: left; margin-right: 10%;}
.SubRight30 {width: 30%; overflow: auto; float: left;}
.SubLeft70 li {margin-bottom: 20px; list-style: none;}
.SubRight30 img {width: 100%;max-width: 280px; margin: 0px auto;float: left}

#RapportOverview {width: 100%; height: auto; background:url('/video/RapportOverview.jpg') no-repeat center; background-size: 100% auto;}

.ConferenceHeader {float: right;}
.ConferenceHeader img {width: 100%; max-width: 600px;}

.SecurePolicePageSection {width:100%; overflow: auto;}
.SecurePolicePageSectionInner {width:90%; max-width: 1100px; padding: 20px 5%; overflow: auto; margin:0 auto;}

/* Contact Page Form */
.content-page table {width:100%;}
.page_contents table {width:100%; max-width:100% !important;}
.content-page input {width:96%; max-width:300px;}
.content-page textarea {width:96%; max-width:450px;}
.content-page table .form_button {float:left;max-width: 300px;width: 96%;text-decoration: none;border-radius: 0;background-color: #f2f0ed ;color: #757575;border-radius: 0;cursor: pointer;display: block;margin-left: auto;
margin-right: auto;padding: 16px 8px;text-align: center; box-shadow:0 0 0 0; border:0px; font-size:14pt;}
@media screen and (max-width: 379px) {#recaptcha_widget_div {overflow: hidden;width: 260px;}}
@media screen and (max-width: 329px) {#recaptcha_widget_div {overflow: hidden;width: 235px;}}

/* SSL */
#cot_tl_pop {background-color: transparent; bottom: 123px; height: 194px; position: fixed; right: 117px; width: 255px;}
#cot_tl_fixed {z-index: 1000;}

/*.box_center hr {display: none !important;}*/
.box_center img {max-width: 100% !important;}


/**************** Mobile CSS ****************/
@media screen and (max-width: 1409px) {	
	.PublicSectorBlockHeader h2 {font-size: 1.6em;}
	.PublicSectorBlockText {font-size: .8em;}
}
@media screen and (max-width: 1229px) {	
	.PublicSectorBlockImage img {min-height: 250px;}
}
@media screen and (max-width: 1089px) {	
	ul.menu li {margin-right: 20px;}
	.ProductBlockImage img {height: 150px;}	
	
	.PublicSectorBlock {width: 50%; height: 275px; overflow: hidden;}
	.PublicSectorBlockImage img {min-height: 0px;}
	.PublicSectorBlockHeader h2 {font-size: 2em;}
	.PublicSectorBlockText {font-size: 1em;}	
	
	.ConferenceHeader {float: right; overflow: auto; clear: both; width: 100%;}
	.ConferenceHeader img {width: 100%; max-width: 600px; float: right;}
}
@media screen and (max-width: 1029px) {	

	.Logo img {max-width: 250px;}
	ul.menu {padding-top: 25px;}
	
	#latest-alerts li {width: 25%;}
}
@media screen and (max-width: 949px) {	
	ul.menu li {margin-right: 15px;}
	.HomeProductsBlocksRow {width: 100%; overflow: auto; clear: both;}
	.ProductBlock {width: 50%; margin-bottom:25px;}
	.ProductBlockImage img {height: 200px;}	
}
@media screen and (max-width: 909px) {	
		
	.right-container .font-size {display:none !important;}
	
	/* Mobile Nav */
	.Header {margin-bottom: 0;}
	.Logo img {max-width: 300px;}
	.HeaderMenu {display: none;}
	.NavRow {bottom: auto;float: right;position: relative;right: auto;width: 100%;display:inline;}	
	.Nav-Row-Inner {overflow: auto;}		
	ul.menu {display:none;float: right;width: 100%; padding-top: 0;}
	ul.menu li {border-right: none; border-bottom: 2px solid #FFF;border-radius:0px; padding: 0; width: 100%; display: inline-block; text-align: center; height:auto; margin-right:0;}
	ul.menu ul li {border-bottom:0px;}
	ul.menu ul li a{font-size:.75em;}
	ul.menu ul li a:before{content:"- "}
	.nav-toggle {-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;
	-moz-user-select: none; display: inline-block; text-align:right; cursor:pointer; width: 100%; font-size: 1.2em; display: block;}
	.nav-toggle > span {vertical-align: top;}
	.nav-toggle > img {display: inline-block;}
	ul .sub-menu {display: block; list-style: outside none none; overflow: auto; position: relative; width: auto; background: transparent; }
	ul .sub-menu li a {color: #000; text-align: center; font-weight: normal; text-transform: none;}
			
	/* Comodo gets in the way */
	#cot_tl_pop, #cot_tl_fixed {display: none;}
}
@media screen and (max-width: 829px) {	
	#latest-alerts li {width: 33.33%;}
	.SubLeft30 {width: 35%;  margin-right: 5%;}
	.SubRight70 {width: 60%;}
	
	.SubLeft70 {margin-right: 5%;}
	.SubRight30 {width: 35%;}
	
}
@media screen and (max-width: 769px) {
	.ProductBlockImage img {height: 150px;}
	.PublicSectorBlock {height: auto;}
}
@media screen and (max-width: 689px) {
	.PublicSectorBlockImage img {min-height: 250px;}
	.PublicSectorBlockHeader h2 {font-size: 1.4em;}
	.PublicSectorBlockText {font-size: .8em;}
	
	.SubLeft30 {width: 100%; margin-right: 0; margin-bottom: 20px;}
	.SubLeft30 img{float: none;}
	.SubRight70 {width: 100%;}
	
	.SubRight30 {width: 100%; margin-right: 0; margin-bottom: 20px;}
	.SubRight30 img{float: none;}
	.SubLeft70 {width: 100%;}
	
}
@media screen and (max-width: 659px) {
	H1,H2 {font-size:2em;}
	.box_center .fb_iframe_widget {display: none !important;}
	.box_center #___plusone_0 {display: none !important;}
	.box_center .twitter-timeline {display: none !important;}
	.DiscussTitle{display: none !important;}
	.DiscussTerms{display: none !important;}
	.DiscussText{display: none !important;}

	.FooterLogos {max-width: 450px;}
	.FooterLogos img {max-height: 75px;}	
	
}
@media screen and (max-width: 599px) {	
	.Logo {width: 100%; margin-bottom: 15px;}
	.Logo img {margin: 0 auto; max-width: 350px; width: 100%;}
	.Header-Right {float: none; overflow: auto; padding-top: 0; width: 100%; margin: 0 auto 15px; max-width: 235px;}
	
	#latest-alerts li {width: 50%; min-height: 120px;}
}
@media screen and (max-width: 529px) {
	.ActivitySectionContent ul li {width: 50%; margin-bottom: 20px;}
	
	.ProductBlock {width: 100%;}
	.ProductBlockImage img {height: auto;}
	
	.PublicSectorBlock {width: 100%; height: 275px; overflow: hidden;}
	.PublicSectorBlockHeader h2 {font-size: 2em;}
	.PublicSectorBlockText {font-size: 1em;}
	
	.PrivateSectorBlock {width: 100%; margin-bottom: 25px;}
	
	.FooterLogos {max-width: 270px;}
	.FooterLogos img {max-height: 100px; margin-bottom: 20px;}
	.TwitterFooterLogo {margin-right: 0 !important;}	
	
	.AlertsPage #latest-alerts .alert-content {height: auto;}
	.PageTitleInner{font-size: 20px !important; height: 40px !important; max-width: 300px !important;}
}
@media screen and (max-width: 499px) {	
	.site-controls-inner {padding-bottom:5px;}
	.right-container {float: none !important; display:block !important; margin: 0 auto;padding-right: 0 !important;width: 235px;}
}
@media screen and (max-width: 379px) {	
	.PublicSectorBlock {height: auto; overflow: hidden;}	
	.PublicSectorBlockImage img {min-height: 310px;}	
}

/************* Old CSS****************/
/* Feature item */
#FeatureItem{background-color:#eaeaea;border-radius:8px}
#FeatureImage img{border-radius:8px}
#FeatureTitle{font-size:.9em;font-weight:700;margin-top:3px}
#Featuredate{font-size:.65em;color:#333!important}
#FeatureContent{font-size:.75em;margin-top:2px}
.WidgetNewsItem{color:#FFF;border-radius:3px;display:inline-block;margin-right:4px;background-color:#18C9D1;font-weight:lighter;font-size:.8em;padding:4px}
.WidgetEventItem{color:#FFF;border-radius:3px;display:inline-block;margin-right:4px;background-color:#9121C9;font-weight:lighter;font-size:.8em;padding:4px}

/* News articles */
iframe[id^=oauth2relay]{position:fixed!important}
.NewsArticle{width:100%;margin:12px 0 8px;padding:0}
.NewsArticle .HeaderHighlightContainer{width:12px;min-height:35px;border:0;border-right-width:2px;border-right-color:#FFF;border-right-style:solid;border-bottom-width:2px;border-bottom-color:#FFF;border-bottom-style:solid;border-top-left-radius:8px;background-color:#014284}
.NewsArticle .HeaderContainer{border:0;border-bottom-width:2px;border-bottom-color:#FFF;border-bottom-style:solid;border-top-right-radius:8px;background-color:#d8e2e5;margin:0;padding:8px}
.NewsArticle .HeaderContainer h4{font-size:14pt;font-weight:lighter;margin:0;padding:0}
.NewsArticle .BodyContent{color:#231f20;vertical-align:top;background-color:#fafafa;padding:20px}
.WidgetNoticeItem{color:#FFF;border-radius:3px;display:inline-block;margin-right:4px;background-color:#77b034;font-weight:lighter;font-size:.8em;padding:4px}

/* Article Archive */
.ArchiveYear{font-size:3em;font-weight:lighter;margin-top:20px;margin-bottom:5px;color:#999}
.ArchiveMonth{font-size:2em;font-weight:lighter;margin-top:8px;color:#333;border-bottom:1px solid #999;padding:5px}
.ArchiveTitle{font-size:1.1em;font-weight:lighter;color:#333;border-bottom:1px solid #999;background-color:#f6f6f6;padding:5px}
.ArchiveTitle a{color:#333;text-decoration:none}
.ArchiveTitle a:hover{color:#333}
.ArchiveTitle:hover{color:#333!important;background-color:#eaeaea}
.ArchiveDate{font-size:.7em;font-weight:lighter;float:right}

/* Jobs section */
.JobRowHighlight{background-color:#eaeaea;border-bottom:1px solid #999;font-size:.8em;padding:5px}
.JobRow{border-bottom:1px solid #999;font-size:.8em;padding:5px}
.SmallJobCol{float:left;width:100px}
.MediumJobCol{float:left;width:190px}
.MediumJobCol.JobHeader,.SmallJobCol.JobHeader{font-weight:700;font-size:1.2em!important}
.JobDetailsContainer{width:98%;float:left;clear:both;border:1px solid #999;border-radius:8px;padding:10px}
.JobMoreInfoButton{width:180px;height:20px;text-align:center;display:block;background-color:#eaeaea;border-radius:8px;text-decoration:none;color:#231f20;padding:10px}
.JobMoreInfoButton:hover{background-color:#999;color:#FFF}

/* HTML Tag Cloud */
#htmltagcloud{background-color:#f2f0ed !important;border-radius:0px !important;;border-color:#f2f0ed !important;border-style:solid;border-width:2px}
#htmltagcloud ul{font-size:9pt;letter-spacing:normal;list-style-type:none;text-decoration:none;text-indent:0;text-transform:none;margin:0}
#htmltagcloud li{float:left}
#htmltagcloud ul li a{line-height:1.4em;text-decoration:none;margin:0}
ul li a.tagcloud1{color:#8FB4EC;font-size:1em;padding:4px}
ul li a.tagcloud1:hover{background-color:#8FB4EC;color:#FFF}
ul li a.tagcloud2{color:#9FBEED;font-size:1em;padding:4px}
ul li a.tagcloud2:hover{background-color:#9FBEED;color:#FFF}
ul li a.tagcloud3{color:#97B5E1;font-size:1em;padding:4px}
ul li a.tagcloud3:hover{background-color:#97B5E1;color:#FFF}
ul li a.tagcloud4{color:#7E9ECE;font-size:1em;padding:4px}
ul li a.tagcloud4:hover{background-color:#7E9ECE;color:#FFF}
ul li a.tagcloud5{color:#6F93C8;font-size:1.2em;padding:4px}
ul li a.tagcloud5:hover{background-color:#6F93C8;color:#FFF}
ul li a.tagcloud6{color:#6186BC;font-size:1.2em;padding:4px}
ul li a.tagcloud6:hover{background-color:#6186BC;color:#FFF}
ul li a.tagcloud7{color:#4571B3;font-size:1.2em;padding:4px}
ul li a.tagcloud7:hover{background-color:#4571B3;color:#FFF}
ul li a.tagcloud8{color:#335D9C;font-size:1.2em;padding:4px}
ul li a.tagcloud8:hover{background-color:#335D9C;color:#FFF}
ul li a.tagcloud9{color:#2C5591;font-size:1.3em;padding:4px}
ul li a.tagcloud9:hover{background-color:#2C5591;color:#FFF}
ul li a.tagcloud10{color:#254980;font-size:1.5em;padding:4px}
ul li a.tagcloud10:hover{background-color:#254980;color:#FFF}
ul li a.tagcloud11{color:#1F4072;font-size:1.5em;padding:4px}
ul li a.tagcloud11:hover{background-color:#1F4072;color:#FFF}
ul li a.tagcloud12{color:#142D53;font-size:1.6em;padding:4px}
ul li a.tagcloud13{color:#142D53;font-size:1.7em;padding:4px}
ul li a.tagcloud14{color:#142D53;font-size:1.8em;padding:4px}
ul li a.tagcloud12:hover,ul li a.tagcloud13:hover,ul li a.tagcloud14:hover{background-color:#142D53;color:#FFF}

/* Style for single tabbed alerts */
.single-alert-archive #AlertTab1{display:none;margin-left:0!important}
.single-alert-archive .AlertOptionTab,.single-alert-archive .AlertOptionTabOff{font-size:12pt;font-weight:700;border-bottom:1px solid #FFF;-webkit-border-top-left-radius:7px;-webkit-border-top-right-radius:7px;-moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;border-top-left-radius:7px;border-top-right-radius:7px;width:22%;margin-left:8px;cursor:pointer;border-color:#ECEDED;border-style:solid;border-width:1px 1px 0 2px;padding:6px 11px 4px}
.single-alert-archive .AlertOptionTabOff{background:#ECEDED;color:#58585A}
.single-alert-archive .AlertOptionTab{color:#58585A;background:#FFF;position:relative;-webkit-box-shadow:0 -1px 2px rgba(0,0,0,0.2);-moz-box-shadow:0 -1px 2px rgba(0,0,0,0.2);box-shadow:0 -1px 2px rgba(0,0,0,0.2);z-index:90}
.single-alert-archive .AlertSubject a:hover{text-decoration:underline}
.single-alert-archive .AlertSubject a{color:#FFF;text-decoration:none}
.single-alert-archive .AlertSubject{margin-top:0;font-size:10pt;font-weight:lighter;margin-left:10px!important;width:75%}
.single-alert-archive .ArchiveLink:hover{color:#FFF;background-color: #999;}
.single-alert-archive .ArchiveLink{text-decoration:none;background-color:#005c9a;color:#fff;display:inline-block;text-align:right;float:right;height:20px;padding:0 10px;font-size:1.1em;}
.single-alert-archive .CalendarDay{color:#231f20;text-align:center;font-weight:bolder}
.single-alert-archive .CalendarIcon{background-image:url(/admin/images/CalendarLong.png);background-repeat:none;height:55px;width:45px}
.single-alert-archive .CalendarMonth{color:#FFF;padding-top:5px;padding-left:7px;font-size:7pt;font-weight:bolder}
.single-alert-archive .CalendarTime{color:#666!important;font-weight:lighter}
.single-alert-archive .CentreText{text-align:center}
.single-alert-archive .Hidden,.single-alert-archive #AlertTab2,.single-alert-archive #AlertTab3{display:none}
.single-alert-archive .LatestAlertBgOn.SmallColumnContainer{margin-top:-4px}
.single-alert-archive .LatestAlertContent{position:relative;top:-3px;z-index:2;margin-top:2px}
.single-alert-archive .MessageType{font-weight:bolder}
.single-alert-archive .NewsIcon{margin-top:0;width:45px}
.single-alert-archive .NewsItem a{text-decoration:none;color: #FFF;}
.single-alert-archive .NewsItem{width:100%;display:inline-block;vertical-align:top;padding:5px 0 10px!important}
.single-alert-archive .SentByText{padding-top:2px}

/* Show tabbed alerts widget */
.tabbed-alert-archive #AlertTab1{margin-left:0!important}
.tabbed-alert-archive .AlertOptionTab,.tabbed-alert-archive .AlertOptionTabOff{border-top-left-radius:7px;border-top-right-radius:7px;cursor:pointer;font-size:12pt;font-weight:700;margin-right:5px!important;width:25%;height:20px;border-color:#eceded #eceded #fff;border-style:solid;border-width:1px 1px 1px 2px;padding:10px}
.tabbed-alert-archive .AlertOptionTab:after,.tabbed-alert-archive .AlertOptionTabOff:after{content:" Alerts"}
.tabbed-alert-archive .AlertOptionTabOff{background:none repeat scroll 0 0 #d7d7d7;color:#545353}
.tabbed-alert-archive .AlertOptionTab{background:none repeat scroll 0 0 #1193c7;box-shadow:0 -1px 2px rgba(0,0,0,0.2);color:#fff!important;position:relative;z-index:90}
.tabbed-alert-archive .AlertSubject a:hover{text-decoration:underline}
.tabbed-alert-archive .AlertSubject a{color:#0067a2!important;text-decoration:none}
.tabbed-alert-archive .AlertSubject{color:#2d6795;font-size:9pt;font-weight:700;margin-left:10px!important;width:65%}
.tabbed-alert-archive .ArchiveLink:hover{text-decoration:none}
.tabbed-alert-archive .ArchiveLink{background:url(/design/alerts-arrow.png) no-repeat scroll right center transparent;color:#fff;display:inline-block;font-weight:700;height:19px;text-decoration:none;float:right;padding:10px 42px 10px 10px;}
.tabbed-alert-archive .CalendarDay{color:#231f20;font-weight:bolder;margin-top:2px;text-align:center}
.tabbed-alert-archive .CalendarIcon{background-image:url(/admin/images/CalendarLong.png);background-repeat:no-repeat;height:55px;padding-bottom:10px;width:45px}
.tabbed-alert-archive .CalendarMonth{color:#fff;font-size:7pt;font-weight:bolder;padding-left:7px;padding-top:6px}
.tabbed-alert-archive .CalendarTime{color:#666!important;font-weight:lighter}
.tabbed-alert-archive .LatestAlertBgOff.SmallColumnContainer{background-color: #1193c7;border-bottom:2px solid #eceded;border-bottom-left-radius:7px;border-bottom-right-radius:7px;margin-left:2px;margin-top:0;float:left;width:100%;}
.tabbed-alert-archive .LatestAlertBgOn.SmallColumnContainer{margin-top:-4px}
.tabbed-alert-archive .LatestAlertContent{background:none repeat scroll 0 0 #1193c7;border-top-left-radius:7px;border-top-right-radius:7px;box-shadow:0 -1px 0 rgba(0,0,0,0.2);color:#58585a;margin-top:2px;padding-bottom:10px;padding-top:20px;position:relative;width:100%;z-index:2;border-color:#eceded #eceded #fff;border-style:solid solid dashed;border-width:0 2px 1.5px}
.tabbed-alert-archive .LatestAlerts{background-color:#fff;clear:both;float:left;width:780px;margin:20px 20px 20px -5px}
.tabbed-alert-archive .MessageType{border-bottom:1.5px dashed #2d6795;font-weight:bolder;padding-bottom:5px}
.tabbed-alert-archive .NewsIcon{width:45px!important}
.tabbed-alert-archive .NewsItem a{color:#231f20;text-decoration:none}
.tabbed-alert-archive .NewsItem{background-color:#fff;border-radius:5px;display:inline-block;margin-left:15px;min-height:95px;vertical-align:top;width:28%;padding:5px!important}
.tabbed-alert-archive .SentByText{border-top:1.5px dashed #2d6795;font-size:12px;font-style:italic;font-weight:bolder;padding-top:5px}

/* Localised Page */
.localised-page{width:65%;padding:0 15px 30px;float:left;}
.localised-page article{clear:both;float:left;}
.localised-page h1{margin-bottom:0}
.localised-side-box{width:30%;float:left;}

/* RSS stuff */
.localised-side-box .rssFeed{font-size:90%}
.localised-side-box .rssFeed a{color:#fff;text-decoration:none}
.localised-side-box .rssFeed a:hover{color:#fff;text-decoration:underline}
.localised-side-box .rssHeader{padding:.2em 0}
.localised-side-box .rssBody ul{list-style:none outside none}
.localised-side-box .rssBody ul,.localised-side-box .rssRow,.localised-side-box .rssRow h4,.localised-side-box .rssRow p{margin:0;padding:0}
.localised-side-box .rssRow{padding:.8em}
.localised-side-box .rssRow h4{font-size:1.1em}
.localised-side-box .rssRow div{color:#eee;font-size:90%}
.localised-side-box .odd{background-color:#999}
.localised-side-box .even{background-color:#999}
.localised-side-box .rssRow .localised-side-box .rssMedia{font-size:1em;padding:.5em}
.localised-side-box .RSSFeedHeader,.localised-side-box .WeatherTitle{background-color:#333941;color:#fff;padding:5px;margin:10px 0 0}

.sub_nav_div, .current_sub_nav_page {display: none;}

/* Mobile optimise videos in container */
.video-container {position: relative; padding-bottom: 51%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* MSA Page Custom Code */

.msa-quotes {display: block; margin: 10px auto; width: 100%; max-width: 1920px; background: #ececec; text-align: center; padding: 10px; border-radius: 5px;}
.msa-container {width: 47%; float: left;height:400px;padding: 1%;}

@media screen and (max-width: 1116px) {.msa-quotes {font-size: 14px;} .msa-container {font-size: 14px;}}

@media screen and (max-width: 922px) {.msa-quotes {width:95%; height: auto;} .msa-container {width:100%; height: auto;} .msa-container img{width: 25% !important; height: auto !important;}}

/*--------------------------------
TIMELINE
---------------------------------*/

.timeline{
  background: #c4c4c4;
  /*background: url('https://www.neighbourhoodalert.co.uk/design/ColouredLineBreak.jpg');*/
  border-radius: 10px;
  padding: 20px 0;
}

.timeline * {
  box-sizing: border-box;
}

.timeline img {
	width: 100%;
}

.timeline h2 {
	margin: 0 0 20px !important;
}

/* Border radius on timeline boxes */
.timeline .timelineLeft, .timeline .timelineRight{
  border-radius: 10px
}

/* Set a background color */
timeline. body {
  background-color: #474e5d;
  font-family: Helvetica, sans-serif;
}

/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: white;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content */
.timeline .timelineContainer {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}

/* The circles on the timeline */
.timeline .timelineContainer::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -17px;
  background-color: white;
  border: 4px solid #444;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
}

/* Place the container to the left */
.timeline .timelineLeft {
	left: 0;
}

/* Place the container to the right */
.timeline .timelineRight {
	left: 50%;
}

/* Add arrows to the left container (pointing right) */
.timeline .timelineLeft::before {
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 10;
	right: 30px;
	border: medium solid white;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent white;
}

/* Add arrows to the right container (pointing left) */
.timeline .timelineRight::before {
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 10;
	left: 30px;
	border: medium solid white;
	border-width: 10px 10px 10px 0;
	border-color: transparent white transparent transparent;
}

/* Fix the circle for containers on the right side */
.timeline .timelineRight::after {
  left: -16px;
}

/* The actual content */
.timeline .timelineContent {
  padding: 20px 30px;
  background-color: white;
  position: relative;
  border-radius: 6px;
  z-index: 9;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
/* Place the timelime to the left */
  .timeline::after {
    left: 31px;
  }

/* Full-width containers */
  .timeline .timelineContainer {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
  }

/* Make sure that all arrows are pointing leftwards */
  .timeline .timelineContainer::before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
  }

/* Make sure all circles are at the same spot */
  .timeline .timelineLeft::after, .timelineRight::after {
    left: 15px !important;
  }

/* Make all right containers behave like the left ones */
  .timeline .timelineRight {
    left: 0%;
  }
}

/* Timeline hover */
@media screen and (min-width: 600px) {
	.timelineContainer.timelineLeft, .timelineContainer.timelineRight, .timeline::after {
		transition: .5s ease;
	}

	.timelineContainer.timelineLeft:hover {
		width: 80%;
	}

	.timelineContainer.timelineRight:hover {
		width: 80%;
		left: 20%;
	}
}

/* Ratings page */
.ratingContainer{
	background: #fff;
	width: 30%;
	margin-right: 3%;
	float: left;
	margin-bottom: 25px;
	box-shadow: 0 8px 30px rgba(0,0,0,.3);
}
.ratingContainer p span{
	font-size: 1.2em;
}
.ratingContainer .rating{
	text-align: center;
	padding: 10px;
	min-height: 210px;
	/* Align rating to centre */
	display: flex;
	align-items: center;
	justify-content: center;
}
.ratingFooter{
	background: #afb54b;
	color: #000;
	padding: 5px;
	position:relative;
	text-align: center;
}
.ratingContainer .feedbackDate{
	font-size: 0.9em;
}
@media screen and (max-width: 1000px){
	.ratingContainer{
		width: 100%;
		margin: 0 0 25px 0;
	}
	.ratingContainer .rating{
		min-height: 0;
		display: block;
	}
}

/* 2020 Survey Page */

.infographclass {
	
	width: 100%;
	max-width: 950px;
	display: block;
	margin: 0 auto;
}

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

	.infographclass {
		
		width: 100%;
		max-width: 850px;
		display: block;
		margin: 0 auto;
	}
}

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

	.infographtextclass p {
		
		font-size: 12px;
		
	}
	
		.infographclass {
		
		width: 100%;
		max-width: 420px;
		display: block;
		margin: 0 auto;
	}
	
}

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

	.infographtextclass p {
		
		font-size: 12px;
		
	}
	
		.infographclass {
		
		width: 100%;
		max-width: 350px;
		display: block;
		margin: 0 auto;
	}
}

/* ############### Feedback Comments Slider ############### */

/* Header CSS */
.FeedbackCommentsSectionHeader {background: #e7e7e8; padding: 15px 0; text-align: center; margin: 0; text-shadow: 1px 1px 5px #9e9fa3;}
/*.FeedbackCommentsSectionHeader h2{text-align: center; margin: 0; text-shadow: 1px 1px 5px #9e9fa3;}*/

 /* Slideshow container */
.slideshow-container {
  position: relative;
  background: #f1f1f1f1;
}

/* Slides */
.mySlides {
  display: none;
  padding: 40px 40px 15px 40px;
  text-align: center;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -30px;
  padding: 16px;
  color: #888;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  display: none;
}

/* Position the "next button" to the right */
.next {
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
  color: white;
}

/* The dot/bullet/indicator container */
.dot-container {
  text-align: center;
  padding: 5px;
  background: #f1f1f1f1;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.active, .dot:hover {
  background-color: #717171;
}

/* Add an italic font style to all quotes */
q {font-style: italic; font-size: 1.2em;}

/* Add a blue color to the author */
.author {color: cornflowerblue;}