Skip to content

Instantly share code, notes, and snippets.

@alexmuller
Last active August 29, 2015 13:57
Show Gist options
  • Save alexmuller/9811959 to your computer and use it in GitHub Desktop.
Save alexmuller/9811959 to your computer and use it in GitHub Desktop.
Spotlight CSS
@-ms-viewport {
width: device-width; }
@-o-viewport {
width: device-width; }
@font-face {
font-family: GDS-Logo;
src: local("HelveticaNeue"), local("Helvetica Neue"), local("Arial"), local("Helvetica"); }
@-ms-viewport {
width: device-width; }
@-o-viewport {
width: device-width; }
@-ms-viewport {
width: device-width; }
@-o-viewport {
width: device-width; }
#homepage-content:after, #prototypes-content:after {
content: "";
display: block;
clear: both; }
@-ms-viewport {
width: device-width; }
@-o-viewport {
width: device-width; }
body {
font-family: "ntatabularnumbers", "nta", Arial, sans-serif; }
h2 {
font-family: "nta", Arial, sans-serif;
font-size: 19px;
line-height: 1.31579;
font-weight: 400;
text-transform: none; }
@media (max-width: 640px) {
h2 {
font-size: 16px;
line-height: 1.25; } }
p {
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 16px;
line-height: 1.25;
font-weight: 300;
text-transform: none; }
@media (max-width: 640px) {
p {
font-size: 14px;
line-height: 1.14286; } }
a[rel="external"]:after {
background-image: url('/spotlight/stylesheets/external-links/external-link.png');
background-repeat: no-repeat; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20/10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
a[rel="external"]:after {
background-image: url('/spotlight/stylesheets/external-links/external-link-24x24.png');
background-size: 12px 400px; } }
a[rel="external"]:after {
content: "\A0\A0\A0\A0\A0";
background-position: right 3px; }
a[rel="external"]:hover:after {
background-position: right -385px; }
#content h1 {
font-family: "nta", Arial, sans-serif;
font-size: 24px;
line-height: 1.25;
font-weight: 400;
text-transform: none;
font-weight: 700; }
@media (max-width: 640px) {
#content h1 {
font-size: 20px;
line-height: 1.2; } }
#content h2 {
margin-top: 0;
font-family: "nta", Arial, sans-serif;
font-size: 16px;
line-height: 1.25;
font-weight: 300;
text-transform: none; }
@media (max-width: 640px) {
#content h2 {
font-size: 14px;
line-height: 1.14286; } }
#content section {
margin-top: 1em;
margin-bottom: 1.5em; }
#content section h1, #content section h2 {
font-family: "nta", Arial, sans-serif;
font-size: 24px;
line-height: 1.25;
font-weight: 400;
text-transform: none;
font-weight: 700; }
@media (max-width: 640px) {
#content section h1, #content section h2 {
font-size: 20px;
line-height: 1.2; } }
#content section h2.dashboard, #content section h3 {
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 16px;
line-height: 1.25;
font-weight: 300;
text-transform: none; }
@media (max-width: 640px) {
#content section h2.dashboard, #content section h3 {
font-size: 14px;
line-height: 1.14286; } }
#content section .double-decker-graph h3 {
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 19px;
line-height: 1.31579;
font-weight: 400;
text-transform: none;
font-weight: 700; }
@media (max-width: 640px) {
#content section .double-decker-graph h3 {
font-size: 16px;
line-height: 1.25; } }
.increase:after, .decrease:after {
display: inline-block;
padding-right: 0.2em;
color: #bfc1c3; }
.increase:after {
content: "\25B2"; }
.decrease:after {
content: "\25BC"; }
.improvement:after {
color: #74B74A; }
.decline:after {
color: #BF1E2D; }
.no-change:after {
content: "\25CF";
color: #bfc1c3;
margin-right: 5px;
margin-left: 2px; }
#wrapper {
border-bottom: 10px solid #097F96; }
#wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
#content {
display: block;
margin: 0 auto;
max-width: 1020px;
padding: 0 0 1em 0;
background-color: #fff; }
#content section {
clear: left;
float: left;
width: 100%;
position: relative;
margin-top: 1em;
margin-bottom: 1.5em;
padding-top: 0.4em;
border-top: 1px solid #bfc1c3; }
#content section:nth-of-type(1), #content section:nth-of-type(2).cols2 {
border-top: 0;
margin-top: 0; }
#content section.half-width {
width: 48.5%;
margin-left: 3%;
clear: none; }
#content section.half-width.row-start {
margin-left: 0%; }
.lte-ie8 #content section.half-width {
margin-left: 0%;
width: 100%; }
@media (max-width: 640px) {
#content {
padding: 0; }
#content section.half-width {
width: 100%; }
#content section.half-width ~ .half-width {
margin-left: 0; } }
.performance-hidden {
display: none; }
.performance-platform-outer {
margin: 0 30px;
padding: 2em 0 0; }
@media (max-width: 640px) {
.performance-platform-outer {
margin-left: 15px;
margin-right: 15px;
padding: 1em 0; } }
@media (min-width: 769px) {
.cols2, #content section.cols2, #content article.cols2 {
width: 48.4375%;
float: left;
clear: none;
margin-right: 0;
margin-left: 3.125%; }
.cols2:first-of-type, #content section.cols2:first-of-type, #content article.cols2:first-of-type {
margin-left: 0; }
.cols3 {
width: 31.25%;
float: left;
clear: none;
margin-right: 0;
margin-left: 3.125%; }
.cols3:first-of-type {
margin-left: 0; } }
body.raw #skiplink-container, body.raw #global-cookie-message, body.raw #performance-platform-colour-bar, body.raw #global-header, body.raw #global-breadcrumb, body.raw #footer, body.raw .report-a-problem-toggle, body.raw .module-banner-text {
display: none; }
body.raw #content, body.raw #wrapper, body.raw .performance-platform-outer {
margin: 0;
border: 0;
padding: 0; }
body.raw #content h1, body.raw #content h2, body.raw #content aside.more-info, body.raw #content nav {
display: none; }
body.raw #content .visualisation {
float: left;
width: 960px; }
body.raw #content .visualisation .table-toggle {
display: none; }
body.raw .multi_stats .sparkline-graph figure.graph .graph-wrapper {
width: 180px; }
body.raw .sparkline .sparkline-title {
top: 98px;
right: 90px; }
body.raw table.floated-header thead {
display: table-header-group; }
body.raw table.floated-header tbody {
display: table-row-group; }
span.alpha-tag {
text-transform: uppercase;
font-weight: normal;
letter-spacing: 1px;
color: white;
-webkit-font-smoothing: subpixel-antialiased;
background-color: #d53880;
padding: 2px 5px 0;
font-size: 67%;
display: inline-block;
vertical-align: top;
margin-top: 2px; }
a:hover span.alpha-tag {
text-decoration: none; }
#performance-platform-colour-bar {
margin: 0 auto;
height: 0;
max-width: 960px;
border-top: 10px solid #097F96; }
#global-breadcrumb {
background-color: #fff;
max-width: 1020px;
margin: 0 auto;
z-index: 50; }
@media (max-width: 640px) {
#global-breadcrumb {
padding: 0 1em 0.75em; } }
#global-breadcrumb ol {
border-bottom: 1px solid #BFC1C3;
max-width: 960px;
margin: 0 30px;
padding: 0.75em 0; }
@media (max-width: 640px) {
#global-breadcrumb ol {
margin: 0; } }
#global-breadcrumb ol li {
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 16px;
line-height: 1.25;
font-weight: 300;
text-transform: none;
background-image: url('/spotlight/stylesheets/images/separator.png');
background-position: 100% 50%;
background-repeat: no-repeat;
float: left;
list-style: none;
margin-left: 0;
margin-right: 0.5em;
padding-right: 1em; }
@media (max-width: 640px) {
#global-breadcrumb ol li {
font-size: 14px;
line-height: 1.14286; } }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20/10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
#global-breadcrumb ol li {
background-image: url('/spotlight/stylesheets/images/separator-2x.png');
background-size: 6px 11px; } }
#global-breadcrumb ol li a {
color: #0b0c0c; }
#global-breadcrumb ol li strong {
font-weight: normal; }
#global-breadcrumb ol li:last-child {
background-image: none;
margin-right: 0; }
#content header {
margin-bottom: 1.5em;
padding-bottom: 2em;
width: 100%;
border-bottom: 5px solid #097F96;
display: inline-block; }
#content header h1 {
font-family: "nta", Arial, sans-serif;
font-size: 48px;
line-height: 1.04167;
font-weight: 400;
text-transform: none;
font-weight: 700;
width: 100%;
display: inline-block; }
@media (max-width: 640px) {
#content header h1 {
font-size: 32px;
line-height: 1.09375; } }
#content header h1 span.strapline {
font-family: "nta", Arial, sans-serif;
font-size: 27px;
line-height: 1.11111;
font-weight: 400;
text-transform: none;
display: block;
margin-bottom: 5px;
color: #6f777b; }
@media (max-width: 640px) {
#content header h1 span.strapline {
font-size: 18px;
line-height: 1.11111; } }
#content header p.tagline {
font-family: "nta", Arial, sans-serif;
font-size: 16px;
line-height: 1.25;
font-weight: 300;
text-transform: none;
display: block;
margin: 1em 0 -1em 0;
padding: 0.5em 0 1em 0; }
@media (max-width: 640px) {
#content header p.tagline {
font-size: 14px;
line-height: 1.14286; } }
#content header .with-related-pages {
padding-top: 0;
float: left;
width: 62.5%; }
@media (max-width: 640px) {
#content header .with-related-pages {
float: none;
width: 90%; } }
#content header .related-pages {
float: right;
margin-left: 25px;
width: 31.25%; }
#content .related-pages h3 {
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 16px;
line-height: 1.25;
font-weight: 300;
text-transform: none; }
@media (max-width: 640px) {
#content .related-pages h3 {
font-size: 14px;
line-height: 1.14286; } }
#content .related-pages .related-transaction a {
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 24px;
line-height: 1.25;
font-weight: 400;
text-transform: none;
font-weight: 700; }
@media (max-width: 640px) {
#content .related-pages .related-transaction a {
font-size: 20px;
line-height: 1.2; } }
#content .related-pages .related-other h3 {
margin-top: 20px; }
#content .related-pages .related-other ul.items {
margin: 0;
padding-left: 0px; }
#content .related-pages .related-other ul.items li {
display: block;
overflow: hidden;
margin: 7px 0;
line-height: 1; }
#content .related-pages .related-other ul.items li a {
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 16px;
line-height: 1.25;
font-weight: 300;
text-transform: none;
font-weight: 700; }
@media (max-width: 640px) {
#content .related-pages .related-other ul.items li a {
font-size: 14px;
line-height: 1.14286; } }
#content .related-pages .related-other ul.items li .metadata {
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 14px;
line-height: 1.42857;
font-weight: 400;
text-transform: none; }
@media (max-width: 640px) {
#content .related-pages .related-other ul.items li .metadata {
font-size: 12px;
line-height: 1.25; } }
@media (max-width: 640px) {
body #content .related-pages {
position: relative;
float: none;
margin-left: 0;
width: 90%;
margin-top: 25px; }
body #content .related-pages .related-transaction {
margin-top: 10px; }
body #content .related-pages .related-transaction a {
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 16px;
line-height: 1.25;
font-weight: 300;
text-transform: none;
font-weight: 700; }
@media (max-width: 640px) {
body #content .related-pages .related-transaction a {
font-size: 14px;
line-height: 1.14286; } }
body #content .related-pages .related-other h3 {
margin-top: 10px; } }
#content section {
min-height: 210px; }
#content h2 a {
color: black; }
#content section.module-banner {
padding-top: 84px;
margin-left: 0; }
#content section.module-banner .module-banner-text {
position: absolute;
top: 16px;
right: -30px;
bottom: 0;
left: -30px;
border-width: 0 10px;
border-style: solid;
border-color: #6f777b; }
#content section.module-banner .module-banner-text p {
margin: 0;
padding: 16px 50px 16px 20px;
background-color: #dee0e2;
background-image: none;
background-repeat: no-repeat;
background-position: 98% 50%; }
#content section.module-banner .module-banner-text:after {
background: #dee0e2;
content: " ";
position: absolute;
display: block;
left: 0;
right: 0;
bottom: 0;
height: 5px; }
#content section.restricted-data-banner .module-banner-text {
border-color: #df3034; }
#content section.restricted-data-banner .module-banner-text p {
background-color: #f9d6d6;
background-image: url('/spotlight/stylesheets/images/warning.png'); }
#content section.restricted-data-banner .module-banner-text:after {
background: #f9d6d6; }
@media (max-width: 640px) {
#content section.module-banner {
padding-top: 96px; }
#content section.module-banner .module-banner-text {
right: -15px;
left: -15px; } }
@media (max-width: 340px) {
#content section.module-banner {
padding-top: 112px; } }
#content .more-info {
border-top: 5px solid #097F96;
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 16px;
line-height: 1.25;
font-weight: 300;
text-transform: none;
width: 66%;
margin-top: 1.5em;
padding-top: 0.5em; }
@media (max-width: 640px) {
#content .more-info {
font-size: 14px;
line-height: 1.14286; } }
#content .more-info ul {
list-style-type: none;
margin: 0;
padding: 0; }
#content .more-info ul li {
padding: 0.25em 0 0 0; }
@media (max-width: 640px) {
#content .more-info {
width: 100%; } }
.visualisation nav ul {
margin-top: 14px;
border-bottom: 1px solid #bfc1c3;
padding-left: 0; }
.visualisation nav ul li {
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 16px;
line-height: 1.25;
font-weight: 300;
text-transform: none;
border: 4px solid #fff;
background-color: #dee0e2;
list-style: none;
float: left;
cursor: pointer;
min-width: 10em; }
@media (max-width: 640px) {
.visualisation nav ul li {
font-size: 14px;
line-height: 1.14286; } }
.visualisation nav ul li:hover {
text-decoration: underline; }
.visualisation nav ul li.active {
padding: 9px 16px 7px 16px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #bfc1c3;
border-bottom: 0;
cursor: default; }
.visualisation nav ul li.active:hover {
text-decoration: none; }
.visualisation nav ul li a {
padding: 6px 16px 2px 13px;
text-decoration: none;
color: #0b0c0c;
display: block; }
.visualisation nav ul:after {
display: block;
clear: left;
content: '.';
height: 0;
overflow: hidden; }
.tooltip-stroke {
stroke: #fff;
stroke-width: 2px;
text-anchor: start; }
.tooltip-text {
text-anchor: start; }
.visualisation-fallback {
display: block; }
.visualisation-fallback img {
max-width: 100%;
height: auto;
width: auto; }
.inlinesvg .visualisation-fallback {
display: none; }
span.group0 {
color: #097F96; }
span.group1 {
color: #112684; }
span.group2 {
color: #D6007D; }
span.group3 {
color: #662E91; }
span.group4 {
color: #5E7F00; }
span.group5 {
color: #005C37; }
.table-toggle a {
font-family: "nta", Arial, sans-serif;
font-size: 14px;
line-height: 1.42857;
font-weight: 400;
text-transform: none; }
@media (max-width: 640px) {
.table-toggle a {
font-size: 12px;
line-height: 1.25; } }
.table-toggle table {
padding-bottom: 1em; }
.js-enabled .table-toggle table {
display: none; }
figure.graph {
margin: 0 auto;
position: relative; }
figure.graph svg {
max-width: 954px;
max-height: 400px; }
figure.graph h2 {
max-width: 75%; }
figure.graph text {
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 16px;
line-height: 1.25;
font-weight: 300;
text-transform: none; }
@media (max-width: 640px) {
figure.graph text {
font-size: 14px;
line-height: 1.14286; } }
@media (max-width: 320px) {
figure.graph text {
font-size: 9px; } }
figure.graph .graph-wrapper {
position: relative; }
figure.graph .graph-wrapper .inner {
padding: 0;
position: absolute;
top: 20px;
bottom: 45px;
left: 55px;
right: 40px; }
@media (max-width: 640px) {
figure.graph .graph-wrapper .inner {
top: 20px;
bottom: 40px;
left: 40px;
right: 25px; } }
@media (max-width: 320px) {
figure.graph .graph-wrapper .inner {
bottom: 30px; } }
figure.graph.graph-with-labels h2 {
margin-right: 200px; }
figure.graph.graph-with-labels ul.module-actions {
margin-top: -32px;
margin-bottom: 44px; }
figure.graph.graph-with-labels .inner {
right: 200px; }
figure.graph .line0 {
stroke: #097F96; }
figure.graph .line1 {
stroke: #112684; }
figure.graph .line2 {
stroke: #D6007D; }
figure.graph .line3 {
stroke: #662E91; }
figure.graph .line4 {
stroke: #5E7F00; }
figure.graph .line5 {
stroke: #005C37; }
figure.graph .line.timeshift {
stroke-dasharray: 5, 10; }
figure.graph .not-selected.line0 {
stroke: #84bfca; }
figure.graph .not-selected.line1 {
stroke: #8892c1; }
figure.graph .not-selected.line2 {
stroke: #ea7fbe; }
figure.graph .not-selected.line3 {
stroke: #b296c8; }
figure.graph .not-selected.line4 {
stroke: #aebf7f; }
figure.graph .not-selected.line5 {
stroke: #7fad9b; }
figure.graph .stack0 {
fill: #c1dfe4; }
figure.graph .stack1 {
fill: #c3c8e0; }
figure.graph .stack2 {
fill: #f4bfde; }
figure.graph .stack3 {
fill: #d8cae3; }
figure.graph .stack4 {
fill: #d6dfbf; }
figure.graph .stack5 {
fill: #bfd6cd; }
figure.graph .selected.stack0 {
fill: #84bfca; }
figure.graph .selected.stack1 {
fill: #8892c1; }
figure.graph .selected.stack2 {
fill: #ea7fbe; }
figure.graph .selected.stack3 {
fill: #b296c8; }
figure.graph .selected.stack4 {
fill: #aebf7f; }
figure.graph .selected.stack5 {
fill: #7fad9b; }
figure.graph .not-selected.stack0 {
fill: #e6f2f4; }
figure.graph .not-selected.stack1 {
fill: #e7e9f2; }
figure.graph .not-selected.stack2 {
fill: #fae5f2; }
figure.graph .not-selected.stack3 {
fill: #efeaf4; }
figure.graph .not-selected.stack4 {
fill: #eef2e5; }
figure.graph .not-selected.stack5 {
fill: #e5eeeb; }
figure.graph .text0 {
fill: #097F96; }
figure.graph .text1 {
fill: #112684; }
figure.graph .text2 {
fill: #D6007D; }
figure.graph .text3 {
fill: #662E91; }
figure.graph .text4 {
fill: #5E7F00; }
figure.graph .text5 {
fill: #005C37; }
figure.graph .x-axis path, figure.graph .y-axis path {
display: none; }
figure.graph .selectedIndicator {
fill: white;
vector-effect: non-scaling-stroke;
stroke-width: 4px;
stroke-linecap: round;
stroke-linejoin: round; }
figure.graph .selectedIndicator.cursorLine {
stroke: black;
stroke-width: 1px;
shape-rendering: crispEdges; }
figure.graph .terminator {
stroke-width: 3px; }
figure.graph .line {
fill: none;
stroke-width: 2.5px;
stroke-linecap: round;
stroke-linejoin: round;
vector-effect: non-scaling-stroke; }
figure.graph .line.selected {
stroke-width: 4px; }
figure.graph .line.selected-following-sibling {
stroke-width: 4px; }
figure.graph .bar line {
stroke-width: 2px;
shape-rendering: crispEdges;
vector-effect: non-scaling-stroke; }
figure.graph .bar rect {
shape-rendering: crispEdges; }
figure.graph .bar text {
text-anchor: middle; }
figure.graph .tick line {
vector-effect: non-scaling-stroke; }
figure.graph .x-axis line {
fill: none;
stroke: #444;
stroke-width: 1px;
shape-rendering: crispEdges; }
figure.graph .hover {
position: absolute;
z-index: 1;
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: 0;
background: white; }
figure.graph .legend {
position: absolute;
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 16px;
line-height: 1.25;
font-weight: 300;
text-transform: none;
top: -24px;
right: 0;
width: 200px; }
@media (max-width: 640px) {
figure.graph .legend {
font-size: 14px;
line-height: 1.14286; } }
figure.graph .legend .percentage, figure.graph .legend .no-data {
color: #6f777b;
font-size: 14px; }
figure.graph .legend .summary {
border-bottom: 1px solid #bfc1c3;
margin: 0 0 0 20px;
padding: 0 0 0 20px; }
figure.graph .legend .summary .title {
display: block; }
figure.graph .legend .summary .no-data {
line-height: 1.9;
font-size: 14px; }
figure.graph .legend .summary .value {
font-size: 21px;
font-weight: bold; }
figure.graph .legend .summary .timeperiod {
display: block; }
figure.graph .legend ol {
list-style: none;
margin: 0;
padding: 0; }
figure.graph .legend ol.squares li {
margin-left: 18px; }
figure.graph .legend ol.squares li.label0:before {
background-color: #c1dfe4; }
figure.graph .legend ol.squares li.label1:before {
background-color: #c3c8e0; }
figure.graph .legend ol.squares li.label2:before {
background-color: #f4bfde; }
figure.graph .legend ol.squares li.label3:before {
background-color: #d8cae3; }
figure.graph .legend ol.squares li.label4:before {
background-color: #d6dfbf; }
figure.graph .legend ol.squares li.label5:before {
background-color: #bfd6cd; }
figure.graph .legend ol.squares li.label0:before {
border-color: #097F96; }
figure.graph .legend ol.squares li.label1:before {
border-color: #112684; }
figure.graph .legend ol.squares li.label2:before {
border-color: #D6007D; }
figure.graph .legend ol.squares li.label3:before {
border-color: #662E91; }
figure.graph .legend ol.squares li.label4:before {
border-color: #5E7F00; }
figure.graph .legend ol.squares li.label5:before {
border-color: #005C37; }
figure.graph .legend ol.squares li.label0.selected:before {
background-color: #84bfca; }
figure.graph .legend ol.squares li.label1.selected:before {
background-color: #8892c1; }
figure.graph .legend ol.squares li.label2.selected:before {
background-color: #ea7fbe; }
figure.graph .legend ol.squares li.label3.selected:before {
background-color: #b296c8; }
figure.graph .legend ol.squares li.label4.selected:before {
background-color: #aebf7f; }
figure.graph .legend ol.squares li.label5.selected:before {
background-color: #7fad9b; }
figure.graph .legend ol.squares li.label0.not-selected:before {
background-color: #e6f2f4; }
figure.graph .legend ol.squares li.label1.not-selected:before {
background-color: #e7e9f2; }
figure.graph .legend ol.squares li.label2.not-selected:before {
background-color: #fae5f2; }
figure.graph .legend ol.squares li.label3.not-selected:before {
background-color: #efeaf4; }
figure.graph .legend ol.squares li.label4.not-selected:before {
background-color: #eef2e5; }
figure.graph .legend ol.squares li.label5.not-selected:before {
background-color: #e5eeeb; }
figure.graph .legend ol.squares li.label0.not-selected:before {
border-color: #84bfca; }
figure.graph .legend ol.squares li.label1.not-selected:before {
border-color: #8892c1; }
figure.graph .legend ol.squares li.label2.not-selected:before {
border-color: #ea7fbe; }
figure.graph .legend ol.squares li.label3.not-selected:before {
border-color: #b296c8; }
figure.graph .legend ol.squares li.label4.not-selected:before {
border-color: #aebf7f; }
figure.graph .legend ol.squares li.label5.not-selected:before {
border-color: #7fad9b; }
figure.graph .legend ol.squares li:before {
border: 2px solid white;
float: left;
display: block;
content: '';
width: 10px;
height: 10px;
margin-left: -18px;
margin-top: 1px; }
figure.graph .legend ol.has-links li {
z-index: 100; }
figure.graph .legend ol li {
position: absolute;
margin-top: 16px; }
figure.graph .legend ol li.selected {
font-weight: bold; }
figure.graph .legend ol li.not-selected {
color: #c2c2c2; }
figure.graph .legend ol li.not-selected .percentage {
color: #c2c2c2; }
figure.graph .legend ol li .label-title {
display: block; }
figure.graph .labels line {
fill: none;
stroke: #444;
stroke-width: 1px;
vector-effect: non-scaling-stroke; }
figure.graph .labels line.selected {
stroke-width: 2px; }
figure.graph .labels line.not-selected {
stroke: #a1a1a1; }
figure.graph .labels line.crisp {
shape-rendering: crispEdges; }
@media (max-width: 640px) {
figure.graph .labels line {
display: none; } }
figure.graph .callout {
position: absolute;
left: 0;
top: 0;
background-color: #f8f8f8;
width: 200px;
-webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.35);
box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.35);
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 16px;
line-height: 1.25;
font-weight: 300;
text-transform: none; }
@media (max-width: 640px) {
figure.graph .callout {
font-size: 14px;
line-height: 1.14286; } }
figure.graph .callout h3 {
font-weight: 700;
margin: 0;
font-size: 1em;
padding: 0.4em 0.5em 0em; }
figure.graph .callout p {
margin: 0;
padding: 0 0.5em; }
figure.graph .callout p:first-child {
padding-top: 0.2em; }
figure.graph .callout p:last-child {
padding-bottom: 0.2em; }
figure.graph .callout dl {
padding: 0.2em 0.5em;
margin: 0; }
figure.graph .callout dl dt {
float: left;
max-width: 130px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }
figure.graph .callout dl dd {
margin: 0;
float: right; }
figure.graph .callout dl:after {
clear: both;
display: block;
content: '.';
height: 0;
overflow: hidden; }
figure.graph .cursorLine.overlay {
stroke-width: 3px; }
figure.graph .cursorLine.ascender, figure.graph .cursorLine.descender {
display: none; }
@media (max-width: 640px) {
figure.graph h2 {
max-width: 92%; }
figure.graph.graph-with-labels h2 {
margin-right: 0; }
figure.graph.graph-with-labels .inner {
right: 25px; }
figure.graph.graph-with-labels .graph {
top: 10px; }
figure.graph.graph-with-labels .graph svg {
clear: both; }
figure.graph .legend {
position: static;
width: 100%;
overflow: hidden;
padding-top: 10px; }
figure.graph .legend ol li .label-title {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
figure.graph .legend .summary {
border: none;
border-right: 1px solid #bfc1c3;
float: left;
margin: 0 18px 0 0;
padding: 0 18px 0 0;
width: 35%;
margin-top: 0 !important; }
figure.graph .legend .summary .percentage {
display: block; }
figure.graph .legend .summary .timeperiod {
margin-top: 4px; }
figure.graph .legend ol {
float: left; }
figure.graph .legend ol li {
cursor: default;
float: left;
margin-bottom: 12px;
position: static;
margin-top: 0;
width: 42%; }
figure.graph .x-axis .tick:nth-child(even) text, figure.graph .y-axis .tick:nth-child(even) text {
display: none; }
figure.graph .y-axis .tick:nth-child(odd) text {
font-size: 12px; }
figure.graph .line {
fill: none;
stroke-width: 1.5px; }
figure.graph .line.selected {
stroke-width: 3px; }
figure.graph .callout {
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 16px;
line-height: 1.25;
font-weight: 300;
text-transform: none;
margin-top: 0.5em;
position: static;
max-width: 240px;
margin: 0.5em auto; }
@media (max-width: 640px) {
figure.graph .callout {
font-size: 14px;
line-height: 1.14286; } }
figure.graph .callout .arrow {
display: none; } }
@media (max-width: 900px) {
figure.graph .x-axis .tick:nth-child(even) text, figure.graph .y-axis .tick:nth-child(even) text {
display: none; } }
.impact-number {
margin-bottom: 0.25em; }
.impact-number strong {
color: #097F96;
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 80px;
line-height: 1;
font-weight: 400;
text-transform: none;
font-weight: 700;
margin-bottom: -0.1em;
display: block; }
@media (max-width: 640px) {
.impact-number strong {
font-size: 53px;
line-height: 1.03774; } }
@media (max-width: 850px) {
.impact-number strong {
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 48px;
line-height: 1.04167;
font-weight: 400;
text-transform: none;
font-weight: 700; }
@media (max-width: 640px) {
.impact-number strong {
font-size: 32px;
line-height: 1.09375; } } }
@media (max-width: 640px) {
.impact-number strong {
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 80px;
line-height: 1;
font-weight: 400;
text-transform: none;
font-weight: 700; }
@media (max-width: 640px) {
.impact-number strong {
font-size: 53px;
line-height: 1.03774; } } }
.impact-number .unavailable {
color: #6f777b; }
.impact-number .no-data {
color: #6f777b;
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 24px;
line-height: 1.25;
font-weight: 400;
text-transform: none;
display: block;
margin-bottom: 0.6em; }
@media (max-width: 640px) {
.impact-number .no-data {
font-size: 20px;
line-height: 1.2; } }
@media (max-width: 640px) {
.impact-number .no-data {
margin-bottom: 0.4em; } }
.impact-number span.fulldate {
display: block; }
@media (max-width: 500px) {
.impact-number span.fulldate {
display: inline; } }
.stat-description {
margin-top: 0.1em; }
.journey figure.graph svg {
max-height: 200px;
min-height: 100px; }
.journey figure.graph .x-axis .selected text {
font-weight: bold; }
.journey figure.graph .x-axis text {
font-size: 12px; }
.journey figure.graph .graph-wrapper .inner {
top: 40px;
bottom: 30px;
left: 0px;
right: 0px; }
.half-width .journey figure.graph {
max-width: 464px; }
.journey figure.graph .bar text {
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 19px;
line-height: 1.31579;
font-weight: 400;
text-transform: none; }
@media (max-width: 640px) {
.journey figure.graph .bar text {
font-size: 16px;
line-height: 1.25; } }
.journey figure.graph .bar rect {
stroke-width: 2px; }
.journey figure.graph .bar rect.stack0 {
stroke: #c1dfe4; }
.journey figure.graph .bar rect.stack1 {
stroke: #c3c8e0; }
.journey figure.graph .bar rect.stack2 {
stroke: #f4bfde; }
.journey figure.graph .bar rect.stack3 {
stroke: #d8cae3; }
.journey figure.graph .bar rect.stack4 {
stroke: #d6dfbf; }
.journey figure.graph .bar rect.stack5 {
stroke: #bfd6cd; }
.journey figure.graph .bar .selected text {
font-weight: bold; }
.journey figure.graph .bar .selected line {
stroke-width: 4px; }
.journey figure.graph .bar .selected rect.stack0 {
stroke: #097F96; }
.journey figure.graph .bar .selected rect.stack1 {
stroke: #112684; }
.journey figure.graph .bar .selected rect.stack2 {
stroke: #D6007D; }
.journey figure.graph .bar .selected rect.stack3 {
stroke: #662E91; }
.journey figure.graph .bar .selected rect.stack4 {
stroke: #5E7F00; }
.journey figure.graph .bar .selected rect.stack5 {
stroke: #005C37; }
.journey figure.graph .callout {
position: relative;
width: 100%;
margin-top: 12px; }
.journey figure.graph .callout .date {
float: right; }
.journey figure.graph .callout .date:before {
display: inline-block;
width: 0.8em;
height: 0.8em;
padding: 0;
margin-right: 0.4em;
margin-top: -0.2em;
vertical-align: middle;
text-indent: -999em;
content: "."; }
.journey figure.graph .callout .date.stack0:before {
background: #097F96; }
.journey figure.graph .callout .date.stack1:before {
background: #112684; }
.journey figure.graph .callout .date.stack2:before {
background: #D6007D; }
.journey figure.graph .callout .date.stack3:before {
background: #662E91; }
.journey figure.graph .callout .date.stack4:before {
background: #5E7F00; }
.journey figure.graph .callout .date.stack5:before {
background: #005C37; }
.journey figure.graph .callout dl dt {
max-width: none;
width: 50%; }
.journey figure.graph .callout dl dd {
width: 50%;
text-align: right; }
.journey figure.graph .callout .arrow {
height: 20px;
margin-top: -40px;
position: absolute;
overflow: hidden;
transform: scaleX(2);
-ms-transform: scaleX(2);
-webkit-transform: scaleX(2);
text-shadow: 0 0 3px rgba(0, 0, 0, 0.65);
color: #f8f8f8;
font-size: 23px; }
.no-textshadow .journey figure.graph .callout .arrow .inner-arrow {
position: absolute;
display: block;
top: -1px;
margin-left: -6px;
left: 3px; }
.journey figure.graph .callout .arrow .outer-arrow {
margin-top: -4px;
margin-left: -6px;
display: none; }
.no-textshadow .journey figure.graph .callout .arrow .outer-arrow {
display: block;
color: #0b0c0c;
filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=3); }
@media (max-width: 800px) {
.conversion-graph .bar text {
font-size: 0.875em; } }
@media (max-width: 640px) {
.half-width .journey figure svg {
max-width: 954px; }
.journey figure .x-axis .tick:nth-child(even) text {
display: block; } }
@media (max-width: 320px) {
.journey figure .x-axis text {
font-size: 8px;
font-size: 0.8rem; } }
.double-decker-graph .impact-number {
padding-top: 1em;
width: 12.3em;
float: left;
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 16px;
line-height: 1.25;
font-weight: 300;
text-transform: none;
color: #0b0c0c; }
@media (max-width: 640px) {
.double-decker-graph .impact-number {
font-size: 14px;
line-height: 1.14286; } }
.double-decker-graph .impact-number strong {
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 48px;
line-height: 1.04167;
font-weight: 400;
text-transform: none;
font-weight: 700;
margin-bottom: -0.1em;
display: block; }
@media (max-width: 640px) {
.double-decker-graph .impact-number strong {
font-size: 32px;
line-height: 1.09375; } }
.double-decker-graph h3 {
clear: both;
height: 0;
margin: 0;
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 19px;
line-height: 1.31579;
font-weight: 400;
text-transform: none;
font-weight: 700; }
@media (max-width: 640px) {
.double-decker-graph h3 {
font-size: 16px;
line-height: 1.25; } }
.double-decker-graph h1 {
margin-bottom: 0.5em;
margin-right: 2em; }
.double-decker-graph figure.graph {
margin-left: 12.5em; }
.double-decker-graph figure.graph .graph-wrapper svg {
min-height: 135px;
max-height: 135px;
max-width: 790px; }
.double-decker-graph figure.graph .graph-wrapper .inner {
left: 70px;
right: 30px; }
.double-decker-graph figure.graph .x-axis .tick:nth-child(even) text {
display: block; }
.double-decker-graph .timeseries-graph .cursorLine.ascender {
display: inherit; }
@media (max-width: 880px) {
.double-decker-graph .graph .x-axis .tick:nth-child(even) text {
display: none; } }
@media (max-width: 640px) {
.double-decker-graph .impact-number {
width: 9.8em; }
.double-decker-graph figure.graph {
margin-left: 10em;
margin-right: 0; }
.double-decker-graph figure.graph .graph-wrapper svg {
min-height: 110px; }
.double-decker-graph figure.graph .y-axis .tick:nth-child(even) text {
display: block; }
.double-decker-graph figure.graph .inner {
left: 55px; } }
@media (max-width: 500px) {
.double-decker-graph .impact-number {
float: none;
width: auto; }
.double-decker-graph .timeseries-graph figure.graph {
margin-left: 0; }
.double-decker-graph .timeseries-graph:nth-of-type(1) .cursorLine.descender {
display: none; }
.double-decker-graph .timeseries-graph:nth-of-type(1) .x-axis text {
display: inherit; }
.double-decker-graph .timeseries-graph:nth-of-type(1) .inner {
bottom: 40px; }
.double-decker-graph .timeseries-graph:nth-of-type(2) .cursorLine.ascender {
display: none; } }
.single-decker-graph .impact-number {
float: left;
width: 12.3em; }
.single-decker-graph .impact-number strong {
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 48px;
line-height: 1.04167;
font-weight: 400;
text-transform: none;
font-weight: 700; }
@media (max-width: 640px) {
.single-decker-graph .impact-number strong {
font-size: 32px;
line-height: 1.09375; } }
.single-decker-graph ul.module-actions {
margin-top: -36px;
margin-bottom: 44px; }
.single-decker-graph h3 {
clear: both;
height: 0;
margin: 0;
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 19px;
line-height: 1.31579;
font-weight: 400;
text-transform: none;
font-weight: 700; }
@media (max-width: 640px) {
.single-decker-graph h3 {
font-size: 16px;
line-height: 1.25; } }
.single-decker-graph h1 {
margin-right: 2em; }
.single-decker-graph figure.graph {
margin-left: 12.5em; }
.single-decker-graph figure.graph .graph-wrapper svg {
min-height: 135px;
max-height: 135px;
max-width: 790px; }
.single-decker-graph figure.graph .graph-wrapper .inner {
left: 70px;
right: 30px;
bottom: 50px; }
.single-decker-graph figure.graph .graph-wrapper .cursorLine.ascender {
display: inherit; }
@media (max-width: 880px) {
.single-decker-graph figure.graph .x-axis .tick:nth-child(even) text {
display: none; } }
@media (max-width: 640px) {
.single-decker-graph .impact-number {
width: 9.8em; }
.single-decker-graph figure.graph {
margin-left: 10em;
margin-right: 0;
min-height: 110px; }
.single-decker-graph figure.graph .y-axis .tick:nth-child(even) text {
display: block; } }
@media (max-width: 500px) {
.single-decker-graph .impact-number {
float: none;
width: auto; }
.single-decker-graph figure.graph {
margin-left: 0;
float: none; } }
.multi_stats .visualisation ul {
list-style-type: none;
padding: 0; }
.multi_stats .visualisation ul li {
float: left;
width: 50%;
margin-top: 10px;
margin-bottom: 20px;
position: relative; }
.multi_stats .visualisation ul div {
float: left; }
.multi_stats .visualisation ul p.impact-number, .multi_stats .visualisation ul p.stat-description {
margin-bottom: 0;
clear: both;
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 16px;
line-height: 1.25;
font-weight: 300;
text-transform: none; }
@media (max-width: 640px) {
.multi_stats .visualisation ul p.impact-number, .multi_stats .visualisation ul p.stat-description {
font-size: 14px;
line-height: 1.14286; } }
.multi_stats .visualisation ul p.impact-number strong, .multi_stats .visualisation ul p.stat-description strong {
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 36px;
line-height: 1.11111;
font-weight: 400;
text-transform: none;
font-weight: 700; }
@media (max-width: 640px) {
.multi_stats .visualisation ul p.impact-number strong, .multi_stats .visualisation ul p.stat-description strong {
font-size: 24px;
line-height: 1.04167; } }
.multi_stats .visualisation ul p.impact-number {
margin-top: 8px; }
.multi_stats .visualisation ul .delta {
position: absolute;
bottom: 0;
left: 8em;
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 16px;
line-height: 1.25;
font-weight: 300;
text-transform: none; }
@media (max-width: 640px) {
.multi_stats .visualisation ul .delta {
font-size: 14px;
line-height: 1.14286; } }
.multi_stats .visualisation ul .delta span.no-data {
display: block; }
.multi_stats .visualisation ul .sparkline {
position: absolute;
bottom: 0;
right: 0;
left: 13em; }
.multi_stats .visualisation ul .sparkline p.stat-description {
padding-left: 10px; }
.multi_stats .visualisation ul .sparkline-graph {
float: none;
clear: both; }
@media (max-width: 880px) {
.multi_stats .visualisation ul li {
width: 100%; }
.multi_stats .visualisation ul .delta {
left: 12em; }
.multi_stats .visualisation ul .sparkline {
left: 20em; } }
@media (max-width: 640px) {
.multi_stats .visualisation ul .delta {
left: 9em; }
.multi_stats .visualisation ul .sparkline {
left: 14em; } }
@media (max-width: 500px) {
.multi_stats .visualisation ul .delta {
left: 8em; }
.multi_stats .visualisation ul .sparkline {
left: 12em; } }
.sparkline .sparkline-graph figure.graph .graph-wrapper svg {
max-height: 30px;
max-width: 180px;
min-height: 30px; }
@media (max-width: 880px) {
.sparkline .sparkline-graph figure.graph .graph-wrapper svg {
max-width: 300px; } }
.sparkline .sparkline-graph figure.graph .graph-wrapper svg .y-axis .tick text {
display: block; }
.sparkline .sparkline-graph figure.graph .graph-wrapper .inner {
left: 10px;
right: 10px;
bottom: 10px;
top: 10px; }
.sparkline .sparkline-title {
position: absolute;
top: 150px;
right: 0;
min-height: 3em; }
.grouped_timeseries figure.graph {
clear: both; }
#content .grouped_timeseries .more-info-link {
margin-bottom: 14px; }
.grouped_timeseries svg {
min-height: 150px; }
.realtime .stat {
float: left;
width: 240px;
min-width: 240px; }
@media (max-width: 640px) {
.realtime .stat {
float: none; } }
.realtime .sparkline {
overflow: hidden;
min-height: 120px; }
.realtime .sparkline .sparkline-graph figure.graph .graph-wrapper svg {
max-height: 70px;
max-width: 100%;
min-height: 70px; }
.realtime .sparkline .sparkline-graph figure.graph .graph-wrapper .inner {
left: 70px;
right: 70px;
bottom: 10px;
top: 10px; }
@media (max-width: 640px) {
.realtime .sparkline .sparkline-graph figure.graph .graph-wrapper .inner {
left: 30px;
right: 30px; } }
.realtime.cols2 .sparkline {
display: none; }
.list ol {
padding-left: 0;
margin-bottom: 0; }
.list ol li {
counter-increment: no-dot-counter;
list-style: none;
*list-style-type: decimal;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.list ol:first-child {
counter-reset: no-dot-counter; }
.list ol li:before {
content: counter(no-dot-counter);
font-weight: bold;
float: left;
text-align: right;
width: 1.5em;
margin-right: 10px; }
@media (min-width: 769px) {
#content .list.cols2 {
width: 50%;
margin-left: 0;
float: left;
clear: none;
margin-right: 0;
padding-right: 2.08333%; } }
.user_satisfaction .visualisation {
overflow: hidden;
position: relative; }
.user_satisfaction .visualisation .stat {
float: left; }
.user_satisfaction .visualisation .stat strong {
margin-bottom: 3px; }
.user_satisfaction .visualisation .delta {
position: absolute;
bottom: 5px;
left: 12em; }
.user_satisfaction .visualisation .delta .change {
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 24px;
line-height: 1.25;
font-weight: 400;
text-transform: none; }
@media (max-width: 640px) {
.user_satisfaction .visualisation .delta .change {
font-size: 20px;
line-height: 1.2; } }
@media (max-width: 850px) {
.user_satisfaction .visualisation .delta {
left: 9em; }
.user_satisfaction .visualisation .stat strong {
margin-bottom: 8px; } }
@media (max-width: 640px) {
.user_satisfaction .visualisation .delta {
left: 8em;
bottom: 2px; }
.user_satisfaction .visualisation .stat strong {
margin-bottom: 5px; } }
table {
margin-top: 1em;
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #a1acb2; }
table.floated-header thead {
display: block; }
table.floated-header tbody {
display: block;
max-height: 28em;
overflow: auto; }
table tbody tr:first-of-type td {
border-top: none; }
table tbody tr:last-of-type td {
border-bottom: none; }
table th, table td {
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 16px;
line-height: 1.25;
font-weight: 300;
text-transform: none;
padding: 0.7em 1em 0.7em 1em; }
@media (max-width: 640px) {
table th, table td {
font-size: 14px;
line-height: 1.14286; } }
table th {
text-align: left;
font-weight: bold;
background-color: #dee0e2;
color: #0b0c0c;
line-height: 1.25em;
border-bottom: 1px solid #a1acb2;
border-right: 1px solid #a1acb2; }
table th:last-of-type {
border-right: none; }
table td {
background: #eaedef;
border: dotted 1px #b8c6cc; }
table td:first-of-type {
border-left: none; }
table td:last-of-type {
border-right: none; }
table .currency, table .percent, table .integer, table .number {
text-align: right; }
table tr:nth-child(even) td {
background: #fff; }
#content footer {
clear: both;
overflow: hidden;
margin-top: 1em;
padding-top: 2em;
width: 100%;
border-top: 1px solid #bfc1c3; }
#content footer .footer-text {
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 24px;
line-height: 1.25;
font-weight: 400;
text-transform: none;
font-weight: 700; }
@media (max-width: 640px) {
#content footer .footer-text {
font-size: 20px;
line-height: 1.2; } }
#content footer .related-pages {
margin-bottom: 30px; }
#content footer .footer-left h3 {
margin-top: 20px; }
#content footer h3 {
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 16px;
line-height: 1.25;
font-weight: 300;
text-transform: none; }
@media (max-width: 640px) {
#content footer h3 {
font-size: 14px;
line-height: 1.14286; } }
#content footer h4 {
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 16px;
line-height: 1.25;
font-weight: 300;
text-transform: none;
font-weight: 700; }
@media (max-width: 640px) {
#content footer h4 {
font-size: 14px;
line-height: 1.14286; } }
#content footer p {
font-size: 14px;
line-height: 20px; }
.report-a-problem-toggle {
clear: both; }
.report-a-problem-toggle a {
color: #454a4c; }
#content .report-a-problem-container {
clear: both;
margin: 3em 0 2em 0;
max-width: 38em; }
.js-enabled #content .report-a-problem-container {
display: none; }
#content .report-a-problem-container h2 {
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 24px;
line-height: 1.25;
font-weight: 400;
text-transform: none;
font-weight: 600;
margin: 1em 0; }
@media (max-width: 640px) {
#content .report-a-problem-container h2 {
font-size: 20px;
line-height: 1.2; } }
#content .report-a-problem-container div {
padding-top: 0.5em; }
#content .report-a-problem-container div .button {
background-color: #00823b;
position: relative;
display: -moz-inline-stack;
display: inline-block;
padding: 0.35em 0.5em 0.15em 0.5em;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-appearance: none;
-webkit-box-shadow: 0 2px 0 #003518;
-moz-box-shadow: 0 2px 0 #003518;
box-shadow: 0 2px 0 #003518;
font-size: 1em;
line-height: 1.25;
text-decoration: none;
-webkit-font-smoothing: antialiased;
cursor: pointer;
color: #fff;
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 19px;
line-height: 1.31579;
font-weight: 400;
text-transform: none; }
#content .report-a-problem-container div .button:visited {
background-color: #00823b; }
#content .report-a-problem-container div .button:hover, #content .report-a-problem-container div .button:focus {
background-color: #00692f; }
#content .report-a-problem-container div .button:active {
top: 2px;
-webkit-box-shadow: 0 0 0 #00823b;
-moz-box-shadow: 0 0 0 #00823b;
box-shadow: 0 0 0 #00823b; }
#content .report-a-problem-container div .button.disabled, #content .report-a-problem-container div .button[disabled="disabled"], #content .report-a-problem-container div .button[disabled] {
zoom: 1;
filter: alpha(opacity=#{$trans * 100});
opacity: 0.5; }
#content .report-a-problem-container div .button.disabled:hover, #content .report-a-problem-container div .button[disabled="disabled"]:hover, #content .report-a-problem-container div .button[disabled]:hover {
cursor: default;
background-color: #00823b; }
#content .report-a-problem-container div .button.disabled:active, #content .report-a-problem-container div .button[disabled="disabled"]:active, #content .report-a-problem-container div .button[disabled]:active {
top: 0;
-webkit-box-shadow: 0 2px 0 #003518;
-moz-box-shadow: 0 2px 0 #003518;
box-shadow: 0 2px 0 #003518; }
#content .report-a-problem-container div .button:link, #content .report-a-problem-container div .button:hover, #content .report-a-problem-container div .button:focus, #content .report-a-problem-container div .button:visited {
color: #fff; }
#content .report-a-problem-container div .button:before {
content: "";
height: 110%;
width: 100%;
display: block;
background: transparent;
position: absolute;
top: 0;
left: 0; }
#content .report-a-problem-container div .button:active:before {
top: -10%;
height: 120%; }
#content .report-a-problem-container div .button[rel="external"]:after {
display: none;
content: none;
margin-left: 0;
margin-right: 0; }
@media (max-width: 640px) {
#content .report-a-problem-container div .button {
font-size: 16px;
line-height: 1.25; } }
#content .report-a-problem-container p {
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 19px;
line-height: 1.31579;
font-weight: 400;
text-transform: none;
padding-bottom: 1em; }
@media (max-width: 640px) {
#content .report-a-problem-container p {
font-size: 16px;
line-height: 1.25; } }
#content .report-a-problem-container label {
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 19px;
line-height: 1.31579;
font-weight: 400;
text-transform: none;
padding: 0;
margin: 0 0 0.22em 0;
display: block;
font-weight: bold; }
@media (max-width: 640px) {
#content .report-a-problem-container label {
font-size: 16px;
line-height: 1.25; } }
#content .report-a-problem-container input[type="text"] {
display: block;
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 19px;
line-height: 1.31579;
font-weight: 400;
text-transform: none;
margin: 0 0 1em 0;
background-color: #f8f8f8;
border: 1px inset #bfc1c3;
padding: 0.3em 0 0.1em 0.4em;
width: 95%; }
@media (max-width: 640px) {
#content .report-a-problem-container input[type="text"] {
font-size: 16px;
line-height: 1.25; } }
#footer .footer-categories {
font-size: 0;
float: left;
border: 1px solid #a1acb2;
border-width: 0 0 1px 0;
margin-bottom: 30px;
padding: 0 0 60px 0;
width: 100%; }
@media (max-width: 640px) {
#footer .footer-categories {
padding: 20px 0; } }
#footer .footer-categories .footer-explore {
float: left;
margin-right: 7%;
width: 62%; }
@media (max-width: 640px) {
#footer .footer-categories .footer-explore {
display: block;
margin: 0 0 30px 0;
width: 100%; } }
#footer .footer-categories ul {
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-size: 16px;
line-height: 1.25;
font-weight: 300;
text-transform: none;
list-style: none;
border: 1px solid #a1acb2;
border-width: 1px 0 0 0;
margin: 20px 0 0 0;
padding: 20px 0 0 0;
min-height: 210px;
vertical-align: top; }
@media (max-width: 640px) {
#footer .footer-categories ul {
font-size: 14px;
line-height: 1.14286; } }
@media (max-width: 640px) {
#footer .footer-categories ul {
border-width: 0;
min-height: 0; } }
#footer .footer-categories ul li {
display: block;
float: left;
clear: left;
margin: 0 0 15px 0;
width: 45.5%; }
#footer .footer-categories ul li:nth-child(even) {
float: right;
clear: none; }
@media (max-width: 640px) {
#footer .footer-categories ul li {
float: none;
width: 100%;
margin-left: 0; }
#footer .footer-categories ul li:nth-child(even) {
float: none; }
#footer .footer-categories ul li:first-child, #footer .footer-categories ul li:nth-child(2) {
border-top: none;
padding-top: 0; } }
#footer .footer-categories .footer-inside-government {
float: left;
width: 31%; }
#footer .footer-categories .footer-inside-government ul {
margin-right: 0; }
@media (max-width: 640px) {
#footer .footer-categories .footer-inside-government ul {
margin: 20px 0 0 0;
width: 100%; } }
#footer .footer-categories .footer-inside-government ul li {
margin-right: 0;
width: 100%; }
#footer .footer-categories .footer-inside-government ul li:nth-child(even) {
float: none;
clear: none; }
@media (max-width: 640px) {
#footer .footer-categories .footer-inside-government {
width: 100%;
display: block;
padding: 0;
margin: 0;
border: none;
min-height: 0; } }
#homepage-content header {
margin-top: 1.5em;
padding-bottom: 0;
border: none; }
#homepage-content header p {
font-family: "nta", Arial, sans-serif;
font-size: 24px;
line-height: 1.25;
font-weight: 400;
text-transform: none;
margin-top: 1.6em;
width: 100%; }
@media (max-width: 640px) {
#homepage-content header p {
font-size: 20px;
line-height: 1.2; } }
@media (min-width: 769px) {
#homepage-content header p {
width: 65.625%; } }
#homepage-content section {
margin-top: 0;
margin-bottom: 2em;
padding-top: 0;
border-top: none; }
#homepage-content section h2 {
font-family: "nta", Arial, sans-serif;
font-size: 24px;
line-height: 1.25;
font-weight: 400;
text-transform: none;
font-weight: 700;
margin-bottom: 0.75em;
border-bottom: 5px solid #097F96; }
@media (max-width: 640px) {
#homepage-content section h2 {
font-size: 20px;
line-height: 1.2; } }
#homepage-content section h3 {
font-family: "nta", Arial, sans-serif;
font-size: 19px;
line-height: 1.31579;
font-weight: 400;
text-transform: none;
font-weight: 700;
margin-top: 1em; }
@media (max-width: 640px) {
#homepage-content section h3 {
font-size: 16px;
line-height: 1.25; } }
#homepage-content section p, #homepage-content section dl, #homepage-content section ul {
font-family: "nta", Arial, sans-serif;
font-size: 19px;
line-height: 1.31579;
font-weight: 400;
text-transform: none; }
@media (max-width: 640px) {
#homepage-content section p, #homepage-content section dl, #homepage-content section ul {
font-size: 16px;
line-height: 1.25; } }
#homepage-content section p {
margin: 0.2em 0 1em 0; }
#homepage-content article {
min-height: 0; }
#homepage-content .service-listing dl, #homepage-content .service-listing ol, #homepage-content .service-listing ul {
margin: 0;
padding: 0;
list-style: none; }
#homepage-content .service-listing dt {
margin: 0;
padding: 0; }
#homepage-content .service-listing dt.t + dd {
border-bottom: none; }
#homepage-content .service-listing dt.service_groups {
font-weight: bold;
margin-top: 3em; }
#homepage-content .service-listing dd {
margin: 0 0 0.75em 0;
padding: 0;
border-bottom: 1px solid #dee0e2; }
#homepage-content .service-listing li {
border-top: 1px solid #dee0e2;
padding: 0.3em 0; }
#homepage-content img {
display: block;
max-width: 100%;
margin-top: 1.579em; }
#prototypes-content {
margin-top: 2em; }
#prototypes-content h1, #prototypes-content h2, #prototypes-content h3, #prototypes-content h4, #prototypes-content p, #prototypes-content section {
margin: 0;
margin-bottom: 10px; }
#prototypes-content h1 {
margin-bottom: 20px; }
#prototypes-content section {
border: none;
margin-bottom: 30px; }
#prototypes-content section img {
max-width: 100%;
height: auto; }
#prototypes-content section ul {
padding-left: 0; }
#prototypes-content section ul li {
list-style-type: none; }
@media (min-width: 641px) {
#prototypes-content #prototypes-warning {
width: 32%;
float: right; } }
#prototypes-content #prototypes-warning h2 {
font-family: "nta", Arial, sans-serif;
font-size: 24px;
line-height: 1.25;
font-weight: 400;
text-transform: none;
font-weight: 700; }
@media (max-width: 640px) {
#prototypes-content #prototypes-warning h2 {
font-size: 20px;
line-height: 1.2; } }
#prototypes-content #prototypes-warning p {
font-family: "nta", Arial, sans-serif;
font-size: 16px;
line-height: 1.25;
font-weight: 300;
text-transform: none; }
@media (max-width: 640px) {
#prototypes-content #prototypes-warning p {
font-size: 14px;
line-height: 1.14286; } }
#prototypes-content header {
padding-bottom: 0;
border: none; }
@media (min-width: 641px) {
#prototypes-content header {
width: 64%; } }
#prototypes-content header p {
font-family: "nta", Arial, sans-serif;
font-size: 24px;
line-height: 1.25;
font-weight: 400;
text-transform: none; }
@media (max-width: 640px) {
#prototypes-content header p {
font-size: 20px;
line-height: 1.2; } }
@media (min-width: 641px) {
#prototypes-content #main-project img {
float: left;
width: 65.625%; } }
@media (min-width: 641px) {
#prototypes-content #main-project div {
float: right;
width: 31.25%; } }
@-ms-viewport{width:device-width;}@-o-viewport{width:device-width;}@font-face{font-family:GDS-Logo;src:local("HelveticaNeue"),local("Helvetica Neue"),local("Arial"),local("Helvetica");}@-ms-viewport{width:device-width;}@-o-viewport{width:device-width;}@-ms-viewport{width:device-width;}@-o-viewport{width:device-width;}#homepage-content:after,#prototypes-content:after{content:"";display:block;clear:both;}@-ms-viewport{width:device-width;}@-o-viewport{width:device-width;}body{font-family:"ntatabularnumbers","nta",Arial,sans-serif;}h2{font-family:"nta",Arial,sans-serif;font-size:19px;line-height:1.31579;font-weight:400;text-transform:none;}@media (max-width: 640px){h2{font-size:16px;line-height:1.25;}}p{font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:16px;line-height:1.25;font-weight:300;text-transform:none;}@media (max-width: 640px){p{font-size:14px;line-height:1.14286;}}a[rel="external"]:after{background-image:url('/spotlight/stylesheets/external-links/external-link.png');background-repeat:no-repeat;}@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 20/10),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx){a[rel="external"]:after{background-image:url('/spotlight/stylesheets/external-links/external-link-24x24.png');background-size:12px 400px;}}a[rel="external"]:after{content:"\A0\A0\A0\A0\A0";background-position:right 3px;}a[rel="external"]:hover:after{background-position:right -385px;}#content h1{font-family:"nta",Arial,sans-serif;font-size:24px;line-height:1.25;font-weight:400;text-transform:none;font-weight:700;}@media (max-width: 640px){#content h1{font-size:20px;line-height:1.2;}}#content h2{margin-top:0;font-family:"nta",Arial,sans-serif;font-size:16px;line-height:1.25;font-weight:300;text-transform:none;}@media (max-width: 640px){#content h2{font-size:14px;line-height:1.14286;}}#content section{margin-top:1em;margin-bottom:1.5em;}#content section h1,#content section h2{font-family:"nta",Arial,sans-serif;font-size:24px;line-height:1.25;font-weight:400;text-transform:none;font-weight:700;}@media (max-width: 640px){#content section h1,#content section h2{font-size:20px;line-height:1.2;}}#content section h2.dashboard,#content section h3{font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:16px;line-height:1.25;font-weight:300;text-transform:none;}@media (max-width: 640px){#content section h2.dashboard,#content section h3{font-size:14px;line-height:1.14286;}}#content section .double-decker-graph h3{font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:19px;line-height:1.31579;font-weight:400;text-transform:none;font-weight:700;}@media (max-width: 640px){#content section .double-decker-graph h3{font-size:16px;line-height:1.25;}}.increase:after,.decrease:after{display:inline-block;padding-right:0.2em;color:#bfc1c3;}.increase:after{content:"\25B2";}.decrease:after{content:"\25BC";}.improvement:after{color:#74B74A;}.decline:after{color:#BF1E2D;}.no-change:after{content:"\25CF";color:#bfc1c3;margin-right:5px;margin-left:2px;}#wrapper{border-bottom:10px solid #097F96;}#wrapper *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}#content{display:block;margin:0 auto;max-width:1020px;padding:0 0 1em 0;background-color:#fff;}#content section{clear:left;float:left;width:100%;position:relative;margin-top:1em;margin-bottom:1.5em;padding-top:0.4em;border-top:1px solid #bfc1c3;}#content section:nth-of-type(1),#content section:nth-of-type(2).cols2{border-top:0;margin-top:0;}#content section.half-width{width:48.5%;margin-left:3%;clear:none;}#content section.half-width.row-start{margin-left:0%;}.lte-ie8 #content section.half-width{margin-left:0%;width:100%;}@media (max-width: 640px){#content{padding:0;}#content section.half-width{width:100%;}#content section.half-width ~ .half-width{margin-left:0;}}.performance-hidden{display:none;}.performance-platform-outer{margin:0 30px;padding:2em 0 0;}@media (max-width: 640px){.performance-platform-outer{margin-left:15px;margin-right:15px;padding:1em 0;}}@media (min-width: 769px){.cols2,#content section.cols2,#content article.cols2{width:48.4375%;float:left;clear:none;margin-right:0;margin-left:3.125%;}.cols2:first-of-type,#content section.cols2:first-of-type,#content article.cols2:first-of-type{margin-left:0;}.cols3{width:31.25%;float:left;clear:none;margin-right:0;margin-left:3.125%;}.cols3:first-of-type{margin-left:0;}}body.raw #skiplink-container,body.raw #global-cookie-message,body.raw #performance-platform-colour-bar,body.raw #global-header,body.raw #global-breadcrumb,body.raw #footer,body.raw .report-a-problem-toggle,body.raw .module-banner-text{display:none;}body.raw #content,body.raw #wrapper,body.raw .performance-platform-outer{margin:0;border:0;padding:0;}body.raw #content h1,body.raw #content h2,body.raw #content aside.more-info,body.raw #content nav{display:none;}body.raw #content .visualisation{float:left;width:960px;}body.raw #content .visualisation .table-toggle{display:none;}body.raw .multi_stats .sparkline-graph figure.graph .graph-wrapper{width:180px;}body.raw .sparkline .sparkline-title{top:98px;right:90px;}body.raw table.floated-header thead{display:table-header-group;}body.raw table.floated-header tbody{display:table-row-group;}span.alpha-tag{text-transform:uppercase;font-weight:normal;letter-spacing:1px;color:white;-webkit-font-smoothing:subpixel-antialiased;background-color:#d53880;padding:2px 5px 0;font-size:67%;display:inline-block;vertical-align:top;margin-top:2px;}a:hover span.alpha-tag{text-decoration:none;}#performance-platform-colour-bar{margin:0 auto;height:0;max-width:960px;border-top:10px solid #097F96;}#global-breadcrumb{background-color:#fff;max-width:1020px;margin:0 auto;z-index:50;}@media (max-width: 640px){#global-breadcrumb{padding:0 1em 0.75em;}}#global-breadcrumb ol{border-bottom:1px solid #BFC1C3;max-width:960px;margin:0 30px;padding:0.75em 0;}@media (max-width: 640px){#global-breadcrumb ol{margin:0;}}#global-breadcrumb ol li{font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:16px;line-height:1.25;font-weight:300;text-transform:none;background-image:url('/spotlight/stylesheets/images/separator.png');background-position:100% 50%;background-repeat:no-repeat;float:left;list-style:none;margin-left:0;margin-right:0.5em;padding-right:1em;}@media (max-width: 640px){#global-breadcrumb ol li{font-size:14px;line-height:1.14286;}}@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 20/10),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx){#global-breadcrumb ol li{background-image:url('/spotlight/stylesheets/images/separator-2x.png');background-size:6px 11px;}}#global-breadcrumb ol li a{color:#0b0c0c;}#global-breadcrumb ol li strong{font-weight:normal;}#global-breadcrumb ol li:last-child{background-image:none;margin-right:0;}#content header{margin-bottom:1.5em;padding-bottom:2em;width:100%;border-bottom:5px solid #097F96;display:inline-block;}#content header h1{font-family:"nta",Arial,sans-serif;font-size:48px;line-height:1.04167;font-weight:400;text-transform:none;font-weight:700;width:100%;display:inline-block;}@media (max-width: 640px){#content header h1{font-size:32px;line-height:1.09375;}}#content header h1 span.strapline{font-family:"nta",Arial,sans-serif;font-size:27px;line-height:1.11111;font-weight:400;text-transform:none;display:block;margin-bottom:5px;color:#6f777b;}@media (max-width: 640px){#content header h1 span.strapline{font-size:18px;line-height:1.11111;}}#content header p.tagline{font-family:"nta",Arial,sans-serif;font-size:16px;line-height:1.25;font-weight:300;text-transform:none;display:block;margin:1em 0 -1em 0;padding:0.5em 0 1em 0;}@media (max-width: 640px){#content header p.tagline{font-size:14px;line-height:1.14286;}}#content header .with-related-pages{padding-top:0;float:left;width:62.5%;}@media (max-width: 640px){#content header .with-related-pages{float:none;width:90%;}}#content header .related-pages{float:right;margin-left:25px;width:31.25%;}#content .related-pages h3{font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:16px;line-height:1.25;font-weight:300;text-transform:none;}@media (max-width: 640px){#content .related-pages h3{font-size:14px;line-height:1.14286;}}#content .related-pages .related-transaction a{font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:24px;line-height:1.25;font-weight:400;text-transform:none;font-weight:700;}@media (max-width: 640px){#content .related-pages .related-transaction a{font-size:20px;line-height:1.2;}}#content .related-pages .related-other h3{margin-top:20px;}#content .related-pages .related-other ul.items{margin:0;padding-left:0px;}#content .related-pages .related-other ul.items li{display:block;overflow:hidden;margin:7px 0;line-height:1;}#content .related-pages .related-other ul.items li a{font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:16px;line-height:1.25;font-weight:300;text-transform:none;font-weight:700;}@media (max-width: 640px){#content .related-pages .related-other ul.items li a{font-size:14px;line-height:1.14286;}}#content .related-pages .related-other ul.items li .metadata{font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:14px;line-height:1.42857;font-weight:400;text-transform:none;}@media (max-width: 640px){#content .related-pages .related-other ul.items li .metadata{font-size:12px;line-height:1.25;}}@media (max-width: 640px){body #content .related-pages{position:relative;float:none;margin-left:0;width:90%;margin-top:25px;}body #content .related-pages .related-transaction{margin-top:10px;}body #content .related-pages .related-transaction a{font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:16px;line-height:1.25;font-weight:300;text-transform:none;font-weight:700;}@media (max-width: 640px){body #content .related-pages .related-transaction a{font-size:14px;line-height:1.14286;}}body #content .related-pages .related-other h3{margin-top:10px;}}#content section{min-height:210px;}#content h2 a{color:black;}#content section.module-banner{padding-top:84px;margin-left:0;}#content section.module-banner .module-banner-text{position:absolute;top:16px;right:-30px;bottom:0;left:-30px;border-width:0 10px;border-style:solid;border-color:#6f777b;}#content section.module-banner .module-banner-text p{margin:0;padding:16px 50px 16px 20px;background-color:#dee0e2;background-image:none;background-repeat:no-repeat;background-position:98% 50%;}#content section.module-banner .module-banner-text:after{background:#dee0e2;content:" ";position:absolute;display:block;left:0;right:0;bottom:0;height:5px;}#content section.restricted-data-banner .module-banner-text{border-color:#df3034;}#content section.restricted-data-banner .module-banner-text p{background-color:#f9d6d6;background-image:url('/spotlight/stylesheets/images/warning.png');}#content section.restricted-data-banner .module-banner-text:after{background:#f9d6d6;}@media (max-width: 640px){#content section.module-banner{padding-top:96px;}#content section.module-banner .module-banner-text{right:-15px;left:-15px;}}@media (max-width: 340px){#content section.module-banner{padding-top:112px;}}#content .more-info{border-top:5px solid #097F96;font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:16px;line-height:1.25;font-weight:300;text-transform:none;width:66%;margin-top:1.5em;padding-top:0.5em;}@media (max-width: 640px){#content .more-info{font-size:14px;line-height:1.14286;}}#content .more-info ul{list-style-type:none;margin:0;padding:0;}#content .more-info ul li{padding:0.25em 0 0 0;}@media (max-width: 640px){#content .more-info{width:100%;}}.visualisation nav ul{margin-top:14px;border-bottom:1px solid #bfc1c3;padding-left:0;}.visualisation nav ul li{font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:16px;line-height:1.25;font-weight:300;text-transform:none;border:4px solid #fff;background-color:#dee0e2;list-style:none;float:left;cursor:pointer;min-width:10em;}@media (max-width: 640px){.visualisation nav ul li{font-size:14px;line-height:1.14286;}}.visualisation nav ul li:hover{text-decoration:underline;}.visualisation nav ul li.active{padding:9px 16px 7px 16px;margin-bottom:-1px;background-color:#fff;border:1px solid #bfc1c3;border-bottom:0;cursor:default;}.visualisation nav ul li.active:hover{text-decoration:none;}.visualisation nav ul li a{padding:6px 16px 2px 13px;text-decoration:none;color:#0b0c0c;display:block;}.visualisation nav ul:after{display:block;clear:left;content:'.';height:0;overflow:hidden;}.tooltip-stroke{stroke:#fff;stroke-width:2px;text-anchor:start;}.tooltip-text{text-anchor:start;}.visualisation-fallback{display:block;}.visualisation-fallback img{max-width:100%;height:auto;width:auto;}.inlinesvg .visualisation-fallback{display:none;}span.group0{color:#097F96;}span.group1{color:#112684;}span.group2{color:#D6007D;}span.group3{color:#662E91;}span.group4{color:#5E7F00;}span.group5{color:#005C37;}.table-toggle a{font-family:"nta",Arial,sans-serif;font-size:14px;line-height:1.42857;font-weight:400;text-transform:none;}@media (max-width: 640px){.table-toggle a{font-size:12px;line-height:1.25;}}.table-toggle table{padding-bottom:1em;}.js-enabled .table-toggle table{display:none;}figure.graph{margin:0 auto;position:relative;}figure.graph svg{max-width:954px;max-height:400px;}figure.graph h2{max-width:75%;}figure.graph text{font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:16px;line-height:1.25;font-weight:300;text-transform:none;}@media (max-width: 640px){figure.graph text{font-size:14px;line-height:1.14286;}}@media (max-width: 320px){figure.graph text{font-size:9px;}}figure.graph .graph-wrapper{position:relative;}figure.graph .graph-wrapper .inner{padding:0;position:absolute;top:20px;bottom:45px;left:55px;right:40px;}@media (max-width: 640px){figure.graph .graph-wrapper .inner{top:20px;bottom:40px;left:40px;right:25px;}}@media (max-width: 320px){figure.graph .graph-wrapper .inner{bottom:30px;}}figure.graph.graph-with-labels h2{margin-right:200px;}figure.graph.graph-with-labels ul.module-actions{margin-top:-32px;margin-bottom:44px;}figure.graph.graph-with-labels .inner{right:200px;}figure.graph .line0{stroke:#097F96;}figure.graph .line1{stroke:#112684;}figure.graph .line2{stroke:#D6007D;}figure.graph .line3{stroke:#662E91;}figure.graph .line4{stroke:#5E7F00;}figure.graph .line5{stroke:#005C37;}figure.graph .line.timeshift{stroke-dasharray:5,10;}figure.graph .not-selected.line0{stroke:#84bfca;}figure.graph .not-selected.line1{stroke:#8892c1;}figure.graph .not-selected.line2{stroke:#ea7fbe;}figure.graph .not-selected.line3{stroke:#b296c8;}figure.graph .not-selected.line4{stroke:#aebf7f;}figure.graph .not-selected.line5{stroke:#7fad9b;}figure.graph .stack0{fill:#c1dfe4;}figure.graph .stack1{fill:#c3c8e0;}figure.graph .stack2{fill:#f4bfde;}figure.graph .stack3{fill:#d8cae3;}figure.graph .stack4{fill:#d6dfbf;}figure.graph .stack5{fill:#bfd6cd;}figure.graph .selected.stack0{fill:#84bfca;}figure.graph .selected.stack1{fill:#8892c1;}figure.graph .selected.stack2{fill:#ea7fbe;}figure.graph .selected.stack3{fill:#b296c8;}figure.graph .selected.stack4{fill:#aebf7f;}figure.graph .selected.stack5{fill:#7fad9b;}figure.graph .not-selected.stack0{fill:#e6f2f4;}figure.graph .not-selected.stack1{fill:#e7e9f2;}figure.graph .not-selected.stack2{fill:#fae5f2;}figure.graph .not-selected.stack3{fill:#efeaf4;}figure.graph .not-selected.stack4{fill:#eef2e5;}figure.graph .not-selected.stack5{fill:#e5eeeb;}figure.graph .text0{fill:#097F96;}figure.graph .text1{fill:#112684;}figure.graph .text2{fill:#D6007D;}figure.graph .text3{fill:#662E91;}figure.graph .text4{fill:#5E7F00;}figure.graph .text5{fill:#005C37;}figure.graph .x-axis path,figure.graph .y-axis path{display:none;}figure.graph .selectedIndicator{fill:white;vector-effect:non-scaling-stroke;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;}figure.graph .selectedIndicator.cursorLine{stroke:black;stroke-width:1px;shape-rendering:crispEdges;}figure.graph .terminator{stroke-width:3px;}figure.graph .line{fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;}figure.graph .line.selected{stroke-width:4px;}figure.graph .line.selected-following-sibling{stroke-width:4px;}figure.graph .bar line{stroke-width:2px;shape-rendering:crispEdges;vector-effect:non-scaling-stroke;}figure.graph .bar rect{shape-rendering:crispEdges;}figure.graph .bar text{text-anchor:middle;}figure.graph .tick line{vector-effect:non-scaling-stroke;}figure.graph .x-axis line{fill:none;stroke:#444;stroke-width:1px;shape-rendering:crispEdges;}figure.graph .hover{position:absolute;z-index:1;left:0;top:0;right:0;bottom:0;opacity:0;background:white;}figure.graph .legend{position:absolute;font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:16px;line-height:1.25;font-weight:300;text-transform:none;top:-24px;right:0;width:200px;}@media (max-width: 640px){figure.graph .legend{font-size:14px;line-height:1.14286;}}figure.graph .legend .percentage,figure.graph .legend .no-data{color:#6f777b;font-size:14px;}figure.graph .legend .summary{border-bottom:1px solid #bfc1c3;margin:0 0 0 20px;padding:0 0 0 20px;}figure.graph .legend .summary .title{display:block;}figure.graph .legend .summary .no-data{line-height:1.9;font-size:14px;}figure.graph .legend .summary .value{font-size:21px;font-weight:bold;}figure.graph .legend .summary .timeperiod{display:block;}figure.graph .legend ol{list-style:none;margin:0;padding:0;}figure.graph .legend ol.squares li{margin-left:18px;}figure.graph .legend ol.squares li.label0:before{background-color:#c1dfe4;}figure.graph .legend ol.squares li.label1:before{background-color:#c3c8e0;}figure.graph .legend ol.squares li.label2:before{background-color:#f4bfde;}figure.graph .legend ol.squares li.label3:before{background-color:#d8cae3;}figure.graph .legend ol.squares li.label4:before{background-color:#d6dfbf;}figure.graph .legend ol.squares li.label5:before{background-color:#bfd6cd;}figure.graph .legend ol.squares li.label0:before{border-color:#097F96;}figure.graph .legend ol.squares li.label1:before{border-color:#112684;}figure.graph .legend ol.squares li.label2:before{border-color:#D6007D;}figure.graph .legend ol.squares li.label3:before{border-color:#662E91;}figure.graph .legend ol.squares li.label4:before{border-color:#5E7F00;}figure.graph .legend ol.squares li.label5:before{border-color:#005C37;}figure.graph .legend ol.squares li.label0.selected:before{background-color:#84bfca;}figure.graph .legend ol.squares li.label1.selected:before{background-color:#8892c1;}figure.graph .legend ol.squares li.label2.selected:before{background-color:#ea7fbe;}figure.graph .legend ol.squares li.label3.selected:before{background-color:#b296c8;}figure.graph .legend ol.squares li.label4.selected:before{background-color:#aebf7f;}figure.graph .legend ol.squares li.label5.selected:before{background-color:#7fad9b;}figure.graph .legend ol.squares li.label0.not-selected:before{background-color:#e6f2f4;}figure.graph .legend ol.squares li.label1.not-selected:before{background-color:#e7e9f2;}figure.graph .legend ol.squares li.label2.not-selected:before{background-color:#fae5f2;}figure.graph .legend ol.squares li.label3.not-selected:before{background-color:#efeaf4;}figure.graph .legend ol.squares li.label4.not-selected:before{background-color:#eef2e5;}figure.graph .legend ol.squares li.label5.not-selected:before{background-color:#e5eeeb;}figure.graph .legend ol.squares li.label0.not-selected:before{border-color:#84bfca;}figure.graph .legend ol.squares li.label1.not-selected:before{border-color:#8892c1;}figure.graph .legend ol.squares li.label2.not-selected:before{border-color:#ea7fbe;}figure.graph .legend ol.squares li.label3.not-selected:before{border-color:#b296c8;}figure.graph .legend ol.squares li.label4.not-selected:before{border-color:#aebf7f;}figure.graph .legend ol.squares li.label5.not-selected:before{border-color:#7fad9b;}figure.graph .legend ol.squares li:before{border:2px solid white;float:left;display:block;content:'';width:10px;height:10px;margin-left:-18px;margin-top:1px;}figure.graph .legend ol.has-links li{z-index:100;}figure.graph .legend ol li{position:absolute;margin-top:16px;}figure.graph .legend ol li.selected{font-weight:bold;}figure.graph .legend ol li.not-selected{color:#c2c2c2;}figure.graph .legend ol li.not-selected .percentage{color:#c2c2c2;}figure.graph .legend ol li .label-title{display:block;}figure.graph .labels line{fill:none;stroke:#444;stroke-width:1px;vector-effect:non-scaling-stroke;}figure.graph .labels line.selected{stroke-width:2px;}figure.graph .labels line.not-selected{stroke:#a1a1a1;}figure.graph .labels line.crisp{shape-rendering:crispEdges;}@media (max-width: 640px){figure.graph .labels line{display:none;}}figure.graph .callout{position:absolute;left:0;top:0;background-color:#f8f8f8;width:200px;-webkit-box-shadow:0px 0px 3px 1px rgba(0, 0, 0, 0.35);-moz-box-shadow:0px 0px 3px 1px rgba(0, 0, 0, 0.35);box-shadow:0px 0px 3px 1px rgba(0, 0, 0, 0.35);font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:16px;line-height:1.25;font-weight:300;text-transform:none;}@media (max-width: 640px){figure.graph .callout{font-size:14px;line-height:1.14286;}}figure.graph .callout h3{font-weight:700;margin:0;font-size:1em;padding:0.4em 0.5em 0em;}figure.graph .callout p{margin:0;padding:0 0.5em;}figure.graph .callout p:first-child{padding-top:0.2em;}figure.graph .callout p:last-child{padding-bottom:0.2em;}figure.graph .callout dl{padding:0.2em 0.5em;margin:0;}figure.graph .callout dl dt{float:left;max-width:130px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}figure.graph .callout dl dd{margin:0;float:right;}figure.graph .callout dl:after{clear:both;display:block;content:'.';height:0;overflow:hidden;}figure.graph .cursorLine.overlay{stroke-width:3px;}figure.graph .cursorLine.ascender,figure.graph .cursorLine.descender{display:none;}@media (max-width: 640px){figure.graph h2{max-width:92%;}figure.graph.graph-with-labels h2{margin-right:0;}figure.graph.graph-with-labels .inner{right:25px;}figure.graph.graph-with-labels .graph{top:10px;}figure.graph.graph-with-labels .graph svg{clear:both;}figure.graph .legend{position:static;width:100%;overflow:hidden;padding-top:10px;}figure.graph .legend ol li .label-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}figure.graph .legend .summary{border:none;border-right:1px solid #bfc1c3;float:left;margin:0 18px 0 0;padding:0 18px 0 0;width:35%;margin-top:0 !important;}figure.graph .legend .summary .percentage{display:block;}figure.graph .legend .summary .timeperiod{margin-top:4px;}figure.graph .legend ol{float:left;}figure.graph .legend ol li{cursor:default;float:left;margin-bottom:12px;position:static;margin-top:0;width:42%;}figure.graph .x-axis .tick:nth-child(even) text,figure.graph .y-axis .tick:nth-child(even) text{display:none;}figure.graph .y-axis .tick:nth-child(odd) text{font-size:12px;}figure.graph .line{fill:none;stroke-width:1.5px;}figure.graph .line.selected{stroke-width:3px;}figure.graph .callout{font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:16px;line-height:1.25;font-weight:300;text-transform:none;margin-top:0.5em;position:static;max-width:240px;margin:0.5em auto;}@media (max-width: 640px){figure.graph .callout{font-size:14px;line-height:1.14286;}}figure.graph .callout .arrow{display:none;}}@media (max-width: 900px){figure.graph .x-axis .tick:nth-child(even) text,figure.graph .y-axis .tick:nth-child(even) text{display:none;}}.impact-number{margin-bottom:0.25em;}.impact-number strong{color:#097F96;font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:80px;line-height:1;font-weight:400;text-transform:none;font-weight:700;margin-bottom:-0.1em;display:block;}@media (max-width: 640px){.impact-number strong{font-size:53px;line-height:1.03774;}}@media (max-width: 850px){.impact-number strong{font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:48px;line-height:1.04167;font-weight:400;text-transform:none;font-weight:700;}@media (max-width: 640px){.impact-number strong{font-size:32px;line-height:1.09375;}}}@media (max-width: 640px){.impact-number strong{font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:80px;line-height:1;font-weight:400;text-transform:none;font-weight:700;}@media (max-width: 640px){.impact-number strong{font-size:53px;line-height:1.03774;}}}.impact-number .unavailable{color:#6f777b;}.impact-number .no-data{color:#6f777b;font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:24px;line-height:1.25;font-weight:400;text-transform:none;display:block;margin-bottom:0.6em;}@media (max-width: 640px){.impact-number .no-data{font-size:20px;line-height:1.2;}}@media (max-width: 640px){.impact-number .no-data{margin-bottom:0.4em;}}.impact-number span.fulldate{display:block;}@media (max-width: 500px){.impact-number span.fulldate{display:inline;}}.stat-description{margin-top:0.1em;}.journey figure.graph svg{max-height:200px;min-height:100px;}.journey figure.graph .x-axis .selected text{font-weight:bold;}.journey figure.graph .x-axis text{font-size:12px;}.journey figure.graph .graph-wrapper .inner{top:40px;bottom:30px;left:0px;right:0px;}.half-width .journey figure.graph{max-width:464px;}.journey figure.graph .bar text{font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:19px;line-height:1.31579;font-weight:400;text-transform:none;}@media (max-width: 640px){.journey figure.graph .bar text{font-size:16px;line-height:1.25;}}.journey figure.graph .bar rect{stroke-width:2px;}.journey figure.graph .bar rect.stack0{stroke:#c1dfe4;}.journey figure.graph .bar rect.stack1{stroke:#c3c8e0;}.journey figure.graph .bar rect.stack2{stroke:#f4bfde;}.journey figure.graph .bar rect.stack3{stroke:#d8cae3;}.journey figure.graph .bar rect.stack4{stroke:#d6dfbf;}.journey figure.graph .bar rect.stack5{stroke:#bfd6cd;}.journey figure.graph .bar .selected text{font-weight:bold;}.journey figure.graph .bar .selected line{stroke-width:4px;}.journey figure.graph .bar .selected rect.stack0{stroke:#097F96;}.journey figure.graph .bar .selected rect.stack1{stroke:#112684;}.journey figure.graph .bar .selected rect.stack2{stroke:#D6007D;}.journey figure.graph .bar .selected rect.stack3{stroke:#662E91;}.journey figure.graph .bar .selected rect.stack4{stroke:#5E7F00;}.journey figure.graph .bar .selected rect.stack5{stroke:#005C37;}.journey figure.graph .callout{position:relative;width:100%;margin-top:12px;}.journey figure.graph .callout .date{float:right;}.journey figure.graph .callout .date:before{display:inline-block;width:0.8em;height:0.8em;padding:0;margin-right:0.4em;margin-top:-0.2em;vertical-align:middle;text-indent:-999em;content:".";}.journey figure.graph .callout .date.stack0:before{background:#097F96;}.journey figure.graph .callout .date.stack1:before{background:#112684;}.journey figure.graph .callout .date.stack2:before{background:#D6007D;}.journey figure.graph .callout .date.stack3:before{background:#662E91;}.journey figure.graph .callout .date.stack4:before{background:#5E7F00;}.journey figure.graph .callout .date.stack5:before{background:#005C37;}.journey figure.graph .callout dl dt{max-width:none;width:50%;}.journey figure.graph .callout dl dd{width:50%;text-align:right;}.journey figure.graph .callout .arrow{height:20px;margin-top:-40px;position:absolute;overflow:hidden;transform:scaleX(2);-ms-transform:scaleX(2);-webkit-transform:scaleX(2);text-shadow:0 0 3px rgba(0, 0, 0, 0.65);color:#f8f8f8;font-size:23px;}.no-textshadow .journey figure.graph .callout .arrow .inner-arrow{position:absolute;display:block;top:-1px;margin-left:-6px;left:3px;}.journey figure.graph .callout .arrow .outer-arrow{margin-top:-4px;margin-left:-6px;display:none;}.no-textshadow .journey figure.graph .callout .arrow .outer-arrow{display:block;color:#0b0c0c;filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=3);}@media (max-width: 800px){.conversion-graph .bar text{font-size:0.875em;}}@media (max-width: 640px){.half-width .journey figure svg{max-width:954px;}.journey figure .x-axis .tick:nth-child(even) text{display:block;}}@media (max-width: 320px){.journey figure .x-axis text{font-size:8px;font-size:0.8rem;}}.double-decker-graph .impact-number{padding-top:1em;width:12.3em;float:left;font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:16px;line-height:1.25;font-weight:300;text-transform:none;color:#0b0c0c;}@media (max-width: 640px){.double-decker-graph .impact-number{font-size:14px;line-height:1.14286;}}.double-decker-graph .impact-number strong{font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:48px;line-height:1.04167;font-weight:400;text-transform:none;font-weight:700;margin-bottom:-0.1em;display:block;}@media (max-width: 640px){.double-decker-graph .impact-number strong{font-size:32px;line-height:1.09375;}}.double-decker-graph h3{clear:both;height:0;margin:0;font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:19px;line-height:1.31579;font-weight:400;text-transform:none;font-weight:700;}@media (max-width: 640px){.double-decker-graph h3{font-size:16px;line-height:1.25;}}.double-decker-graph h1{margin-bottom:0.5em;margin-right:2em;}.double-decker-graph figure.graph{margin-left:12.5em;}.double-decker-graph figure.graph .graph-wrapper svg{min-height:135px;max-height:135px;max-width:790px;}.double-decker-graph figure.graph .graph-wrapper .inner{left:70px;right:30px;}.double-decker-graph figure.graph .x-axis .tick:nth-child(even) text{display:block;}.double-decker-graph .timeseries-graph .cursorLine.ascender{display:inherit;}@media (max-width: 880px){.double-decker-graph .graph .x-axis .tick:nth-child(even) text{display:none;}}@media (max-width: 640px){.double-decker-graph .impact-number{width:9.8em;}.double-decker-graph figure.graph{margin-left:10em;margin-right:0;}.double-decker-graph figure.graph .graph-wrapper svg{min-height:110px;}.double-decker-graph figure.graph .y-axis .tick:nth-child(even) text{display:block;}.double-decker-graph figure.graph .inner{left:55px;}}@media (max-width: 500px){.double-decker-graph .impact-number{float:none;width:auto;}.double-decker-graph .timeseries-graph figure.graph{margin-left:0;}.double-decker-graph .timeseries-graph:nth-of-type(1) .cursorLine.descender{display:none;}.double-decker-graph .timeseries-graph:nth-of-type(1) .x-axis text{display:inherit;}.double-decker-graph .timeseries-graph:nth-of-type(1) .inner{bottom:40px;}.double-decker-graph .timeseries-graph:nth-of-type(2) .cursorLine.ascender{display:none;}}.single-decker-graph .impact-number{float:left;width:12.3em;}.single-decker-graph .impact-number strong{font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:48px;line-height:1.04167;font-weight:400;text-transform:none;font-weight:700;}@media (max-width: 640px){.single-decker-graph .impact-number strong{font-size:32px;line-height:1.09375;}}.single-decker-graph ul.module-actions{margin-top:-36px;margin-bottom:44px;}.single-decker-graph h3{clear:both;height:0;margin:0;font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:19px;line-height:1.31579;font-weight:400;text-transform:none;font-weight:700;}@media (max-width: 640px){.single-decker-graph h3{font-size:16px;line-height:1.25;}}.single-decker-graph h1{margin-right:2em;}.single-decker-graph figure.graph{margin-left:12.5em;}.single-decker-graph figure.graph .graph-wrapper svg{min-height:135px;max-height:135px;max-width:790px;}.single-decker-graph figure.graph .graph-wrapper .inner{left:70px;right:30px;bottom:50px;}.single-decker-graph figure.graph .graph-wrapper .cursorLine.ascender{display:inherit;}@media (max-width: 880px){.single-decker-graph figure.graph .x-axis .tick:nth-child(even) text{display:none;}}@media (max-width: 640px){.single-decker-graph .impact-number{width:9.8em;}.single-decker-graph figure.graph{margin-left:10em;margin-right:0;min-height:110px;}.single-decker-graph figure.graph .y-axis .tick:nth-child(even) text{display:block;}}@media (max-width: 500px){.single-decker-graph .impact-number{float:none;width:auto;}.single-decker-graph figure.graph{margin-left:0;float:none;}}.multi_stats .visualisation ul{list-style-type:none;padding:0;}.multi_stats .visualisation ul li{float:left;width:50%;margin-top:10px;margin-bottom:20px;position:relative;}.multi_stats .visualisation ul div{float:left;}.multi_stats .visualisation ul p.impact-number,.multi_stats .visualisation ul p.stat-description{margin-bottom:0;clear:both;font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:16px;line-height:1.25;font-weight:300;text-transform:none;}@media (max-width: 640px){.multi_stats .visualisation ul p.impact-number,.multi_stats .visualisation ul p.stat-description{font-size:14px;line-height:1.14286;}}.multi_stats .visualisation ul p.impact-number strong,.multi_stats .visualisation ul p.stat-description strong{font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:36px;line-height:1.11111;font-weight:400;text-transform:none;font-weight:700;}@media (max-width: 640px){.multi_stats .visualisation ul p.impact-number strong,.multi_stats .visualisation ul p.stat-description strong{font-size:24px;line-height:1.04167;}}.multi_stats .visualisation ul p.impact-number{margin-top:8px;}.multi_stats .visualisation ul .delta{position:absolute;bottom:0;left:8em;font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:16px;line-height:1.25;font-weight:300;text-transform:none;}@media (max-width: 640px){.multi_stats .visualisation ul .delta{font-size:14px;line-height:1.14286;}}.multi_stats .visualisation ul .delta span.no-data{display:block;}.multi_stats .visualisation ul .sparkline{position:absolute;bottom:0;right:0;left:13em;}.multi_stats .visualisation ul .sparkline p.stat-description{padding-left:10px;}.multi_stats .visualisation ul .sparkline-graph{float:none;clear:both;}@media (max-width: 880px){.multi_stats .visualisation ul li{width:100%;}.multi_stats .visualisation ul .delta{left:12em;}.multi_stats .visualisation ul .sparkline{left:20em;}}@media (max-width: 640px){.multi_stats .visualisation ul .delta{left:9em;}.multi_stats .visualisation ul .sparkline{left:14em;}}@media (max-width: 500px){.multi_stats .visualisation ul .delta{left:8em;}.multi_stats .visualisation ul .sparkline{left:12em;}}.sparkline .sparkline-graph figure.graph .graph-wrapper svg{max-height:30px;max-width:180px;min-height:30px;}@media (max-width: 880px){.sparkline .sparkline-graph figure.graph .graph-wrapper svg{max-width:300px;}}.sparkline .sparkline-graph figure.graph .graph-wrapper svg .y-axis .tick text{display:block;}.sparkline .sparkline-graph figure.graph .graph-wrapper .inner{left:10px;right:10px;bottom:10px;top:10px;}.sparkline .sparkline-title{position:absolute;top:150px;right:0;min-height:3em;}.grouped_timeseries figure.graph{clear:both;}#content .grouped_timeseries .more-info-link{margin-bottom:14px;}.grouped_timeseries svg{min-height:150px;}.realtime .stat{float:left;width:240px;min-width:240px;}@media (max-width: 640px){.realtime .stat{float:none;}}.realtime .sparkline{overflow:hidden;min-height:120px;}.realtime .sparkline .sparkline-graph figure.graph .graph-wrapper svg{max-height:70px;max-width:100%;min-height:70px;}.realtime .sparkline .sparkline-graph figure.graph .graph-wrapper .inner{left:70px;right:70px;bottom:10px;top:10px;}@media (max-width: 640px){.realtime .sparkline .sparkline-graph figure.graph .graph-wrapper .inner{left:30px;right:30px;}}.realtime.cols2 .sparkline{display:none;}.list ol{padding-left:0;margin-bottom:0;}.list ol li{counter-increment:no-dot-counter;list-style:none;*list-style-type:decimal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.list ol:first-child{counter-reset:no-dot-counter;}.list ol li:before{content:counter(no-dot-counter);font-weight:bold;float:left;text-align:right;width:1.5em;margin-right:10px;}@media (min-width: 769px){#content .list.cols2{width:50%;margin-left:0;float:left;clear:none;margin-right:0;padding-right:2.08333%;}}.user_satisfaction .visualisation{overflow:hidden;position:relative;}.user_satisfaction .visualisation .stat{float:left;}.user_satisfaction .visualisation .stat strong{margin-bottom:3px;}.user_satisfaction .visualisation .delta{position:absolute;bottom:5px;left:12em;}.user_satisfaction .visualisation .delta .change{font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:24px;line-height:1.25;font-weight:400;text-transform:none;}@media (max-width: 640px){.user_satisfaction .visualisation .delta .change{font-size:20px;line-height:1.2;}}@media (max-width: 850px){.user_satisfaction .visualisation .delta{left:9em;}.user_satisfaction .visualisation .stat strong{margin-bottom:8px;}}@media (max-width: 640px){.user_satisfaction .visualisation .delta{left:8em;bottom:2px;}.user_satisfaction .visualisation .stat strong{margin-bottom:5px;}}table{margin-top:1em;border-collapse:collapse;border-spacing:0;border:1px solid #a1acb2;}table.floated-header thead{display:block;}table.floated-header tbody{display:block;max-height:28em;overflow:auto;}table tbody tr:first-of-type td{border-top:none;}table tbody tr:last-of-type td{border-bottom:none;}table th,table td{font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:16px;line-height:1.25;font-weight:300;text-transform:none;padding:0.7em 1em 0.7em 1em;}@media (max-width: 640px){table th,table td{font-size:14px;line-height:1.14286;}}table th{text-align:left;font-weight:bold;background-color:#dee0e2;color:#0b0c0c;line-height:1.25em;border-bottom:1px solid #a1acb2;border-right:1px solid #a1acb2;}table th:last-of-type{border-right:none;}table td{background:#eaedef;border:dotted 1px #b8c6cc;}table td:first-of-type{border-left:none;}table td:last-of-type{border-right:none;}table .currency,table .percent,table .integer,table .number{text-align:right;}table tr:nth-child(even) td{background:#fff;}#content footer{clear:both;overflow:hidden;margin-top:1em;padding-top:2em;width:100%;border-top:1px solid #bfc1c3;}#content footer .footer-text{font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:24px;line-height:1.25;font-weight:400;text-transform:none;font-weight:700;}@media (max-width: 640px){#content footer .footer-text{font-size:20px;line-height:1.2;}}#content footer .related-pages{margin-bottom:30px;}#content footer .footer-left h3{margin-top:20px;}#content footer h3{font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:16px;line-height:1.25;font-weight:300;text-transform:none;}@media (max-width: 640px){#content footer h3{font-size:14px;line-height:1.14286;}}#content footer h4{font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:16px;line-height:1.25;font-weight:300;text-transform:none;font-weight:700;}@media (max-width: 640px){#content footer h4{font-size:14px;line-height:1.14286;}}#content footer p{font-size:14px;line-height:20px;}.report-a-problem-toggle{clear:both;}.report-a-problem-toggle a{color:#454a4c;}#content .report-a-problem-container{clear:both;margin:3em 0 2em 0;max-width:38em;}.js-enabled #content .report-a-problem-container{display:none;}#content .report-a-problem-container h2{font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:24px;line-height:1.25;font-weight:400;text-transform:none;font-weight:600;margin:1em 0;}@media (max-width: 640px){#content .report-a-problem-container h2{font-size:20px;line-height:1.2;}}#content .report-a-problem-container div{padding-top:0.5em;}#content .report-a-problem-container div .button{background-color:#00823b;position:relative;display:-moz-inline-stack;display:inline-block;padding:0.35em 0.5em 0.15em 0.5em;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-appearance:none;-webkit-box-shadow:0 2px 0 #003518;-moz-box-shadow:0 2px 0 #003518;box-shadow:0 2px 0 #003518;font-size:1em;line-height:1.25;text-decoration:none;-webkit-font-smoothing:antialiased;cursor:pointer;color:#fff;font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:19px;line-height:1.31579;font-weight:400;text-transform:none;}#content .report-a-problem-container div .button:visited{background-color:#00823b;}#content .report-a-problem-container div .button:hover,#content .report-a-problem-container div .button:focus{background-color:#00692f;}#content .report-a-problem-container div .button:active{top:2px;-webkit-box-shadow:0 0 0 #00823b;-moz-box-shadow:0 0 0 #00823b;box-shadow:0 0 0 #00823b;}#content .report-a-problem-container div .button.disabled,#content .report-a-problem-container div .button[disabled="disabled"],#content .report-a-problem-container div .button[disabled]{zoom:1;filter:alpha(opacity=#{$trans * 100});opacity:0.5;}#content .report-a-problem-container div .button.disabled:hover,#content .report-a-problem-container div .button[disabled="disabled"]:hover,#content .report-a-problem-container div .button[disabled]:hover{cursor:default;background-color:#00823b;}#content .report-a-problem-container div .button.disabled:active,#content .report-a-problem-container div .button[disabled="disabled"]:active,#content .report-a-problem-container div .button[disabled]:active{top:0;-webkit-box-shadow:0 2px 0 #003518;-moz-box-shadow:0 2px 0 #003518;box-shadow:0 2px 0 #003518;}#content .report-a-problem-container div .button:link,#content .report-a-problem-container div .button:hover,#content .report-a-problem-container div .button:focus,#content .report-a-problem-container div .button:visited{color:#fff;}#content .report-a-problem-container div .button:before{content:"";height:110%;width:100%;display:block;background:transparent;position:absolute;top:0;left:0;}#content .report-a-problem-container div .button:active:before{top:-10%;height:120%;}#content .report-a-problem-container div .button[rel="external"]:after{display:none;content:none;margin-left:0;margin-right:0;}@media (max-width: 640px){#content .report-a-problem-container div .button{font-size:16px;line-height:1.25;}}#content .report-a-problem-container p{font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:19px;line-height:1.31579;font-weight:400;text-transform:none;padding-bottom:1em;}@media (max-width: 640px){#content .report-a-problem-container p{font-size:16px;line-height:1.25;}}#content .report-a-problem-container label{font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:19px;line-height:1.31579;font-weight:400;text-transform:none;padding:0;margin:0 0 0.22em 0;display:block;font-weight:bold;}@media (max-width: 640px){#content .report-a-problem-container label{font-size:16px;line-height:1.25;}}#content .report-a-problem-container input[type="text"]{display:block;font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:19px;line-height:1.31579;font-weight:400;text-transform:none;margin:0 0 1em 0;background-color:#f8f8f8;border:1px inset #bfc1c3;padding:0.3em 0 0.1em 0.4em;width:95%;}@media (max-width: 640px){#content .report-a-problem-container input[type="text"]{font-size:16px;line-height:1.25;}}#footer .footer-categories{font-size:0;float:left;border:1px solid #a1acb2;border-width:0 0 1px 0;margin-bottom:30px;padding:0 0 60px 0;width:100%;}@media (max-width: 640px){#footer .footer-categories{padding:20px 0;}}#footer .footer-categories .footer-explore{float:left;margin-right:7%;width:62%;}@media (max-width: 640px){#footer .footer-categories .footer-explore{display:block;margin:0 0 30px 0;width:100%;}}#footer .footer-categories ul{font-family:"ntatabularnumbers","nta",Arial,sans-serif;font-size:16px;line-height:1.25;font-weight:300;text-transform:none;list-style:none;border:1px solid #a1acb2;border-width:1px 0 0 0;margin:20px 0 0 0;padding:20px 0 0 0;min-height:210px;vertical-align:top;}@media (max-width: 640px){#footer .footer-categories ul{font-size:14px;line-height:1.14286;}}@media (max-width: 640px){#footer .footer-categories ul{border-width:0;min-height:0;}}#footer .footer-categories ul li{display:block;float:left;clear:left;margin:0 0 15px 0;width:45.5%;}#footer .footer-categories ul li:nth-child(even){float:right;clear:none;}@media (max-width: 640px){#footer .footer-categories ul li{float:none;width:100%;margin-left:0;}#footer .footer-categories ul li:nth-child(even){float:none;}#footer .footer-categories ul li:first-child,#footer .footer-categories ul li:nth-child(2){border-top:none;padding-top:0;}}#footer .footer-categories .footer-inside-government{float:left;width:31%;}#footer .footer-categories .footer-inside-government ul{margin-right:0;}@media (max-width: 640px){#footer .footer-categories .footer-inside-government ul{margin:20px 0 0 0;width:100%;}}#footer .footer-categories .footer-inside-government ul li{margin-right:0;width:100%;}#footer .footer-categories .footer-inside-government ul li:nth-child(even){float:none;clear:none;}@media (max-width: 640px){#footer .footer-categories .footer-inside-government{width:100%;display:block;padding:0;margin:0;border:none;min-height:0;}}#homepage-content header{margin-top:1.5em;padding-bottom:0;border:none;}#homepage-content header p{font-family:"nta",Arial,sans-serif;font-size:24px;line-height:1.25;font-weight:400;text-transform:none;margin-top:1.6em;width:100%;}@media (max-width: 640px){#homepage-content header p{font-size:20px;line-height:1.2;}}@media (min-width: 769px){#homepage-content header p{width:65.625%;}}#homepage-content section{margin-top:0;margin-bottom:2em;padding-top:0;border-top:none;}#homepage-content section h2{font-family:"nta",Arial,sans-serif;font-size:24px;line-height:1.25;font-weight:400;text-transform:none;font-weight:700;margin-bottom:0.75em;border-bottom:5px solid #097F96;}@media (max-width: 640px){#homepage-content section h2{font-size:20px;line-height:1.2;}}#homepage-content section h3{font-family:"nta",Arial,sans-serif;font-size:19px;line-height:1.31579;font-weight:400;text-transform:none;font-weight:700;margin-top:1em;}@media (max-width: 640px){#homepage-content section h3{font-size:16px;line-height:1.25;}}#homepage-content section p,#homepage-content section dl,#homepage-content section ul{font-family:"nta",Arial,sans-serif;font-size:19px;line-height:1.31579;font-weight:400;text-transform:none;}@media (max-width: 640px){#homepage-content section p,#homepage-content section dl,#homepage-content section ul{font-size:16px;line-height:1.25;}}#homepage-content section p{margin:0.2em 0 1em 0;}#homepage-content article{min-height:0;}#homepage-content .service-listing dl,#homepage-content .service-listing ol,#homepage-content .service-listing ul{margin:0;padding:0;list-style:none;}#homepage-content .service-listing dt{margin:0;padding:0;}#homepage-content .service-listing dt.t+dd{border-bottom:none;}#homepage-content .service-listing dt.service_groups{font-weight:bold;margin-top:3em;}#homepage-content .service-listing dd{margin:0 0 0.75em 0;padding:0;border-bottom:1px solid #dee0e2;}#homepage-content .service-listing li{border-top:1px solid #dee0e2;padding:0.3em 0;}#homepage-content img{display:block;max-width:100%;margin-top:1.579em;}#prototypes-content{margin-top:2em;}#prototypes-content h1,#prototypes-content h2,#prototypes-content h3,#prototypes-content h4,#prototypes-content p,#prototypes-content section{margin:0;margin-bottom:10px;}#prototypes-content h1{margin-bottom:20px;}#prototypes-content section{border:none;margin-bottom:30px;}#prototypes-content section img{max-width:100%;height:auto;}#prototypes-content section ul{padding-left:0;}#prototypes-content section ul li{list-style-type:none;}@media (min-width: 641px){#prototypes-content #prototypes-warning{width:32%;float:right;}}#prototypes-content #prototypes-warning h2{font-family:"nta",Arial,sans-serif;font-size:24px;line-height:1.25;font-weight:400;text-transform:none;font-weight:700;}@media (max-width: 640px){#prototypes-content #prototypes-warning h2{font-size:20px;line-height:1.2;}}#prototypes-content #prototypes-warning p{font-family:"nta",Arial,sans-serif;font-size:16px;line-height:1.25;font-weight:300;text-transform:none;}@media (max-width: 640px){#prototypes-content #prototypes-warning p{font-size:14px;line-height:1.14286;}}#prototypes-content header{padding-bottom:0;border:none;}@media (min-width: 641px){#prototypes-content header{width:64%;}}#prototypes-content header p{font-family:"nta",Arial,sans-serif;font-size:24px;line-height:1.25;font-weight:400;text-transform:none;}@media (max-width: 640px){#prototypes-content header p{font-size:20px;line-height:1.2;}}@media (min-width: 641px){#prototypes-content #main-project img{float:left;width:65.625%;}}@media (min-width: 641px){#prototypes-content #main-project div{float:right;width:31.25%;}}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment