/* Merton Branding UI Stylesheet */
/* From Prod 09 apr */

/*  
01.Foundation.css framework fixes
02.Site Header
03.Site Mega-Menu
04.Cookie Consent
05.Beta Message
06.Primary Tasks
07.Secondary Tasks
08.Container Find Panel
09.Container More Info Panel
10.Account Signup
11.Container Activities
12.Landing Page
13.Chevrons and Close buttons
14.Labels and Large info
15.Footer
16.Forms
17.Responsive Tables
18.Buttons
19.Article
20.In this section
21.On this page
22.Related info
23.Table and Headings
24.Article Body/Plain ordered lists
25.Google Maps Container
26.Campaign page
27.Document type icons
28.Beta site
29.TK Dialog
30.In this section Accordion for Desktop
31.Accordion Signup Panel
32.Quote and Author
33.Callout Alerts
34.My Services Dashboard general (to move to Portal.css)
35.My Services Dashboard recent activity (to move to Portal.css)
36.Events Calendar
37.@media Small screen (media only screen)
38.@media Small screen for Mobile (screen and max-width 40em)
39.@media Medium only screen and min-width 40.063em
40.@media Large only screen and min-width 64.063em
41.@media XLarge screen and min-width 90.063em
42.@media XLarge screen and min-width 90.063em and max-width 120em
43.@media XXLarge screens and min-width 120.063em
*/

/* Foundation.css fixes : removing styles that interfere with SharePoint Controls  */

#suiteBar *, #s4-ribbonrow * {
	-webkit-box-sizing: initial !important;
	-moz-box-sizing: initial !important;
	box-sizing: content-box !important;
	max-width: none !important;
}
div.article, div.welcome {
	padding: 0px !important;
}
/* Fix for anonymous scrolling and base font size */
body {
	overflow: auto !important;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif; /* Foundation override */
}
#s4-bodyContainer {
	position: relative !important;
}

.no-pad-right {
	padding-right: 0px !important;
}
.no-pad-left {
	padding-left: 0px !important;
}
.no-padding {
	padding: 0px !important;
}
.no-pad-mar-left-offset {
	padding-left: 0px !important;
	margin-left: -7px;
}
.merton-float-right {
	float: right;
}
/* End Foundation.css : removing styles that interfere with SharePoint Controls */

/* Header-container */
.container-header {
	background-color: #666;
}
header {
	border-top: 5px solid #32245e;
	width: 100%;
	height: 87px; /* set to height plus border-top */
}
/* Begin Skip to link selectors for accessibility */

/* reworked Skip styles */

#skip a {
	padding: 6px;
	position: absolute;
	top: -40px;
	left: 0px;
	color: white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-bottom-right-radius: 8px;
	background: transparent;
	-webkit-transition: top 1s ease-out, background 1s linear;
	transition: top 1s ease-out, background 1s linear;
	z-index: 100;
}
#skip a:focus {
	position: absolute;
	left: 0px;
	top: 0px;
	font-weight: bold;
	background: #009578;
	outline: 0;
	-webkit-transition: top .1s ease-in, background .5s linear;
	transition: top .1s ease-in, background .5s linear;
}
/* End Skip to links selectors for accessibility */

/* Set Tab focus for all links */
a:focus {
	outline: 3px #ffd302 solid !important;
}
/* Begin Notifications area - desktop */

.container-notification {
	background-color: #000000;
}
.container-notification a:focus {
	background-color: #ffd302;
	color: #000000 !important;
	outline: 3px #ffd302 solid !important;
}
.container-notification-alert {
/*border-bottom: 1px solid #333333;*/
/*padding-bottom: 10px;*/
}
.container-notification-warning {
/*border-bottom: 1px solid #333333;*/
/*padding-bottom: 10px;*/
}
.container-notification-information {
/*border-bottom: 1px solid #333333;*/
/*padding-bottom: 10px;*/
}
.container-notification-alert ul {
	list-style-type: none;
}
.container-notification-warning ul {
	list-style-type: none;
}
.container-notification-information ul {
	list-style-type: none;
}
.notification-list {
	margin: 0px;
	padding: 0px;
}
.container-notification-list {
	display: inline-block;
    position: relative;
	width: 92%;
}
.close-notification-panel {
	cursor: pointer;
	float: right;
	display: inline-block;
	margin-right: 0px;
	margin-top: 10px;
	position: relative;
	width: 18px;
}
.notification-item {
	margin-top: 10px;
	margin-bottom: 5px;
	float: left; /* added fix */
    display: inline-block;
    width: 100%;
}
/* notification-icon is before notification-content */
.notification-icon {
	display: inline-block;
	margin-left: 0px;
	margin-right: 10px;
	float: left;
}
.notification-img-alert {
	background-image: url('/Style%20Library/Merton-Branding-Debug/images/notification-icon-alert.png');
	width: 45px;
	height: 44px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
.notification-img-warning {
	background-image: url('/Style%20Library/Merton-Branding-Debug/images/notification-icon-warning.png');
	width: 45px;
	height: 44px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
.notification-img-information {
	background-image: url('/Style%20Library/Merton-Branding-Debug/images/notification-icon-information.png');
	width: 45px;
	height: 44px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
/* notification-content is after notification-icon */
.notification-content {
	/*display: inline-block;*/
	margin-left: 0px;
	margin-right: 0px;
	/*float: left;*/
	/*max-width: 912px;*/
	margin-top: 0.4em; /* Move items into center */
}
.notification-title, .notification-title-information, .notification-title-alert, .notification-title-warning {
	color: #ffffff;
	display: block;
	font-weight: bold;
	display: none; /* Do not display notification title */
}
.notification-body {
	color: #ffffff;
	display: block;
	font-weight: bold;
}
.notification-body a:link, .notification-body a:visited {
	color: #009578;
}
.notification-close-panel {
	border: 1px solid #0066ff;
}
/* End Notifications area */


/* Beta message */
#main-content p {
	font-size: 1rem;
}
#main-content a:link {
	color: #000000; /* darker green */ /* prev #167d63; */
}
#main-content a:hover {
	color: #014c59;
}
#main-content a:visited {
	color: #4f3588; /* prev #4f3588 */
}
#main-content a:focus {
	outline: 3px #ffffff solid !important; /* White outline on yellow */
}
.beta-feedback {
	margin-right: 0rem;
	position: relative;
	left: 1px;
}
#main-content a.button:focus {
	color: #ffffff;
	border-bottom: 3px solid #009578 !important;
	outline: 3px #ffffff solid !important; /* White outline on yellow */
}
.beta-message {
	font-weight: normal;
}
.outage-message {
	font-size: 0.9rem;
	font-weight: bold;
}
/* Header-area */
.header-area {
	border-top: 0px solid #302464; /* increases height */
	background-color: #422d76;
	background-image: url('/Style%20Library/Merton-Branding-Debug/images/header-top-bg-edge.png');
	background-repeat: repeat-x;
	/* max-width: 960px; */
	height: 87px; /* set to height plus border-top */
	margin: 0px auto;
}
.ms-siteicon-img {
	margin: 14px 16px 16px 16px !important;
}
#siteIcon:focus {
	outline: 3px #ffd302 solid !important;
}
#siteLogo {
	position: relative;
	float: right !important;
	min-width: 1px; /* placeholder if no logo */
	min-height: 1px; /* placeholder if no logo */
}
.spacer191 {
	width: 1px;
	height: 1px;
}
/* adjust the height and position for all header icons */
.header-area .row ul {
	background-color: transparent;
	width: auto; /* 200px */
	height: 87px;
	text-align: left;
	vertical-align: bottom;
	top: 0px;
	bottom: 0px;
	position: relative;
	margin: 0px 16px 0px 0px;
	padding: 0px;
	float: right;
}
.header-icon-menu a span, .header-icon-my-account a span, .header-icon-search a span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9rem; /* prev 80% / 0.8rem */
	vertical-align: bottom;
	display: block;
	padding-top: 52px; /* 36px, 40px */
	text-align: left;
}
.header-icon-menu-active a span, .header-icon-my-account-active a span, .header-icon-search-active a span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9rem; /* 80%; 0.8rem */
	vertical-align: bottom;
	display: block;
	padding-top: 0px; /* 40px */
	text-align: left;
}
.header-icon-menu a:link, .header-icon-my-account a:link, .header-icon-search a:link {
	color: #b8a9d3; /* Lilac */
}
/* added for visited */
.header-icon-menu a:visited, .header-icon-my-account a:visited {
	color: #b8a9d3; /* Lilac */
}
.header-icon-search a:visited {
	color: #b8a9d3; /* Lilac */
}
/* added for selected font colour */
.header-icon-menu.selected a:link {
	color: #ffffff !important; /* Selected icon white */
}
.header-icon-search.selected a:link, .header-icon-my-account.selected a:link {
	color: #5a348b !important; /* Selected icon purple */
}
/* added for selected visited font colour */
.header-icon-search.selected a:visited, .header-icon-my-account.selected a:visited {
	color: #5a348b !important; /* Selected icon purple */
}
/* Header icons */
.header-icon-menu {
	background-image: url('/Style%20Library/Merton-Branding-Debug/images/Sprite-Icons-Transparent-180px.png');
	background-repeat: no-repeat;
	/*clip-path: rect(10px, 20px, 30px, 40px);*/
	background-position: -136px 16px; /* prev -132px 0px */
	border-top: 4px solid transparent; /* added border to test selected state */
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	border-bottom: 4px solid #009578; /* green bottom edge */
	padding-left: 15px; /* prev 5px; */
	width: 72px; /* 53px */
	line-height: 1em;
	height: 87px;
	display: inline-block;
	vertical-align: bottom;
	background-color: transparent;
	margin-right: -1px; /* 0px */ /* space to the right of each underline */
}
.header-icon-menu img /* positioning of the img */ {
	padding-top: 17px;
	padding-left: 17px;
}
.header-icon-menu.selected {
	background-image: url('/Style%20Library/Merton-Branding-Debug/images/Sprite-Icons-Transparent-180px.png');
	background-repeat: no-repeat;
	/*clip-path: rect(10px, 20px, 30px, 40px);*/
	background-position: -136px 16px; /* prev -132px 0px */
	border-top: 4px solid #009578; /* added border to test selected state */
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	border-bottom: 4px solid #32245e; /* #32245e bottom purple edge */
	padding-left: 15px; /* prev 5px */
	width: 72px; /* 53px */
	line-height: 1em;
	height: 87px;
	display: inline-block;
	vertical-align: bottom;
	background-color: #32245e;
	margin-right: -1px;
	transition: background-color 0.5s ease;
}
.header-icon-my-account img /* positioning of the img */ {
	padding-top: 17px;
	padding-left: 17px;
}
.header-icon-my-account {
	background-image: url('/Style%20Library/Merton-Branding-Debug/images/Sprite-Icons-Transparent-180px.png');
	background-repeat: no-repeat;
	background-position: 23px 16px;
	border-top: 4px solid transparent; /* added border to test selected state */
	padding-top: 0px;
	padding-bottom: 5px;
	margin-top: 0px;
	border-bottom: 4px solid #009578;
	padding-left: 11px; /* setting for web icon */
	width: 72px; /* 60px */
	line-height: 1em;
	display: inline-block;
	vertical-align: bottom;
	height: 87px;
	margin-right: 0.7rem; /* space to the right of each underline */
}
.header-icon-my-account.selected {
	background-image: url('/Style%20Library/Merton-Branding-Debug/images/Sprite-Icons-Transparent-180px-Purple.png');
	background-repeat: no-repeat;
	background-position: 23px 16px;
	border-top: 4px solid #009578; /* added border to test selected state */
	padding-top: 0px;
	padding-bottom: 5px;
	margin-top: 0px;
	border-bottom: 4px solid #ffffff;
	padding-left: 11px; /* setting for web icon */
	width: 72px; /* 60px */
	line-height: 1em;
	display: inline-block;
	vertical-align: bottom;
	height: 87px;
	background-color: #ffffff;
	transition: background-color 0.5s ease;
}
.header-icon-my-account span.offset-for-small-only, .header-icon-search span.hide-for-small-only, .header-icon-menu span.hide-for-small-only {
	text-align: left;
	vertical-align: bottom;
}
.header-icon-search {
	background-image: url('/Style%20Library/Merton-Branding-Debug/images/Sprite-Icons-Transparent-180px.png');
	background-repeat: no-repeat;
	background-position: -86px 14px; /* left top */ /* prev -82px 0px */
	border-top: 4px solid transparent; /* added border to test selected state */
	padding-top: 0px;
	padding-bottom: 5px;
	margin-top: 0px;
	border-bottom: 4px solid #009578;
	padding-left: 14px; /* 5px */
	width: 72px; /* 57px */
	line-height: 1em;
	height: 87px;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 12px; /* 17px 0.7rem space to the right of each underline */
}
.header-icon-search img /* positioning of the img */ {
	padding-top: 17px;
	padding-left: 14px;
}
.header-icon-search.selected {
	background-image: url('/Style%20Library/Merton-Branding-Debug/images/Sprite-Icons-Transparent-180px-Purple.png');
	background-repeat: no-repeat;
	background-position: -86px 14px; /* left top */ /* prev -82px 0px */
	border-top: 4px solid #009578; /* added border to test selected state */
	padding-top: 0px;
	padding-bottom: 5px;
	margin-top: 0px;
	border-bottom: 4px solid #ffffff;
	padding-left: 14px; /* 5px; */
	width: 72px; /* 57px */
	line-height: 1em;
	height: 87px;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 12px; /* 0.7rem space to the right of each underline */
	background-color: #ffffff;
	transition: background-color 0.5s ease;
}
.header-icon-search.selected a {
	color: #422d76 !important;
}
.header-icon-search.selected a:visited:link {
	color: #422d76 !important;
}
/* added */
.header-icon-search:focus {
	outline: 3px #ffd302 solid !important; /* issue in rendering ? */
}
.header-icon-search a {
	display: block;
}
/* added */
.header-icon-menu:focus {
	outline: 3px #ffd302 solid !important; /* issue in rendering ? */
}
.header-icon-menu a {
	display: block;
}
.header-alert {
	background-color: transparent;
}
/* Begin styles for Mega Menu */
.mega-menu {
	color: #fff;
	background-color: #32245e;
	position: absolute;
	margin-left: -3px;
	top: 86px;
	z-index: 300;
	-webkit-box-shadow: 4px 4px 2px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 4px 4px 2px 0px rgba(0,0,0,0.1);
	box-shadow: 4px 4px 2px 0px rgba(0,0,0,0.1);
	border-left: 1px solid #333333;
	border-bottom: 1px solid #333333;
}
.mega-menu-inner {
	width: 100%;
	display: table;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/* find a more direct way to target the colour of the close button */
.mega-menu a:link, .mega-menu a:visited {
	color: #fff;
	text-decoration: none;
}
.mega-menu a:hover, .mega-menu a:visited:hover {
	color: #fff;
	text-decoration: underline;
}
ul.mega-menu-nav {
	list-style-type: none;
	margin-left: 5%;
}
ul.mega-menu-nav a {
	font-size: 140%; /* 1.4rem */
}
ul.mega-menu-nav i {
	color: #167d63; /* darker green */
}
ul.mega-menu-nav li {
	color: #167d63; /* darker green */
	font-size: 90%; /* 0.90rem */ /* font size for all browser sizes */
	line-height: 2.6em;
	min-height: 30px; /* check height */
}
ul.mega-menu-nav span.arrow {
	color: #167d63; /* darker green */
	font-weight: bold;
	font-size: 180%; /* 1.8em; */
	margin-right: 0.3em;
}
.menu-container-activities {
	padding: 0px 26px 26px 26px;
	background-color: transparent;
	display: block;
	position: relative;
	float: left;
	margin: 0px;
}
.menu-container-activities ul {
	list-style-type: none;
}
.menu-container-activities .card-panel-no-border {
	background-color: #4f3588;
}
/* optional */
.menu-container-activities .card-panel-no-border ul li {
	background-color: transparent;
}
.menu-container-activities .menu-news h4 {
	font-size: 100%; /* 1rem */
	font-weight: bold;
}
.menu-container-activities .menu-event h4 {
	font-size: 100%; /* 1rem */
	font-weight: bold;
}
a.close-overlay:link {
	width: 26px;
	height: 26px;
	text-decoration: none;
	margin-bottom: 16px;
	position: relative;
	top: 0px;
}
a.close-overlay:hover {
	width: 26px;
	height: 26px;
	text-decoration: none;
}
/* Styles for the Search panel */
.container-search-panel {
	top: 1px;
}
.container-search { /* similar to .mega-menu */
	height: 287px; /* prev height 256px, 199px,438px */
	width: 100%; /* Keep as percent for Mobile width, Previously 973px */
	background-color: #ffffff;
	position: absolute;
	margin-left: -3px;
	top: 87px;
	z-index: 300;
	-webkit-box-shadow: 4px 4px 2px 0px;
	-moz-box-shadow: 4px 4px 2px 0px rgba(0,0,0,0.1);
	box-shadow: 4px 4px 2px 0px rgba(0,0,0,0.1);
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
ul.search-nav {
	list-style-type: none;
	margin-left: 0px; /* default left margin */
}
/* Begin added fix for full-width rule area for microsite layouts */
.row-full-width {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.row-full-width p > a {
	color: #167d63; /* darker green */
}
.row-full-width p > a:hover {
	color: #167d63; /* darker green */
	text-decoration: underline;
}
.row-full-width .row-full-width {
	margin-left: 0rem; /* -0.93rem */
	margin-right: 0rem; /* -0.93rem */
}
/* added - reduced width in FF - 30 Oct */
.expanded.row.container-rule.columns.row {
	max-width: 62.5rem;
	margin-left: auto;
	margin-right: auto;
}
ul.search-nav {
	list-style-type: none;
	margin-left: 0px; /* default left margin */
}
/* added */
ul.search-nav input { /* Added to scale between sizes */
	min-width: auto; /* */
}
ul.search-nav a {
	font-size: 140%; /* 1.4rem */
}
ul.search-nav i {
	color: #167d63; /* darker green */
}
ul.search-nav li label {
	color: #676767; /* grey */
	font-size: 90%; /* 0.90rem */ /* font size for all browser sizes */
	line-height: 2.6em;
	min-height: 30px; /* check height */
	vertical-align: top; /* added */
	display: inline-block; /* added */
}
ul.search-nav span.arrow {
	color: #167d63; /* darker green */
	font-weight: bold;
	font-size: 180%; /* 1.8em; */
	margin-right: 0.3em;
}
/* Close overlay for Search only */

a.close-search-overlay:link {
	width: 26px;
	height: 26px;
	text-decoration: none;
	margin-bottom: 16px;
	position: relative;
	top: 0px;
}
a.close-search-overlay:hover {
	width: 26px;
	height: 26px;
	text-decoration: none;
}
/* Cookie message styles - based on CookieConsent library */

.cc_banner-wrapper {
	background: #32245e;
}
.cc_banner, .cc_container, .cc_container--open {
	background: #32245e !important;
	box-sizing: border-box;
}
.cc_container {
	border: 0px solid #32245e !important;
}
.cc_message {
	color: #ffffff;
	font-size: 0.9em;
}
.cc_message a:link {
	color: #fed316;
}
.cc_messages a:hover {
	color: #ff0000 !important;
}
.cc_btn {
	color: #6ba695;
}
/* End cookie message styles */

/* Message styles - used for Beta */

.container-message {
	color: #000000;
	background-color: #fed316; /* yellow */
	font-weight: bold;
}
.container-message .container-text {
	margin: 0.7rem 0rem 0.7rem 0rem;
	width: 100%;
	display: inline-block;/*border: 1px solid #0000ff;*/
}
.container-message .container-text strong {
	margin-top: 0.45rem;
	display: inline-block;
}
/* to add .container-message .container-text .button */
.container-message .container-text .button {
	background-color: #009578; /* prev #00823b */
	position: relative;
	display: -moz-inline-stack;
	display: inline-block;
	padding: 0.3em 0.6em 0.2em 0.6em;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	font-size: 90%; /* 0.9em; */
	font-weight: bold;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
	color: #ffffff !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.5263157895em 0.7894736842em 0.2631578947em 0.7894736842em;
	text-align: left;
	vertical-align: top;
	border-bottom: 3px solid #0c4c57; /* dark green */
	padding-top: 0.65em; /* 0.9em */
	min-height: 39px;
}
.container-message .button-feedback {
	color: #ffffff;
	float: right;
	min-height: 1.8em;
	margin: 0px 0px 0px 0px;
}
.container-message p {
	padding-top: 0.9em;
}

/* Begin Container Footer messages */

.container-footer-message {
	color: #000000;
	background-color: #e8f4f1; /* jade light */ 
	display: inline-block;
	font-weight: bold;
	margin-top: 1.4rem;
	min-width: 100%;
}
.container-footer-message .container-text {
	margin: 0.7rem 0rem 0.7rem 0rem;
	width: 100%;
	display: inline-block;/*border: 1px solid #0000ff;*/
}
.container-footer-message .container-text strong {
	margin-top: 0.45rem;
	display: inline-block;
}
/* to add .container-message .container-text .button */
.container-footer-message .container-text .button {
	background-color: #009578; /* prev #00823b */
	position: relative;
	display: -moz-inline-stack;
	display: inline-block;
	padding: 0.3em 0.6em 0.2em 0.6em;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	font-size: 90%; /* 0.9em; */
	font-weight: bold;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
	color: #ffffff !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.5263157895em 0.7894736842em 0.2631578947em 0.7894736842em;
	text-align: left;
	vertical-align: top;
	border-bottom: 3px solid #0c4c57; /* dark green */
	padding-top: 0.65em; /* 0.9em */
	min-height: 39px;
}
.container-footer-message .button-feedback {
	color: #ffffff;
	float: right;
	min-height: 1.8em;
	margin: 0px 0px 0px 0px;
}
.container-footer-message p {
	padding-top: 0.9em;
}

/* End Container Footer messages */

.maintenance-message {
	color: #a30000;
	background-color: #fff7f7 !important;
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
}
.maintenance-message p {
	padding-top: 0.9em;
}
/* container-title */
.container-title-area {
	padding-top: 1.5em;
    padding-bottom: 1.35em;
}
#DeltaPlaceHolderMain h1 #DeltaPlaceHolderPageTitleInTitleArea {
    position: relative;
    top: -0.2em;
}
#DeltaPlaceHolderMain h1.page-title {
    margin-bottom: 0.412em;
}
.container-title-breadcrumb {
	left: 0px;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 0;
	position: relative; /* to change and update */
	display: block;
	font-size: 90%; /* 0.9rem */
	color: #c6c6c6;
}
.container-title-breadcrumb a {
	color: #167d63 !important; /* darker green */
}
.container-title-breadcrumb a:focus {
	background-color: #ffd302; /* yellow */
	outline: 3px solid #ffd302;
}
.container-title-breadcrumb span {
	margin-right: 0.5em;
}
.breadcrumb-currentnode {
	display: none !important;
}
.container-title {
	display: block;
	margin: 0px;
	padding: 0 !important;
	top: 0px;
	height: auto; /* prev 98px */
}
/* Removed margin and reduced line spacing */
.container-title h1.page-title {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.2;
}
/* Make page title smaller on mobile */
@media only screen and (max-width: 40em) {
    h1.page-title {
        font-size: 200%;
    }
}
/* Added style to add inner rule below title */
.container-rule {
	border-bottom: 2px solid #dedede;
}
/* Position logo right */
.container-rule div.large-4 {
	float: right;
}
/* Position title left */
.container-rule div.large-8 {
	float: left;
}
.container-title-home {
	background-color: #4e3588 !important;
}
.container-title-home h1 {
	font-size: 240%; /* 2.4rem */
}
.container-title-home h1.page-title {
	color: #ffffff !important;
}
/* primary-tasks */

/* begin new primary-tasks-home - with nested foundation cols */

.container-primary-tasks-home {
	background-color: #4e3588; /* purple */
	background-repeat: no-repeat;
	background-size: auto auto;
	padding-top: 0;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	padding-bottom: 1.875em;
	margin-bottom: 0;
}
.container-primary-tasks-home a {
	text-decoration: none;
	display: block; /* added to show outline */
}
.container-primary-tasks-landingpage a {
	display: block; /* added to show outline */
}
/* modify the underline for primary task hover on landing page B */
.container-primary-tasks-landingpage a:hover .card-panel-primary-task h4 {
	color: #ffffff !important;
	text-decoration: underline;
}
.card-panel-primary-task {
	display: block; /* test context */
	background-color: #009578; /* initial green bg */
	border-left: 3px solid #0b4253;
	padding-top: 0rem;
	padding-bottom: 0rem;
	margin-top: 1.875rem;
	margin-bottom: 0;
	min-height: 98px; /* For min of 1-2 lines */
	overflow: hidden;
}
/* Add modifier to change underline on home B */
.container-primary-tasks-home a:hover .card-panel-primary-task h4 {
	color: #ffffff !important;
	text-decoration: underline;
}
/* Works for linked tasks, however does not work for non-linked tasks */
.card-panel-primary-task:hover, .card-panel-primary-task:visited:hover {
	background-color: #014c59 !important;
	display: block;
}
.container-primary-tasks-home,
.container-secondary-tasks-home,
.container-primary-tasks-landingpage, 
.container-secondary-tasks-landingpage {
    margin-left: -.9375rem;
    margin-right: -.9375rem;
    position: relative;
    top: -2px;
}

.container-landing-page + .container-secondary-tasks-landingpage,
.container-primary-tasks-landingpage + .container-secondary-tasks-landingpage {
    border-top: none;
}

.container-primary-tasks-landingpage, 
.container-secondary-tasks-landingpage {
    border-top: 2px  solid #dedede;
}

.container-secondary-tasks-home {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}

.container-secondary-tasks-home .column {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}

/* Added 23 Nov */
.card-panel-secondary-task:hover, .card-panel-secondary-task:visited:hover {
	background-color: #f6f6f6 !important;
	display: block;
}
.card-panel-primary-task div h4 {
	color: #ffffff !important;
	font-size: 140%; /* of base size 16px */
	padding-right: 0;
	padding-top: 0.75em; /* prev 0.2rem */
	padding-bottom: 0;
	padding-left: 0.9375rem; /* prev 0.5rem */
	line-height: 1.2em;
}
/* 23 Nov Added to fix selected style */
.card-panel-primary-task:hover div h4 {
	color: #ffffff !important;
}
div.title-container /* prev span.title - TO REMOVE SELECTOR */ {
	position: relative;
	top: 0px;
	left: 0px;
	padding-top: 0.2rem;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	background-color: #003300; /* tmp */
}
div.nav-text-container /* prev span.title, replacing div.title-container */ {
	display: inline;
	position: relative;
	top: 0px;
	left: 0px;
	padding-top: 0.2rem;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}
span.summary {
	display: inline;
	background-color: transparent;
	position: relative;
	top: 0px;
	left: 0.5rem;
	margin-bottom: 0.5rem;
	padding-top: 0.2rem;
	padding-bottom: 0px;
	padding-left: 0;
	padding-right: 0;
}
div.arrow-container {
	float: right;
	height: 100%;
	position: relative;
	top: 0px;
	left: 0px;
	padding-top: 0px; /* 0.2rem */
	padding-bottom: 0.2rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	z-index: 200;
	background-color: transparent;
	display: table;
}
.card-panel-primary-task div span.arrow {
	color: #ffffff !important;
	font-size: 200%; /* arrow size 2rem */
	padding-left: 0.4rem;
	padding-right: 0.4rem;
	padding-bottom: 0.4rem; /* adjust position of arrow */
	display: table-cell;
	vertical-align: middle;
}
/* end new primary-tasks-home - with nested foundation cols */

/* begin new secondary-tasks-home - with nested foundation cols */

.card-panel-secondary-task {
	display: block; /* test context */
	background-color: #ffffff;
	margin-bottom: 20px;
	border-left: 3px solid #aaa9aa;
	padding-top: 0rem;
	padding-bottom: 0rem;
	margin-top: 1.25rem; /* prev 1rem */
	margin-bottom: 0;
	min-height: 98px; /* For min of 1-2 lines */
}
/* Styles added to remove visited link colour (only for text inside secondary task panels) */

.container-secondary-tasks-home a {
	color: #676767;
	display: block; /* added for yellow outline - do not change */
}
.container-secondary-tasks-landingpage a {
	color: #676767;
	display: block; /* added for yellow outline - do not change */
}
/* Where there are a links inside paragraphs */
.container-secondary-tasks-landingpage p > a {
	display: inline;
}
.container-secondary-tasks-landingpage p > a:hover {
	background-color: transparent;
	display: inline;
}
/* Amend lists */
.container-secondary-tasks-landingpage ul li {
	margin-left: 0.93rem;
}
/* modify the arrow colour for landing page secondary-tasks */
.container-primary-tasks-landingpage .card-panel-primary-task div span.arrow {
	color: #014c59 !important;
}
.container-primary-tasks-landingpage .card-panel-primary-task:hover div span.arrow {
	color: #167d63 !important; /* darker green */
}
/* End added section */

/* add modifier to change text underline for secondary tasks on home B */
.container-secondary-tasks-home a:hover .card-panel-secondary-task h4 {
	color: #167d63 !important; /* darker green */
	text-decoration: underline;
}
/* add modifier to change text underline for secondary tasks on landing page A */
.container-secondary-tasks-landingpage .card-panel-secondary-task a:hover h4 {
	color: #167d63 !important; /* darker green */
	text-decoration: underline;
}
/* add modifier to change text underline for secondary tasks on landing page B */
.container-secondary-tasks-landingpage a:hover .card-panel-secondary-task h4 {
	color: #167d63 !important; /* darker green */
	text-decoration: underline;
}
.card-panel-secondary-task div h4 /* .card-panel-secondary-task span h4 */ {
	color: #167d63 !important; /* darker green */
	font-size: 140%; /* of base size 16px */
	padding-right: 0;
	padding-top: 0.75rem; /* prev 0.2rem; */
	padding-bottom: 0;
	padding-left: 0.9375rem; /* prev 0.5rem; */
	line-height: 1.2em;
}
.card-panel-secondary-task div p /* .card-panel-secondary-task div p */ {
	font-size: 100%; /* 1rem */
	padding-right: 0;
	padding-top: 0.2rem;
	padding-bottom: 0;
	padding-left: 0.5rem;
}
.card-panel-secondary-task div.arrow-container /* prev span.arrow */ {
	display: inline-block;
	float: right;
	height: 100%;
	position: relative;
	top: 0px;
	left: 0px;
	padding-top: 0px; /* 0.2rem */
	padding-bottom: 0.2rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	z-index: 200;
	background-color: transparent;
	display: table;
}
.card-panel-secondary-task span.arrow /* .card-panel-secondary-task span aside */ {
	color: #c7c6c6 !important;
	font-size: 200%; /* 2rem arrow size */
	padding-left: 0.3rem;
	padding-right: 0.4rem;
	display: table-cell;
	vertical-align: middle;
}
/* end new secondary-tasks-home - with nested foundation cols */

/* secondary-tasks */
.container-secondary-tasks-home {
	background-image: none;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-color: #ffffff;
	padding-top: 1em;
	padding-bottom: 1.2em;
}
.container-secondary-tasks-home a {
	text-decoration: none;
}
.border-none {
	border-left: 0px solid transparent !important;
}
.panel-vspace {
	min-height: 0.3em;
	background-color: #00ff00;
}
/* container-find-services */

.container-find-services {
	border-top: 1px solid #cae7e8;
	border-bottom: 1px solid #cae7e8;
	background-color: #e8f4f1;
	display: block;
	width: 100%;
	float: left;
}
/* container-find-panel (green tint) */
.container-find-panel {
	border-top: 1px solid #cae7e8;
	border-bottom: 1px solid #cae7e8;
	background-color: #e8f4f1;
	display: block;
	width: 100%;
	float: left;
}
/* container-more-info-panel (blue tint) */

.container-more-info-panel {
	border-top: 1px solid #aadaf4;
	border-bottom: 1px solid #aadaf4;
	background-color: #eff6fb;
	display: block;
	width: 100%;
	float: left;
}
.container-more-info-panel ul.large-bullet-list {
	padding-left: .9375rem;
}
.container-more-info-panel ul.large-bullet-list li {
	color: #258faf;
	padding-left: .9375rem;
}
/* merton-account signup */

.container-account-signup {
	padding: 0px;
	background-color: #32245e; /* bg */
	display: block;
	float: left;
	padding: 0px;
}
.container-account-signup span {
	color: #fff;
}
.container-account-signup-bg1 {
	background-color: #32245e; /* dark purple */
	padding: 0px 20px 0px 20px;
}
.container-account-signup-bg1 h3 {
	color: #fff;
	font-size: 140%; /* 1.4rem */
}
.container-account-signup-bg2 {
	background-color: #4e3588; /* mid purple */
	padding: 20px;
}
.container-account-signup-bg2 span {
	color: #fff;
}
.container-account-signup-bg2 a.button {
	width: 200px;
	text-align: center;
}
/* container-activities */
.container-activity-panel {
	background-color: #e8e8e8; /* to be changed to transparent, when bg is dependent on page */
	display: block;
	position: relative;
	padding: 1.5625em;
	border-top: 2px solid #cac9c9;
}
.container-activity-panel .card-panel-no-border {
	margin: 0px;
	/*padding: 10px 10px -5px 10px;*/
}
.container-activity-panel ul {
	margin: 0;
	padding: 0;
}
.container-activity-panel ul li {
	list-style-type: none;
}
/* define link color inside activity panels - ok in IE */
.container-activity-panel a:link {
	color: #167d63;
}
/* white box */
.container-activity-item {
	background-color: #fff;
}
.container-activity-item a:visited {
	color: #167d63; /* darker green */
}
/* white box containing the text */
.activity-box {
	padding: 1.125em;
}
.activity-box h3 {
	margin-top: 0px;
}
/* white box */
.activity-item {
	background-color: transparent;
}
.container-activity-image img {
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 100%;
	vertical-align: top;
	text-align: left;
}
li.container-activity-description {
	background-color: #fff;
	padding: 5px 5px 0px 5px;
	margin: 0px;
	border: 0px;
}
.activity-category {
	color: #C7C6C6;
}
li.container-activity-description h3 a {
	color: #167d63; /* darker green */
}
li.container-activity-description h4 a {
	color: #167d63; /* darker green */
}
/* Landing page styles */

.container-landing-page {
	padding-top: 0em;
	padding-left: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
}
/* Test link targetting - Pay a Bill */
.container-landing-page p > a, .container-landing-page p > b > a {
	color: #167d63;
}
.container-primary-tasks-landingpage {
	background-color: #e8e8e8;
	background-repeat: no-repeat;
	background-size: auto auto;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}
.container-secondary-tasks-landingpage {
	background-image: none;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-color: #e8e8e8;
	padding-bottom: 1.875em; /* prev 1.2em */
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}
p.card-summary {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-bottom: 0.5em;
}
/* For links in text, that are not inside section */
.container-primary-tasks-landingpage p > a, .container-primary-tasks-landingpage p > b > a {
	text-decoration: none;
	display: inline; /* Added */
}
.container-primary-tasks-landingpage p > a, .container-primary-tasks-landingpage p > b > a {
	color: #167d63; /* darker green */
}
.container-primary-tasks-landingpage p > a:hover, .container-primary-tasks-landingpage p > b > a:hover {
	color: #167d63; /* darker green */
	text-decoration: underline;
}
.container-primary-tasks-landingpage p > a:focus, .container-primary-tasks-landingpage p > b > a:focus {
	color: #000000;
	background-color: #ffd302;
	outline: 3px #ffd302 solid !important; /* added for tabbing */
}
.container-secondary-tasks-landingpage a {
	text-decoration: none;
}
/* 23 Nov - Added style when primary tasks are added inside a secondary landing page */
.container-secondary-tasks-landingpage .card-panel-primary-task a:hover {
	text-decoration: none;
	background-color: transparent; /* test change from #e8f4f1 to #f6f6f6 */
}
/* 23 Nov - This is being applied as a row hover panel */
.container-secondary-tasks-landingpage .card-panel-secondary-task a:hover {
	text-decoration: none;
	background-color: transparent !important; /* test change from #e8f4f1 to #f6f6f6 */
}
a:link .card-panel-secondary-task .card-summary, a:visited .card-panel-secondary-task .card-summary {
	background-color: #ffffff;
	color: #5d6163;
	text-decoration: none !important;
}
.container-article-page {
	padding-top: 0em;
	padding-left: 0rem; /* 0.9375rem; */
	padding-right: 0rem; /* 0.9375rem; */
	padding-bottom: 0.5em;
}
.container-full-width-page {
	padding-top: 0em;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	padding-bottom: 0.5em;
}
/* Begin CSS chevrons */

.chevron::before {
	border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	content: '';
	display: inline-block;
	height: 0.45em;
	left: 0.15em;
	position: relative;
	transform: rotate(45deg);
	vertical-align: middle;
	width: 0.45em;
}
.chevron.right:before {
	left: 0;
	transform: rotate(45deg);
}
/* CSS close-btn - made of two chevrons */
.close-btn {
	position: relative;
	transform: rotate(45deg);
	display: inline-block;
}
/* angle pointing bottom left direction */
.close1::before {
	border-style: solid;
	border-width: 0.40em 0.40em 0 0;
	content: '';
	display: inline-block;
	height: 0.75em;
	left: 0.55em;
	position: relative;
	top: 0.48em;
	vertical-align: middle;
	width: 0.75em;
	color: #167d63; /* darker green */
}
.close1.right:before {
	left: 0;
}
/* angle pointing top right direction */
.close2::before {
	border-style: solid;
	border-width: 0 0 0.40em 0.40em;
	content: '';
	display: inline-block;
	height: 0.75em;
	left: 0.15em;
	position: relative;
	top: -0.25em;
	vertical-align: middle;
	width: 0.75em;
	color: #167d63; /* darker green */
}
.close2.right:before {
	left: 0;
}
/* End CSS Chevrons */

/* Begin Small labels and Large info */

.small-label {
	font-size: 80%; /* 0.8rem */
	color: #aaa9aa;
}
.large-info {
	font-size: 120%; /* 1.2rem */
}
/* End Labels */

/* Footer */

.container-footer .icon-facebook, .container-footer .icon-twitter, .container-footer .icon-youtube, .container-footer .icon-linkedin, .container-footer .icon-flickr {
	position: relative;
}
.container-footer a:hover.icon-facebook, .container-footer a:hover.icon-twitter, .container-footer a:hover.icon-youtube, .container-footer a:hover.icon-linkedin, .container-footer a:hover.icon-flickr {
	text-decoration: none;
}
.container-footer a:focus.icon-facebook, .container-footer a:focus.icon-twitter, .container-footer a:focus.icon-youtube, .container-footer a:focus.icon-linkedin, .container-footer a:hover.icon-flickr {
	color: #000000;
	background-color: #ffd302;
	outline: 3px #ffd302 solid !important; /* added for tabbing */
}
/* links set to green */
#footerRowElements a {
	color: #167d63; /* darker green */
}
#footerRowElements a:focus {
	color: #000000;
	background-color: #ffd302;
	outline: 3px #ffd302 solid !important; /* added for tabbing */
}
#footerRowElements ul li {
	list-style-type: none;
	line-height: 2.2em;
}
ul.footer-globals li {
	display: inline;
	float: left;
	padding-right: 0.8em; /* prev 1em */
}
ul.footer-globals li a {
	color: #676767 !important;
	font-size: 90%; /* 0.9rem; */
}
ul.footer-globals li a:focus {
	color: #000000 !important;
	background-color: #ffd302;
	outline: 3px #ffd302 solid !important; /* added for tabbing */
}
/* spacing after contact us */
ul.footer-globals li:nth-child(3) {
	padding-right: 7.7em;
}
.footer-globals a:link, .footer-globals a:visited {
	color: #a7a6a6;
	text-decoration: none;
}
.footer-globals a:hover, .footer-globals a:visited:hover {
	color: #a7a6a6;
	text-decoration: underline;
}
.copyright {
	font-size: 75%; /* 0.75rem; */
}
/* Generic styles */

hr {
	height: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	border: 0;
	border-top: 1px solid #d1d3d2;
}
/* begin form styles */

.search-panel {
	padding: 20px 20px 20px 20px;
	background-color: #e8f4f1;
	border-top: 2px solid #d3eaeb;
	border-bottom: 2px solid #d3eaeb;
}
.search-panel .ms-webpartzone-cell {
	margin: 0px !important;
}
input.refiner-checkbox {
	border: 0px;
	margin: 0.4em 0.5em 0.5em 0em;
	padding: 0em;
}
input.refiner-checkbox label.refiner {
	display: inline !important;
	background-color: #00ff00;
	border: 1px solid #00ff00;
	margin: 0px;
	padding: 0.5em 0 0 0;
}
ul.inline-checkbox li {
	display: inline;
}
/* Added redefine of foundation UI control, to fix an Events Calendar button,
to check if this affects the other input buttons in the site */

.button, input[type=button], input[type=reset], input[type=submit] {
	background-color: #1a9678;
	position: relative;
	display: -moz-inline-stack;
	display: inline-block;
	padding: 0.3em 0.6em 0.2em 0.6em;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	font-size: 100%;
	line-height: 1.25;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.5263157895em 0.7894736842em 0.2631578947em 0.7894736842em;
	text-align: left;
	vertical-align: top;
	border-bottom: 3px solid #0c4c57;
	padding-top: 0.65em; /* 0.9em; */
	min-height: 46px;
	margin-left: 0px;
	margin-right: 0.93rem;
}
/* Events calendar */
.merton-event-button .button, input[type=button], input[type=reset], input[type=submit] {
	min-height: 50px;
}
/* style to override corev15.css settings */
input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, button:hover {
	background-color: #014c59 !important;
	border-bottom: 3px solid #014c59 !important; /* prev 00692f */
	text-decoration: none;
}
/* style to override corev15.css settings */
input[type=button]:active, input[type=reset]:active, input[type=submit]:active, button:active {
	color: #ffffff !important;
	background-color: #014c59 !important;
}
/* Added default padding for input buttons */
input[type=button], input[type=reset], input[type=submit], button {
	padding: 0.3em 0.6em 0.2em 0.6em;
}
/* Override Corev15 disabled style */
input[type=button][disabled], input[type=reset][disabled], input[type=submit][disabled], button[disabled][disabled] {
	color: #ff0000;
	background-color: #666666 !important;
}
/* Handle disabled input buttons, default and hover */
.create-edit-event-container input[type=submit]:link:disabled {
	background-color: #1a9678 !important;
	border-top: 3px solid #00ff00 !important;
	border-bottom: 3px solid #014c59 !important; /* prev 00692f */
	text-decoration: none;
}
.create-edit-event-container input[type=submit]:visited:link:disabled {
	background-color: #1a9678 !important;
	border-top: 3px solid #0000ff !important;
	border-bottom: 3px solid #014c59 !important; /* prev 00692f */
	text-decoration: none;
}
.create-edit-event-container input[type=submit]:active:disabled {
	background-color: #1a9678 !important;
	border-top: 3px solid #0000ff !important;
	border-bottom: 3px solid #014c59 !important; /* prev 00692f */
	text-decoration: none;
}
.create-edit-event-container input[type=submit]:hover:disabled {
	background-color: #014c59 !important;
	/*border-top: 3px solid #00ff00 !important;*/
	border-bottom: 3px solid #014c59 !important; /* prev 00692f */
	text-decoration: none;
}
/* redefine of foundation ui control */
[type=checkbox] + label, [type=radio] + label {
	display: inline !important;
	margin-left: 0rem;
	margin-right: 1rem;
	margin-bottom: 0px;
	vertical-align: baseline;
}
input[type=radio] + label {
	display: inline !important;
	margin-left: 0rem;
	margin-right: 1rem;
	margin-bottom: 0px;
	vertical-align: baseline;
}
/* redefine of foundation ui control for radio buttons */ /* CHECKING */
label.radio input[type=radio], input[type=radio] {
	box-sizing: border-box;
	padding: 0;
	margin-right: 0.5em;
	margin-top: 1em;
}
label.checkbox input[type=checkbox], input[type=checkbox] {
	box-sizing: border-box;
	padding: 0;
	margin-right: 0.5em;
	margin-top: 0.5em;
}
#s4-workspace input[type=text], #s4-workspace input[type=password], #s4-workspace input[type=tel] {
	height: 50px;
	border-bottom: 3px solid #1d9b80 !important; /* added */
}
input[type=checkbox] + label {
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
}
input[type=text]:focus {
	height: 50px;
	border-top: 3px solid #bdbec1 !important;
	border-right: 3px solid #bdbec1 !important;
	border-bottom: 3px solid #1d9b80 !important;
	border-left: 3px solid #bdbec1 !important;
}
textarea {
	border-bottom: 3px solid #1d9b80 !important; /* added */
}
textarea:focus {
	border-top: 3px solid #bdbec1;
	border-right: 3px solid #bdbec1;
	border-bottom: 3px solid #1d9b80;
	border-left: 3px solid #bdbec1;
}
input.outline {
	height: 50px;
	border-top: 3px solid #bdbec1;
	border-right: 3px solid #bdbec1;
	border-bottom: 3px solid #1d9b80;
	border-left: 3px solid #bdbec1;
}
input:focus.outline, input:focus.outline-error {
	height: 50px;
	border-top: 3px solid #aaa9aa;
	border-right: 3px solid #aaa9aa;
	border-bottom: 3px solid #ffd302;
	border-left: 3px solid #aaa9aa;
}
input.outline-error {
	height: 50px;
	border-top: 3px solid #cc0000;
	border-right: 3px solid #cc0000;
	border-bottom: 3px solid #cc0000;
	border-left: 3px solid #cc0000;
}
/* Required (Mandatory) styles */
input.input-required[type="text"], input.input-required[type="email"], input.input-required[type="url"], input.input-required[type="password"], select.input-required {
	border-bottom: 3px solid #ff0000 !important;
}
.checkbox-float {
	float: left;
}
.checkbox-float input {
	float: left;
}
label.checkbox-float span {
	top: -5px;
	position: relative;
}
/* Responsive Table */
.responsive {
	min-width: 100%;
}
.table-font-small {
	font-size: 0.75em;
}
.error-message {
	color: #cc0000;
	font-weight: bold;
}
/* end form styles */

/* Begin call to action button */

.call-to-action-button {
	background-color: #009578; /* prev #00823b */
	position: relative;
	/*display: -moz-inline-stack;*/
	display: inline; /* js changes to inline-block for view mode */
	cursor: text;
	padding: 0.3em 0.6em 0.2em 0.6em;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	font-size: 120%; /* 1em; */
	font-weight: bold;
	text-decoration: none !important;
	-webkit-font-smoothing: antialiased;
	color: #ffffff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.5263157895em 0.7894736842em 0.2631578947em 0.7894736842em;
	text-align: left;
	vertical-align: top;
	border-bottom: 3px #0c4c57 solid;
	min-height: 50px;
}
.call-to-action-button:link {
	color: #ffffff !important;
	background-color: #009578; /* prev 00823b */
	text-decoration: none;
}
.call-to-action-button:active {
	color: #000000;
	background-color: #ffd302; /* prev 00692f */
	text-decoration: none;
	border-bottom: 3px solid #ffd302 !important;
}
.call-to-action-button:focus {
	color: #000000 !important;
	background-color: #ffd302; /* prev 00823b */
	text-decoration: none;
	outline: 3px #ffd302 solid !important; /* added for tabbing */
	border-bottom: 3px solid #ffd302 !important;
}
.call-to-action-button:visited {
	color: #ffffff !important;
	background-color: #009578; /* prev 00823b */
	text-decoration: none;
}
.call-to-action-button:hover {
	background-color: #014c59; /* prev 00692f */
	text-decoration: none;
}
/* End call to action button */


.button {
	background-color: #009578; /* prev #00823b */
	position: relative;
	display: -moz-inline-stack;
	display: inline-block;
	padding: 0.3em 0.6em 0.2em 0.6em;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	font-size: 120%; /* 1em; */
	font-weight: bold;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.5263157895em 0.7894736842em 0.2631578947em 0.7894736842em;
	text-align: left;
	vertical-align: top;
	border-bottom: 3px solid #0c4c57;
	padding-top: 0.65em; /* 0.9em */
	min-height: 50px;
}
a.button {
	border-bottom: 3px solid #0c4c57; /* dark green border moved from button */
}
#DeltaPlaceHolderMain a.button:focus {
	color: #000000;
	border-bottom: 3px solid #ffd302;
}
.em6-5 {
	width: 6.5em !important;
}
.em8 {
	width: 8em !important;
}
.em10 {
	width: 10em !important;
}
.em14 {
	width: 14em !important;
}
.em18 {
	width: 18em !important;
}
.em22 {
	width: 22em !important;
}
.em25 {
	width: 25em !important;
}
.button:link {
	color: #ffffff;
	background-color: #009578; /* prev 00823b */
	text-decoration: none;
}
.button:focus {
	color: #ffffff;
	background-color: #009578; /* prev 00823b */
	text-decoration: none;
	outline: 3px #ffd302 solid !important; /* added for tabbing */
}
.button:visited {
	color: #ffffff;
	background-color: #009578; /* prev 00823b */
	text-decoration: none;
}
.button:hover {
	background-color: #014c59; /* prev 00692f */
	text-decoration: none;
}
.container-body-middle .button:active {
	color: #333333;
	background-color: #ffd302; /* prev 00692f */
	text-decoration: none;
	border-bottom: 3px solid #ffd302 !important;
}
/* Begin Article styles */

/* Amend green a links within rtestate-field sections */
.ms-rtestate-field a:not(.button) {
	color: #167d63;
}
/*.ms-rtestate-field a:link:not(.button) {color: #167d63; text-decoration: underline;}*/

/* Amend white a link underlines within primary tasks */
.ms-rtestate-field .container-secondary-tasks-landingpage a:hover:not(.button), .ms-rtestate-field .container-secondary-tasks-landingpage a:hover:not(.call-to-action-button) {
	color: #ffffff;
	text-decoration: underline;
}
.ms-rtestate-field a div.card-panel-primary-task {
	text-decoration: none !important;
}
.ms-rtestate-field a div.card-panel-secondary-task {
	text-decoration: none !important;
}
/* styles below do not apply to call-to-action-buttons */
.ms-rtestate-field p > a:link:not(.button) {
	color: #167d63;
	text-decoration: underline;
}
.ms-rtestate-field li > a:link:not(.button) {
	color: #167d63;
	text-decoration: underline;
}
/* style below does not apply to call-to-action-buttons */
.ms-rtestate-field a:hover:not(.button) {
	color: #167d63;
	text-decoration: underline;
}
.ms-rtestate-field a:visited:not(.button) {
	color: #167d63;
	text-decoration: underline;
}
.ms-rtestate-field a:visited:hover:not(.button) {
	color: #167d63;
	text-decoration: underline;
}
.ms-rtestate-field a:focus:not(.button), .ms-rtestate-field a:focus:not(.call-to-action-button)  {
	color: #000000 !important;
	background-color: #ffd302; /* transparent */
	outline: 3px #ffd302 solid !important; /* added for tabbing */
}
.article-body ul {
	list-style-type: disc;
	margin-left: 0; 
}
.article-body a {
	color: #167d63; /* darker green */
	text-decoration: underline;
}
.article-body a:focus {
	color: #000000;
	background-color: #ffd302;
	outline: 3px #ffd302 solid !important; /* added for tabbing */
}
ul.page-links {
	list-style-type: none;
	left: 0px;
}
ol.page-links {
	list-style-type: decimal;
	margin-left: 10px;
}
/* Begin New version of In this section link styles */



/* End New version of In this section link styles */


/* In this section styles */

.in-this-section-label {
	font-size: 80%; /* 0.8rem; */
	color: #676767;
	left: 0px;
	margin-top: 0rem; /* -1.4rem; -2.7rem */
	display: block;
}
.article-body ul.in-this-section-links {
	position: relative;
	left: 0px;
	list-style-type: none;
	margin-left: 0px !important;
	background-color: transparent;
}
/* styling for in-this-section-links ordered lists */
.article-body div.in-this-section-links ol li {
	background: transparent;
}
.article-body div.in-this-section-links-two ol li {
	background: transparent;
}
.article-body div.in-this-section-links ol {
	margin-top: 0.8em;
	padding-left: 1.25em; /* prev 100px */ /* Remove the default left padding */
	background-color: transparent;
	list-style-type: none;
}
/* Default top margin of second row for desktop view */
.article-body div.in-this-section-links-two ol {
	margin-left: 0px; /* Remove the default left margin */
	margin-top: 0.8em;
	padding-left: 1.25em; /* prev 100px */ /* Remove the default left padding */
	background-color: transparent;
	list-style-type: none;
}
.article-body div.in-this-section-links ol li {
	list-style-type: decimal;
	padding: 0px;
	margin-left: 0px;
	position: relative;
}
.article-body div.in-this-section-links-two ol li {
	list-style-type: decimal;
	padding: 0px;
	margin-left: 0px;
	position: relative;
}
.article-body div.in-this-section-links ol li:before {
	/* Position and style the number */
	position: absolute;
	top: -0.25em; /* -2px */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 2em;
	/* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
	margin-right: 8px;
	padding: 4px;
	color: transparent;
	background: transparent;
	font-weight: normal;
	font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
	text-align: center;
	list-style-type: none;
}
/* switches off display of list-type discs */
.article-body div.in-this-section-links-two ol li:before {
	/* Position and style the number */
	position: absolute;
	top: -0.25em; /* -2px */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 2em;
	/* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
	margin-right: 8px;
	padding: 4px;
	color: transparent;
	background: transparent;
	font-weight: normal;
	font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
	text-align: center;
	list-style-type: none;
}
.article-body div.in-this-section-links li ol, .article-body div.in-this-section-links li ul {
	margin-top: 0px;
}
.article-body div.in-this-section-links ol ol li:last-child {
	margin-bottom: 0;
}
.article-body div.in-this-section-links-two li ol, .article-body div.in-this-section-links-two li ul {
	margin-top: 0px;
}
.article-body div.in-this-section-links-two ol ol li:last-child {
	margin-bottom: 0;
}
/* On this page styles */

.on-this-page-label {
	font-size: 80%; /* 0.8rem; */
	color: #676767;
	left: 0px;
	margin-top: -2.7rem;
	margin-bottom: 0.8em;
	display: block;
}
.article-body ul.on-this-page-links {
	position: relative;
	left: 0px;
	list-style-type: none;
	margin-left: 0px !important;
	background-color: transparent;
}
.article-body ul.on-this-page-links li {
	line-height: 2em; /* added to vertically space list items */
}
.container-related-info {
	border-top: 5px solid #4e3588;
	/*margin-top: 2em;*/
	background-color: #f6f6f6;
	left: 0px;
	display: block;
}
/* added to fix gaps between related icons */
    /* setting of heights inside (wrapping text) and outside list areas */
    /* do not apply line height or margins */
.container-related-info ul li {
	margin-left: 0.3em !important;
    padding-left: 0em !important;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
.related-info-title {
	padding-left: .9375rem; /* padding-left: 20px;*/ /* prev 40px */
	font-size: 130%; /* 1.3rem */
	font-weight: bold;
	margin-top: 14px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: -10px; /* offset to position related-info-icon */
	padding-left: 50px;
	display: inline-block;
	color: #333333 !important;
	/*clip-path: rect(10px, 20px, 30px, 40px);*/
}
.related-info-icon {
	font-size: 100%; /* 1rem */
	font-weight: bold;
	background-image: url('/Style%20Library/Merton-Branding-Debug/images/related-link-icon-grey.png');
	/* change to link icon */
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-left: -30px;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 0px;
	min-width: 35px;
	min-height: 40px;
	display: inline-block;
	vertical-align: top;
}
/* For general use */
.container-related-info-section {
	padding-left: .9375rem; /* padding-left: 20px;*/ /* prev 40px */
	font-size: 100%; /* 1rem */
	margin-top: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
	display: inline-block;
	color: #333333 !important;
}
.container-related-info ul {
	list-style-type: none;
	margin-left: 46px;
	margin-right: 40px;
}
.container-related-info hr {
	border-top: 2px solid #d1d3d2;
	margin-top: 34px;
}
.container-related-info li a {
	color: #167d63; /* darker green */
}
/* Redefine text-top for tables */

/*table th, table td {
	vertical-align: text-top !important;
}*/
h1, h2, h3, h4, h5, h6 {
	color: #333 !important;
}
h1 {
	font-size: 240%; /* 2.4rem */
	font-weight: bold;
	letter-spacing: -0.06rem;
}
h2 {
	font-size: 144%; /* 1.44rem */
	font-weight: bold;
}
h3 {
	font-size: 110%; /* 1.1rem */
	font-weight: bold;
	margin-top: 1.5rem;
}
/* numbered list in black circular disc */

h2.section-title {
	color: #000000;
}
/* keep / remove class */
h3.titlebold {
	font-weight: bold;
}
/* Begin ordered list with numbered bullet styles */

.article-body ol {
	counter-reset: numbercount; /* Initiate a counter */ 
	margin-left: 0; /* Remove the default left margin */
	padding-left: 0; /* Remove the default left padding */ 
}
.article-body ul>li { 
    margin: 0 0 6px 2em; /* Make spacing between bullet items same as numbered items */
    padding: 4px 8px;  /* Make spacing between bullet items same as numbered items */
} 

.article-body ol>ol {
	counter-reset: numbercountnested; /* Initiate a counter for nested numbers */
}
.article-body ol>ol, 
.article-body ul>ul, 
.article-body ol>ul, 
.article-body ul>ol { 
	margin-left: 2em; /* Indent nested lists when SharePoint markup is used */
} 

.article-body li>ul { 
	margin-left:0; /* If W3C standard markup is used then remove excessive indents */
} 

.article-body ol>li {
	counter-increment: numbercount; /* Increment a counter */
	position: relative; /* Create a positioning context */
	margin: 0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
	padding: 4px 8px; /* Add some spacing around the content */
	list-style: none; /* Disable the normal item numbering */
}
.article-body ol>ol>li {
	counter-increment: numbercountnested; /* Increment a counter for nested numbers */
}
.article-body ol li:before {
	content: counter(numbercount); /* Use the counter as content */ 
/*	counter-increment: li; */  /* No need to increment again */
	position: absolute;
	top: 0.04em; /* prev -2px */
	left: -2em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 2em;
	margin-right: 8px;
	padding: 4px;
	color: #fff;
	background: #000000;
	border-radius: 50%;
	font-weight: bold;
	font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
	text-align: center;
}
.article-body ol>ol li:before { 
	content: counter(numbercountnested); /* Use the nested counter as content for nested lists */ 
} 

.article-body li ol, .article-body li ul {
	margin-top: 6px;
}
.article-body li>ul>li:last-child,
.article-body li>ol>li:last-child {
	margin-bottom: 0; /* Fix spacing for W3C standard nested lists */
}
.article-body li>ul>li:first-child, 
.article-body li>ol>li:first-child {
	padding-top: 10px; /* Fix spacing for W3C standard nested lists */
}

.article-body ol ol li, .article-body ol ul li, .article-body ul ol li, .article-body ul ul li {
	list-style-type: circle; /* Indented bullets should be hollow */
}

/* added to remove  */

/* End ordered list with numbered bullet styles */

/* Begin Plain ordered list styles */

.article-body .plain-ordered-list ol {
	margin-left: 0px; /* Remove the default left margin */
	padding-left: 1.25em; /* prev 100px */ /* Remove the default left padding */
	background-color: transparent;
	list-style-type: none;
}
.article-body .plain-ordered-list ol>li {
	list-style-type: decimal;
	padding: 0px;
	margin-left: 0px;
	position: relative;
}
.article-body .plain-ordered-list ol li:before {
	position: absolute;
	top: -0.25em; /* -2px */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 2em;
	margin-right: 8px;
	padding: 4px;
	color: transparent;
	background: transparent;
	font-weight: normal;
	font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
	text-align: center;
	list-style-type: none;
}
.article-body .plain-ordered-list li ol, .article-body .plain-ordered-list li ul {
	margin-top: 0px;
}
.article-body .plain-ordered-list ol ol li:last-child {
	margin-bottom: 0;
}
/* added */
.article-body .plain-ordered-list ul>ol {
	margin-left: 2.2em;
}

.article-body .plain-ordered-list ul>ul {
	margin-left: 2em;
}

.article-body .plain-ordered-list ol>ul{
	list-style-type: disc; /* set for unordered list item */
	padding: 0px;
	margin-left: 0em;
	position: relative;
}

.article-body .plain-ordered-list ol>ol {
	margin-left: 0em;
	margin-bottom: 0.5em;
}

/* End plain-ordered-list styles */


.body-highlight {
	border-left: 8px solid #4e3588;
	padding-left: 28px;
	color: #4e3588;
	font-weight: bold;
}
/* Article body table settings */

/* remove margins for desktop */

.article-body .main-col {
	margin-top: 2em;
	margin-bottom: 20px;
	background-color: transparent;
}
/* remove padding for main-col columns desktop */
.article-body .main-col .columns {
	padding-left: 0.93rem;
	padding-right: 0.93rem;
	background-color: transparent;
}
/* remove padding for related-col for desktop */
.article-body .columns {
	background-color: transparent;
}
.article-body caption {
	font-weight: normal;
}
/* Begin Article Responsive linear table styles for all sizes */

.article-body .visible-wide, .article-body .visible-tablet {
	visibility: hidden;
	display: none;
}
.article-body strong {
	font-weight: bold;
}
.article-body table {
	border-collapse: collapse;
	margin-bottom: 1.5em;
}
.article-body td, .article-body th {
	border-top: 1px solid #ccc;
	vertical-align: top;
	padding: 4px 8px;
}
.article-body th {
	font-weight: bold;
}
.article-body tr {
	border-top: 1px solid #ccc;
	vertical-align: top;
	padding: 4px 8px;
}
.article-body tbody tr:nth-of-type(2n+1) {
	background-color: #f0f0f0;
}
/* End Article Responsive linear table styles */

/* Begin Responsive Table styles for Landing Pages */
.row .columns tr {
	border-top: 1px solid #ccc; /* prev 1px */
	vertical-align: top;
	padding: 4px 8px;
}
/* End Responsive Table styles for Landing Pages */

/* Rework of responsive table, replaced by scrolling table */

/* set width for embedded Google Map objects */
#google-maps-container {
	position: relative;
	padding-bottom: 75%; /* sets the aspect ratio */
	height: 0;
	overflow: hidden;
}
#google-maps-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
/* Campaign page desktop size */

.campaign-bg-olive-green {
	background-color: #648f2d !important;
}
.campaign-bg-violet-purple {
	background-color: #782F7E !important;
}
.campaign-text-area {
	padding-top: 0.93rem;
}
.campaign-text-area .campaign-title {
	margin-right: 20px;
	font-size: 250%;
	color: #ffffff !important;
}
.campaign-text-area p {
	font-size: 100%;
	color: #ffffff !important;
	overflow: initial;
	width: auto;
}
/* redefine of the foundation 6 float right to float left */
.campaign-wrapper :last-child:not(:first-child).column, .campaign-wrapper :last-child:not(:first-child).columns {
	float: left !important;
}
.campaign-image-area {
	border: 0px;
	line-height: 0rem;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	height: initial;
}
/* Document Type Icons */

/* override of searchv15.css */
.ms-srch-result {
	/*max-width: none !important;*/
}
.ms-srch-item {
	clear: both;
	width: auto !important;
	padding: 5px 20px 5px 10px;
	margin: 10px 0px 10px -10px;
	overflow: hidden;
}
.ms-srch-result .ms-srch-result-groups #NoResult ul {
	margin-left: 1.25rem !important;
}
/* Remove result preview panel */
.ms-srch-hover-outerContainer {
	display: none !important;
}
/* remove ms icons */
img.ms-asset-icon {
	display: none;
}
/*.ms-srch-item-icon {

}	display: none;
*/
/* redefine of MS search icons images to display SharePoint icons, instead of CSS icons */
.ms-srch-item-icon img  {
	max-width: 16px;
    max-height: 16px;
    overflow: hidden;
    display: inline-block !important;
    margin-right: 0.3em;
    margin-bottom: 0.3em;
}

/* Word icon - container-article-page - replaced by Display template icon */
.container-article-page a[href$=".doc"]:before, .container-article-page a[href$=".docx"]:before, .container-article-page a[href$=".wbk"]:before, .container-article-page a[href$=".docm"]:before, .container-article-page a[href$=".dotx"]:before, .container-article-page a[href$=".dotm"]:before, .container-article-page a[href$=".docb"]:before, .container-body-article-content a[href$=".doc"]:before, .container-body-article-content a[href$=".docx"]:before, .container-body-article-content a[href$=".wbk"]:before, .container-body-article-content a[href$=".docm"]:before, .container-body-article-content a[href$=".dotx"]:before, .container-body-article-content a[href$=".dotm"]:before, .container-body-article-content a[href$=".docb"]:before {
	content: url('/Style%20Library/Merton-Branding-Debug/images/icon-word.png');
	padding-left: 2px;
	padding-right: 5px;
	white-space: nowrap;
}
/* PDF icon - replaced by Display template icon */
.container-article-page a[href*=".pdf"]:before, .container-body-article-content a[href*=".pdf"]:before {
	content: url('/Style%20Library/Merton-Branding-Debug/images/icon-acrobat-pdf.png');
	padding-left: 2px;
	padding-right: 5px;
	white-space: nowrap;
}
/* Excel icon - replaced by Display template icon  */
.container-article-page a[href$=".xls"]:before, .container-article-page a[href$=".xlsx"]:before, .container-article-page a[href$=".xlt"]:before, .container-article-page a[href$=".xlm"]:before, .container-article-page a[href$=".xlsx"]:before, .container-article-page a[href$=".xlsm"]:before, .container-article-page a[href$=".xltx"]:before, .container-article-page a[href$=".xltm"]:before, .container-article-page a[href$=".xlsb"]:before, .container-article-page a[href$=".xla"]:before, .container-article-page a[href$=".xlam"]:before, .container-article-page a[href$=".xll"]:before, .container-article-page a[href$=".xlw"]:before, .container-body-article-content a[href$=".xls"]:before, .container-body-article-content a[href$=".xlsx"]:before, .container-body-article-content a[href$=".xlt"]:before, .container-body-article-content a[href$=".xlm"]:before, .container-body-article-content a[href$=".xlsx"]:before, .container-body-article-content a[href$=".xlsm"]:before, .container-body-article-content a[href$=".xltx"]:before, .container-body-article-content a[href$=".xltm"]:before, .container-body-article-content a[href$=".xlsb"]:before, .container-body-article-content a[href$=".xla"]:before, .container-body-article-content a[href$=".xlam"]:before, .container-body-article-content a[href$=".xll"]:before, .container-body-article-content a[href$=".xlw"]:before {
	content: url('/Style%20Library/Merton-Branding-Debug/images/icon-excel.png');
	padding-left: 2px;
	padding-right: 5px;
	white-space: nowrap;
}
/* Powerpoint icon - replaced by Display template icon */
.container-article-page a[href$=".ppt"]:before, .container-article-page a[href$=".pptx"]:before, .container-article-page a[href$=".pot"]:before, .container-article-page a[href$=".pps"]:before, .container-article-page a[href$=".potx"]:before, .container-article-page a[href$=".potm"]:before, .container-article-page a[href$=".ppam"]:before, .container-article-page a[href$=".ppam"]:before, .container-article-page a[href$=".ppsx"]:before, .container-article-page a[href$=".ppsm"]:before, .container-article-page a[href$=".sldx"]:before, .container-article-page a[href$=".sldm"]:before, .container-body-article-content a[href$=".ppt"]:before, .container-body-article-content a[href$=".pptx"]:before, .container-body-article-content a[href$=".pot"]:before, .container-body-article-content a[href$=".pps"]:before, .container-body-article-content a[href$=".potx"]:before, .container-body-article-content a[href$=".potm"]:before, .container-body-article-content a[href$=".ppam"]:before, .container-body-article-content a[href$=".ppam"]:before, .container-body-article-content a[href$=".ppsx"]:before, .container-body-article-content a[href$=".ppsm"]:before, .container-body-article-content a[href$=".sldx"]:before, .container-body-article-content a[href$=".sldm"]:before {
	content: url('/Style%20Library/Merton-Branding-Debug/images/icon-powerpoint.png');
	padding-left: 2px;
	padding-right: 5px;
}

/* Text icon - replaced by Display template icon  */
.container-article-page a[href$=".txt"]:before, .container-body-article-content a[href$=".txt"]:before {
	content: url('/Style%20Library/Merton-Branding-Debug/images/icon-text.png');
	padding-left: 2px;
	padding-right: 5px;
	white-space: nowrap;
}
/* External link icon - replaced by Display template icon */
.container-article-page a[rel="external"]:before, .container-body-article-content a[rel="external"]:before {
	content: url('/Style%20Library/Merton-Branding-Debug/images/icon-external-link.png');
	padding-left: 2px;
	padding-right: 5px;
	white-space: nowrap;
}
/* End Article styles */

/* Styles for Prod site only */

.site-hide, .beta-hide {
	display: none !important;
}
/* Begin TKDialog Styles (classes only apply to TKFlow urls) - amends settings that are in jquery-ui.min.css file */
.tk-top-area {
	margin-top: 1em; /* equiv to approx 112px high */
	border-top: 0px solid #d1d3d2;
	margin-bottom: 1em;
}
.tk-rule {
	margin-top: 8.2em; /* equiv to approx 112px high */
	border-top: 2px solid #d1d3d2;
	margin-bottom: 2em;
}
.ui-widget-header {
	border: none;
	background-color: transparent;
}
.ui-state-default, ui-widget-content, .ui-state-default, .ui-widget-header .ui-state-default {
	/* equivalent TK UI style to SP button class */
	border: none;
	background: #1d9478;
	font-weight: normal;
	color: #fff;
}
/* End TKDialog Styles */

img.scalable {
	min-width: 100%;
	height: auto;
}
/* Added foundation 6 custom styles for accordion for In this section Accordion for Desktop */

.is-accordion-submenu-parent a {
	background: transparent;
}
.is-accordion-submenu a {
	background: transparent;
}
[data-accordion-menu] .is-accordion-submenu-parent[aria-expanded="true"] a.subitem::before {
	content: "\f016"; /* file icon */
	font-family: FontAwesome;
	margin-left: 0px;
}
[data-accordion-menu] .is-accordion-submenu-parent[aria-expanded="true"] a::before {
	/* content: "\f07c"; folder open icon */
	font-family: FontAwesome;
	margin-right: 0rem;
	margin-left: 0px;
}
[data-accordion-menu] .is-accordion-submenu-parent[aria-expanded="false"] a::before {
	/* content: "\f07b"; folder icon */
	font-family: FontAwesome;
	margin-left: 0px;
}
.sublevel-1 {
	text-indent: 0rem;
}
.sublevel-2 {
	text-indent: 0rem;
}
.sublevel-3 {
	text-indent: 0rem;
}
.sublevel-4 {
	text-indent: 0rem;
}
.sublevel-5 {
	text-indent: 0rem;
}
.sublevel-6 {
	text-indent: 0rem;
}
.accordion-menu-container {
	margin-top: 0px;
	padding-bottom: 1rem;
	border-bottom: 1px solid #c9c9ca;
	margin-bottom: 1rem;
}
[data-accordion-menu] a {
	color: #167d63; /* darker green */
}
[data-accordion-menu] a::after {
	border-color: #167d63 transparent transparent;
}
/* darker green */

.menu > li:not(.menu-text) > a {
	padding: 0px 0px;
}
/* Added to fix left margins */
.accordion-menu-container ul.vertical li ul {
	margin-left: 4px !important;
}
/* Added custom class to redefine left padding of sub-menu items */
.article-body .is-accordion-submenu div.in-this-section-links {
	position: relative;
	left: 0px;
	list-style-type: none;
	margin-left: 0px !important;
	background-color: transparent;
}
/* Added custom class to redefine left padding of sub-menu items */
.article-body .is-accordion-submenu div.in-this-section-links ol {
	padding-left: 0px;
	margin-left: 0px;
}
/* redefines for in-this-section-links-two */
/* Added custom class to redefine left padding of sub-menu items */
.article-body .is-accordion-submenu div.in-this-section-links-two {
	position: relative;
	left: 0px;
	list-style-type: none;
	margin-left: 0px !important;
	background-color: transparent;
}
/* Added custom class to redefine left padding of sub-menu items */
.article-body .is-accordion-submenu div.in-this-section-links-two ol {
	padding-left: 0px;
	margin-left: 0px;
}
.article-body ul .accordion-menu {
	list-style-type: disc;
	margin-left: 0px;
}
/* End foundation 6 custom styles for Accordion In-this-section for Desktop */

/* Begin Accordion Signup Panel styles */

.article-body ul.accordion-container {
	margin-left: 0px !important;
}
/* Unselected grey */
.accordion-signup-panel.unselected {
	border-top: 2px solid #d2d3d5;
	background-color: #e7f1ee;
	border-bottom: 2px solid #d2d3d5;
	height: auto;
	padding: 9px;
	position: relative;
	margin-bottom: 18px;
}
/* Selected green */
.accordion-signup-panel.selected {
	border-top: 2px solid #bce4e5;
	background-color: #f3f3f4;
	border-bottom: 2px solid #bce4e5;
	height: auto;
	padding: 9px;
	position: relative;
	margin-bottom: 18px;
}
.accordion-signup-panel.selected a h3 {
	margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
}
.accordion-signup-panel.unselected a h3 {
	margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
}
.accordion-signup-panel.selected ul li {
	list-style-type: none;
}
/* End Accordion Signup Panel styles */


/* Begin Quote and Author styles */
.quote {
	margin-top: 0.5rem;
	font-size: 0.9rem;
	font-style: italic;
	text-align: left;
	clear: both;
	display: block;
}
.author {
	font-size: 0.9rem;
	text-align: right;
	clear: both;
	display: block;
	margin-bottom: 1rem;
}
/* End Quote and Author styles */


/* Begin Callout Alert styles */
.callout-alert-info {
	background-color: #ffffff;
	border-left: 4px solid #bfc1c3; /* grey */
	padding: 0.93rem;
	margin-bottom: 0.93rem;
}
.callout-alert-info span {
	display: inline-block;
	font-weight: bold;
	padding-left: 0rem;
}
.callout-alert-info span h3 {
	display: inline-block;
	font-weight: bold;
	padding-left: 0rem;
	margin-top: 0 !important;
}
.callout-alert-success {
	background-color: #e9f5f4;
	border-left: 4px solid #28a197; /* green */
	padding: 0.93rem;
	margin-bottom: 0.93rem;
	background-image: url('/Style%20Library/Merton-Branding-Debug/images/icon-tick.png');
	background-position: 0.93rem 0.83rem;
	background-repeat: no-repeat;
}
.callout-alert-success span {
	display: inline-block;
	font-weight: bold;
	padding-left: 2.2rem;
}
.callout-alert-error {
	background-color: #fceaea;
	border-left: 4px solid #df3034; /* red */
	padding: 0.93rem;
	margin-bottom: 0.93rem;
	background-image: url('/Style%20Library/Merton-Branding-Debug/images/icon-cross.png');
	background-position: 0.93rem 0.93rem;
	background-repeat: no-repeat;
}
.callout-alert-error span {
	display: inline-block;
	font-weight: bold;
	padding-left: 2.2rem;
}
/* End Callout Alert styles */

/* My Services Dashboard/Recent activity styles - moved to merton-portal-theme-ui.css */

/* Search results desktop */
/* redefine Foundation override of SharePoint styles */
.ms-srch-result #Paging a {
	text-decoration: none;
	border: 0px !important;
}
/* Move both previous and next arrows upwards */
.ms-promlink-button-image {
	bottom: 3px;
}
.ms-promlink-button .ms-srch-pagingPrev {
	left: -37px;
	top: -79px !important; /* Sets height of Prev default */
}
.ms-promlink-button-enabled:hover .ms-srch-pagingPrev {
	left: -37px;
	top: -62px; /* Sets height of Prev on hover */
}
.ms-promlink-button .ms-srch-pagingNext {
	left: -75px;
	top: -76px !important; /* Sets height of Next default */
}
.ms-promlink-button-enabled:hover .ms-srch-pagingNext {
	left: -75px;
	top: -76px; /* Sets height of Next on hover */
}
.ms-promlink-button-image img {
	max-width: none;
}
/* End redefine of Foundation overrides of SharePoint styles */

/* My Services Dashboard/Recent activity styles - moved to merton-portal-theme-ui.css */

/* Begin Responsive Events Calendar */
.responsive-events-calendar {
	min-width: 100%;
	background-color: #009578 !important; /* base colour fixing the responsive joins */
}
.responsive-events-calendar .month {
	background-color: #009578 !important;
	border-bottom: 3px solid #009578;
	min-height: 2em;
	font-size: 0.95em !important;
	font-weight: bold;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
}
.responsive-events-calendar .month-active {
	background-color: #017068 !important;
	border-bottom: 3px solid #32245e;
	min-height: 2em;
	font-size: 0.95em !important;
	font-weight: bold;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
}
.responsive-events-calendar .prev-year {
	background-color: #009578 !important;
	border-bottom: 3px solid #009578;
	min-height: 2em;
	font-size: 0.95em !important;
	font-weight: bold;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
}
.responsive-events-calendar .next-year {
	background-color: #009578 !important;
	border-bottom: 3px solid #009578;
	min-height: 2em;
	font-size: 0.95em !important;
	font-weight: bold;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
}
.responsive-events-calendar a {
	color: #ffffff;
}
/* Added styles to be removed from inline */
.tabs-content .event-summary-container h2.event-title {
	padding-bottom: 0px !important;
}
.tabs-content .event-summary-container h2.event-title a {
	color: #167d63 !important;
	text-decoration: underline;
}
.tabs-content .event-summary-container h2.event-title a:hover {
	background-color: #ffffff !important;
	text-decoration: underline !important;
}
.tabs-content .container-secondary-tasks-landingpage {
	padding-bottom: 0em; /* prev 1.2em */
}
.tabs-content .container-secondary-tasks-landingpage:last-child {
	padding-bottom: 1.2em;
}
/* Foundation Event styles */

div.events-calendar ul.tabs .tabs-title {
	background-color: #009578 !important;
	border-bottom: 3px solid #009578;
}
div.events-calendar ul.tabs .tabs-title a {
	min-height: 2em;
	font-size: 0.95em !important;
	font-weight: bold;
}
.tabs-title > a:focus, .tabs-title > a:hover, .tabs-title > a[aria-selected=true] {
	background: none !important;
}
.tabs-content { /* Redefine of Foundation style */
	background: #fefefe;
	transition: all .5s ease;
	border: 0 !important;
}
div.events-calendar ul.tabs .tabs-title.is-active {
	background-color: #017068 !important;
	border-bottom: 3px solid #32245e;
}
div.events-calendar ul.tabs .tabs-title a {
	color: #ffffff;
}
.count {
	font-size: 0.8em;
	opacity: 0.5;
	font-weight: normal;
}
.year-selector {
	text-align: right !important; /* alignment for Desktop and Mobile */
	margin-bottom: 1em;
}
.year-selector a.selected {
	color: #676767;
	font-weight: bold;
}
.year-selector a.selected:hover {
	color: #676767;
	font-weight: bold;
	text-decoration: underline;
}
.year-selector a.unselected {
	color: #167d63;
	font-weight: normal;
}
.year-selector a.unselected:hover {
	color: #167d63;
	font-weight: normal;
	text-decoration: underline;
}
/* Modifications to Sum-Headings */

.container-secondary-tasks-landingpage-event-sum-headings {
	background-image: none;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-color: transparent;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}
.container-secondary-tasks-landingpage-event-sum-headings .event-summary-container {
	padding-top: 0px;
	padding-bottom: 0px;
}
.container-secondary-tasks-landingpage-event-sum-headings h3 {
	margin-top: 0rem;
	margin-left: 0px;
}
.container-secondary-tasks-landingpage-event-sum-headings .event-summary-container .event-title-and-text-container {
	margin-left: 0px !important;
}
/* Summary view */
.event-summary-title-container {
	padding-left: 5px;
	padding-right: 26px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #ffffff;
}
.event-summary-container {
	padding-left: 5px;
	padding-right: 26px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #ffffff;
}
.event-summary-container .event-loc-category-container {
	background-color: transparent;
}
.event-summary-container .event-title-and-text-container {
	float: left;
	display: inline-block;
	margin-left: 11px;
}
.event-summary-container .event-summary-image-container {
	position: relative;
	float: left;
	display: inline-block;
	margin-right: 11px;
}
.event-summary-container .event-summary-image {
	float: left;
	display: block;
}
.event-summary-container .event-text {
	font-size: 85%;
	line-height: 1.3em;
	white-space: pre-line;
}
.event-summary-container .event-loc-event-category-container {
	width: 466px; /* Test width */
}
.event-summary-container .event-location-container {
	border-left: 1px solid #e3e4e2; /* left rule */
	padding-bottom: 5px;
	margin-bottom: 5px;
	width: 126px;
	min-height: 100px;
}
.event-summary-container .edge-left {
	padding-left: 17px !important; /* Prev 18px */
}
.event-summary-container .event-location {
	padding-bottom: 10px;
	display: block;
}
.event-summary-container .badge-free-event {
	width: 87px;
	background-color: #d2d2d1; /* prev #00823b */
	position: relative;
	display: -moz-inline-stack;
	display: inline-block;
	padding: 0.3em 0.6em 0.2em 0.6em;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	font-size: 88%; /* 1em; */
	font-weight: bold;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	cursor: text;
	color: #696666;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1.2263157895em 0.7894736842em 0.2631578947em 0.7894736842em !important;
	text-align: left;
	vertical-align: top;
	border-bottom: 3px solid #d2d2d1;
	padding-top: 0.9em;
	min-height: 50px;
}
.event-summary-container a.badge-free-event:hover, .event-summary-container a.badge-free-event:visited {
	color: #696666;
	background-color: #d2d2d1; /* prev #00823b */
}
.event-summary-container .caption {
	font-size: 80%;
	color: #676767;
	left: 0px;
	display: block;
	margin-bottom: 1em;
}
.event-summary-container .event-location-container .button {
	background-color: #009578; /* prev #00823b */
	position: relative;
	display: -moz-inline-stack;
	display: inline-block;
	padding: 0.3em 0.6em 0.2em 0.6em;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	font-size: 88%;
	font-weight: bold;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1.2263157895em 0.7894736842em 0.2631578947em 0.7894736842em !important;
	text-align: left;
	vertical-align: top;
	border-bottom: 3px solid #0c4c57;
	padding-top: 0.9em;
	min-height: 50px;
	min-width: 90px;
}
.event-summary-container .event-location-container .button:hover {
	background-color: #014c59; /* prev 00692f */
	text-decoration: none;
}
.event-summary-container .event-location-container .button:focus {
	color: #000000;
	border-bottom: 3px solid #009578 !important;
	outline: 3px #ffffff solid !important; /* White outline on yellow */
}
.event-summary-container .event-location-container .button:active {
	color: #333333;
	background-color: #ffd302; /* prev 00692f */
	text-decoration: none;
	border-bottom: 3px solid #ffd302 !important;
}
.event-summary-container .event-date-container {
	width: 120px;
	border-left: 1px solid #e3e4e2; /* left rule */
	min-height: 100px;
}
/* For a date range, apply these changes */
.event-summary-container .event-date-range {
	background-color: #ededed;
	border-radius: 5px 5px 5px 5px;
	color: #696a69;
	width: 138px;
	height: 67px;
	padding-top: 6px; /* prev 12px */
	text-align: center;
	display: inline-block; /*float: left;*/
}
/* Only for a single date, apply these changes */
.event-summary-container .event-date {
	background-color: #ededed;
	border-radius: 5px 5px 5px 5px;
	color: #696a69;
	width: 138px;
	height: 67px;
	padding-top: 6px; /* prev 12px */
	text-align: center;
	display: inline-block; /*float: left;*/
}
.event-summary-container .event-wrapper-container {
	display: inline-block; /*float: left;*/
	width: 60px; /* reduced from 66px */
}
.event-summary-container .event-day {
	color: #696a69;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}
.event-summary-container .event-month {
	color: #696a69;
	font-size: 100%;
	font-weight: normal;
	text-align: center;
}
.event-summary-container .event-dash-container {
	display: inline-block; /*float: left;*/
	width: 6px;
	vertical-align: 13px;
}
/* Not shown on Summary view */
.event-summary-container .event-start-time, .event-summary-container .event-finish-time {
	color: #696a69;
	font-size: 80%;
	padding-top: 3px;
	font-weight: normal;
	text-align: center;
}
.event-summary-container .event-category-container {
	width: 168px; /* prev 120px */
	border-left: 1px solid #e3e4e2; /* left rule */
	min-height: 100px;
}
.event-summary-container .event-category {
	background-color: #e4ecf8;
	clear: both;
	color: #026eb6;
	display: block;
	margin-bottom: 0.5em;
	padding: 8px 8px 8px 8px;
	width: 144px; /* prev 103px */
}
/*Added*/
.event-summary-container .event-location-heading-container {
	width: 126px; /* prev 120px */
	border-left: 1px solid #ffffff; /* left rule */
}
.event-summary-container .event-date-heading-container {
	width: 120px; /* prev 120px */
	border-left: 1px solid #ffffff; /* left rule */
}
.event-summary-container .event-category-heading-container {
	width: 168px; /* prev 120px */
	border-left: 1px solid #ffffff; /* left rule */
}
.event-summary-container .event-heading-container {
	border-left: 1px solid #ffffff; /* invisible left rule */
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.event-footer a:not(.button) {
	color: #167d63 !important;
}
/* My Merton magazine link */
a.text-link {
	color: #167d63;
	text-decoration: underline;
}
a.text-link:hover {
	color: #0c4c57;
	text-decoration: underline;
}
/* Record/Detail view */

/* Begin added fixes */

.merton-event-landingpage {
	padding: .93rem;
	background-color: #e8e8e8;
	background-image: none;
}
.merton-event-landingpage .merton-event-right-container {
	padding-left: .93rem;
}
.merton-event-landingpage .merton-event-button {
	width: 5.5em !important;
}
.merton-event-landingpage .container-secondary-tasks-landingpage a {
	display: inline;
}
.merton-event-landingpage .event-summary-container {
	padding-bottom: 0px;
}
.merton-event-landingpage .event-record-container {
	padding-top: 0px;
}
.merton-event-landingpage .event-summary-container .event-location-container,  .merton-event-landingpage .event-summary-container .event-date-container,  .merton-event-landingpage .event-summary-container .event-category-container {
	border-left: 1px solid #e3e4e2;
	min-height: 120px;
}
/* End added fixes */

.event-record-container {
	padding-left: 16px;
	padding-right: 26px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #ffffff;
}
.event-record-container .event-title-and-text-container {
	float: left;
	display: inline-block;
	margin-left: 0px;
}
.event-record-container .event-record-image-container {
	float: left;
	display: block;
}
.event-record-container .event-record-image {
	float: left;
	display: block;
}
.event-record-container .event-text {
	font-size: 85%;
	line-height: 1.3em;
	white-space: pre-line;
}
.event-record-container .event-loc-category-container {
	background-color: transparent;
}
.event-record-container .event-location-container {
	border-left: 1px solid #e3e4e2; /* left rule */
	padding-bottom: 5px;
	margin-bottom: 5px;
	width: 126px;
	display: block;
}
.event-record-container .edge-left {
	padding-left: 18px;
}
.event-record-container .event-location {
	padding-bottom: 10px;
	display: block;
}
.event-record-container .caption {
	font-size: 80%;
	color: #676767;
	left: 0px;
	display: block;
	margin-bottom: 1em;
}
.event-location-container .merton-event-button.button {
	background-color: #009578; /* prev #00823b */
	position: relative;
	display: -moz-inline-stack;
	display: inline-block;
	padding: 0.3em 0.6em 0.2em 0.6em;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	font-size: 88%; /* 1em; */
	font-weight: bold;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1.2263157895em 0.7894736842em 0.2631578947em 0.7894736842em !important;
	text-align: left;
	vertical-align: top;
	border-bottom: 3px solid #0c4c57;
	padding-top: 0.9em;
	min-height: 50px;
	min-width: 93px !important;
}
.event-location-container .merton-event-button:focus {
	color: #000000 !important;
	border-bottom: 3px solid #ffd302 !important;
	outline: 3px #ffd302 solid !important; /* White outline on yellow */
}
.event-location-container .merton-event-button:active {
	color: #333333;
	background-color: #ffd302; /* prev 00692f */
	text-decoration: none;
	border-bottom: 3px solid #ffd302 !important;
}
.event-record-container .event-location-container .button:hover {
	background-color: #014c59; /* prev 00692f */
	text-decoration: none;
}
.event-record-container .event-location-container .button:focus {
	color: #ffffff;
	border-bottom: 3px solid #009578 !important;
	outline: 3px #ffffff solid !important; /* White outline on yellow */
}
.event-record-container .event-location-container .button:active {
	color: #333333;
	background-color: #ffd302; /* prev 00692f */
	text-decoration: none;
	border-bottom: 3px solid #ffd302 !important;
}
.event-record-container .event-date-container {
	width: 120px;
	border-left: 1px solid #e3e4e2; /* left rule */
}
.event-record-container .event-date-range {
	background-color: #ededed;
	border-radius: 5px 5px 5px 5px;
	color: #696a69;
	width: 138px;
	height: 67px;
	padding-top: 12px;
	text-align: center;
	float: left;
}
.event-record-container .event-single-date {
	background-color: #ededed;
	border-radius: 5px 5px 5px 5px;
	color: #696a69;
	width: 66px;
	height: 67px;
	padding-top: 12px;
	text-align: center;
}
.event-record-container .event-wrapper-container {
	float: left;
	width: 66px;
}
.event-record-container .event-day {
	color: #696a69;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}
.event-record-container .event-month {
	color: #696a69;
	font-size: 100%;
	font-weight: normal;
	text-align: center;
}
.event-record-container .event-dash-container {
	float: left;
	width: 6px;
}
.event-record-container .event-category-container {
	width: 120px;
	border-left: 1px solid #e3e4e2; /* left rule */
}
.event-record-container .event-category {
	background-color: #e4ecf8;
	clear: both;
	color: #026eb6;
	display: block;
	margin-bottom: 0.5em;
	padding: 8px 8px 8px 8px;
	width: 103px;
}
.event-record-container .record-info-container {
	margin-top: 1em;
}
.event-record-container .event-title {
	background-color: transparent;
}
.event-record-container .event-record-text {
	font-size: 85%;
	line-height: 1.3em;
	max-width: 568px;
	padding-bottom: 1em;
}
.event-info .info {
	font-weight: normal;
	font-size: 95%;
}
.event-info label {
	font-weight: bold;
	color: #676767;
	font-size: 95%;
}
.event-info .event-item-label {
	font-weight: bold;
	color: #676767;
	font-size: 95%;
	vertical-align: bottom;
}
.event-info .event-item-info {
	font-weight: normal;
	color: #676767;
	font-size: 95%;
	vertical-align: bottom;
}
.event-record-container .event-info {
	margin-top: 0px;
	margin-bottom: 0px;
}
/* Website address */
.event-record-container .event-info a {
	display: inline;
}
.event-record-container label, .event-record-container label a {
	display: inline-block;
}
.event-record-container label {
	font-weight: normal;
	color: #676767;
}
.event-info .in-this-section-links a {
	color: #167d63 !important;
}
/* Create/Edit View */

/* Begin migrated styles */

.merton-event-textbox {
	height: 50px;
	border-bottom: 3px solid #1d9b80;
}
.create-edit-event-container .merton-event-abbr {
	color: red;
}
.create-edit-event-container .merton-event-datetime table {
	width: 76%;
	padding: 0px;
	border-collapse: inherit;
}
.create-edit-event-container .merton-event-datetime table th, .merton-event-datetime table td {
	vertical-align: middle !important;
}
.create-edit-event-container .merton-event-datetime table td select {
	height: 50px;
	border-bottom: 3px solid #1d9b80;
}
.create-edit-event-container .button {
	height: 26px;
}
.create-edit-event-container .merton-event-checkbox table tr {
	display: block;
	float: left;
	width: 30%;
}
.create-edit-event-container .merton-event-checkbox table tr td {
	display: inline-block;
	min-width: 200px;
}

@media only screen and (min-width: 1px) and (max-width: 480px) /* max-width 30em */ {
	.create-edit-event-container .merton-event-checkbox table tr {
		display: block;
		float: left;
		width: 45%;
	}
}
.create-edit-event-container .merton-event-image input[type=file] {
	padding: 2px;
	margin: 0px;
}
.merton-event-button {
	background-color: #009578;
	position: relative;
	display: inline-block;
	padding: 2px !important;
	font-size: 88% !important;
	font-weight: bold !important;
	text-decoration: none;
	cursor: pointer !important;
	color: #fff !important;
	box-sizing: border-box;
	border-bottom: 3px solid #0c4c57 !important;
	text-align: center;
}
.create-edit-event-container .button {
	text-align: center;
}
.event-location .merton-event-button:hover {
	background: #0c4c57 !important;
}
.event-location .merton-event-button:focus {
	background: #ffd302 !important;
	color: #000000 !important;
	border-bottom: 3px solid #ffd302 !important;
	outline: 3px #ffd302 solid !important;
}
.create-edit-event-container .merton-event-button-right {
	float: right;
}
input.merton-event-button:link:disabled {
	background-color: #cccc00 !important;
}
.event-confirmation {
	font-size: 110%;
	font-weight: bold;
}
/* End migrated styles */

.create-edit-event-container .info-container {
	margin-top: 0px;
}
.create-edit-event-container .button:hover {
	background-color: #014c59; /* prev 00692f */
	text-decoration: none;
}
/* New Event View - Redefine of Foundation 6 styles */

.checkbox-container table tbody, .checkbox-container tfoot, .checkbox-container thead {
	border: none; /* Redefine of Foundation 1px solid #f1f1f1 */
	background-color: transparent; /* Redefine of Foundation #fefefe*/
}
.checkbox-container table tbody tr:nth-child(2n) {
	background-color: transparent; /* Redefine of Foundation #f1f1f1 */
}

/* End Responsive Events Calendar */

/*  Small screens  */
/* close media query */

/* Define Small screens - mobile styles */

@media only screen and (max-width: 40em) {
/* set table settings for mobile view */
    /* begin added styles to reset header for mobile */
    /* adjust the height and position for all header icons */

	#siteIcon { /* Modification for Mobile */
		padding-top: 1px !important;
	}
	#siteLogo {
		position: relative;
		top: 1em;
		margin-bottom: 1.5em; /* Vertical between logo and title */
		float: left !important; /* prev right */
	}
	/* Start added to fix Search result width on Mobile */
	.ms-srch-item-path {
		width: 300px !important; /* 250px */
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.ms-srch-item-highlightedText {
		width: 300px !important; /* 250px */
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.ms-srch-ellipsis { /* Added to test */
		width: 300px !important; /* 250px */
	}
	/* End added to fix Search result width on Mobile */

	.header-area {
		border-top: 0px solid #302464;
		background-color: #422d76;
		height: 57px; /* height reduced from 87px to 57px for mobile */
		margin: 0px auto;
	}
	/* redefine logo size */
	.ms-siteicon-img {
		display: block;
		max-width: 180px;
		max-height: 30px;
		background: #0000ff;
	}
	/* logo margins */
	.ms-siteicon-img {
		margin: 13px 16px 16px 16px !important; /* margin: 13px 16px 16px 38px !important; */
	}
	.header-area .row ul {
		background-color: transparent;
		width: 230px; /* 200px */
		height: 57px;
		text-align: right;
		vertical-align: bottom;
		top: 0px;
		bottom: 0px;
		position: relative;
		left: 0;
	}
	/* added for mobile clickability */
	.header-icon-menu a, .header-icon-my-account a, .header-icon-search a {
		width: 57px;
		height: 57px;
		display: block;
	}
	.header-icon-menu a span, .header-icon-my-account a span, .header-icon-search a span {
		font-size: 80%; /* 0.8rem; */
		vertical-align: bottom;
		display: block;
		padding-top: 40px;
		text-align: left;
	}
	.header-icon-menu a:link, .header-icon-my-account a:link, .header-icon-search a:link {
		color: #b8a9d3;
	}
	/* added for visited */
	.header-icon-menu a:visited, .header-icon-my-account a:visited, .header-icon-search a:visited {
		color: #b8a9d3;
	}
	/* Header icons */
	.header-icon-menu {
		background-image: url('/Style%20Library/Merton-Branding-Debug/images/Sprite-Icons-Transparent-180px.png');
		background-repeat: no-repeat;
		/*clip-path: rect(10px, 20px, 30px, 40px);*/
		background-position: -150px 3px; /* -134px 3px; */
		border-top: 4px solid #32245e;
		margin-top: 0px;
		padding-top: 0px;
		padding-bottom: 5px;
		padding-left: 0px;
		border-bottom: 4px solid #009578;
		width: 57px;
		line-height: 1em;
		display: inline-block;
		vertical-align: bottom;
		height: 100%; /* prev 57px */
		background-color: transparent;
	}
	.header-icon-menu.selected {
		background-image: url('/Style%20Library/Merton-Branding-Debug/images/Sprite-Icons-Transparent-180px.png');
		background-repeat: no-repeat;
		/*clip-path: rect(10px, 20px, 30px, 40px);*/
		background-position: -150px 3px; /* -134px 3px; */
		border-top: 4px solid #009578;
		margin-top: 0px;
		padding-top: 0px;
		padding-bottom: 5px;
		border-bottom: 4px solid #32245e;
		padding-left: 0px;
		width: 57px;
		line-height: 1em;
		display: inline-block;
		vertical-align: bottom;
		background-color: #32245e; /* prev ffffff*/
		height: 100%; /* prev 57px */
	}
	/* Tab active for mobile */
	.header-icon-menu .tab-active {
		background-color: #ffffff;
	}
	.header-icon-my-account {
		background-image: url('/Style%20Library/Merton-Branding-Debug/images/Sprite-Icons-Transparent-180px.png');
		background-repeat: no-repeat;
		background-position: 13px 9px;
		border-top: 4px solid #32245e;
		padding-top: 0px;
		padding-bottom: 5px;
		margin-top: 0px;
		border-bottom: 4px solid #009578;
		padding-left: 0px;
		width: 57px;
		line-height: 1em;
		display: inline-block;
		vertical-align: bottom;
		height: 100%; /* prev 57px */
		margin-right: 0.2em;
		background-color: transparent;
	}
	.header-icon-my-account.selected {
		background-image: url('/Style%20Library/Merton-Branding-Debug/images/Sprite-Icons-Transparent-180px-Purple.png');
		background-repeat: no-repeat;
		background-position: 13px 9px;
		border-top: 4px solid #009578;
		padding-top: 0px;
		padding-bottom: 5px;
		margin-top: 0px;
		border-bottom: 4px transparent #ffffff;
		padding-left: 0px;
		width: 57px;
		line-height: 1em;
		display: inline-block;
		vertical-align: bottom;
		height: 100%; /* prev 57px */
		background-color: #ffffff;
	}
	.offset-for-small-only {
		text-align: left;
		vertical-align: bottom;
		position: absolute;
		overflow: hidden;
		clip: rect(0 0 0 0);
		height: 1px;
		width: 1px;
		margin: -1px;
		padding: 0px;
		border: 0px;
	}
	.header-icon-search {
		background-image: url('/Style%20Library/Merton-Branding-Debug/images/Sprite-Icons-Transparent-180px.png');
		background-repeat: no-repeat;
		background-position: -93px 7px; /* -83px 7px left top */
		border-top: 4px solid #32245e;
		padding-top: 0px;
		padding-bottom: 5px;
		margin-top: 0px;
		border-bottom: 4px solid #009578;
		padding-left: 0px;
		width: 57px;
		line-height: 1em;
		display: inline-block;
		vertical-align: bottom;
		height: 100%; /* prev 57px */
		margin-right: 3px; /* 0.2em; */
		background-color: transparent;
	}
	.header-icon-search.selected {
		background-image: url('/Style%20Library/Merton-Branding-Debug/images/Sprite-Icons-Transparent-180px-Purple.png');
		background-repeat: no-repeat;
		background-position: -93px 7px; /* -83px 7px left top */
		border-top: 4px solid #009578;
		padding-top: 0px;
		padding-bottom: 5px;
		margin-top: 0px;
		border-bottom: 4px transparent #ffffff;
		padding-left: 0px;
		width: 57px;
		line-height: 1em;
		display: inline-block;
		vertical-align: bottom;
		height: 100%; /* prev 57px */
		margin-right: 3px; /* 0.2em; */
		background-color: #ffffff;
	}
	/* test addition of mega-menu for screen to 40em */

	.mega-menu { /* some properties are affecting opening of the menu ...*/
		color: #fff;
		background-color: #32245e;
		margin-left: -0.93rem; /* Adjust left position for mobile */
		position: absolute;
		top: 56px;
		z-index: 300;
	}
	.container-search { /* some properties are affecting opening of the menu, based on mega-menu */
		color: #ff00ff;
		background-color: #ffffff;
		margin-left: -0.93rem; /* Adjust left position for mobile */
		position: absolute;
		top: 56px;
		z-index: 300;
	}
	ul.search-nav {
		list-style-type: none;
		margin-left: 5%;
	}
	/* overrides of searchv15.css for mobile width */
	.ms-srch-result {
		max-width: initial !important;
	}
	.ms-srch-item {
		clear: both;
		width: auto !important;
		padding: 5px 20px 5px 10px;
		margin: 10px 0px 10px -10px;
		overflow: hidden;
	}
	/* end test addition */

	/* Notification styles for Mobile */

	.notification-item {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	/* Mobile view - hide notification-icon */
	.notification-icon {
		display: none !important;
		margin-left: 0px;
		margin-right: 0px;
		float: left;
	}
	.notification-title-information {
		color: #16c4fe; /* Cyan */
	}

	.notification-title-alert {
		color: #fed316; /* Yellow */
	}

	.notification-title-warning  {
		color: #ff0404; /* Red */
	}

	.notification-content .notification-body, .notification-content .notification-body p {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	/* Beta styles for Mobile */
	.beta-feedback {
		margin-right: 0.93rem;
		position: relative;
		left: 1px;
	}
	.container-message .container-text strong {
		margin-top: -0.45rem;
		margin-bottom: 0.45rem;
		display: inline-block;
	}
	.container-footer-message .container-text strong {
		margin-top: -0.45rem;
		margin-bottom: 0.45rem;
		display: inline-block;
	}
	#main-content p {
		font-size: 0.9rem;
	}
	.beta-message {
		font-weight: normal;
	}
	.outage-message {
		font-weight: bold;
	}
	/* margin-left */
	.container-title {
		display: block;
		margin: 0px 0px 0px 16px;
		padding: 0px 0px 10px 0px !important;
		top: 0px;
		height: auto; /* prev 98px */
	}
	.container-title-breadcrumb {
		left: 0px;
		position: relative;
	}
	.container-title-area span {
		background-color: transparent;
		margin-left: 0px;
		position: relative;
		display: inline;
	}
	/* added restyle title left edge for mobile width */
	h1.page-title {
		margin-top: 0.2em;
		left: -1.1rem !important;
		position: relative;
	}
	/* end added styles to reset header for mobile */

	ul.mega-menu-nav li {
		color: #167d63; /* darker green */
		font-size: 70%; /* 0.70rem; */ /* font size for all browser sizes */
		line-height: 1.3em;
	}
	/* styles for In this section */

	.container-article-page {
		padding-top: 0em;
		padding-left: 0.9375rem;
		padding-right: 0.9375rem;
		padding-bottom: 0.5em;
	}
	.article-body div.in-this-section-links-two {
		margin-top: .50em; /* approx line gaps of 33px */
	}
	/* end setting checks for mobile view */

			/* Amended top margin of second row for mobile view */
	.article-body div.in-this-section-links-two ol {
		margin-left: 0px; /* Remove the default left margin */
		margin-top: -0.65em; /* offset the position from previous list item, prev 0.8em */
		padding-left: 1.25em; /* prev 100px */ /* Remove the default left padding */
		background-color: transparent;
		list-style-type: none;
	}
	.article-body div.in-this-section-links-two ol li:before {
		/* Position and style the number */
		position: absolute;
		top: -0.25em; /* -2px */
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 2em;
		margin-right: 8px;
		padding: 4px;
		color: transparent;
		background: transparent;
		font-weight: normal;
		font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
		text-align: center;
		list-style-type: none;
	}
	.article-body div.in-this-section-links-two ol li {
		list-style-type: decimal;
		padding: 0px;
		margin-left: 0px;
		position: relative;
	}
	.article-body ul.in-this-section-links-two {
		position: relative;
		left: 0px;
		list-style-type: none;
		margin-left: 0px !important;
		background-color: transparent;
	}
	/* add margin to the bottom of article main-col for mobile */
	.article-body .main-col {
		margin-top: 2em; /* Added gap */
		margin-bottom: 20px;
		background-color: transparent;
	}
	/* remove padding for main-col columns mobile */
	.article-body .main-col .columns {
		padding-left: 0.93rem;
		padding-right: 0.93rem;
		background-color: transparent;
	}
	/* remove padding for related-col for mobile */
	.article-body .columns {
		padding-left: 0rem;
		padding-right: 0rem;
	}
	.article-body caption {
		display: block;
		font-weight: normal;
	}
	/* Begin styles for scrolling responsive table for only screen and max-width 40em */

	.article-body table.responsive {
		width: 100%;
	}
	/* Key part of responsive table - hiding the thead for mobile */
	.article-body table.responsive thead {
		display: none;
	}
	.article-body table.responsive tbody tr:nth-of-type(2n+1) {
		background-color: inherit;
	}
	/* Key part of responsive table - convert the tbody tds into blocks */
	.article-body table.responsive tbody td {
		display: block;
		text-align: left;
	}
	/* Key part of responsive table - display tbody attr for mobile */
	.article-body table.responsive tbody td:before {
		content: attr(data-th);
		display: block;
		text-align: left;
		font-weight: bold;
	}
	/* Hide margins and padding on Mobile view */
	.related-info-title {
		padding-left: 0px; /* padding-left: 20px;*/ /* prev 40px */
		font-size: 130%; /* 1.3rem */
		font-weight: bold;
		margin-top: 14px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-left: 0.93rem !important; /* offset to position related-info-icon */
		padding-left: 0px !important;
		display: inline-block;
		color: #333333 !important;
		/*clip-path: rect(10px, 20px, 30px, 40px);*/
	}
	/* Hide icon on Mobile view */
	.related-info-icon {
		font-size: 100%; /* 1rem */
		font-weight: bold;
		background-image: none;
		/* change to link icon */
		background-repeat: no-repeat;
		background-position: 0px 0px;
		margin-left: -30px;
		margin-top: 0px;
		padding-top: 0px;
		padding-left: 0px;
		min-width: 35px;
		min-height: 40px;
		display: none;
		vertical-align: top;
	}
	.container-related-info ul {
		list-style-type: none;
		margin-left: 0.93rem;
		margin-right: 40px;
	}
	/* Campaign styles for Mobile */

	.campaign-text-area {
		max-width: 100%;
		margin-left: 0.93rem;
		margin-right: 0.93rem;
	}
	.campaign-image-area {
		line-height: 0rem;
		width: 100%;
		padding: 0px;
	}
	img.scalable {
		width: 100%;
		left: 0px;
	}
	/* buttons for mobile are 100% width */
	.button.em6-5, .button.em8, .button.em10, .button.em14, .button.em18, .button.em22, .button.em25 {
		width: 100% !important;
	}
	/* Vertical gap for Mobile */
	.container-activity-item {
		margin-top: 1.4em;
	}
	.event-summary-title-container {
		margin-left: -0.96rem;
		padding-left: 0px;
		padding-right: 26px;
		padding-top: 0px;
		padding-bottom: 0px;
		background-color: #ffffff;
	}
	h3.event-title {
		margin-top: 0rem;
	}
	/* Event summary on mobile */

	.event-summary-container .event-category-container {
		width: 100%;
		display: block; /* show for mobile */
	}
	/* Event record on mobile */

	.event-record-container .event-loc-category-container {
		background-color: transparent; /* Test */
		/*width: 200px;*/ /* Test width */
		margin-top: 1em;
	}
	.event-record-container .event-category-container {
		width: 100%; /* prev 120px */
		display: none; /* hide for mobile */
	}
	/* End styles for scrolling responsive table for only screen and max-width 40em */

}

/* end media max-width 40em / 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens */
@media only screen and (min-width: 40.063em) {
/* Campaign styles */

	.campaign-text-area {
		max-width: 100%;
		margin-left: 1.75rem;
	}
	.campaign-text-area .campaign-title {
		margin-right: 20px;
		font-size: 250%;
		color: #ffffff !important;
	}
	.campaign-text-area p {
		font-size: 100%;
		color: #ffffff !important;
	}
	.campaign-image-area {
		line-height: 0rem;
		max-width: 100%;
		padding: 0px;
		margin: 0px;
		height: auto;
	}
	.event-summary-title-container {
		margin-left: -0.96rem;
		padding-left: 0px;
		padding-right: 26px;
		padding-top: 0px;
		padding-bottom: 0px;
		background-color: #ffffff;
	}
	/* Events Calendar - Summary for Medium view */

	.event-summary-container .event-date-container {
		width: auto;
	}
	.event-summary-container .event-date-container {
		width: auto;
	}
	.event-summary-container .event-category-container {
		width: auto;
	}
}

/* end min-width 40.063em 641px, medium screens */

/* Begin Intermediary sizes just for textfields */

@media only screen and (min-width: 25.063em) and (max-width: 35.0629em) {
	.responsive-events-calendar { /* MEDIA-WIDTH */
	/*border-top: 5px solid #880000;*/
	}
	ul.search-nav input {
		min-width: 210px; /* Test width */ /* 270px */
	}
}

@media only screen and (min-width: 35.063em) and (max-width: 45.0629em) {
	.responsive-events-calendar { /* MEDIA-WIDTH */
	/*border-top: 5px solid #00ff00;*/
	}
	ul.search-nav input {
		min-width: 358px; /* Test width */ /* 380px */
	}
}

@media only screen and (min-width: 45.063em) and (max-width: 55.0629em) {
	ul.search-nav input {
		min-width: 450px; /* Test width */
	}
}

@media only screen and (min-width: 55.063em) and (max-width: 64em) {
	.responsive-events-calendar { /* MEDIA-WIDTH */
	/*border-top: 5px solid #440000;*/
	}
	ul.search-nav input {
		min-width: 500px; /* Test width */
	}
}

/* End Intermediary sizes just for textfields */

/* Intermediary size for iPad */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.responsive-events-calendar { /* MEDIA-WIDTH INTERMEDIARY */
	/*border-top: 5px solid #0000ff;*/
	}
	#siteLogo {
		position: relative;/*top: 1em;*/
			/*float: right !important;*/ /* prev right */
	}
	.mega-menu {
		width: 100%; /* width for desktop */
	}
	.container-search {
		width: 100%; /* width for desktop, based on mega-menu */
	}
	ul.search-nav {
		list-style-type: none;
		margin-left: 5%;
	}
	.close-overlay {
		width: 26px;
		height: 26px;
		text-decoration: none;
		margin-bottom: 16px;
		position: relative;
		top: 0px;
		right: 0.93rem; /* Added fix for mid-view */
	}
	.article-body caption {
		display: block;
		font-weight: normal;
	}
	.container-title {
		display: block;
		margin: 0px 0px 0px 16px;
		padding: 0px 0px 10px 0px !important; /* bottom-padding only, 0px 10px 10px 0px !important, padding: 0px 10px 10px 30px !important; */
		top: 0px;
		height: auto; /* prev 98px */
	}
	/* added for medium screens */
	h1.page-title {
		margin-top: 0.2em;
		left: -1.1rem !important;
		position: relative;
	}
	.event-summary-title-container {
		margin-left: -0.96rem;
		padding-left: 0px;
		padding-right: 26px;
		padding-top: 0px;
		padding-bottom: 0px;
		background-color: #ffffff;
	}
	/* Begin intermediary summary styles */
	.event-summary-container .event-loc-category-container {
		width: 100%;
	}
	.event-summary-container .event-location-container {
		width: 33.3%;
	}
	.event-summary-container .event-date-container {
		width: 33.3%;
	}
	.event-summary-container .event-category-container {
		width: 33.3%;
	}
	/* Begin intermediary summary styles */
	.event-summary-container .event-loc-category-container {
		width: 100%;
	}
	.event-record-container .event-location-container {
		width: 33.3%;
	}
	.event-record-container .event-date-container {
		width: 33.3%;
	}
	.event-record-container .event-category-container {
		width: 33.3%;
	}
	/* End intermediary summary styles */

	.event-record-container .event-loc-category-container {
		background-color: transparent; /* Test */
		margin-top: 1em;
	}
}

/* end min-width 40.063em / 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large screens */
@media only screen and (min-width: 64.063em) {
}

/* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
	#siteLogo {
		position: relative;
	}
	.mega-menu {
		width: 973px; /* width for desktop */ /* prev 970px */
	}
	.container-search {
		width: 973px; /* width for desktop, based on mega-menu */ /* prev 970px */
	}
	ul.search-nav {
		list-style-type: none;
		margin-left: 5%;
	}
	ul.search-nav input { /* Added to scale between sizes */
		min-width: 500px;
	}
	h1.page-title {
		margin-top: 0.2em;
		left: -0.05rem !important;
		position: relative;
	}
}

/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90.063em) {
}

/* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
	#siteLogo {
		position: relative;
	}
	.mega-menu {
		width: 973px; /* width for desktop */ /* prev 970px */
	}
	.container-search {
		width: 973px; /* width for desktop, based on mega-menu */
	}
	ul.search-nav {
		list-style-type: none;
		margin-left: 5%;
	}
	ul.search-nav input {
		min-width: 500px;
	}
}

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */
@media only screen and (min-width: 120.063em) { /* min-width 1921px */
	#siteLogo {
		position: relative;
	}
	.mega-menu {
		width: 973px; /* width for desktop */ /* prev 970px */
		border-left: 1px solid #333333;
		border-bottom: 1px solid #333333;
	}
	.container-search {
		width: 973px; /* width for desktop, based on mega-menu */ /* prev 970px */
		border-left: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
	}
	ul.search-nav {
		list-style-type: none;
		margin-left: 5%;
	}
	ul.search-nav input {
		min-width: 500px; /* to check */
		border: 1px solid #00ff00;
	}
}

/* min-width 1921px, xxlarge screens */

/* XXXLarge screens */
@media only screen and (min-width: 120.125em) and (max-width: 200em) {
	#siteLogo {
		position: relative;
	}
	.mega-menu {
		width: 973px; /* width for desktop */ /* prev 970px */
		border-left: 1px solid #333333;
		border-bottom: 1px solid #333333;
	}
	.container-search {
		width: 973px; /* width for desktop, based on mega-menu */ /* prev 970px */
		border-left: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
	}
	ul.search-nav {
		list-style-type: none;
		margin-left: 5%;
	}
	ul.search-nav li {
		color: #696969; /* Grey */
		font-size: 90%;
		line-height: 2.6em;
		min-height: 30px;
		vertical-align: top;
		display: inline-block;
		min-width: 600px !important;
	}
	ul.search-nav input {
		min-width: 600px !important; /* to check */
		border: 1px solid #0000ff;
	}
}
#ms-rterangecursor-start {
	border-bottom: 1px solid #efefef;
	display: inline;
}
#ms-rterangecursor-start {
	border-bottom: 1px solid #efefef;
	display: inline;
}
#ms-rterangepaste-start {
	border-bottom: 1px solid #efefef;
	display: inline;
}
.ms-core-deltaSuiteLinks, .ms-core-brandingText {
	display: none;
}
#suiteBarLeft {
	background-color: #f3f3f4;
}
#RibbonContainer-TabRowRight {
	display: none;
}
.ms-core-menu-list li[text='My Settings'], .ms-core-menu-list li[text='About Me'] {
	display: none;
}
.ms-core-menu-list li[text='My Settings'], .ms-core-menu-list li[text='Personalize this Page'] {
	display: none;
}
#s4-ribbonrow, #ctl00_ctl51_TopHelpLink {
	display: none !important;
}
/*--end welcome menu changes--*/

#Ribbon\.EditingTools\.CPEditTab\.Styles\.RibbonStyle1-Large, #Ribbon\.EditingTools\.CPEditTab\.Styles\.Styles-Thin, #Ribbon\.EditingTools\.CPEditTab\.Paragraph-Large-0-1, #Ribbon\.EditingTools\.CPEditTab\.Paragraph-Large-0-0-2, #Ribbon\.EditingTools\.CPEditTab\.Font-Large-0-0, #Ribbon\.EditingTools\.CPEditTab\.Font-Large-0-1-1, #Ribbon\.EditingTools\.CPEditTab\.Font\.Underline-Small, #Ribbon\.EditingTools\.CPEditTab\.Font\.Strikethrough-Small {
	display: none;
}
.ms-rteTable-11 > tbody > tr > td, .ms-rteTable-11 > tbody > tr > th, .ms-rteTable-12 > tbody > tr > td, .ms-rteTable-12 > tbody > tr > th, .ms-rteTable-13 > tbody > tr > td, .ms-rteTable-13 > tbody > tr > th, .ms-rteTable-14 > tbody > tr > td, .ms-rteTable-14 > tbody > tr > th, .ms-rteTable-15 > tbody > tr > td, .ms-rteTable-15 > tbody > tr > th {
	vertical-align: top;
	padding: 7px 5px 6px;
}
.ms-rteTable-11 > tbody > tr > th, .ms-rteTable-11 > tbody > tr.ms-rteTableFooterRow-11, .ms-rteTable-12 > tbody > tr > th, .ms-rteTable-12 > tbody > tr.ms-rteTableFooterRow-12, .ms-rteTable-13 > tbody > tr > th, .ms-rteTable-13 > tbody > tr.ms-rteTableFooterRow-13, .ms-rteTable-14 > tbody > tr > th, .ms-rteTable-14 > tbody > tr.ms-rteTableFooterRow-14, .ms-rteTable-15 > tbody > tr > th, .ms-rteTable-15 > tbody > tr.ms-rteTableFooterRow-15 {
	color: #777;
	text-align: left;
	font-weight: normal;
}
/* Merton Responsive Table 1 */
.ms-rteTable-11 {
	-ms-name: "Merton Responsive Table 1";
	border-width: 0px;
	border-style: none;
	border-collapse: collapse;
}
/* Merton Responsive Table 2 */
.ms-rteTable-12 {
	-ms-name: "Merton Responsive Table 2";
}
.ms-rteTable-12 tr.ms-rteTableHeaderRow-12 {
	background-color:#f0f0f0;
	border-top: none;
}
.ms-rteTable-12 tr.ms-rteTableOddRow-12, tr.ms-rteTableEvenRow-12{
	background-color:#fff !important;
}
/*
.ms-rteTable-12 tr.ms-rteTableHeaderRow-12,  .ms-rteTable-12 tr.ms-rteTableFooterRow-12,  .ms-rteTable-12 tr.ms-rteTableHeaderRow-12 > th,  .ms-rteTable-12 tr.ms-rteTableFooterRow-12 > th,  .ms-rteTable-12 tr.ms-rteTableFooterRow-12 > td {
	background-color: #fff;
	background-color: rgba( 255,255,255,0.85 );
	border-top: 1px solid #ababab;
	border-bottom: 1px solid #ababab;
}
.ms-rteTable-12 tr.ms-rteTableOddRow-12 {
	background-color: #D8D8D8;
	background-color: #D8D8D8;
}
.ms-rteTable-12 tr.ms-rteTableEvenRow-12 {
	background-color: #fff;
	background-color: rgba( 255,255,255,0.85 );
}
*/

/* Merton Responsive Table 3 */
.ms-rteTable-13 {
	-ms-name: "Merton Responsive Table 3";
}
/*
.ms-rteTable-13 tr.ms-rteTableHeaderRow-13,  .ms-rteTable-13 tr.ms-rteTableFooterRow-13,  .ms-rteTable-13 tr.ms-rteTableHeaderRow-13 > th,  .ms-rteTable-13 tr.ms-rteTableFooterRow-13 > th,  .ms-rteTable-13 tr.ms-rteTableFooterRow-13 > td {
	background-color: #005594;
	background-color: #005594;
	color: #fff;
}
.ms-rteTable-13 tr.ms-rteTableOddRow-13 {
	background-color: #C0E4FF;
	background-color: #C0E4FF;
}
.ms-rteTable-13 tr.ms-rteTableEvenRow-13 {
	background-color: #fff;
	background-color: rgba( 255,255,255,0.85 );
}*/

/*table.ms-rteTable-11 tr:first-child th, table.ms-rteTable-12 tr:first-child th, table.ms-rteTable-13 tr:first-child th, table.ms-rteTable-14 tr:first-child th, table.ms-rteTable-15 tr:first-child th {
	background: #f8f8f8;
	color: #676767;
	font-weight: bold;
}*/


@media only screen and (max-width: 40em) {
	table.ms-rteTable-11 tr:first-child th {
		display: none;
	}
	table.ms-rteTable-11 tr:nth-of-type(2n+1) {
		background-color: inherit;
	}
	table.ms-rteTable-11 tr td {
		display: block;
		text-align: left;
	}
	table.ms-rteTable-11 tr td:before {
		content: attr(data-th);
		display: block;
		text-align: left;
		font-weight: bold;
	}
	table.ms-rteTable-12 td.ms-rteTableEvenCol-12 {
		background-color: #fff;
	}
}
/*Callout*/
.ms-rteElement-Callout5, p.ms-rteElement-Callout5 {
	color: #4e3588;
	border-left: 8px solid #4e3588;
	padding-left: 28px;
	font-weight: bold;
	background-color: transparent;
}
/* Amend top of confirm dialogs */
.ms-dlgBorder input.ms-accessible {
	display: none;
}
#s4-workspace {
	overflow: auto;
	position: relative;
}
/* BEGIN EDIT STYLES */

/* Amend for SharePoint GUI input */
#ms-designer-ribbon input[type=text]:focus, #ms-designer-ribbon input[type=password]:focus, #ms-designer-ribbon input[type=tel]:focus {
	height: 18px; /* reduce height for GUI */
	border-bottom: 3px solid #1d9b80 !important; /* added */
}
/* Override of Foundation setting */
#ms-designer-ribbon [type=text], #ms-designer-ribbon [type=password], #ms-designer-ribbon [type=date], #ms-designer-ribbon [type=datetime], #ms-designer-ribbon [type=datetime-local], #ms-designer-ribbon [type=month], [type=week], #ms-designer-ribbon [type=email], #ms-designer-ribbon [type=tel], #ms-designer-ribbon [type=time], [type=url], #ms-designer-ribbon [type=color], #ms-designer-ribbon [type=number], #ms-designer-ribbon [type=search], #ms-designer-ribbon textarea {
	width: auto;
	height: auto;
}
/* END EDIT STYLES */

/* Added responsive table styles */
/* Responsive table 1 */
table.ms-rteTable-11 {
	background: transparent;
}

table.ms-rteTable-11 tr, table.ms-rteTable-12 tr {
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
}

/* Table row styles */
table.ms-rteTable-11 tr:nth-child(1) {
	border-top: 2px solid transparent;
} 

table.ms-rteTable-11 tr:first-child th {
	background: transparent;
	color: #333333;
	font-weight: bold;
}

table.ms-rteTable-11 tr:last-child {
	border-bottom: 1px solid #cccccc; /* Table baseline */
} 

/* Table body styles */
table.ms-rteTable-11 tbody tr:nth-of-type(2n+1) {
	background-color: transparent;
}

table.ms-rteTable-11 tbody tr:nth-child(2n) {
	background-color: transparent;
}

/* Responsive table 2 */
table.ms-rteTable-12 tr:first-child th {
	background: transparent;
	color: #333333;
	font-weight: bold;
}

table.ms-rteTable-12 tbody tr:nth-of-type(2n+1) {
	background-color: #f0f0f0;
}

table.ms-rteTable-12 tr:last-child {
	border-bottom: 1px solid #cccccc; /* Table baseline */
} 

table.ms-rteTable-12 tr.ms-rteTableFooterRow-12, table.ms-rteTable-12 td.ms-rteTableFooterRow-12, table.ms-rteTable-12 td.ms-rteTableFooterEvenCol-12, table.ms-rteTable-12 td.ms-rteTableFooterOddCol-12 {
	background-color: transparent !important;
}

/* Responsive table 3 */
table.ms-rteTable-13 {
	background: transparent;
}

/* Sort header */
.ms-rteTable-13 th:first-child {
	text-decoration: underline;
	cursor: pointer;
}

table.ms-rteTable-13 tr {
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	border-top: 0px solid transparent;
}

/* Table row styles */
table.ms-rteTable-13 tr:nth-child(1) {
	border-top: 2px solid transparent;
} 

table.ms-rteTable-13 tr:first-child th {
	background: transparent;
	color: #167d63; /* dark green */
	font-weight: bold;
}

table.ms-rteTable-13 tr:last-child {
	border-bottom: 1px solid #cccccc; /* Table baseline */ /* prev 2px */
}

/* Table body styles */
table.ms-rteTable-13 tbody tr:nth-of-type(2n+1) {
	background-color: transparent;
}

table.ms-rteTable-13 tbody tr:nth-child(2n) {
	background-color: transparent;
}

table.ms-rteTable-13 tbody tr td img {
	float: left; /* Align text at the top */
}

table.ms-rteTable-13 .merton-table-arrow-up {
	background-image: url('/Style%20Library/Merton-Branding-Debug/images/arrow-up.png');
}

table.ms-rteTable-13 .merton-table-arrow-down {
	background-image: url('/Style%20Library/Merton-Branding-Debug/images/arrow-down.png');		
}

table.ms-rteTable-13 .merton-table-arrow-up, .merton-table-arrow-down{
	background-repeat: no-repeat;
	display:inline-block;
	position:relative;
	vertical-align: bottom;
	background-position:0 0;
	height: 17px;
	width: 18px;
	left:10px;
}

table.ms-rteTable-13 a:link, table.ms-rteTable-13 a:hover, table.ms-rteTable-13 a:visited {
	text-decoration: underline;
}

@media only screen and (max-width: 40em) {

    /* Responsive table 1 - Mobile font size */
	.article-body table.ms-rteTable-11 tr td, .row .columns table.ms-rteTable-11 tr td {
		font-size: 80%;
	}

	/* Responsive table 1 - Set the data-th headings for mobile view */
	.article-body table.ms-rteTable-11 tr td:before, .row .columns table.ms-rteTable-11 tr td:before {
		content: attr(data-th);
		color: #000000;
    }

    /* Responsive table 1 - Rule 1 */
	.article-body table.ms-rteTable-11 tbody tr, .row .columns table.ms-rteTable-11 tbody tr {
		border-top: 1px solid #cccccc !important;
		vertical-align: top;
		padding: 4px 8px;
	}
	
	 /* Responsive table 1 - Rule 2 - hide rule for even cols */
	.article-body table.ms-rteTable-11 td.ms-rteTableEvenCol-11, .row .columns table.ms-rteTable-11 td.ms-rteTableEvenCol-11 {
		border-top: 2px solid #ffffff;
		vertical-align: top;
		padding: 4px 8px;
	}
	
	 /* Responsive table 1 - Rule 3 - hide rule for odd cols */
	.article-body table.ms-rteTable-11 td.ms-rteTableOddCol-11, .row .columns table.ms-rteTable-11 td.ms-rteTableOddCol-11 {
		border-top: 1px solid #ffffff;
		vertical-align: top;
		padding: 4px 8px;
	}

	.article-body table.ms-rteTable-11 tr:last-child, .row .columns table.ms-rteTable-11 tr:last-child {
	border-bottom: 1px solid #cccccc; /* Table baseline */
    }
	
	/* RT2 - Override setting for border-top for top-rules */
	/*.article-body table tr:first-child td, .row .columns table  tr:first-child td {
        border-top: 1px solid #cccccc;		
	}*/
	
	/* RT2 - Override setting for border-top for mid-rules */
	/*.article-body table td, .row .columns table td {
        border-top: 1px solid transparent;		
	}*/
	
	.article-body table.ms-rteTable-12 tr:first-child td, .row .columns table.ms-rteTable-12  tr:first-child td {
        border-top: 1px solid #cccccc;		
	}
	
	/* RT2 - Override setting for border-top for mid-rules */
	.article-body table.ms-rteTable-12 td, .row .columns table.ms-rteTable-12 td {
        border-top: 1px solid transparent;		
	}
	
	/* Responsive table 2 - Mobile font size */
	.article-body table.ms-rteTable-12 tr td, .row .columns table.ms-rteTable-12 tr td {
		font-size: 80%;
	}
	
	/* Responsive table 2 - Rule 1 */
	.article-body table.ms-rteTable-12 tbody tr, .row .columns table.ms-rteTable-12 tbody tr {
		/*border-top: 1px solid #cccccc !important;*/
		vertical-align: top;
		padding: 4px 8px;
	}
	
	/* Added for RT2 only */
	.article-body table.ms-rteTable-12 tr td:first-child, .row .columns table.ms-rteTable-12 tr td:first-child {
		color: #000000;
		font-weight: bold;
	}
	
	/* Remove inner row rules for RT2 only - hide rule for even cols - this rule overrides other rules...to remove? */
	/*.article-body table.ms-rteTable-12 td.ms-rteTableEvenCol-12, .row .columns table.ms-rteTable-12 td.ms-rteTableEvenCol-12 {
		/*border-top: 2px solid #ffffff;*/
	/*	vertical-align: top;
		padding: 4px 8px;
	}*/
	
	.article-body table.ms-rteTable-12 tr:last-child, .row .columns table.ms-rteTable-12 tr:last-child {
	border-bottom: 1px solid #cccccc; /* Table baseline */
    }
	
	/* Begin .ms-rteTable-13 */
	
	.article-body table.ms-rteTable-13 tbody tr, .row .columns table.ms-rteTable-13 tbody tr {
		border-top: 1px solid #cccccc !important;
		vertical-align: top;
		padding: 4px 8px;
	}
	
	/* Responsive table 3 - Styles */
	.article-body table.ms-rteTable-13 tr td img, .row .columns table.ms-rteTable-13 tr td img {
		display: none; /* Hide image for mobile */
	}
	
	.article-body table.ms-rteTable-13 tr:first-child th, .row .columns table.ms-rteTable-13 tr:first-child th {
	background: transparent;
	color: #167d63; /* dark green */
	font-weight: bold;
	font-size: 80%;
    }
	
	/* Responsive table 3 - Mobile font size */
	.article-body table.ms-rteTable-13 tr td, .row .columns table.ms-rteTable-13 tr td {
		font-size: 80%;
	}
	
	/*.article-body table.ms-rteTable-13 th span.merton-table-arrow-down, .row .columns table.ms-rteTable-13 th span.merton-table-arrow-up {
	display: none;
}*/

    /* mobile 40 em */

	.article-body table.ms-rteTable-13 th span.merton-table-arrow-down, .row .columns table.ms-rteTable-13 th span.merton-table-arrow-up {
	display: block;
}

    table.ms-rteTable-13 .merton-table-arrow-up {
	background-image: url('/Style%20Library/Merton-Branding-Debug/images/arrow-up.png');
	width: 50%;
	height: 50%;
}

    table.ms-rteTable-13 .merton-table-arrow-down {
	background-image: url('/Style%20Library/Merton-Branding-Debug/images/arrow-down.png');
    width: 50%;
	height: 50%;	
}

    table.ms-rteTable-13 .merton-table-arrow-up, table.ms-rteTable-13 .merton-table-arrow-down {
	background-repeat: no-repeat;
	display:inline-block;
	position:relative;
	vertical-align: bottom;
	background-position: 0px 3px;
	background-size: 58% 36%;
	height: 17px;
	width: 18px;
	left: 7px;
}

	/* Responsive table 3 styles */
	.article-body table.ms-rteTable-13 tr td img, .row .columns table.ms-rteTable-13 tr td img {
		display: none; /* Hide image for mobile */
	}
	
}

/* Remove foundation overriding Corev15 Paste clipboard 1 */
.ms-cui-img-cont-float img {max-width: none;}

/* Remove foundation box-sizing: inherit overriding Corev15 Paste clipboard 2 */
.ms-cui-img-cont-float ::after, .ms-cui-img-cont-float ::before {box-sizing: content-box;}




/* Tidying up In This Section and On This Page menus October 2018 */

.sectionnav br {
    display: none;
}

.inthissection #article-body-page-content .ms-rtestate-field,
.onthispage #article-body-page-content .columns .ms-rtestate-field {
    border-top: 2px solid #dedede;
    display: block !important;
    margin-top: 1em;
    padding-top: 2em;
}

.accordion-menu-container {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.pagenav .show-for-small-only,
.sectionnav .show-for-small-only {
    padding-left: 0.9375rem;    
}

.pagenav .show-for-small-only li,
.sectionnav .show-for-small-only li {
    margin-left: 0;
}

@media only screen and (max-width: 40em) {
    .article-body .main-col {
        margin-top: 1em;
    }
    .inthissection #article-body-page-content .ms-rtestate-field, 
    .onthispage #article-body-page-content .columns .ms-rtestate-field {
        margin-top: 0.5em;
    }
}

/* End Tidying up In This Section and On This Page menus October 2018 */


/* Fix Home link in breadcrumb */
#SiteMap a[href="/"] {
    font-size: 0; /* Hide 'Merton Council' */
}
#SiteMap a[href="/"]:after {
    content: "Home"; /* Insert 'Home' */
    font-size: 14.4px; /* Show 'Home' */
}
#SiteMap a[href="#ctl00_SiteContentMap_SkipLink"] {
	display: none; /* Hide unneeded skip link (there's a skip link right at the top of the page */
}
/* End Fix Home link in breadcrumb */

/* Transparent background Merton logo */
.ms-siteicon-a, 
.ms-siteicon-a img {
	background-color: transparent;
	color: transparent;
}

/* Event submission form styles */

#merton-image-requirement {
    background-color: #ECF8FB;
    overflow: auto;
    margin-bottom: 2em;
    outline: 10px solid #ECF8FB;
}

#merton-image-requirement p:nth-of-type(4) {
    font-size: 0; /* Hide incorrect instructions */
}

#merton-image-requirement p:nth-of-type(4)::before {
    content: "Image shape:"; /* Show correct instructions */
    font-size: 16px;
    font-weight: bold;
    color: red;
}

#merton-image-requirement p:nth-of-type(4)::after { /* Show correct instructions */
    content: " If the image is not square, it will be cropped so that only the middle is visible.";
    font-size: 16px;
    color: red;
}

/* End Event submission form styles */


/* Google search */

    /* Google CSE seach box */

    .googlesearch {
        padding: 0 0 0 0 !important;
    }

    #___gcse_0 .gsib_a input[type=text] {
        border-bottom: 0 solid transparent !important;
    }

    .googlesearch input.gsc-input,
    .googlesearch table,
    .googlesearch tbody,
    .googlesearch thead,
    .googlesearch tr,
    .googlesearch th,
    .googlesearch td {
        border-top: 0 solid transparent !important;
        border-right: 0 solid transparent !important;
        border-bottom: 0 solid transparent !important;
        border-left: 0 solid transparent !important;
        box-shadow: inset 0 0 0 transparent !important;
        padding: 0;
    }

    table.gsc-input {
        margin: 0; /* Margin needs to be in the input field, not this container */
    }

    .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
        border-bottom: 3px solid #1D9B80 !important;
        padding-left: 0; /* Padding needs to be in the input field, not this container */
        box-shadow: inset 0 0 0 transparent !important;
        margin-right: 20px;
    }

    #s4-workspace input.gsc-input[type=text] {
        border-bottom: none !important; /* Border is on the containing element */
        padding-left: 10px !important;
    }

    .gsst_a .gscb_a {
        color: #1D9B80 !important;
    }

    .googlesearch .gstl_50 {
        margin-bottom: 0;
    }

    .googlesearch button,
    .googlesearch input {
        height: 40px !important;
    }

    .googlesearch .gsc-search-button {
        border-radius:0;
        border-top: 0px;
        border-right: 0px;
        border-bottom: 3px solid #0C4C57;
        border-left: 0px;
    }

    .gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

	table.gstl_51 {
		margin-bottom: 0 !important;
	}




    /* Google CSE search results */

    .gsc-above-wrapper-area {
        border-bottom: none !important;
    }

    .gsc-result-info {
        display: none; /* Hide number of results */
    }

    div.gs-title {
        margin-bottom: 3px;
        height: auto !important;
    }

    a.gs-title,
    a.gs-title b {
        font-size: 18px !important;
    }

    .gsc-table-result,
    .gsc-url-top {
        font-size: 16px !important;
        line-height: 1.2em;
    }

    .gs-spelling,
    .gsc-control-cse {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .gsc-cursor-box {
        font-size: 16px;
    }

    .gsc-cursor-page {
        width: 2em !important;
		display: inline-block !important;
		text-align: center !important;
		margin-right: 5px !important;
    }
	
	.gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page {
		color: #333 !important;
		background-color: #eee !important;
		border: 6px solid #eee !important;
		border-color: #eee !important;
	}

    .gs-promotion-table tbody {
      background-color: transparent;
    }

    .gs-promotion.gs-result {
      padding-left: 10px;
    }
    .gsc-webResult.gsc-result.gsc-promotion {
      margin-left: -10px;
    }

/* End Google search */