body {
	text-align: left;
}

h3, .h3 {
	font-size: 25px;
}
h4, .h4 {
	font-size: 19px;
}

.AdminLeft {
	z-index: 100;
}

.pi-section {
	max-width: 1170px;
}

.pi-header {
	z-index: 99;
}

.content-wide-row
{
	/*
		Overrides the bootstrap margin for row which is -15 (minus 15) right and left.
		This stops the row content from being wider than the page. This is used on
		the ContentWide template so that the content is not wider than the extent
		of the left and rightmost elements in the header
	 */
	margin-left: 0px;
	margin-right: 0px;
}

#mobile-nav-button {
	display: none;
}

@media (max-width: 1150px) {
	.primary-nav,
	.secondary-nav
	{
		display: none;
	}

	#mobile-nav-button {
		display: block;
	}
}

#pi-main-mobile-menu #search-block-form .form-group {
	width: 100%;
}

.pi-section-menu-mobile ul.pi-menu-mobile-dark li.SmallSearch a
{
	color: white;
	float: none;
}

.pi-social-icons.pi-colored-bg a:hover.pi-social-icon-vimeo {
	background-color: #1ab7ea;
}

.hex-bg {
	background-image: url("../images/hexagon.png");
	background-repeat: repeat;
}

.reasons-banner .pi-section {
	padding: 12px 15px 0px;
}

@media (min-width: 640px) {
	.reasons-banner .pi-section {
		padding: 12px 40px 0px;
	}
}

.reasons-banner h3 {
	margin-top: 20px;
}

.reasons-banner .row {
	overflow: hidden;
}

.reasons-banner a.btn {
	margin-top: 20px;
	margin-bottom: 10px;
	min-width: 150px;
	text-align: center;
}

.top-campaigns {
	background-image: url("../images/paralax_crowds.jpg");
}
.top-campaigns .pi-img-overlay {
	background: none;
}

.contact-centre
{
	margin-left: 23px;
	margin-top: 29px !important;/* Override margin from .pi-row-block-txt */
	margin-bottom: 0px !important;/* Override margin from .pi-row-block-txt */
}


.contact-centre .phone-number
{
	font-family: "Open sans",Arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #f7971c;
	background-image: url("../images/mcc-telephone-icon.svg");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 28px;
}

.contact-centre .phone-number a
{
	color: #f7971c;
}

.contact-centre .opening-hours
{
	font-family: "Open sans", Arial, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #666666;
}

.union-for-life {
	font-family: "Handlee", Arial, sans-serif;
	color: #333;
	font-size: 24px;
}


footer {
	clear: both;
	padding-top: 50px;
}

a.prospect-text-logo:hover {
    text-decoration: none;
}
.prospect-text-logo h1 {
    font-size: 4.5em;
    line-height: 0.7em;
    margin-bottom: 30px;
}
.prospect-text-logo-grey h1 {
	line-height: 1em;
	color: #949fa2;
}

.featured-video .pi-box {
	background: #fcfdc3;
}

.featured-video .col-md-4 {
	margin-bottom: 30px;
}
.featured-vimeo-video iframe {
	max-width: 100%;
}

.bold-h3 {
	letter-spacing: 1px;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.3em;
	margin-bottom: 10px;
	text-transform: uppercase;
 }

.h6 {
	letter-spacing: 1px;
	font-weight: 700;
	margin-bottom: 15px;
	text-transform: uppercase;
}

a.h6.pi-link-dark {
	display: block;
	margin-bottom: 12px;
}


.industry-lead-paragraph {
	font-size:18px;
	line-height: 1.4em;
}
ul.branches-list {
	list-style-type: none;
}
ul.branches-list i {
	color: #F8971C;
	margin-right: 10px;
}

ul.top-login {
	margin: 0px;
	vertical-align: top;
	list-style-type: none;
}

ul.top-login li {
	margin: 0px;
	float: left;
}

ul.top-login li a,
ul.top-login li p,
ul.top-login li button {
	margin: 0px;
	display: block;
	color: #FFFFFF;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 16px;
	cursor: pointer;
	border: none;
	outline: none;
	min-width: 90px;
	text-align: center;
}

ul.top-login li a:hover,
ul.top-login li button:hover {
	color: #FFFFFF;
	text-decoration: none;
}

ul.top-login li .orange-link,
ul.top-login li .orange-bg {
	background: #ffcc00;
	color: #000000;
}

ul.top-login li .orange-link:hover {
	background: #E0A526;
	color: #000000;
}

ul.top-login li .orange-bg {
	cursor: default;
}

ul.top-login li .blue-link {
	background-color: #008275;
	height: 46px;
}
ul.top-login li .blue-link,
ul.top-login li .orange-link {
	height: 46px;
}

ul.top-login li .blue-link:hover {
	background: #187173;
}

ul.top-login li .blue-link.user {
	background: #008275 url("/zc/modules/Prospect/images/icons/user_icon_small.svg") no-repeat scroll 50% 14px;
}

ul.top-login li .blue-link.user:hover {
	background: #187173 url("/zc/modules/Prospect/images/icons/user_icon_small.svg") no-repeat scroll 50% 14px;
}

body#top.yui-skin-sam ul.top-login li p {
	margin: 0px;
}

ul.top-login li .blue-link.user.expand-button {
	padding-bottom: 0px;
	padding-top: 10px;
	position: relative;
}

ul.top-login li .blue-link.user.expand-button .icon-user {
	font-size: 36px;
	line-height: 36px;
}

ul.top-login li .blue-link.user.expand-button .icon-down-dir,
ul.top-login li .blue-link.user.expand-button .icon-up-dir,
ul.top-login li .blue-link.user.expand-button .icon-right-dir {
	position: absolute;
	bottom: 0px;
	right: 10px;
	font-size: 26px;
}

ul.top-mcc li, ul.top-mcc li:hover
{
	background: #f8971c;
	border-top: 2px solid black;
}

ul.top-mcc li .phone-number
{
	font-family: "Open sans",Arial,sans-serif;
	font-size: 28px;
	line-height: 32px;
	font-weight: bold;
	text-align: center;
	width: 230px;
	margin: auto;
	color: #ffffff;
	background-image: url("../images/mcc-telephone-icon-white.svg");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 5px;
}

ul.top-mcc li .phone-number a
{
	color: inherit;
	text-decoration: none;
	line-height: inherit !important; /* All of these are to override safari's telephone number styling rules */
	font-size: inherit !important;
	font-weight: inherit !important;
	font-family: inherit !important;
	background: inherit !important;
	margin: inherit !important;
	padding: inherit !important;
	width: inherit !important;
}

ul.top-mcc li .opening-hours
{
	text-align: center;
	color: #ffffff;
	font-family: "Open sans",Arial,sans-serif;
	width: 230px;
	margin: auto;
}

#pi-main-mobile-menu ul.top-login > [class*="col-"] {
	padding: 0;
}
#pi-main-mobile-menu ul.top-login [class*="col-"] > a,
#pi-main-mobile-menu ul.top-login [class*="col-"] > button {
	width: 100%;
	text-align: center;
}
#pi-main-mobile-menu ul.top-login li a:before {
	content: "";
}
#pi-main-mobile-menu #login-dropdown-hamburger .user-name {
	padding: 14px 30px;
	font-style: italic;
}
#pi-main-mobile-menu #login-dropdown-hamburger {
	margin: 0;
	width: 100%;
	border-right: 1px solid;
}
#pi-main-mobile-menu #login-dropdown-hamburger li,
#pi-main-mobile-menu #login-dropdown-hamburger li a {
	width: 100%;
}


/* Login page */
.content-heading {
	font-size: 50px;
	line-height: 1.2em;
	margin-bottom: 15px;
	font-weight: 300;
	letter-spacing: -1px;
}
.content-heading .pi-small-text {
	letter-spacing: normal;
	float: right;
	padding-top: 34px;
	font-size: 12px;
	color: #666e70;
}
#login-form label,
.password-reset-form label,
.authenticate-form label
{
	font-weight: 400;
	margin-top: 25px;
	margin-bottom: 20px;
	font-size: 16px;
}
#login-form .validation,
.password-reset-form .validation,
.authenticate-form .validation,
{
	display: block;
}

#login-form .full_validation,
.password-reset-form .full_validation,
.authenticate-form .full_validation
{
	margin-bottom: 20px;
}

#login-form .btn.pi-btn-orange.pi-btn-big,
.password-reset-form .btn.pi-btn-orange.pi-btn-big,
.authenticate-form .btn.pi-btn-orange.pi-btn-big
{
	margin: 25px 0px;
}

#login-form fieldset {
	background-color: #FFFFFF;
}

/* End Login page */

.password-reset-form .form_field.check input[type=checkbox] {
	margin-left: 1em;
}

.password-reset-form .fieldset_intro
{
	margin-left: 1em;
}

.password-reset-form .form-control
{
	color: inherit;
}

.authenticate-form .authenticate-prompt {
	margin-top: 1em;
	margin-bottom: 1em;
}

/* Styles for showing authentication as a single block (Viewed inside iframe on intranet) */
.authenticate-single-block .authenticate-form fieldset {
	background-color: #fff8fe;
}

.authenticate-single-block .authenticate-form .endwidgets input[type=submit]
{
       background-color: #8e4783;
}

.pi-row-block-txt.secondary-nav {
	margin-bottom: 8px;
}

.secondary-nav a {
	color: #FFF !important;
	font-size: 13px;
}

.section-relative-container {
	position: relative;
}

.pi-header .pi-section-dark .form-control {
	background: #fff none repeat scroll 0% 0%;
	border-color: #fff #fff #fff;
	color: #616B75;
	box-shadow: none;
}

.pi-header .pi-row-sm .pi-row-block form {
	margin-top: 0px;
	margin-bottom: 0px;
}

.pi-header #search-block-form .btn {
	padding: 7px 12px;
	line-height: 14px;
}

.pi-header .pi-row-sm .pi-row-block form .form-control {
	padding: 7px 10px 8px;
	height: 30px;
}

.pi-header .pi-row-sm .pi-row-block form input[type="text"].form-control {
    width: 160px;
}

.pi-header .pi-row-sm .pi-row-block-search {
	margin-top: 9px;
	margin-bottom: 0px;
}

.pi-header #search-block-form .pi-btn-base {
	background: #666E70 none repeat scroll 0% 0%;
	border: 1px solid #666E70;
	color: #FFF !important;
	box-shadow: 0px 1px 0px #666E70 inset;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}

.pi-header #search-block-form .form-group {
	margin-bottom: 0px;
}

.pi-header .secondary-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: inherit;
}
.pi-header .secondary-nav ul li {
	float: left;
	padding: 0 0 0 0.5ex;
	margin: 0;
}
.pi-header .secondary-nav ul li::after {
	content: "|";
	padding: 0 0.5ex;
}
.pi-header .secondary-nav ul li:last-child::after {
	content: "";
	padding: 0px;
}

.pi-header .secondary-nav .sub-nav {
	display: none;
}


.pi-row-block-logo
{
	margin-top: 16px;
}

.pi-row-block-rightlogo
{
	margin-right: 0px;
	margin-left: 0px;
	display: none;
}

@media (min-width: 1182px) {
	.pi-row-block-rightlogo {
		display: block;
	}
}

/* MegaMenu */

.header-row
{
	background-color: #dee5e0
}

.megamenu ul li a
{
	color: #000000;
}

.megamenu .sub-nav a
{
	color: #abdccf;
}

.pi-section-white .pi-simple-menu a:hover,
.pi-section-white .pi-simple-menu a:focus {
	color: #5fb5d3; /* The Aura theme colours menu _list items_ on :hover, not the anchors, and doesn't have :focus styles... */
}

/* The aura theme is mad and uses a span inside the anchor,
with :before style on the span with a bottom border
absolutely positioned to the bottom of the anchor,
just to get a blue bottom border on the active Tier1 link...
*/
.pi-section-w .pi-simple-menu > li > a {
	border-bottom: 3px solid transparent;
	line-height: 93px;
	max-height: 96px;
	padding: 0;
	margin: 0 12px; /* use margin not padding so the bottom border is constrainedd to the width of the link text, not the full width of the li */
	overflow: visible;
}
.pi-section-w .pi-simple-menu > li.pi-has-dropdown > a {
	margin-right: 25px;
}
.pi-menu li.pi-has-dropdown > a:after,
.pi-simple-menu li.pi-has-dropdown > a:after {
	right: -11px; /* Negative over margin rather than positive over padding */
}
.pi-menu li.pi-has-dropdown:hover > a:after,
.pi-simple-menu li.pi-has-dropdown:hover > a:after {
	/* Prospect requested no rotation on the dropdown indicator despite it being in the aura theme they chose... */
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	margin-top: -5px;
}

.pi-section-w .pi-simple-menu > li.active > a,
.pi-section-w .pi-simple-menu > li > a:hover,
.pi-section-w .pi-simple-menu > li > a:focus {
	border-bottom-color: #008275;
}


.pi-header .megamenu ul {
	margin: 0; /* Aura theme's typo.css sets all ULs to have a bottom margin which we don't want on menus */
}

.pi-header .megamenu ul > li.nav-item .icon-home {
	font-size: 20px;
	margin-left: 0px;
}

/* Make menu columns full height */

.pi-header .megamenu .pi-submenu.row .row-height .col-xs-height ul.megamenu-list.row,
.pi-header .megamenu .pi-submenu.row .row-height .col-sm-height ul.megamenu-list.row,
.pi-header .megamenu .pi-submenu.row .row-height .col-md-height ul.megamenu-list.row,
.pi-header .megamenu .pi-submenu.row .row-height .col-lg-height ul.megamenu-list.row,

.pi-header .megamenu .pi-submenu.row .row-height .col-xs-height > .adminlinks,
.pi-header .megamenu .pi-submenu.row .row-height .col-sm-height > .adminlinks,
.pi-header .megamenu .pi-submenu.row .row-height .col-md-height > .adminlinks,
.pi-header .megamenu .pi-submenu.row .row-height .col-lg-height > .adminlinks,

.pi-header .megamenu .pi-submenu.row .row-height .col-xs-height ul.megamenu-list.row > [class*="col-"],
.pi-header .megamenu .pi-submenu.row .row-height .col-sm-height ul.megamenu-list.row > [class*="col-"],
.pi-header .megamenu .pi-submenu.row .row-height .col-md-height ul.megamenu-list.row > [class*="col-"],
.pi-header .megamenu .pi-submenu.row .row-height .col-lg-height ul.megamenu-list.row > [class*="col-"] {
	height: 100%;
}



.pi-header .megamenu .pi-submenu [class*="col-"] a {
	padding-left: 0; /* Aura global.css forces passing on all anchors but bootstrap columns cum with padding already */
	padding-right: 0;
	padding-top: 0;
	display: block;
	width: 100%; /* Incase not enough spa */
}
.pi-header .megamenu .with_image {
	padding: 0.5em 0;
}
.pi-header .megamenu .with_image:first-child {
	padding-top: 0;
}
.pi-header .megamenu .with_image.with_description .image_wrapper img {
	width: 70px;
	border-radius: 3px;
}
.pi-header .megamenu .with_image.with_description .image_wrapper {
	width: 86px; /* override bootstrap column width to force to just image size */
	padding-right: 16px;
}

.pi-header .megamenu .with_image.with_description [class*="col-"] {
	padding: 0;
}

.pi-header .megamenu .sub-nav header,
.pi-header .megamenu .with_image .label {
	color: #fff;
	font-size: 16px;
}
.pi-header .megamenu .with_image .label {
	margin-bottom: 9px;
}
.pi-header .megamenu .with_image a:hover,
.pi-header .megamenu .with_image a:focus {
	text-decoration: none; /* Override full underline from the accessible mega menu styles. Just underline the label */
}
.pi-header .megamenu .with_image a:hover .label,
.pi-header .megamenu .with_image a:focus .label {
	color: inherit;
}
.pi-header .megamenu .sub-nav header,
.pi-header .megamenu .sub-nav header a,
.pi-header .megamenu .with_image .label,
.pi-header .megamenu .with_image p,
.pi-header .megamenu .sub-nav .featured-items a {
	font-weight: normal;
}
.pi-header .megamenu .with_image p {
	margin: 9px 0;
}
.pi-header .megamenu .sub-nav header {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9001;
}
.pi-header .megamenu .sub-nav .sub-nav-group {
	padding-top: 46px; /* Makes room for header to site above left-most column but keeps border between columns full-height */
	padding-bottom: 1em;
}
.pi-header .megamenu .sub-nav .sub-nav-group.content-container {
	padding-top: 0;
	padding-bottom: 0;
}
.pi-header .megamenu .sub-nav .sub-nav-group.content-container ul > li[class*="col-"] {
	padding-top: 46px;
	padding-bottom: 1em;
}

.pi-header .megamenu .sub-nav header {
	padding-left: 15px; /*Same as columns in the menus so the chevrons line up with featured items which is usually the left column */
}
.pi-header .megamenu .sub-nav header a,
.pi-header .megamenu .sub-nav .featured-items a {
	padding-left: 12px;
	position: relative;
	font-weight: 400;
	font-size: 16px;
}
.pi-header .megamenu .sub-nav header a:before,
.pi-header .megamenu .sub-nav .featured-items a:before {
	content: "\e8c4";  /* right chevron (large) */
	font-family: fontello;
	font-size: 14px;
	position: absolute;
	left: 0;
	font-weight: bold;
	color: #5FB5D3;
}
.pi-header .megamenu .pi-submenu-dark header a:before,
.pi-header .megamenu .pi-submenu-dark .featured-items a:before {
	color: #b3b3b3;
}

.pi-header .megamenu .sub-nav {
	width: 450px;
}
.pi-header .megamenu .beinvolved-menu .sub-nav,
.pi-header .megamenu .resources-menu .sub-nav {
	left: auto;
}
.pi-header .megamenu .cssmenu .sub-nav,
.pi-header .megamenu .about-menu .sub-nav
{
	right: auto
}

nav.megamenu,
nav.megamenu > ul.nav-menu,
.accessible-megamenu,
.accessible-megamenu .full-width-dropdown,
.accessible-megamenu .accessible-megamenu-top-nav-item.full-width-dropdown {
	position: static; /* Allows items to display absolutely against the header, not just the menu */
}
.accessible-megamenu .accessible-megamenu-panel.open {
	max-height: 800px; /* Almost fills  the screen on 1024px high screen */
}

.pi-header .megamenu .full-width-dropdown .sub-nav {
	width: 96%; /* Size and position is relative to the header bar not the Tier1 menu item */
	left: 2%;
	right: auto;
}

@media (min-width: 1200px) {
	.pi-header .megamenu .sub-nav.full-width-dropdown {
		width: 1170px;
	}

	.pi-header .megamenu .sub-nav.industries-menu {
		right: -375px;
	}

	.pi-header .megamenu .sub-nav.atwork-menu {
		right: -330px;
	}
}

.pi-header .megamenu .sub-nav {
	border-bottom-style: solid;
}

.pi-header .megamenu .pi-submenu-dark {
	border-bottom-color: #008275;
	border-color: #008275;
}

.pi-header .megamenu .sub-nav .sub-nav-group:first-child {
	border-left: none;
}

.pi-header .megamenu .close-sub-nav {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 1.5em;
	padding: 0.5em; /* Padding makes the button easier to touch/click */
}
.pi-header .megamenu button.close-sub-nav {
	background: transparent;
	border: none;
}
.pi-submenu-dark header a,
.pi-submenu-dark button.close-sub-nav {
	color: inherit;
}
.pi-submenu-dark button.close-sub-nav:hover,
.pi-submenu-dark button.close-sub-nav:focus,
.pi-submenu-dark header a:hover,
.pi-submenu-dark header a:focus {
	color: #5FB5D3;
}
.pi-header .megamenu .sub-nav .sub-nav-group.content-container {
	border: none;
}

.pi-submenu-dark {
	/* Aura theme styles the list-item elements not the container, which can leave gaps... */
	background: #1E2127;
	color: #ABB3B9;
}
.pi-submenu-dark li:hover {
	background-color: inherit;
}
.pi-submenu-dark.pi-has-shadow {
	box-shadow: 0 1em 0.75em rgba(0, 0, 0, 0.4);
}
.pi-submenu-dark h1,
.pi-submenu-dark h2,
.pi-submenu-dark h3,
.pi-submenu-dark h4,
.pi-submenu-dark h5,
.pi-submenu-dark h6 {
	color: inherit;
}

/* mobile-menu */

.pi-section-menu-mobile-w.expandable {
	overflow: auto;
}

.pi-section-menu-mobile > ul.pi-menu-mobile {
	border-bottom: 2px solid;
	padding-bottom: 1em;
	margin-bottom: 1em;
}

.pi-section-dark > ul.pi-menu-mobile {
	border-bottom-color: #4e5966;
}

.pi-section-menu-mobile > ul.pi-menu-mobile li a {
	width: 80%;
	float: left;
}

.pi-section-menu-mobile > ul.pi-menu-mobile li .expand-button:before {
	content: ""; /* Aura theme adds - prefixes to help keep track of nav tiers. Don't show these on expander links */
}

/* Only address expand buttons inside .menu_subheading to avoid contaminating the top-login user menu expand-button
which opens up over the hamburger menu
*/

.pi-section-menu-mobile > ul.pi-menu-mobile li .menu_subheading button.expand-button {
	width: 20%;
	float: right;
	text-align: center;
	/* Styled to match anchors in the megamenus */
	background: transparent;
	color: inherit;
	border-top: 1px solid;
	border-bottom: none;
	border-left: none;
	border-right: none;
	padding: 9px 30px;
}

.pi-section-dark .pi-section-menu-mobile > ul.pi-menu-mobile li .menu_subheading  button.expand-button {
	border-top-color: #2e343a;
}

@media (max-width: 992px) {
	.pi-section-menu-mobile > ul.pi-menu-mobile li .menu_subheading button.expand-button {
		padding: 14px 30px;
	}
}

@media (max-width: 768px) {
	.pi-section-menu-mobile > ul.pi-menu-mobile li .menu_subheading button.expand-button {
		padding: 14px 20px;
	}
}

.pi-section-dark .pi-section-menu-mobile > ul.pi-menu-mobile li .menu_subheading button.expand-button:hover,
.pi-section-dark .pi-section-menu-mobile > ul.pi-menu-mobile li .menu_subheading button.expand-button:focus,
.pi-section-dark .pi-section-menu-mobile > ul.pi-menu-mobile li .menu_subheading ul.expandable li > button.expand-button:hover,
.pi-section-dark .pi-section-menu-mobile > ul.pi-menu-mobile li .menu_subheading ul.expandable li > button.expand-button:focus {
	background: #262b31;
	color: #5fb5d3;
}

.pi-section-menu-mobile > ul.pi-menu-mobile li .menu_subheading button.expand-button .when-hidden:before,
.pi-section-menu-mobile > ul.pi-menu-mobile li .menu_subheading button.expand-button .when-shown:before {
	visibility: visible;
	font-family: fontello;
	font-size: 1.5em;
}

.pi-section-menu-mobile > ul.pi-menu-mobile li .menu_subheading button.expand-button .when-hidden:before {
	content: "\e8c4";  /* right chevron (large) */
}
.pi-section-menu-mobile > ul.pi-menu-mobile li .menu_subheading button.expand-button .when-shown:before {
	content: "\e8c2"; /* down chevron (large) */
}

.pi-section-menu-mobile > ul.pi-menu-mobile li .menu_subheading button.expand-button:before {
	clear: both;
}

.pi-section-menu-mobile > ul.pi-menu-mobile li .expandable {
	border: 1px solid;
	border-top: none;
	border-right: none;
	margin-bottom: 2%;
	margin-left: 2%; /* indent slightly to make it easier to identify layers*/
	width: 98%; /* Shrink width to accommodate left margin otherwise overflows X */
}
.pi-section-dark .pi-section-menu-mobile > ul.pi-menu-mobile li .expandable {
	border-color: #4e5966;
}
.pi-section-menu-mobile-w,
.pi-menu-mobile ul {
	height: auto; /* our expander JS and classes handle showing/hiding the mobile menu */
}
.pi-section-dark .pi-section-menu-mobile li.selected > a {
	text-decoration: underline;
	font-weight: bold;
}
.pi-section-dark .pi-section-menu-mobile li.selected > a:before {
	text-decoration: none;
}
.pi-section-menu-mobile-w {
	box-shadow: 0 1em 0.75em rgba(128, 128, 128, 0.9); /* Shadow half way between white and black so it's noticeable against both */
}
@media (min-height: 480px)
{
	.pi-section-menu-mobile-w {
		max-height: 384px;
	}
}
@media (min-height: 640px)
{
	.pi-section-menu-mobile-w {
		max-height: 544px;
	}
}
@media (min-height: 768px)
{
	.pi-section-menu-mobile-w {
		max-height: 604px; /* Has larger header so less expansion for mobile menu */
	}
}
@media (min-height: 1024px)
{
	.pi-section-menu-mobile-w {
		max-height: 860px;
	}
}

.pi-btn-base
{
	background:#ffcc00;
	color: black;
	border: 1px solid #E0A526;
	-webkit-box-shadow: inset 0 1px 0 #E0A526;
    -moz-box-shadow: inset 0 1px 0 #E0A526;
    box-shadow: inset 0 1px 0 #E0A526;
	color: black !important;
}

.pi-btn-base:hover
{
	color: black !important;
	background: #E0A526;
	border: 1px solid #ffcc00;
	-webkit-box-shadow: inset 0 1px 0 #ffcc00;
    -moz-box-shadow: inset 0 1px 0 #ffcc00;
    box-shadow: inset 0 1px 0 #ffcc00;

}
/** Left-nav **/

#LeftLayout nav,
#LeftLayout nav a {
	color: #008275;
	text-decoration: none;
}
#LeftLayout nav a:hover,
#LeftLayout nav a:focus {
	color: #187173;
	text-decoration: underline;
}
#LeftLayout nav ul {
	list-style: none;
}
#LeftLayout nav ul,
#LeftLayout nav ul li {
	margin: 0;
}
#LeftLayout nav ul li.menu_page,
#LeftLayout nav ul li.menu_folder .menu_subheading {
	border-bottom: 1px dashed #D6DFDF;
}
#LeftLayout nav ul li.menu_page,
#LeftLayout nav ul li.menu_folder .menu_subheading {
	padding: 5px 0 6px 16px;
	margin: 0;
	position: relative;
}

#LeftLayout nav ul li.menu_page.on_page,
#LeftLayout nav ul li.menu_folder.in_folder > .menu_subheading {
	font-weight: bold;
	background-color: #f8fafa;
}
#LeftLayout nav .expand-button {
	border: none;
	background: transparent;
	padding: 0.5em;
	color: #E0A526;
}
#LeftLayout nav .expand-button .when-hidden,
#LeftLayout nav .expand-button .when-shown {
	font-size: 1px; /* Prevents button taking up much/any room, can't use visibility:hidden because IE 11 sucks ass */
}

/* Chevrons in front of each menu item */
#LeftLayout nav ul li.menu_page:before,
#LeftLayout nav ul li.menu_folder > .menu_subheading:before,
#LeftLayout nav .expand-button
{
	font-weight: bold;
	display: block;
	position: absolute;
}
#LeftLayout nav ul li.menu_page:before,
#LeftLayout nav ul li.menu_folder .menu_subheading:before,
#LeftLayout nav .expand-button .when-shown:before,
#LeftLayout nav .expand-button .when-hidden:before
{
	font-size: 14px;
	font-family: fontello;
}
#LeftLayout nav ul li.menu_page:before,
#LeftLayout nav ul li.menu_folder > .menu_subheading:before
{
	left: 2px;
}
#LeftLayout nav .expand-button {
	top: 0;
	left: -8px;
	padding: 5px 5px 6px 10px;
}
#LeftLayout nav ul li.menu_page:before,
#LeftLayout nav ul li.menu_folder .menu_subheading:before,
#LeftLayout nav .expand-button .when-hidden:before
{
	content: "\e8c4";  /* right chevron (large) */
}
#LeftLayout nav .expand-button .when-shown:before {
	content: "\e8c2";  /* down chevron (large) */
}

/* menu_subheading has the same chevron as menu_page unless the folder has children in which case the chevron is in the expand-button */
#LeftLayout nav ul li.menu_folder.menu_haschildren > .menu_subheading:before {
	left: 0;
	content: "";
}

/* RT47744 - The 1px min height set by Bootstrap on columns does not prevent overlapping content as intended when
zoomed out on Desktop Safari and the left nav is affixed. Increasing this by at least a pixel strangely fixes it.*/
aside#LeftLayout
{
	min-height: 2px;
}

/** End of left-nav **/

.element-invisible {
	display: none;
}

.icon-menu {
	font-style: normal;
}

.list-with-icon .pi-bullet-icon a i,
.list-with-icon a .pi-bullet-icon i {
	color: #909295;
	margin-right: 6px;
}

.list-with-icon a.active .pi-bullet-icon i {
	color: #5fb5d3;
}
.list-with-icon a.active {
	text-decoration: none;
}
.list-with-icon a.active:after {
	content: '>';
}

.list-with-icon:hover .pi-bullet-icon a i,
.list-with-icon:hover a .pi-bullet-icon i {
	color: #707274;
	margin-right: 6px;
}

.secondary-footer {
	border-bottom: 3px solid #00aab3;
	border-top: 1px solid #2e343a;
	box-shadow: none;
}

.secondary-footer .pi-section {
	padding-top: 20px;
	padding-bottom: 20px;
}

.secondary-footer p {
	line-height: 34px;
}

#page-title {
	background: url("../images/hexagon.png") repeat;
	background-color: #008275;
}

.breadcrumbrow .pi-breadcrumb ul {
	display: inline;
	margin: 0;
	padding: 0;
	-webkit-padding-start: 0;
	margin-left: 0px;
}

.breadcrumbrow .pi-breadcrumb {
	color: #008275;
}

.breadcrumbrow .pi-breadcrumb li {
	display: inline;
}

.breadcrumbrow .pi-breadcrumb li a {
	color: #008275;
}

.breadcrumbrow .pi-breadcrumb li a:hover {
	color: #FFCC00;
}

.breadcrumbrow .pi-breadcrumb {
	font-size: 13px;
	line-height: 1.8em;
}

.breadcrumbrow .pi-breadcrumb li a:after {
	font-family: fontello;
	content: "\e8c8"; /* right-chevron (small) */
	margin: 0 5px 0 7px;
	color: #FFCC00;
}

ul.tweets li
{
	word-wrap: break-word;
}

ul.tweets li.retweet
{
	font-style: italic;
}

a.follow-prospect
{
	display: inline-block;
}

a.follow-prospect img
{
	height: 37px;
	width: 37px;
}

a.follow-prospect span {
	float: right;
	margin: 18px 0 18px 10px;
}

.breadcrumbrow .pi-breadcrumb li:last-of-type a:after {
	content: " ";
}

.breadcrumbrow {
	background-color: #E5EAEA;
}

.sidebar-box {
	background: #DEE5E0;
	border: 1px solid #ACA9AE;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
	padding: 15px;
	margin-bottom: 50px;
	text-align: left;
}
.sidebar-box .pi-grouped-input .pi-input-inline {
	overflow: hidden;
}
.sidebar-box .pi-grouped-input .pi-input-inline input {
	float: left;
}
.sidebar-box .pi-grouped-input .pi-input-inline input[type='submit'] {
	border-radius: 0 3px 3px 0;
}
.sidebar-box .pi-grouped-input .pi-input-inline input[type='text'] {
	width: auto;
	height: 38px;
}

.sidebar-join {
	border-radius: 3px 3px 0 0;
}

.sidebar-join img {
	margin-bottom: 20px;
}

/* Override box padding from theme */
.pi-box {
	margin-bottom: 20px;
	padding: 18px;
}

.sidebar-joinus-button {
	background: #FFCC00 none repeat scroll 0 0;
	border: 1px solid #E0A526;
	box-shadow: 0 1px 0 #E0A526 inset;
	color: #000 !important;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	padding: 0.5em;
}

.sidebar-joinus-button:hover
{
	background: #E0A526 none repeat scroll 0 0;
	border: 1px solid #E0A526;
	color: #fff !important;
	-webkit-box-shadow: inset 0 1px 0 #E0A526;
	-moz-box-shadow: inset 0 1px 0 #e0a526;
	box-shadow: inset 0 1px 0 #e0a526;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

/* Login dropdown */
.arrow {
	position: absolute;
	right: 37px;
	top: 6px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 10px solid #21252b;
}

.pi-header .pi-row-block,pull-right {
	margin-right: 0;
}
#login-dropdown {
	position: absolute;
	right: 0;
	top: 40px;
	z-index: 100;
}
#login-dropdown form {
	width: 320px;
}

#login-dropdown .pi-section-dark {
	margin-top: 16px;
}

#login-dropdown .form-group {
	padding: 10px;
	margin: 0px;
	overflow: hidden;
}

#login-dropdown label {
	width: 100%;
	margin: 0px;
	margin-bottom: 10px;
}

#login-dropdown input {
	width: 100%;
	margin: 0px;
	height: 40px;
	border: none;
	border-radius: 0px;
	padding: 10px;
}

#login-dropdown input[type="submit"],
#login-dropdown .first-time-users,
#login-dropdown .dropdown-link {
	width: 100%;
	height: 46px;
	line-height: 46px;
	text-align: left;
	padding: 0px 20px;
}

#login-dropdown input[type="submit"] {
	background-color: #FFCC00	;
	border: none;
	color: #000000;
	font-size: 16px;
}

#login-dropdown .first-time-users {
	background-color: #008275;
	color: #FFFFFF;
	font-size: 16px;
}

#login-dropdown .dropdown-link {
	font-size: 14px;
}

body#top.yui-skin-sam #login-dropdown .pi-divider {
	clear: both;
	margin: 0px;
}

#login-dropdown a:hover {
	text-decoration: none;
	color: #5FB5D3;
}

/* End login modal/dropdown */

/** These styles are for the Tabbed layout. It overrides many of the default YUI styles **/
.yui-skin-sam .yui-navset .yui-nav, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav
{
	border: none;
	border-bottom: 0;
}

.yui-skin-sam .yui-navset .yui-nav a, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav a
{
	position: relative;
	display: block;
	margin-right: -1px;
	padding: 9px 13px 11px;
	border: 1px solid #e5eaea;
	border-radius: 3px 3px 0 0;
	z-index: 1;
	font-size: 14px;
	-webkit-transition: all 0.1s ease-in-out 0s;
	-moz-transition: all 0.1s ease-in-out 0s;
	-ms-transition: all 0.1s ease-in-out 0s;
	-o-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
	color: #70757a;
	background: #f8fafa;

}
@media (min-width: 860px) {
	.yui-skin-sam .yui-navset .yui-nav a, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav a {
		padding: 9px 20px 11px;
	}
}

.yui-skin-sam .yui-navset .yui-nav a:hover, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav a:hover
{
	text-decoration: none;
	outline: none;
}
.yui-skin-sam .yui-navset .yui-nav a em, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em
{
	color: #70757a;
	background: #f8fafa;
	border-color: #e5eaea;
	display: inline;
	border:none;
	text-transform: uppercase;
}

.yui-skin-sam .yui-navset .yui-nav a em,
.yui-skin-sam .yui-navset .yui-nav .selected a em
{
	padding: 0;
}

.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a em
{
	background: #ffffff;
	border-color: #e5eaea;
	border-bottom-color: #ffffff;
	color: #2e343c;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.yui-skin-sam .yui-navset .yui-nav .selected a:focus,
.yui-skin-sam .yui-navset .yui-nav a:focus,
.yui-skin-sam .yui-navset .yui-nav .selected a:hover,
.yui-skin-sam .yui-navset .yui-nav a:hover,
.yui-skin-sam .yui-navset .yui-nav a:focus em,
.yui-skin-sam .yui-navset .yui-nav a:hover em
{
	background: #ffffff;
	border-color: #e5eaea;
	border-bottom-color: #ffffff;
	color: #2e343c;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.yui-skin-sam .yui-navset .yui-nav li, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav li,
.yui-skin-sam .yui-navset .yui-nav .selected, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav .selected
{
	margin: 0 0 -1px;
}

.yui-skin-sam .yui-navset .yui-nav .selected a, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav .selected a
{
	z-index: 3;
}
.yui-skin-sam .yui-navset .yui-content, .yui-skin-sam .yui-navset .yui-navset-top .yui-content
{
	border: 1px solid #e5eaea;
	background: #ffffff;
	position: relative;
	z-index: 2;
	padding: 30px 22px 10px;
	margin-bottom: 20px;
	overflow: hidden;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.yui-skin-sam .yui-navset .yui-nav .selected a:after
{
	background: #5fb5d3;
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	z-index: 1;
	height: 3px;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	-webkit-transition: all 0.1s ease-in-out 0s;
	-moz-transition: all 0.1s ease-in-out 0s;
	-ms-transition: all 0.1s ease-in-out 0s;
	-o-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
}

/** Slideshow styling - brought in from old Prospect design **/
.slideshow .overlay {
	position:relative;
	text-align: center;
	margin-top: 0.5%;
	font-size: 15px;
	padding-bottom: 6px;
}

.pi-img-w .pi-img-overlay .pi-caption-centered {
	text-align: center;
	left: 50%;
	top: 260px;
}

.slideshow .pausecontrol {
	cursor:pointer;
	display: inline-block;
	height: 12px;
	width: 11px;
	padding: 0;
	margin: 0 4px;
	vertical-align: middle;
	background: url("/zc/modules/Prospect/images/newslideshow/pause.svg") no-repeat;
}

.slideshow .pausecontrol.play
{
	height: 14px;
	background: url("/zc/modules/Prospect/images/newslideshow/play.svg") no-repeat;
}

.slideshow .img-selector {
	list-style-type:none;
	display:inline-block;
	padding:0;
	margin:auto;
	text-align:center;
	vertical-align: middle;
}

.slideshow .img-selector li {
	float:left;
	background:#fff;
	margin:0 4px;
	overflow:hidden;
	height:14px;
	position:relative;
	width:14px;
	background: url('/zc/modules/Prospect/images/newslideshow/not_active.svg') no-repeat;
}

.slideshow .img-selector li a {
	height:0;
	padding-top:14px;
	width:14px;
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
}

.slideshow .img-selector li.selected {
	background: url('/zc/modules/Prospect/images/newslideshow/active.svg') no-repeat;
}

/** New Slideshow Styles. **/
.slideshow-container
{
	width: 100%; /* or whatever is required */
	text-align: center; /* ensures the image is always in the h-middle */
	overflow: hidden; /* hide the cropped portion */
}

.slideshow-container a
{
	text-decoration: none;
}

.slideshow-container img.image
{
	position: relative;
	width: 100%;
}

.slideshow .img-selector-wrapper
{
	clear: both;
	background: #696868;
	height: 24px;
	margin: auto;
	display: table;
	padding: 0 10px;
	border-radius: 50px;
}

.slideshow
{
	max-width: 1090px;
	margin: 0 auto;
	text-align: left;
	height: 100%;
	font-size: 10px;
	margin-top: -17%;
	transition: all 0.3s ease-out;
	width: 93%;
}

@media (min-width:500px) and (max-width: 749px) {
	.slideshow
	{
		font-size: 16px;
	}
}

@media (max-width: 749px) {
	.slideshow .overlay
	{
		font-size: 12px;
	}

	.slideshow .img-selector-wrapper
	{
		height: 17px;
	}

	.slideshow .pausecontrol,
	.slideshow .pausecontrol.play,
	.slideshow .img-selector li,
	.slideshow .img-selector li.selected
	{
		background-size: 75%;
	}

	.slideshow .img-selector li
	{
		margin: 0 2px;
	}
}

@media (min-width: 750px) {
	.slideshow
	{
		font-size: 22px;
	}
}

@media (min-width: 1050px) {
	.slideshow
	{
		font-size: 28px;
	}
}

@media (min-width: 1300px) {
	.slideshow {
		font-size: 34px;
	}
}

.slideheader-left, .slidetext-left, .slideheader-right, .slidetext-right
{
	font-family: "Open Sans", Arial, sans-serif;
	position: relative;
	text-align: left;
	left: 0;
	display: table;
}

.slideheader-left,
.slideheader-right,
.slideheader-empty /** We want the same properties as the other styles but with no background set **/
{
	font-size: 100%;
	font-weight: bold;
	padding: 0.8%;
	background-color: #ffffff;
	top: 0;
	margin-bottom: 1.1%;
	text-transform: uppercase;
}

.slideheader-right, .slidetext-right
{
	margin-left: auto;
}

.slideheader-left a, .slideheader-right a
{
	color: #000000;
}

.slidetext-left,
.slidetext-right,
.slidetext-empty /** We want the same properties as the other styles but with no background set **/
{
	font-size: 66%;
	padding: 1%;
	background-color: #696868;
	top: 0;
	cursor: pointer;
}

.slidetext-left a, .slidetext-right a
{
	color: #ffffff;
}

/** When the header/text is empty, don't use a background colour but keep the properties (height, padding, etc)
 of the other slideshow styles for best display of the slideshow
 **/
.slideheader-empty,
.slidetext-empty
{
	background: none;
}

span.preview-label
{
	padding: 0 12px;
	background-color: #fff;
	float: left;
}

.pi-img-w .pi-img-overlay .pi-caption-centered {
	text-align: center;
}
.pi-img-w .pi-img-overlay .pi-caption-centered p {
	display: block;
}

/** Added to style mailings listing page **/
.yui-skin-sam .pi-row .yui-accordionview {
	border: none;
}
.yui-panel.container, .container.massmailer-pending
{
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	border: none;
}

.yui-panel.container .bd.contents,
.yui-skin-sam .row .yui-accordionview div.yui-accordion-content,
.yui-skin-sam .pi-row .yui-accordionview div.yui-accordion-content {
	padding: 10px 14px;
	background: #FFFFFF;
	border: 1px solid #e5eaea;
}

.yui-dialog .yui-module .bd
{
	padding: 5px 14px;
	background: #FFFFFF;
	border: 1px solid #e5eaea;
	border-bottom: 0;
}

.yui-panel.container .hd.h3,
.yui-dialog .yui-module .hd {
	height: 34px ;
	background: #008275;
	font-size: 16px;
	font-weight: bold;
	padding: 7px 15px;
	color: #ffffff;
	text-transform: uppercase;
	border: none;
	line-height: normal;
	text-align: center;
}

.yui-skin-sam .yui-dialog .yui-module.yui-panel.yui-overlay .ft
{
	background: #ffffff;
	border: none;
	border-bottom: 1px solid #e5eaea;
}

.yui-skin-sam .yui-module .container-close
{
	top: 12px;
}

/** Styling for library action boxes **/
.action-links.pi-box.pi-border.pi-round.pi-shadow.light-orange.small-bottom-margin,
.download-stats.pi-box.pi-border.pi-round.pi-shadow.light-orange
{
	padding: 0 0 5px 0;
}

.pi-section-base.pi-section-w.pi-shadow-inside-top.pi-section-purple
{
	padding: 6px 10px;
}

.download-stats .row,
.action-links .row
{
	padding-left: 10px;
	padding-right: 10px;
}

.action-links .row i
{
	color: #FFCC00;
	font-size: 23px;
	padding-top: 14px;
	display: block;
}

.action-links form
{
	margin-bottom: -15px;
}

.action-links .publish-starting-point.psp-fixed-doctype input[type="submit"]
{
	border-bottom: none;
	color: #21252b;
	font-weight: 600;
	white-space: normal;
	text-align: left;
}

.action-links .list-item-left
{
	padding: 14px 0 0 7px;
}

body#top.yui-skin-sam .action-links hr
{
	margin-top: 3px;
}

hr.news-landing-divider {
	margin: 14px 0px;
}


#FrmDirectDebit input[type=button],
.publish-starting-point form input[type=submit],
#comments form input[type=submit],
#FrmReservePOI input[type=submit],
#FrmUnlockPOI input[type=submit],
#FrmNewMailing input[type=submit],
.download-stats form input[type=submit]
{
	background: #FFCC00 none repeat scroll 0% 0%;
	border: 1px solid #FFCC00;
	color: #000;
	padding: 9px 12px 9px;
	vertical-align: middle;
	text-align: left;
	margin-top: 10px;
}

#FrmUnlockPOI input[type=submit],
#FrmReservePOI input[type=submit],
#FrmNewMailing input[type=submit],
.publish-starting-point form input[type=submit]
{
	background: #008275;
	border: 1px solid #187173;
	color: #FFF;
	margin-top: 0;
}

#direct-debit .form_label
{
	width: 13em;
	text-align: left;
}
#direct-debit-info {
	margin-bottom: 1em;
}
#direct-debit h1 img.dd-logo {
	padding-bottom: 0.5em;
}

.stats-item
{
	padding-top: 8px;
}

.stats-label
{
	width: 85%;
	word-wrap: break-word;
	display: inline-block;
}

.panel-title
{
	padding-left: 12px;
}

#FrmMemberDetails fieldset,
#FrmPasswordAndEmail fieldset {
	background-color: inherit;
}
#FrmMemberDetails .form_widget,
#FrmPasswordAndEmail .form_widget {
	width: 100%;
}
#FrmMemberDetails .form_label,
#FrmMemberDetails .form_label label,
#FrmPasswordAndEmail .form_label,
#FrmPasswordAndEmail .form_label label {
	width: 100%;
	text-align: left;
	font-size: 16px;
    line-height: 22px;
    font-weight: 400;
}
#FrmPasswordAndEmail .form_label .label {
	margin-bottom: 20px;
}
#FrmMemberDetails .form_widget input[type="password"],
#FrmMemberDetails .form_widget input[type="text"],
#FrmPasswordAndEmail .form_widget input[type="password"],
#FrmPasswordAndEmail .form_widget input[type="text"] {
	border: solid 1px #dde1e1;
}
#FrmMemberDetails .form_widget input[type="password"]:focus,
#FrmMemberDetails .form_widget input[type="text"]:focus,
#FrmPasswordAndEmail .form_widget input[type="password"]:focus,
#FrmPasswordAndEmail .form_widget input[type="text"]:focus {
	background: #ffffff;
	border-color: #008275;
	color: #939fa4;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
    outline: 0;
}
#FrmMemberDetails .form_field,
#FrmPasswordAndEmail .form_field  {
	padding: 0.5em 0px;
}

.SolrSearch .full_validation,
.ElasticSearch .full_validation
{

	background-color: inherit;
	border: none;
	padding: 0;
}
.validation_message,
ul.invalid_fieldsets {
	position: relative;
	border: 1px solid #ffd9c0;
	padding: 20px;
	margin-bottom: 20px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03);
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 0 !important;
	background: #feead3;
	color: #c5635e;
	display: block;
}

.full_validation .validation_message {
	margin-bottom: 0px;
}

.invalid_fieldset_legend {
	font-weight: 700;
    text-transform: capitalize;
}

/** Styling for article/comment show pages **/
.comment-actions
{
	float: right;
	margin-right: 5px;
}

.comment-actions a
{
	font-size: 14px;
}

.mce-content-body
{
	background: #f8fafa;
	color: #000000;
	padding: 5px;
	font-size: 14px;
	vertical-align: middle;
}

.article form li{
	list-style-type: disc;
}

.article form fieldset legend
{
	background-color: transparent;
	color: #000;
	text-transform: uppercase;
	padding: 0;
	font-size: 22px;
}

.article form#FrmComment
{
	padding: 0;
	background: none;
	border: none;
}

/* Re-position anchor link targets to offset the fixed header on prospect pages */
.article :target:before
{
	content: " ";
	display: block;
	position:relative;
	height:120px;
	margin-top: -120px;
	width:0;
}

/* Highlight the current target comment */
#comments :target.pi-testimonial .pi-testimonial-author
{
	padding: 5px;
	border: 2px #008275 dashed;
}


/** Some blog/article styles **/
a.article-topics
{
	padding-right: 5px;
}

.articlelist ul.admin-links,
.comment ul.admin-links,
.article ul.admin-links  {
	list-style-type: none;
}

.articlelist ul.admin-links li,
.comment ul.admin-links li,
.article ul.admin-links li {
	border-radius: 3px;
	cursor: pointer;
	font-size: 14px;
	line-height: 18px;
	outline: medium none;
	padding: 9px 12px;
	text-align: left;
	transition: all 0.2s ease-in-out 0s;
	vertical-align: middle;
	white-space: normal;
	display: inline-block;
	border: 1px solid #e3e9e9;
	box-shadow: 0 1px 0 #f8fafa inset;
	color: #586266;
	text-shadow: 0 1px 0 #fff;
	background: #f4f6f6 none repeat scroll 0 0;
	margin-right: 1em;

}

.pi-box.subscription-form .heading
{
	background: #FFCC00 none no-repeat scroll 0 0;
	border: 1px solid #FFCC00;
}

.pi-box.subscription-form .heading h2{
	padding-top: 10px;
	font-size: 1em;
	font-weight: normal;
	color: white;
	text-transform: uppercase;
	padding-left: 1em;
}

.pi-box.subscription-form .body {
	border: 1px solid #999999;
	padding: 1em;
	margin: 0;
	text-align: left;

}

.pi-box.subscription-form input[type=submit] {
	-moz-user-select: none;
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	line-height: 18px;
	outline: medium none;
	padding: 9px 12px;
	text-align: left;
	transition: all 0.2s ease-in-out 0s;
	vertical-align: middle;
	white-space: normal;
	background: #FFCC00 none repeat scroll 0 0;
	border: 1px solid #FFCC00;
	box-shadow: 0 1px 0 #f69c45 inset;
	color: #000 !important;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.pi-box.subscription-form
{
	padding: 20px 0;
}
.subscriptions-delete .admin-delete-icon
{
	background: none;
	color: #21252b !important; /** Overrides colour set in Core css **/
	height: auto;
	width: auto;
	overflow: visible;
	padding: 0;
}

.pi-box.manage-subscriptions .panel-content {
	margin-top: 1em;
	margin-bottom: 1em;
}

.pi-box.share-box
{
	padding-top: 9px;
}

.col-sm-6.recent-blogs
{
	padding-left: 0;
}

.blog-list-header
{
	min-height: 65px;
}

.list-item-meta i
{
	padding-right: 5px;
}

.list-item-right .icon-download,
.SolrSearchResults .icon-download,
.ElasticSearchResults. icon-download
{
	color:#FFCC00;
	font-size: 20px;
}

a.btn
{
	text-decoration: none;
}

.moderation-summary p
{
	margin-bottom: 0;
}

.pi-comments .comment-body ul
{
	list-style-type: disc;
}

.pi-comments .comment-body
{
	margin-top: 15px;
}

.pi-comments .comment-body p
{
	margin: 15px 0;
}

.moderate-form p
{
	margin-bottom: 7px;
}

.form_field.status-operations .form_label
{
	width: 9em;
	text-align: left;
}

.pi-gallery .pi-gallery-item.isotope-item
{
	width: 110px;
}

.pi-gallery.slim .pi-gallery-item.isotope-item
{
	width: 83px;
}

.pi-gallery-item .doc-list-item img
{
	width: 110px;
	height: 156px;
}

.pi-gallery.slim .pi-gallery-item .doc-list-item img
{
	width: 83px;
}

.pi-gallery.pi-liquid-col-sm-4 .pi-gallery-item
{
	padding: 0;
	margin: 15px;
}
.member-update .homeaddress_lookup .form_label,
.member-update .workaddress_lookup .form_label {
	float: none;
	width: auto;
	text-align: left;
}
.member-update .homeaddress_lookup .form_field,
.member-update .workaddress_lookup .form_field {
	padding-left: 0;
	padding-right: 0;
}

.pi-gallery.pi-liquid-col-sm-4.slim .pi-gallery-item
{
	margin: 10px;
}

.yui-dialog .yui-overlay
{
	width: 100% !important;
}

.article a.btn.pi-btn,
.articlesummary a.btn.pi-btn
{
	margin-right: 5px;
}

.moderate-heading
{
	background-color: #FFCC00;
	color: #000 !important;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 15px;
}

.moderate-heading i
{
	color: #fff;
}

.article .moderate-form form
{
	padding-top: 0;
}

.article .moderate-form form fieldset
{
	margin: 0;

}

.pi-row-sm .pi-row-block form .pi-grouped-input .pi-input-inline,
.pi-grouped-input .pi-input-inline
{
	margin-right: 0 !important;
}

/** Styles for news-blocks **/
.industry-latest
{
	margin-top: 10px;
	margin-bottom: 10px;
}

@media (min-width: 768px) {
	.industry-latest h5 {
		min-height: 48px;
	}
	.industry-latest .content {
		line-height: 22px;
		height: 110px;
		overflow: hidden;
	}
}

.article-title h5
{
	display: inline;
}

.summary-sideblock a
{
	color: #21252b;
}

.summary-sideblock h4
{
	text-transform: uppercase;
	font-weight: 600;
}

.media {
	margin: 0px;
}
.media-left .pi-news-date {
	margin: 0;
	margin-right: 10px;
}
.media-right img,
.media-left img {
	max-width: none;
}

.secondary-news-list-items .media-left {
	min-width: 70px;
}

/** More megamenu styles ***/

.news-list .megamenu-image
{
	width: 215px;
	height: 147px;
}

.cssmenu .pi-submenu.pi-items-have-borders ul.section-menu li,
.beinvolved-menu .pi-submenu.pi-items-have-borders ul.section-menu li,
.about-menu .pi-submenu.pi-items-have-borders ul.section-menu li,
.resources-menu .pi-submenu.pi-items-have-borders ul.section-menu li,
.news-menu .pi-submenu.pi-items-have-borders ul.featured-items li,
.blog-menu .pi-submenu.pi-items-have-borders ul.featured-items li
{
	border: none;
	display: inline-block;
	float: left;
	width: 50%;
	height: 50px;
	margin: 0;
	padding-right: 10px;
}

.pi-submenu.pi-items-have-borders ul.section-menu li a,
.pi-header .megamenu .pi-submenu.pi-items-have-borders ul.featured-items li a
{
	padding: 0px;
	padding-bottom: 9px;
	padding-left: 10px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	text-decoration: none;
}

.pi-submenu.pi-items-have-borders ul.section-menu li a::before,
.pi-header .megamenu .pi-submenu.pi-items-have-borders ul.featured-items li a::before
{
	content: "\e8c4"; /** '>' symbol **/
	font-family: fontello;
	position: absolute;
	left: 0;
	font-weight: bold;
	color: #008275;
}

.industries-menu .pi-submenu.pi-items-have-borders ul.section-menu li a::before
{
	content: normal;
}
.pi-header .megamenu .industries-menu p
{
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}

.megamenu-list a.item-href
{
	font-size: 16px;
	line-height: 1.5em;
	padding-bottom: 5px;
	color: #fff;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 400;
}

.ImageSelectDocument tr td
{
	padding: 0.5em;
	vertical-align: top;
}

h4.pi-letter-spacing.pi-has-bg
{
	text-transform: uppercase;
}

/** News lis / show styles **/
.row.news-meta .pi-meta
{
	margin-bottom: 0;
}

ul.pi-meta li a.article-topics:after,
ul.pi-meta li a.icon-field:after {
	content: ", ";
}

ul.pi-meta li a.article-topics:last-child:after,
ul.pi-meta li a.icon-field:last-child:after {
	content: "";
}

.news-article-main-content {
	font-size: 16px;
	line-height: 1.7;
}

div.author-avatar
{
	border-radius: 50%;
	width: 90px;
	height: 90px;
	overflow: hidden;
}

div.author-avatar img
{
	margin-top: -13%;
}

.RegionList li a {
	width: 100%;
	background-color: #008275;
	color: #FFFFFF;
	border: 1px solid #187173;
	text-align: center;
	min-height: 70px;
}

.RegionList li a:hover
{
	background-color: #187173;
}

.RegionList .pi-btn-base {
	background: #008275;
	color: white !important;
	border: 1px solid #187173;
	-webkit-box-shadow: inset 0 1px 0 #187173;
	-moz-box-shadow: inset 0 1px 0 #187173;
	box-shadow: inset 0 1px 0 #187173;
}

.pi-header-rows-fixed .pi-row-reduced nav li img,
.pi-header-row-fixed .pi-row-reduced nav li img {
	max-height: inherit;
}

/** Additional top margin styles not available in typo.css**/
.pi-margin-top-20
{
	margin-top: 20px !important;
}

.pi-margin-top-25
{
	margin-top: 25px !important;
}

.pi-margin-top-30
{
	margin-top: 30px !important;
}

@media (min-width: 992px)
{
	.row.news-meta ul.pi-meta
	{
		margin-top: 8px;
	}
}

.news-meta ul li
{
	font-size: 14px;
}

.article-links .row i
{
	color: #FFCC00;
}

form.member-search .form_label label
{
	margin-bottom: 0;
}

.member-search-results td
{
	padding: 5px 0;
}

form.member-search .yui-ac .yui-ac-input
{
	width: 17em;
}

.member-search#FrmAdminDBSearch .form_widget select
{
	width: 15em;
}

.member-search .grouplist_adders
{
	display: inline-block;
	float: left;
}

.member-search .grouplist_adders .form_field
{
	padding: 0;
}

.member-search .grouplist_list
{
	width: auto;
}

.member-search .grouplist_list ul
{
	padding-left: 0;
}

.member-search .grouplist_list ul li
{
	width: auto;
}

.member-search .grouplist_list ul li em
{
	max-width: 80%;
}

.member-search .form_label span.label
{
	font-weight: 600;
}

form.member-search
{
	margin-bottom: 2em;
}

table.poilist tr td
{
	padding: 5px;
}

table.pi-table.eisdoclist td,
table.pi-table.eisdoclist th
{
	padding: 8px;
}

table.pi-table.eisdoclist tbody tr th
{
	border-bottom-width: 1px;
	border-top-width: 1px;
}

#FrmEISSubscription fieldset p,
#FrmEISSubscription fieldset ul
{
	margin-left: 1em;
	margin-right: 1em;
}

.library.icon-forward
{
	color:#FFCC00;
	font-size: 16px;
	margin-right: 3px;
}

#FrmReservePOI .form_label,
#FrmAdminDBSearch .form_label

{
	text-align: left;
}

#FrmAdminDBSearch .form_widget input,
#FrmAdminDBSearch .form_widget select
{
	width:auto;
	height: auto;
	padding-left: 1px;
}

.featurebox {
	padding-top: 10px;
	padding-bottom: 10px;
	height: 211px;
}
.featurebox .col-xs-4 {
	padding-right: 0;
}
.featurebox h3 {
	margin-bottom: 16px;
	font-size: 20px;
}
.featurebox p {
	line-height: 20px;
	height: 100px;
	font-size: 13px;
	overflow: hidden;
}

.altimg {
	margin: 0 5px;
	position: relative;
}

.altimg-floatright {
	float: right;
}

.altimg-floatleft {
	float: left;
}

fieldset#FrmDirectDebit_BankDetails
{
	border: none;
}

fieldset#FrmDirectDebit_BankDetails .form_field .form_label
{
	width: 10em;
	text-align: right;
}

@media (max-width: 639px) {
	.reasons-banner .media-body,
	.reasons-banner .media-right {
		display: block;
		width: 100%;
		text-align: center;
	}

	.lead-30 {
		font-size: 22px;
		line-height: 26px;
	}

	a.h6.pi-link-dark {
		margin-top: 4px;
		margin-bottom: 16px;
		letter-spacing: 0px;
		line-height: 14px;
	}

	.industry-list-image .pi-img-overlay {
		display: none;
	}
}

@media (max-width: 767px) {
	.pi-row-lg .pi-row-block-logo img {
		max-height: 70px;
	}

	.pi-row-lg .pi-btn {
		margin-top: 17px;
		margin-bottom: 17px;
	}

	.reasons-banner h3 {
		font-size: 22px;
	}

	.reasons-banner .lead-16 {
		font-size: 14px;
		line-height: 1.4em;
	}

	.reasons-banner a.btn {
		width: 100%;
		margin-top: 0px;
	}
}

.login .yui-submit-button, .userinfo .yui-button {
	background:none !important;
	margin:1px 0 -1px 0.25em !important;
}

.login .yui-submit-button span {
	background:url(/zc/modules/Prospect/images/buttons/login.png) no-repeat;
	width:50px;
	height:20px;
}

.login .yui-submit-button button {
	width:50px;
	display:inline-block;
}

form.microsite-content .mce-wrapper .mce-displayer-section-container>p
{
	height: auto;
}

form.microsite-content fieldset,
.SolrSearch form fieldset,
.ElasticSearch form fieldset
{
	background: none;
}

.SolrSearch,
.ElasticSearch
{
	overflow: hidden;
}

.SolrSearch a.advanced-search,
.ElasticSearch a.advanced-search
{
	background-color: #e5eaea;
	color: #000;
	padding: 7px 10px;
	border-radius: 5px;
	margin: 12px 0;
}

.SolrSearch .pi-small-text,
.ElasticSearch .pi-small-text
{
	color: #b5b8bf;
	margin-bottom: 13px;
}

#SearchResults {
	clear: both;
}

ul.SolrSearchResults,
ul.ElasticSearchResults
{
	padding: 0px;
	padding-top: 12px;
	border-top: 1px solid #d6dfdf;
}

.SolrSearchResults li,
.ElasticSearchResults li
{
	list-style-type: none;
}

.SolrSearchResults div.form_label label,
.ElasticSearchResults div.form_label label
{
	visibility: hidden;
}

.SolrSearchPager.pi-pagenav ul li,
.ElasticSearchPager.pi-pagenav ul li
{
	margin: 0px 3px;
}

.SolrSearchPager.pi-pagenav ul li a.pi-active,
.ElasticSearchPager.pi-pagenav ul li a.pi-active
{
	background: #FFCC00 none repeat scroll 0% 0%;
	border: 1px solid #FFCC00;
	color: #000 !important;
	box-shadow: 0px 1px 0px #FFCC00 inset;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}

.SolrSearchPager.pi-pagenav ul li a.pi-active:hover,
.ElasticSearchPager.pi-pagenav ul li a.pi-active:hover
{
	background: #e46526;
	border: 1px solid #d6561f;
	color: #fff !important;
	box-shadow: inset 0 1px 0 #e8742c;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.SolrSearch form select,
.SolrSearch form input[type=email],
.SolrSearch form input[type=password],
.SolrSearch form input[type=text],
.ElasticSearch form select,
.ElasticSearch form input[type=email],
.ElasticSearch form input[type=password],
.ElasticSearch form input[type=text]
{
	background-color: #FFF;
	border-radius: 6px;
	border-width: 1px;
	border-style: solid
}

.SolrSearch .MainSearch .form_label,
.ElasticSearch .MainSearch .form_label
{
	display: none;
}

.SolrSearch .MainSearch .form_widget.SearchBox,
.ElasticSearch .MainSearch .form_widget.SearchBox
{
	width: 100%;
}

.SolrSearch .MainSearch input[type=text],
.ElasticSearch .MainSearch input[type=text]
{
	border-radius: 6px 0px 0px 6px;
	width: 87%;
	float: left;
	font-size: 20px;
	color: #000;
	font-weight: 700;
	padding-left: 8px;
	padding-right: 8px;
}

.SolrSearch .MainSearch .SearchButton,
.ElasticSearch .MainSearch .SearchButton
{
	border-radius: 0px 6px 6px 0px;
	height: 46px;
	border: 0px;
	background-color: #FFCC00;
	color: #000;
	padding: 0px 16px;
	float: left;
	width: 13%;
	transition: all 0.2s ease-in-out;
}

.SolrSearch .MainSearch .SearchButton:hover,
.ElasticSearch .MainSearch .SearchButton:hover
{
	background: #FFCC00;
}

.SolrSearch .form_field,
.ElasticSearch .form_field
{
	padding-left: 0px;
	padding-right: 0px;
}

/* Advanced search */
.SolrSearch form select,
.SolrSearch form input[type=email],
.SolrSearch form input[type=password],
.SolrSearch form input[type=text],
.ElasticSearch form select,
.ElasticSearch form input[type=email],
.ElasticSearch form input[type=password],
.ElasticSearch form input[type=text]
{
	height: 40px;
	padding: 9px 14px;
}

.SolrSearch .MainSearch .SearchButton,
.ElasticSearch .MainSearch .SearchButton
{
	height: 40px;
}

.SolrSearch .form_label,
.ElasticSearch .form_label
{
	width: 25%;
	text-align: left;
	line-height: 40px;
}

.SolrSearch .form_label label,
.ElasticSearch .form_label label
{
	margin: 0px;
}

.SolrSearch .form_widget,
.ElasticSearch .form_widget
{
	width: 73%;
}

.SolrSearch .form_help,
.ElasticSearch .form_help
{
	float: left;
	color: #b5b8bf;
	font-size: 13px;
	line-height: 1.6em;
	width: 74%;
	margin-left: 26%;
}

.SolrSearch .SelectDates select,
.ElasticSearch .SelectDates select
{
	width: 50px;
}

.SolrSearch .form_widget .form_label,
.ElasticSearch .form_widget .form_label
{
	display: none;
}

@media (min-width: 992px) {
	.SolrSearch,
	.ElasticSearch
	{
		border-right: 1px solid #d6dfdf;
		padding-right: 30px;
	}
}

.SolrSearch .SelectDates select,
.ElasticSearch .SelectDates select
{
	width: 74px;
	padding: 7px 0px 7px 14px;
}

span.form_label {
	font-weight: 600;
}

.yui-skin-sam .yui-button.btn {
	background: #FFCC00 none repeat scroll 0% 0%;
	border: 1px solid #E0A526;
	margin: 0px;
}

.yui-skin-sam .yui-button.btn .first-child,
.yui-skin-sam .yui-button.btn .first-child:focus {
	border: none;
}

.yui-skin-sam .yui-button.btn button,
.yui-skin-sam .yui-button.btn button:focus {
	color: #fff;
	font-size: inherit;
	line-height: inherit;
	background: none;
	padding: 0;
	border: none;
}

@media (min-width: 992px) {
	.col-md-6 .SolrSearch .MainSearch .SearchButton,
	.col-md-6 .ElasticSearch .MainSearch .SearchButton
	{
		width: 16%;
	}

	.col-md-6 .SolrSearch .MainSearch input[type=text],
	.col-md-6 .ElasticSearch .MainSearch input[type=text]
	{
		width: 84%;
	}
}

form fieldset {
	background: #DEE5E0;
	border: none;
	padding: 0.5em 0;
}

form select,
form input[type=email],
form input[type=password],
form input[type=date],
form input[type=time],
form input[type=text] {
	/* From .input-lg in global.css */
	font-size: 14px;
	height: 46px;
	padding: 10px 14px 11px;
	/* From .form-control in global.css */
	border-radius: 3px;
	display: inline-block;
	transition: all 0.1s ease-in-out 0s;
	line-height: normal;
	vertical-align: middle;
	width: 100%;
	/* from .pi-section-white .form-control in global.css */
	background: #f8fafa none repeat scroll 0 0;
	border-color: #dde1e1;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03) inset;
	color: #000000;
}

/* Exception for the old style 3 part select widgets. All of the ones on Prospect forms have ExtrClass=date */
.form_field.date .form_widget select,
.form_field.date .form_widget input[type=date]
{
	width: inherit;
}

div.form_field.date .form_widget input[type=button] {
	vertical-align: middle;
}

form textarea {
	font-size: 14px;
	color: #000;
	padding: 10px 14px 11px;
	vertical-align: middle;
	width: 100%;
	background: #f8fafa none repeat scroll 0 0;
	border-color: #dde1e1;
	border-style: inset;
	border-width: 2px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03) inset;
}

form .form_label {
	width: 13em;
	vertical-align: middle;
}

form .form_label label {
	font-size: 14px;
	line-height: 1.7;
	margin-bottom: 20px;
	margin-top: 0;
	padding-bottom: 0;
}

form .biglabel .form_label {
	width: 100%;
}

form .biglabel .form_tip
{
	float: none;
}

form .form_label.help_in_label label {
	margin-bottom: 0px;
}


form fieldset.endwidgets input[type=submit] {
	float: right;
	background-color: #008275;
	color: #FFFFFF;
	box-shadow: none;
	border: none;
	padding: 0.6em 24px 0.6em;
	margin: 0.5em 0 0 0.5em;
}

form form fieldset.endwidgets input {
	margin: 0
}

form form fieldset.endwidgets {
	background-color: #ffffff;
	border: 0 none;
	margin: 0;
	padding: 0;
	text-align: right;
}

.article form,
.yui-skin-sam #online-application .yui-accordionview div.yui-accordion-content {
	padding: 5px 14px;
	background: #DEE5E0;
	border: 1px solid #e5eaea;
}

.yui-skin-sam .yui-accordionview li.yui-accordion-panel .yui-accordion-toggle,
.yui-skin-sam .yui-accordionview li.yui-accordion-panel .hd.yui-accordion-toggle,
.yui-skin-sam .publish .yui-accordionview li.yui-accordion-panel .yui-accordion-toggle,
.yui-skin-sam .simple_compose .yui-accordionview li.yui-accordion-panel .yui-accordion-toggle
{
	height: 34px;
	background: #008275;
	font-size: 16px;
	font-weight: bold;
	padding: 7px 15px;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	border: none;
}

#online-application .yui-accordionview li.yui-accordion-panel .yui-accordion-toggle
{
	background: #FFCC00;
}

form fieldset legend {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-left: 0;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	background-color: #FFCC00;
	border-bottom: none;
	margin-bottom: 0;
}

#FrmDirectDebit input[type=button]:disabled,
form fieldset.endwidgets input[type=submit]:disabled {
	cursor: not-allowed;
	background-color: #fccc8e;
}

form fieldset.endwidgets {
	background: none;
	padding: 0.6em 0;
}

form .form_field.select_other .form_widget select, form .form_field.select_other .form_widget input {
	max-width: 48%;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
	float: none;
}

/*** Accordion styles from previous design ***/
.linear-accordion .yui-accordionview,
.linear-accordion .yui-accordionview .yui-accordion-toggle,
.linear-accordion .yui-accordionview .yui-accordion-content {
	border: none;
}

.linear-accordion .yui-accordionview .yui-accordion-content {
	background: none;
	padding: 0.5em;
}

.yui-skin-sam .yui-accordionview li.yui-accordion-panel,
.yui-skin-sam .simple_compose .yui-accordionview li.yui-accordion-panel,
.yui-skin-sam .publish .yui-accordionview li.yui-accordion-panel
{
	display: block;
	margin-bottom: 3px;
}

.linear-accordion .yui-accordionview li.yui-accordion-panel .yui-accordion-toggle .indicator {
	background: none;
	width: 0;
	height: 0;
	right: 2.0em;
	top: 10%;
	margin-top: 7px;
}

.linear-accordion .yui-accordionview li.yui-accordion-panel .yui-accordion-toggle .indicator:before {
	display: block;
	content: " ";
	color: #ffffff;
	width: 1em;
	height: 1em;
	background: #ffffff
}

.linear-accordion .yui-accordionview li.yui-accordion-panel .yui-accordion-toggle.active .indicator:before {
	content: "\25BC";
	border: none;
	background: none;
	font-size: 1.2em;
	margin-top: -7px;
}

.linear-accordion .yui-accordionview li.yui-accordion-panel.completed .yui-accordion-toggle .indicator:before {
	content: "\2714";
	border: none;
	background: none;
	font-size: 1.2em;
	margin-top: -7px;

}

/*
	Change loading indicator to a spinner when accordion panel is loading
	This is done in Core.css but Prospect's custom styling above has overridden those styles.
	This restores the spinner background and positions it appropriately.
*/
.linear-accordion .yui-accordionview li.yui-accordion-panel.zc-accordion-loading .yui-accordion-toggle .indicator {
	background: transparent url(/zc/images/ajax-loader.gif) no-repeat 0 0;
	width: 16px;
	height: 16px;
	margin-right: -16px;
}

.linear-accordion .yui-accordionview li.yui-accordion-panel.zc-accordion-loading .yui-accordion-toggle .indicator:before {
	content:none;
}

form .preferred_contact_group table tbody td:last-child {
	text-align: center;
	vertical-align: top;
	padding-top: 0.5em;
}

form .preferred_contact_group table td:last-child {
	text-align: center;
}

form .preferred_contact_group table td {
	padding: 0;
}

form .preferred_contact_group > .form_label {
	display: none;
}

.join_form .form_label {
	width: 9em;
	min-height: 1px;
}

.biglabel .form_label {
	width: 100% !important;
}

.biglabel .form_label, .biglabel .form_widget {
	float: none;
}

input[type="submit"].next,
input[type="submit"].previous,
input[type="submit"].edit,
input[type="submit"].edit-group,
input[type="submit"].save,
input[type="submit"].subsratecal,
input[type="submit"].subsratejoin {
	padding: 0.2em 1em 0.2em 24px;
	background-repeat: no-repeat;
	background-position: 6px center;
}

input[type="submit"].next,
input[type="submit"].subsratejoin {
	padding-right: 24px;
	padding-left: 1em;
	background-image: url("/zc/modules/Core/images/Icons/arrow_right.png");
	background-position: right 6px center;
}

input[type="submit"].previous {
	background-image: url("/zc/modules/Core/images/Icons/arrow_left.png");
}

input[type="submit"].edit {
	background-image: url("/zc/modules/Core/images/Icons/pencil.png");
}

input[type="submit"].edit-group {
	background-image: url("/zc/modules/Core/images/Icons/group.png");
}

input[type="submit"].save {
	background-image: url("/zc/modules/Core/images/Icons/disk.png");
}

input[type="submit"].subsratecal {
	background-image: url("/zc/modules/Core/images/Icons/offer.png");
}

input[type="submit"].next:disabled,
input[type="submit"].previous:disabled,
input[type="submit"].edit:disabled,
input[type="submit"].edit-group:disabled,
input[type="submit"].save:disabled,
input[type="submit"].subsratecal:disabled,
input[type="submit"].subsratejoin:disabled {
	background-image: none;
	padding-right: 1em;
	padding-left: 1em;
}

fieldset .edit,
fieldset .edit-group,
#online-application #JoinConfirm fieldset .edit {
	position: absolute;
	top: 3em;
	right: 0;
}

.linear-accordion div.itemtypeoptionslist {
	border: none;
	max-height: none;
	float: left;
	margin-top: 10px;
}

.linear-accordion div.itemtypeoptionslist div.optionadder {
	height: 60px;
	width: 225px;
	margin: 5px;
}

.linear-accordion fieldset.select-audience div.itemtypeoptionslist div.optionadder {
	width: 196px;
}

.linear-accordion .yui-ac input[type=text] {
	width: 20em;
}

.simple_compose.linear-accordion .form_field.includecontacts .form_label {
	width: 18em;
	text-align: left;
}

.simple_compose.linear-accordion .form_field.includecontacts .form_label label,
form .biglabel .form_label label,
#online-application .form_label label {
	margin-bottom: 1em;
}

.linkeddocs .inline-checkbox .form_widget {
	margin-bottom: 0;
	margin-top: -8px;
}

.simple_compose.linear-accordion .form_field.linkeddocs .form_label {
	width: 20em;
	text-align: left;
}

.form_field.inline-checkbox {
	display: inline-block;
	margin-right: 1em;
}

.mailmerge-tag {
	display: inline-block;
	margin: 5px 20px 5px 0;
	padding: 3px;
	width: 14em;
	font-weight: bold;
	text-align: center;
}

.member_lookup .form_label,
.publish.linear-accordion .form_field .form_label, .simple_compose.linear-accordion .form_field .form_label {
	width: 9em;
}

.publish.linear-accordion .form_field.wide_label .form_label, .simple_compose.linear-accordion .form_field.wide_label .form_label {
	width: 50%;
}

.linear-accordion .ac-currentvalue {
	max-width: 30em;
	color: #264D77;
	white-space: normal;
}

/** Join forms + related styles **/
#online-application .form_field.follow-on {
	margin-left: -5px;
}

#online-application .next-follow-on .form_label {
	width: 5em;
}

#subs_rate_calculator .calculate-container {
	text-align: center;
	padding: 1em 0 2em;
}

#subs_rate_calculator .select_other .form_widget
{
	width: 20em;
}

#subs_rate_calculator .select_other .form_widget select,
#subs_rate_calculator .select_other .form_widget input
{
	max-width: 100%;
}

.join_form.cancel_checkoff {
	border: 1px solid grey;
	padding: 20px;
	margin-bottom: 20px;
	width: 100%;
}

fieldset,
#online-application #JoinConfirm fieldset {
	position: relative;
}

.DDConfirm_address {
	display: inline-block;
	list-style: none;
}

ul.DDConfirm_address li {
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

#Confirm .form_widget,
#EditConfirm .form_widget,
#JoinConfirm .form_widget,
#JoinConfirm .form_label {
	line-height: 1.7;
}

#Confirm label:after,
#EditConfirm label:after,
#JoinConfirm label:after,
#JoinConfirm span.label:after,
#JoinConfirm label:after,
#JoinConfirm span.label:after{
	content: ":"
}

#JoinConfirm fieldset#Confirm_member_benefits_consent label:after,
#JoinConfirm fieldset#Confirm_equalops_consent label:after,
#JoinConfirm fieldset#Confirm_declare label:after
{
	content: ''
}


.yui-navset .address-autocomplete .yui-nav a:hover {
	background: none !important;
	background-color: #DAE9F4 !important;
}

.yui-navset .address-autocomplete .yui-nav a.selected,
.yui-navset .address-autocomplete .yui-nav a.selected:hover {
	background: none !important;
	background-color: white !important;
	color: black !important;
}

.yui-skin-sam .yui-navset .address-autocomplete .yui-nav a {
	border-width: 1px 1px 0;
	display: block;
	float: left;
	margin: 0 0 0 0.5em;
	margin-bottom: 2px;
	top: 2px;
}

.yui-skin-sam .yui-navset .address-autocomplete .yui-nav a:first-child {
	margin-left: 3em;
}

.yui-skin-sam .yui-navset .address-autocomplete .yui-nav a:last-child {
	margin-right: 3em;
}

.yui-skin-sam .yui-navset .address-autocomplete .yui-nav a.selected {
	border-bottom: 2px solid #fff;
	margin-bottom: 0;
}

.yui-skin-sam .yui-navset .address-autocomplete .yui-ac-input {
	margin: 1em 0.5em;
}

.form_widget .address-autocomplete .valid .yui-ac input.yui-ac-input {
	background-color: #f8fafa;
}

form input[disabled],
form input.dbaddis
{
	background-color: lightgray;
	border: 1px solid #809AB6;
}

/* Styles for the affix left hand menu
 * When the menu is affixed, Bootstrap adds a position:fixed to the containing div
 * These styles ensures that the width of the left hand menu is still responsive
 */
.affixed-menu.affix
{
	top: 130px;
	width: 20%;
}

.affixed-menu.affix-bottom
{
	position: relative;
}

@media (min-width: 1350px) {
	.affixed-menu.affix
	{
		width: 17%;
	}
}

@media (min-width: 1550px) {
	.affixed-menu.affix
	{
		width: 14%;
	}
}

@media (min-width: 1800px) {
	.affixed-menu.affix
	{
		width: 11%;
	}
}

/* Offset for page anchor links to make up for the space taken by the page header */
a.anchor-menu {
	display: block;
	position: relative;
	top: -100px;
}

.atoz a
{
	display: inline-block;
	background: #f8b65a none repeat scroll 0% 0%;
	color: #FFF !important;
	box-shadow: 0px 1px 0px #f8b65a inset;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
	padding: 10px 0;
	border: 1px solid #f8b65a;
	font-size: 18px;
	cursor: pointer;
	margin: 4px;
	width: 28px;
	border-radius: 3px;
	text-align:	center;
}

.atoz a.wide
{
	width: 64px;
}

.atoz a.active-index
{
	background: #F8971C none repeat scroll 0% 0%;
	border: 1px solid #F8971C;
	color: #FFF !important;
	box-shadow: 0px 1px 0px #F69C45 inset;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
	font-weight: bold;
}

.atoz a.disabled
{
	background: #f4f6f6;
	color: #677277 !important;
	box-shadow: inset 0 1px 0 #f8fafa;
	text-shadow: 0 1px 0 #ffffff;
	border: 1px solid #e3e9e9;
	cursor: not-allowed;
}

input[type="submit"].search-tab,
a.search-tab
{
	background-color: white;
	border: 1px solid transparent;
	vertical-align: middle;
	text-align: center;
	color: #21252b;
	font-size: 15px;
	width: 92px;
}

input[type="submit"].search-tab
{
	margin-right: 0;
	height: 65px;
}

input[type="submit"].search-tab:hover,
input[type="submit"].search-tab.current
{
	border-bottom: 4px solid #f8971c;
}

input[type="submit"].search-tab.current,
.search-tool.current
{
	font-weight: bold;
}

a.search-tab
{
	display: inline-block;
	width: auto;
}

.search-tools
{
	padding: 12px 0;
	border-top: 1px solid #d6dfdf;
}

.search-tool
{
	line-height: 2.5em;
}

.btn.AdvancedSubmit
{
	margin-top: 8px;
	float:right;
}

.AdvancedSubmit button:before
{
	font-family: "fontello";
	content: '\e890';
	padding-right: 12px;
	font-size: 18px;
}

.yui-skin-sam .SolrSearch .search-tool .yui-button,
.yui-skin-sam .SolrSearch .search-tool .yui-button .first-child,
.yui-skin-sam .ElasticSearch .search-tool .yui-button,
.yui-skin-sam .ElasticSearch .search-tool .yui-button .first-child
{
	border: none;
	background: none;
}

.yui-skin-sam .SolrSearch .search-tool .yui-button,
.yui-skin-sam .ElasticSearch .search-tool .yui-button
{
	vertical-align: baseline;
}

.yui-skin-sam .SolrSearch .search-tool .yui-button button,
.yui-skin-sam .ElasticSearch .search-tool .yui-button button
{
	font-size: 14px;
	padding-left: 0;
	background-image: none;
	padding-right: 12px;
}

.yui-skin-sam .SolrSearch .search-tool .yui-button button:after,
.yui-skin-sam .ElasticSearch .search-tool .yui-button button:after
{
	display: inline-block;
	content: "\e8d2";
	color: #f8971c;
	padding: 0 10px;
	font-family: fontello;
}

.yui-skin-sam .search-tool-item.yuimenuitemlabel
{
	font-size: 14px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.yui-skin-sam .search-tool-item.yuimenuitem-checked
{
	background: none;
	padding-left: 7px;
	padding-right: 7px;
	font-weight: bold;
}

.yui-skin-sam .search-tool-item.yuimenuitem-checked:before {
	content: "\e8c4";
	font-family: fontello;
	background: none;
	color: #f8971c;
	padding-right: 8px;
}

.yui-skin-sam .search-tools .clear-search-tools
{
	color: #000;
	display: inline-block;
}

.SolrSearchMailing form fieldset,
.SolrSearchCustomRange form fieldset,
.ElasticSearchMailing form fieldset,
.ElasticSearchCustomRange form fieldset
{
	background: #ffffff;
}

.SolrSearchResults h3.title,
.ElasticSearchResults h3.title
{
	font-size: 22px;
}

.SolrSearch .pi-small-text,
.ElasticSearch .pi-small-text
{
	padding-top: 12px;
	border-top: 1px solid #d6dfdf;
}


/** Required to correctly position the SearchResults anchor due to the offset of the fixed header size */
#SearchResults
{
	padding-top: 100px;
	margin-top: -100px;
}

#SearchResults .highlight
{
	margin-top: 10px;
	margin-bottom: 20px;
	background: #FEF8F0;
	padding: 10px;
	border: 1px solid;
}

form .password-change input[type="text"],
form .password-change input[type="password"] {
	width: 26em; /* Make wide enough for Correct-Horse-Battery-Staple-64 with 4x 10-char words */
}

table.pi-table.obituary th,
table.pi-table.obituary td
{
	padding: 7px;
}

table.pi-table.obituary th
{
	font-weight: bold;
	width: 29%;
}

table.pi-table.obituary th.narrow-column
{
	width: 13%;
}

.breadcrumbs-bar .config
{
	max-width: 48%;
}

form#FrmReviewPage fieldset
{
	background: #ffffff;
}

form#FrmReviewPage .endwidgets input[type=submit]
{
	background: #5FB5D3;
}

form .age-search select,
form .age-search input
{
	width: 30%;
}

.filtercontrols
{
	margin-left: 25px;
	width: 330px;
}

.filtercontrols div.itemtypeoptionslist div.optionadder
{
	width: 275px;
}

.events i,
.eventdetail i
{
	margin-right: 5px;
}

/** Custom paddings for layouts with a top image **/
.pi-section.pi-section-no-top-padding
{
	padding-top: 0;
}

.pi-section.pi-section-top-layout
{
	padding-bottom: 40px;
}

.pi-section.pi-section-top-layout p
{
	margin-bottom: 0;
}


/* Override the inline-style for CIVIC Cookie control dialog to make the
   dialog slightly higher so that all our content fits without scrolling
*/
div#ccc-content
{
	max-height: 700px !important;
}

.group-repeat-row .gr-button-wrapper {
	float: left;
}
.gr-button-wrapper .form_label,
.publish.linear-accordion .form_field .gr-button-wrapper .form_label {
	width: auto;
}

/* Hackish way of ensuring the fixed menu bar does not cover up internal page anchors when jumping to them */
main p a:not([href]):before {
	display: block;
	content: " ";
	margin-top: -150px;
	height: 150px;
	visibility: hidden;
	list-style: none;
}

.alert-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
	border: 1px solid #155724;
	border-radius: 5px;
	padding: 1em;
	margin-bottom: 1em;

}

div.mailing-subscriptions p
{
	font-size: 1.2em;
}
