html {
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.band-inner {
	max-width: 964px;
	margin: 0 auto;
	padding: 0 30px;
}
.chart-distribution h4 {
	font-weight: 200;
}
.button {
	display: block;
	padding: 12px;
	text-align: center;
	text-decoration: none;
	background: #258BCB;
	color: #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
input[type="text"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	display: block;
	margin: 0;
	padding: 10px;
	border: none;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #fff;
	color: #B5B6B2;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	font-size: 1em;
}
.theme-select {
	text-align: center;
	position: relative;
}
.theme-select ul {
	overflow: hidden;
}
.theme-select li {
	width: 50%;
	float: left;
	padding: 1em 0;
	cursor: pointer;
}
li[data-theme="data-mortality"] {
	background: #ef463b;
}
li[data-theme="data-commissioning"] {
	background: #33b560;
}
li[data-theme="data-weekend"] {
	background: #0e4c6f;
}
li[data-theme="data-drugs-alcohol"] {
	background: #f3c214;
}

/* - - - - - - - - - - - - UI-SELECT - - - - - - - - - - - - */

.ui-select {
	background: #fff;
	color: #333;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	padding: 10px 48px 10px 12px;
	cursor: pointer;
}
.ui-select.open {
	z-index: 999;
}
.ui-select:before {
	content: "";
	display: block;
	width: 36px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	background: #044B6F;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.ui-select:after {
	content: "";
	display: block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid #fff;
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -3px;
}
.ui-select ul {
	position: absolute;
	z-index: 9999;
	top: -9999em;
	left: -9999em;
	background: #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-top: 6px;
	padding: 6px 12px;
	max-height: 320px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.ui-select.open ul {
	top: 100%;
	left: 0;
	right: 0;
}
.ui-select li {
	padding: 4px 0;
}
.ui-select li:hover,
.ui-select li.selected {
	color: #258BCB;
}

.ie7 .mhg-data-trust-dd,
.ie7 .mhg-data-ccg-dd,
.ie7 .nearest-units h4 {
	padding-left: 20px;
}

.ie7 .ui-select {
	background: #fff url(../img/mhg-ui-select-ie.png) no-repeat right center;
}

/* - - - - UNDERLINE SPECIFIC VALUES - - - - */

.ui-select li[data-value="none"] {
	border-bottom: 1px solid #DADBD9;
	margin-bottom: 4px;
	padding-bottom: 8px;
}

/* - - - - - - - - - - - - UI-SELECT-MINI - - - - - - - - - - - - */

.ui-select-mini {
	width: 36px;
	height: 36px;
	background: #044B6F;
	color: #333;
	position: absolute;
	z-index: 99;
	bottom: 100%;
	left: 50%;
	margin: 0 0 8px -18px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}
.ui-select-mini:after {
	content: "";
	display: block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid #fff;
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -3px;
}
.ui-select-mini .current-item {
	position: absolute;
	top: 50%;
	right: 100%;
	margin: -.5em 8px 0 0;
	line-height: 1;
	white-space: nowrap;
}
.ui-select-mini ul {
	position: absolute;
	top: -9999em;
	right: 9999em;
	background: #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-top: 12px;
	padding: 6px 12px;
}
.ui-select-mini.open ul {
	top: 100%;
	right: 0;
}
.ui-select-mini ul:after {
	content: "";
	display: block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 8px solid #fff;
	position: absolute;
	top: -8px;
	right: 12px;
}
.ui-select-mini li {
	padding: 4px 0;
	white-space: nowrap;
}
.ui-select-mini li:hover,
.ui-select-mini li.selected {
	color: #258BCB;
}

/* - - - - - - - - - - - - CHART — MORTALITY - - - - - - - - - - - - */

.chart-mortality {
	height: 351px;
	cursor: default;
	margin-top: 1em;
	margin-bottom: 86px;
	/*
margin-left: 16px;
	margin-right: 16px;
*/
	position: relative;
}
.chart-mortality-axes {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.chart-mortality-axes div {
	height: 34px;
	border-top: 1px solid #B5B6B2;
	position: relative;
}
.axis-dilrdg div,
.axis-pccr div,
.axis-hsmra div {
	height: 35px;
	position: relative;
	z-index: 20;
}
.chart-mortality-axes span,
.axis-dilrdg span,
.axis-pccr span,
.axis-hsmra span {
	font-size: .75em;
	position: absolute;
	top: 0;
	right: 100%;
	margin: -.5em 4px 0 0;
	line-height: 1;
}
.axis-pccr span,
.axis-hsmra span {
	right: auto;
	left: 100%;
	margin: -.5em 0 0 4px;
}
.chart-mortality .column {
	/* width: 10%; */
	width: 20%;
	/* width: 12.5%; */
	/* width: 9.09090909090909%; */
	float: left;
	height: 100%;
	position: relative;
}
.chart-mortality .column-half {
	/* width: 5%; */
}
.chart-mortality-column-blanker {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #E3E2DB;
}
.no-blanker .chart-mortality-column-blanker {
	display: none;
}
.chart-mortality .label {
	position: absolute;
	z-index: 99;
	top: 100%;
	left: 0;
	right: 0;
	text-align: center;
	padding-top: 8px;
}
.chart-mortality .label span {
	display: block;
	padding: 12px 16px;
	position: absolute;
	bottom: 9999em;
	left: -9999em;
	margin-bottom: 8px;
	background: #fff;
	color: #258BCB;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
	text-align: left;
}

.chart-mortality .label:hover span {
	bottom: 100%;
	left: 0;
	right: 0;
}
.chart-mortality .range {
	position: absolute;
	top: 25%;
	bottom: 25%;
	left: 50%;
	-webkit-transition: top .75s cubic-bezier(0.770, 0.000, 0.175, 1.000), bottom .75s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition: top .75s cubic-bezier(0.770, 0.000, 0.175, 1.000), bottom .75s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-o-transition: top .75s cubic-bezier(0.770, 0.000, 0.175, 1.000), bottom .75s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition: top .75s cubic-bezier(0.770, 0.000, 0.175, 1.000), bottom .75s cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.chart-mortality .range b,
.chart-mortality .range i,
.chart-mortality .range q {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -1px;
	width: 2px;
	background: #fff;
}
.chart-mortality .range i,
.chart-mortality .range q {
	bottom: auto;
	width: 22px;
	height: 2px;
	left: -11px;
}
.chart-mortality .range q {
	top: auto;
	bottom: 0;
}
.chart-mortality .value {
	position: absolute;
	bottom: 50%;
	left: 8px;
	right: 8px;
	height: 4px;
	margin-bottom: -2px;
	background: #93CEDF;
	-webkit-transition: bottom .5s cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
	-webkit-transition: bottom .5s cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-moz-transition: bottom .5s cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-o-transition: bottom .5s cubic-bezier(0.680, -0.550, 0.265, 1.550);
	transition: bottom .5s cubic-bezier(0.680, -0.550, 0.265, 1.550);
}
.chart-mortality .value.higher {
	background: #EE473A;
}
.chart-mortality .value.lower {
	background: #30B461;
}
.chart-mortality .value > div {
	position: absolute;
	bottom: 6px;
	left: 0;
	right: 0;
	text-align: center;
}
.chart-mortality .value span {
	display: inline-block;
	padding: 8px 8px 4px;
	background: #fff;
	color: #258BCB;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	top: -9999em;
	left: -9999em;
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
}
.chart-mortality .value span:after,
.chart-mortality .label span:after {
	content: "";
	display: block;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #fff;
	position: absolute;
	bottom: -4px;
	left: 50%;
	margin-left: -4px;
}
.chart-mortality .column:hover .value span {
	top: 0;
	left: 0;
}
#value-pccr {
	background: #044B6F;
}
.data-unavailable {
	display: table;
	width: 100%;
	height: 100%;
	font-size: .875em;
	text-align: center;
}
.data-unavailable span {
	display: table-cell;
	vertical-align: middle;
	padding: 8px;
}

/* - - - - MORTALITY LABELS - - - - */

#column-shmi .label span:after,
#column-dilrdg .label span:after {
	left: 25%;
}
#column-das .label span:after,
#column-pccr .label span:after {
	left: 75%;
}
#column-dilrdg .label:hover span {
	right: -100%;
}
#column-shmi .label:hover span {
	right: -200%;
}
#column-hsmr .label:hover span,
#column-hsmr100 .label:hover span,
#column-hsmr3 .label:hover span {
	left: -100%;
	right: -100%;
}
#column-pccr .label:hover span {
	left: -100%;
}
#column-das .label:hover span {
	left: -200%;
}

/* - - - - - - - - - - - - CHART LAYOUT - - - - - - - - - - - - */

.chart-mortality-holder {
	clear: both;
}

.chart-mortality-holder:after {
	content: " ";
	display: block;
	clear: both;
}
.chart-mortality-main,
.chart-mortality-secondary {
	width: 50%;
	float: left;
}

.ma-title h3 {
	float: left;
}
.ma-exp-link {
	float: left;
	width: 32px;
	height: 32px;
	position: relative;
	top: 10px;
	left: 10px;
	cursor: pointer;
}
.ma-exp-link a {
	display: block;
	width: 16px;
	height: 16px;
	background: url(../img/mhg-helps.png) no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -8px;
}
.ma-exp-link.open a {
	background-position: 0 -16px;
}
.ma-exp-content {
	clear: both;
	padding: 4px 0;
	color: #000;
	max-width: 482px;
}
.ma-exp-content p {
	margin: 1em 0;
}
.ma-exp-content a {
	text-decoration: none;
	color: #258BCB;
}
.ma-exp-content a:hover {
	text-decoration: underline;
}

.mhg-data-section-holder {
	position: relative;
}
.mhg-data-section-loader {
	position: absolute;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #EFEEEA;
	background: rgba(239, 238, 234, .75);
	display: none;
}
.mhg-data-section-loader > div {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -0.5em;
	text-align: center;
}
.mhg-data-section-loader span {
	display: inline-block;
	padding: 8px 12px;
	background: #fff;
	color: #258BCB;
	line-height: 1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
	text-align: left;
}

/* - - - - - - - - - - - - SITE-LEVEL HSMR - - - - - - - - - - - - */

#site-level-hsmr-columns {
	height: 251px;
	margin-right: 0;
}
#site-level-hsmr-columns .chart-mortality-axes div {
	height: 24px;
}
#site-level-hsmr-columns-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#site-level-hsmr-columns .value {
	width: 72px;
	left: 50%;
	right: auto;
	margin-left: -36px;
}
#site-level-hsmr-columns .label span {
	left: 50%;
	right: auto;
	white-space: nowrap;
	margin-left: -16px;
	padding: 6px 12px;
}
#site-level-hsmr-columns .label span:after {
	left: 16px;
}
#site-level-hsmr-columns .last .label span {
	left: auto;
	right: 50%;
	margin-left: auto;
	margin-right: -16px;
}
#site-level-hsmr-columns .last .label span:after {
	left: auto;
	right: 12px;
}

/* - - - - - - - - - - - - OVERLAY — LOADING - - - - - - - - - - - - */

.overlay-loading {
	position: absolute;
	z-index: 999;
	top: -6px;
	right: 0;
	bottom: -6px;
	left: 0;
	background: rgba(227, 226, 219, .8);
	display: none;
}
.overlay-loading span {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	margin-top: -.5em;
	line-height: 1;
}

/* - - - - - - - - - - - - CHART — BAR - - - - - - - - - - - - */

.chart-bar {
	cursor: default;
}
.chart-bar .bar {
	height: 52px;
	margin: 54px 0;
	position: relative;
}
.chart-bar .full {
	background: #30B461;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.chart-bar .upper,
.chart-bar .lower {
	background: #044B6F;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 66.6666666666%;
	-webkit-transition: width .5s cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
	-webkit-transition: width .5s cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-moz-transition: width .5s cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-o-transition: width .5s cubic-bezier(0.680, -0.550, 0.265, 1.550);
	transition: width .5s cubic-bezier(0.680, -0.550, 0.265, 1.550);
}
.chart-bar .lower {
	background: #EE473A;
	width: 33.3333333333%;
}
.chart-bar .tooltip {
	display: inline-block;
	padding: 6px 8px 4px;
	background: #fff;
	color: #258BCB;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: absolute;
	z-index: 999;
	bottom: 9999em;
	right: 9999em;
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
	margin-bottom: 8px;
	white-space: nowrap;
}
.chart-bar .tooltip:after {
	content: "";
	display: block;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #fff;
	position: absolute;
	bottom: -4px;
	right: 12px;
}
.chart-bar .lower .tooltip:after,
.chart-bar.ucl50 .upper:hover .tooltip:after {
	right: auto;
	left: 12px;
}
.chart-bar .full:hover .tooltip,
.chart-bar .upper:hover .tooltip {
	bottom: 100%;
	right: 0;
}
.chart-bar .lower:hover .tooltip {
	bottom: 100%;
	right: auto;
	left: 0;
}
.chart-bar.ucl50 .upper:hover .tooltip {
	right: auto;
	left: 100%;
	margin-left: -32px;
}
.chart-bar .lcl,
.chart-bar .ucl {
	position: absolute;
	bottom: 100%;
	left: 33.3333333333%;
	margin-bottom: 12px;
	-webkit-transition: left .5s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition: left .5s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-o-transition: left .5s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition: left .5s cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.chart-bar .ucl {
	left: 66.6666666666%;
}
.chart-bar .lcl span,
.chart-bar .ucl span {
	display: block;
	position: absolute;
	bottom: 100%;
	right: 0;
}
.chart-bar .lcl span:after,
.chart-bar .ucl span:after {
	content: "";
	display: block;
	width: 1px;
	height: 8px;
	background: #B5B6B2;
	position: absolute;
	bottom: -8px;
	right: 0;
}
.chart-bar .ucl span,
.chart-bar .ucl span:after {
	right: auto;
	left: 0;
}
/*
.chart-bar .lcl span,
.chart-bar .ucl span {
	display: inline-block;
	width: 80px;
	text-align: center;
	margin-left: -40px;
	position: relative;
}
.chart-bar .lcl span:after,
.chart-bar .ucl span:after {
	content: "";
	display: block;
	width: 1px;
	height: 8px;
	background: #B5B6B2;
	position: absolute;
	bottom: -8px;
	left: 50%;
}
*/
.chart-bar .h-beam {
	display: none;
	-webkit-transition: left .25s cubic-bezier(0.770, 0.000, 0.175, 1.000), right .25s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition: left .25s cubic-bezier(0.770, 0.000, 0.175, 1.000), right .25s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-o-transition: left .25s cubic-bezier(0.770, 0.000, 0.175, 1.000), right .25s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition: left .25s cubic-bezier(0.770, 0.000, 0.175, 1.000), right .25s cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.chart-bar .h-beam.oob q {
	display: none;
}
.chart-bar .value {
	position: absolute;
	top: 0;
	left: 50%;
	width: 2px;
	height: 102px;
	background: #258BCB;
	color: #fff;
	margin-left: -1px;
	-webkit-transition: left .75s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition: left .75s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-o-transition: left .75s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition: left .75s cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.chart-bar .value span {
	display: block;
	padding: 10px 12px;
	background: #258BCB;
	position: absolute;
	bottom: 0;
	right: 0;
	white-space: nowrap;
}
.chart-bar.lt50 .value span {
	right: auto;
	left: 0;
}
/*#chart-commissioning .full,
#chart-commissioning .lower,*/
#chart-weekend.no-confidence .full,
#chart-weekend.no-confidence .lower,
#chart-weekend.neutral .full,
#chart-weekend.neutral .lower {
	background: #CCCCC6;
}
#chart-weekend.no-confidence .upper {
	/* display: none; */
}
/*#chart-commissioning .lcl,
#chart-commissioning .ucl,*/
#chart-weekend.no-confidence .lcl,
#chart-weekend.no-confidence .ucl {
	color: #888989;
}
/*#chart-commissioning .tooltip,*/
#chart-weekend.no-confidence .tooltip {
	display: none;
}

/* - - - - CRUDE RATE - - - - */

.chart-bar[data-type="crude-rate"] .lcl,
.chart-bar[data-type="crude-rate"] .ucl {
	font-size: 1.75em;
	color: #EE473A;
	margin: 0;
}
.chart-bar[data-type="crude-rate"] .ucl {
	color: #30B461;
}
.chart-bar[data-type="crude-rate"] .lcl span {
	right: auto;
	left: 0;
	/*
	width: auto;
	margin: 0;
	*/
}
.chart-bar[data-type="crude-rate"] .ucl span {
	left: auto;
	right: 0;
	/*
	margin-left: -80px;
	text-align: right;
	*/
}
.chart-bar[data-type="crude-rate"] .lcl span:after,
.chart-bar[data-type="crude-rate"] .ucl span:after {
	display: none;
}

/* - - - - CHANGE - - - - */

.chart-bar[data-type="change"] .tooltip {
	display: none;
}
.chart-bar[data-type="change"] .full,
.chart-bar[data-type="change"] .lower {
	background: #d7d6d2;
}
.chart-bar .h-beam b {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 2px;
	background: #fff;
	margin-top: -1px;
}
.chart-bar .h-beam i,
.chart-bar .h-beam q {
	display: block;
	width: 2px;
	height: 24px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: -1px;
	margin-top: -12px;
}
.chart-bar .h-beam q {
	left: auto;
	right: -1px;
}
.chart-bar[data-type="change"] .h-beam {
	display: block;
	position: absolute;
	top: 0;
	right: 25%;
	bottom: 0;
	left: 25%;
}

/* - - - - WEEKDAY - - - - */

.chart-bar h4 {
	margin: 1em 0 -1em;
}
#chart-weekday .bar {
	/* margin-bottom: 96px; */
}
/*
#chart-weekday .bar {
	margin: 72px 0;
}
#chart-weekday .value {
	top: auto;
	bottom: 0;
}
#chart-weekday .value span {
	bottom: auto;
	top: 0;
}
#chart-weekday .lcl,
#chart-weekday .ucl {
	margin-top: 12px;
}
#chart-weekday .lcl,
#chart-weekday .ucl,
#chart-weekday .lcl span,
#chart-weekday .ucl span {
	bottom: auto;
	top: 100%;
}
#chart-weekday .lcl span:after,
#chart-weekday .ucl span:after {
	bottom: auto;
	top: -8px;
}
*/

.chart-bar[data-type="change"] {
	position: relative;
}
.mhg-change-exp {
	position: absolute;
	z-index: 999;
	top: -9999em;
	left: -9999em;
	opacity: 0;
	-webkit-transition: opacity .125s linear;
	-moz-transition: opacity .125s linear;
	-o-transition: opacity .125s linear;
	transition: opacity .125s linear;
}
.mhg-change-exp .inner {
	max-width: 320px !important;
	padding: 2px 16px !important;
	color: #258BCB;
	font-size: .875em;
}
.mhg-change-exp .inner:after {
	content: "";
	display: block;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #fff;
	position: absolute;
	bottom: -8px;
	left: 50%;
	margin-left: -8px;
}
.mhg-change-exp p {
	margin: 1em 0;
}
.chart-bar[data-type="change"] .bar:hover .mhg-change-exp {
	top: auto;
	bottom: 64px;
	left: 0;
	right: 0;
	opacity: 1;
}

/* - - - - - - - - - - - - CHART — SPARK - - - - - - - - - - - - */

.chart-spark {
	height: 120px;
	margin: 16px 0 30px;
	text-align: center;
	cursor: default;
	position: relative;
}
.chart-spark .year {
	width: 9.09090909090909%;
	height: 100%;
	float: left;
	position: relative;
}
.chart-spark .year-inner {
	position: absolute;
	top: 1px;
	right: 0;
	bottom: 1px;
	left: 0;
}
.chart-spark .year .point {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	/*
	-webkit-transition: height .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
	background: linear-gradient(to bottom, rgba(37, 139, 203, .5), rgba(0, 0, 0, 0));
	*/
}
.chart-spark .year .point div {
	position: absolute;
	bottom: 9999em;
	left: -9999em;
	margin-bottom: 12px;
}
.chart-spark .year:hover .point div {
	bottom: 100%;
	left: 0;
	right: 0;
}
.chart-spark .year .point span {
	display: inline-block;
	padding: 4px 8px;
	background: #fff;
	color: #258BCB;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
}
.chart-spark .year .point span:after {
	content: "";
	display: block;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #fff;
	position: absolute;
	bottom: -4px;
	left: 50%;
	margin-left: -4px;
}
.chart-spark .year .point b,
.chart-distribution-box .axis-x .column .block span,
.chart-distribution-box .axis-x .column .block b {
	display: block;
	width: 3px;
	height: 3px;
	border: 2px solid #BC9963;
	background: #fff;
	position: absolute;
	z-index: 99;
	top: -3px;
	left: 50%;
	margin-left: -3px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.chart-distribution-box .axis-x .column .block b {
	left: 100%;
}
.chart-spark .label {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	padding-top: 8px;
}
.chart-spark .label:after {
	content: "";
	display: block;
	width: 1px;
	height: 8px;
	background: #B5B6B2;
	position: absolute;
	top: 0;
	left: 50%;
}
#chart-spark-x-axis {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	font-size: 0.75em;
}
#chart-spark-x-axis div {
	height: 19px;
	border-top: 1px solid #e0e0dc;
	position: relative;
}
#chart-spark-x-axis div.last {
	border: none;
}
#chart-spark-x-axis span {
	display: block;
	position: absolute;
	top: 50%;
	right: 100%;
	margin: -15px 4px 0 0;
	line-height: 1;
}

/* - - - - COMBINED - - - - */

.chart-spark-combined .year .point span {
	padding-top: 8px;
}
#chart-spark-combined-label {
	text-align: left;
	position: absolute;
	bottom: 100%;
	left: 14px;
	margin-bottom: 8px;
}
#chart-spark-combined-label span {
	display: inline-block;
	margin-right: 20px;
}
.lipg1,
#chart-spark-combined-label .ipgl1 {
	/* color: #392d28; */
	/* color: #044b6f; */
	color: #3e3221;
}
.lipg2,
#chart-spark-combined-label .ipgl2 {
	/* color: #776d53; */
	/* color: #437893; */
	color: #7e6742;
}
.lipg3,
#chart-spark-combined-label .ipgl3 {
	/* color: #d7c2a1; */
	/* color: #82a5b7; */
	color: #bc9963;
}

#chart-spark-vect {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #B5B6B2;
}
#spark-change {
	position: absolute;
	bottom: 100%;
	left: 0;
	margin-bottom: 12px;
	text-align: left;
}
#spark-change span {
	display: block;
	font-size: 1.75em;
	color: #BC9963;
}

/* - - - - - - - - - - - - CHART — DISTRIBUTION - - - - - - - - - - - - */

.chart-distribution {
	margin: 60px 0 20px;
}
.chart-distribution h4 {
	text-align: center;
	margin-bottom: 1em;
}
.chart-distribution-box {
	height: 140px;
	position: relative;
	background: #D7C2A1;
}
.chart-distribution-box .value-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-bottom: 1px solid #B5B6B2;
}
.chart-distribution-box .value {
	width: 2px;
	height: 100%;
	background: #258BCB;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1px;
	-webkit-transition: left .75s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition: left .75s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-o-transition: left .75s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition: left .75s cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.chart-distribution-box .axis-x {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}
.chart-distribution-box .axis-x .column {
	width: 5%;
	height: 100%;
	float: left;
	position: relative;
}
.chart-distribution-box .axis-x .column .label {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin-top: 8px;
}
.chart-distribution-box .axis-x .column .label span {
	display: block;
	margin-left: -100%;
}
.chart-distribution-box .axis-x .column .label span:after,
.chart-distribution-box .axis-x .last-value span:after {
	content: "";
	display: block;
	width: 1px;
	height: 8px;
	background: #B5B6B2;
	position: absolute;
	top: -8px;
	left: 0;
}
.chart-distribution-box .axis-x .column .block-outer {
	position: absolute;
	top: 1px;
	right: 0;
	bottom: 1px;
	left: 0;
}
.chart-distribution-box .axis-x .column .block {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	/* background: #E3E2DB; */
	/* background: linear-gradient(to bottom, rgba(37, 139, 203, .5), rgba(0, 0, 0, 0)); */
}
.chart-distribution-box .axis-x .column .block span,
.chart-distribution-box .axis-x .column .block b {
	top: auto;
	bottom: 0;
	left: 0;
	margin: 0 0 -3px -3px;
	text-indent: -9999em;
}
.chart-distribution-box .axis-x .column .block b {
	left: auto;
	right: 0;
	margin-right: -3px;
}
.chart-distribution-box .axis-x .last-value {
	position: absolute;
	top: 100%;
	right: 0;
	width: 5%;
	margin-top: 8px;
}
.chart-distribution-box .axis-x .last-value span {
	display: block;
	margin-right: -100%;
}
.chart-distribution-box .axis-x .last-value span:after {
	left: 100%;
	margin-left: -1px;
}
#chart-distribution-vect,
#chart-distribution-vect-weekend {
	position: absolute;
	top: 0;
	right: -1px;
	/* right: 0; */
	bottom: 0;
	left: 0;
}

#ccg-verdict {
	clear: both;
	padding-left: 2px;
	margin-bottom: 1em;
}
#ccg-verdict .good {
	color: #30B461;
}
#ccg-verdict .poor {
	color: #EE473A;
}
#ccg-verdict .avg {
	color: #044B6F;
}

/* - - - - - - - - - - - - LOCATION MANAGER - - - - - - - - - - - - */

.location-manager {
	padding: 20px 0;
}
.postcode-select {
	width: 33.3333333333%;
	float: left;
}
.nearest-units {
	margin-left: 33.3333333333%;
	padding-left: 10px;
}
#form-postcode {
	margin-right: 10px;
}
#form-postcode input[type="submit"] {
	display: none;
}

.mhg-data-no-geo {
	text-align: center;
	color: #fff;
	margin-bottom: 24px;
	padding-bottom: 24px;
	border-bottom: 2px solid #fff;
	display: none;
}

/* - - - - - - - - COMMENTS - - - - - - - - */

#mhg-trust-comments {
	clear: both;
	position: relative;
	z-index: 99;
}
#mhg-trust-comments .link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
}
#mhg-trust-comments .link a {
	display: inline-block;
	width: 32px;
	height: 32px;
	color: #fff;
	cursor: pointer;
	position: absolute;
	top: 16px;
	left: 50%;
	margin-left: -16px;
}
#mhg-trust-comments .link a b {
	display: block;
	width: 19px;
	height: 17px;
	background: url(../img/mhg-comments.png) no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -9px 0 0 -10px;
}
#mhg-trust-comments.open .link a b {
	background-position: 0 -17px;
}
#mhg-trust-comments-content {
	position: absolute;
	z-index: 9999;
	top: 52px;
	left: 0;
	width: 100%;
}
#mhg-trust-comments-content .inner,
.mhg-change-exp .inner {
	max-width: 720px;
	margin: 0 auto;
	padding: 16px;
	background: #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .125);
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .125);
	position: relative;
}
#mhg-trust-comments-content .inner:after {
	content: "";
	display: block;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid #fff;
	position: absolute;
	top: -4px;
	left: 50%;
	margin-left: -4px;
}
#mhg-trust-comments-content .inner h3 {
	color: #258BCB;
}
#mhg-trust-comments-content .inner h4 {
	color: #044B6F;
	line-height: 1.5;
	margin: 1.5em 0 .5em;
}
#mhg-trust-comments-content .inner p,
#mhg-trust-comments-content .inner ul {
	margin: 0 0 1em;
}
#mhg-trust-comments-content .inner li {
	margin: .5em 0;
	padding-left: 16px;
	background: url(../img/mhg-comments-bullet.png) no-repeat 0 0.35em;
}

/* - - - - - - - - - - - - DATA - - - - - - - - - - - - */

.data-section {
	background: #E3E2DB;
	color: #888989;
	padding: 20px 0;
}
.data-section h3 {
	color: #258BCB;
}

#ccg-verdict h4 {
	line-height: 1.5;
	margin-bottom: 1em !important;
}

/* - - - - - - - - - - - - MEDIA QUERIES - - - - - - - - - - - - */

@media screen and (max-width: 1030px) {
	.chart-spark-combined {
		margin-left: 22px;
	}
	#site-level-hsmr-columns {
		margin-left: 20px;
	}
	.chart-mortality-holder {
		margin-left: 20px;
		margin-right: 20px;
	}
}

@media screen and (max-width: 767px) {
	.postcode-select {
		width: auto;
		float: none;
	}
	#form-postcode {
		margin-right: auto;
		margin-bottom: 1em;
	}
	.nearest-units {
		margin-left: 0;
		padding-left: 0;
	}
	.chart-mortality-main {
		padding-top: 2px;
		margin-right: -20px;
	}
	.chart-mortality-main,
	.chart-mortality-secondary {
		width: auto;
		float: none;
	}
	.chart-mortality {
		height: 251px;
	}
	.chart-mortality-axes div {
		height: 24px;
	}
	.axis-dilrdg div,
	.axis-pccr div,
	.axis-dilrdg div,
	.axis-hsmra div {
		height: 25px;
	}
	.column-nix {
		display: none;
	}
	.chart-mortality-secondary .chart-mortality .column {
		width: 25%;
		width: 29.16666666666667%;
	}
	.chart-mortality-secondary .chart-mortality .column-half {
		width: 12.5%;
	}
}

@media screen and (max-width: 680px) {
	.chart-distribution-box .axis-x .column .label span.nix {
		display: none;
	}
}

@media screen and (max-width: 620px) {
	.chart-spark .label {
		font-size: .75em;
	}
}

@media screen and (max-width: 440px) {
	.chart-spark .label {
		font-size: .625em;
	}
	.ma-title h3 {
		float: none;
	}
	.ma-exp-link {
		float: none;
		margin: 0 auto;
		top: -6px;
		left: 0;
	}
}

/* - - - - - - - - - - - - MISC. - - - - - - - - - - - - */

.mhg-csv {
	padding-top: 20px;
}
.mhg-csv a {
	display: block;
	clear: both;
	float: none;
	position: relative;
}
.mhg-csv b {
	display: inline-block;
	width: 18px;
	height: 18px;
	font-size: 14px;
	text-align: center;
	background: #ee453b;
	color: #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: relative;
	top: -3px;
	left: 4px;
}
.mhg-csv i {
	font-style: normal;
	position: relative;
	top: 2px;
	left: 1px;
}
.mhg-csv span {
	display: block;
	width: 320px;
	position: absolute;
	top: -9999em;
	left: -9999em;
	background: #fff;
	color: #000;
	padding: 14px;
	/*
-webkit-border-radius: 3px;
	border-radius: 3px;
*/
	font-size: 0.875em;
	margin-bottom: 8px;
	border: 1px solid #ee453b;
}
.mhg-csv a:hover span {
	top: auto;
	bottom: 100%;
	left: auto;
	right: 0;
}
.chart-bar.no-cl .lower {
	background: #d7d6d2;
}
.chart-bar.no-cl .lcl,
.chart-bar.no-cl .ucl,
.chart-bar.no-cl .lower .tooltip {
	display: none;
}

#ww-no-limit {
	margin: 24px 0 16px;
	position: relative;
	padding-left: 30px;
}
#ww-no-limit span {
	display: block;
	width: 20px;
	height: 20px;
	background: #d7d6d2;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -10px;
}

.chart-bar h4 {
	padding-top: 4px !important;
}

#chart-commissioning-legend {
	padding: 32px 0;
}
.mhg-serif {
	margin: 1em 0;
	line-height: 1.5;
	font-family: "LyonTextRegular", Georgia, serif !important;
	text-transform: none !important;
	font-size: 1em !important;
}

.lipg1, .lipg2, .lipg3 {
	display: block;
	font-size: 0.875em;
}
.lipg1, .lipg2 {
	margin-bottom: -12px;
}
#ccg-verdict li {
	margin: 4px 0;
}