/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 22 February 2016 11:08:40
*/


/*********************************************************
    Base Styles

    Headings, Anchors, Paragraphs
*******************************************************/

/* Page structure styles */

/* Fonts */

body {
    color: #4e4d4d;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
}

/* Headings */

h1 {
    font-size: 2em; /* 30px */
}

h2 {
    font-size: 1.600em; /* 24px */
}

h3 {
    font-size: 1.333em;
}
h4 {
    font-size: 1.200em; /* 18px */
}
h1, h2, h3, h4 {
    font-weight: 400;
}

h1, h2, h3, h4, h5 {
    color: #4c4794;
}
h2, h3, h4 {
    margin-bottom: 0.5em;
    clear: left;
    font-weight: 400;
}

/* Anchors */

a {
    color: #005581;
    font-weight: bold;
    text-decoration: none;
    moz-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

a:hover,
a:focus {
    color: #4c4794;
    text-decoration: underline;
}

/* Paragraph styles */

p {
    margin: 0 0 1em 0;
    line-height: 1.333em;
}

/* Tables */

/* Blockquotes */

blockquote {
    width: 100%;
    display: inline-block;
    margin-left: 0px;
    padding-left: 1.333em;
    quotes: "\201c" "\201d" "\2018" "\2019";
    position: relative;
    color: #4c4794;
    margin-bottom: 1.333em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
blockquote.left-quote {
    width: 50%;
}
blockquote.right-quote {
    width: 50%;
    margin-left: 50%;
}
blockquote:before {
    content: open-quote;
    left: -0.134em;
    top: -0.134em;
}
blockquote:after {
    content: close-quote;
    margin-top: -0.134em;
}
blockquote:before, blockquote:after {
    font-size: 5em;
    color: #488bb2;
    position: absolute;
    font-family: Georgia;
}
blockquote .author {
    float: left;
    width: 100%;
    margin-top: 1em;
    color: #488bb2;
}
.skip-to-content-link {
    position: absolute;
    right: 200%;
}

/*********************************************************
    Component Styles

    Base component styles
*******************************************************/

/* Inline lists */
/* Use the <!-- --> trick between list items to remove white-space */
.inline-list--item {
    display: inline-block;
}

/* IE7 Inline block */
.lt-ie8 .inline-list--item {
    display: inline;
    zoom: 1;
}

/* --- Calendar --- */

.calendar {
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 3.6em;
}

.calendar--day,
.calendar--month {
    display: block;
}

.calendar--day {
    background-color: #034a6f;
    color: #ffffff;
    font-size: 1.975em; /* 29.62 */
}

.calendar--month {
    background-color: #ffffff;
    color: #2a2a2a;
    font-size: 0.933em; /* 14px */
    padding: 0.100em 0;
}

/* --- Boxes --- */

@media(max-width:640px) {
    .box {
        margin-bottom: 15px;
    }
}
.box {
    background-color: #ffffff;
}
.box_no-marg {
    margin: 0;
}
.boxes {
    width: 102.1%;
    margin-left: -1%;
    float: left;
    font-size: 0;
}
.box-container {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 1em;
    font-size: 15px;
}
.boxes_two-col .box-container {
    width: 50%;
}
.lt-ie8 .boxes_two-col .box-container {
    width: 49.999999%;
}
.boxes_two-col .box {
    margin: 0 2%;
}

/* Fix for if there is only one featured box */

.boxes_two-col.box-number_1 .box-container {
    width: 100%;
}
.boxes_two-col.box-number_1 .box {
    margin: 0 1%;
}

.boxes_three-col .box-container {
    width: 33.333333%;
}
.lt-ie8 .boxes_three-col .box-container {
    width: 33.32%;
}
.boxes_three-col .box {
    margin: 0 3%;
}

/* IE7 fix for display: inline-block */

.lt-ie8 .box-container {
    display:inline;
    zoom:1;
}

/* Box content styles */

.box--content {
    padding: 1.333em 1.667em 2.333em;
}

.box_image img {
    width: 100%; /* Responsive Image */
}
.box_related {
    margin-bottom: 2em;
}

/* Box title */

.box--content h2 {
    font-size: 1.600em; /* 24px */
    margin: 0 0 .625em 0; /* 15px */
    color: #005581;
}

/* Box content styles */
/* Target elements directly so classes don't have to be added in WYSIWYG */

.box--content ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.box--content li {
    background: url("http://orr.gov.uk/__data/assets/image/0004/10597/icon-sprite_content.png?v=0.0.2") no-repeat scroll -496px -10px rgba(0, 0, 0, 0);
    padding-left: .7em;
}
.box--content a {
    font-weight: normal;
}
.homepage .box--content li {
    text-indent: -.5em;
    background: none;
}
.homepage .box--content li:before {
    content: '-';
    margin-right: .5em;
}
.homepage-news .box--content li {
    text-indent: 0;
    background: none;
}
.homepage-news .box--content li:before {
    content: '';
    margin-right: 0;
}
.box--content--read-more {
    display: block;
}

/* Related RHS boxes */

.box_related h2 {
    font-weight: 300;
    color: #4c4794;
}
.box_related .box--content {
    padding: 1.333em 1em 2.333em;
}

/* Box colour styles */

.box_colour,
.box_colour a {
    color: #ffffff;
    font-weight: normal;
    -moz-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.box_colour a {
    text-decoration: underline;
}
.box_colour a:hover {
    text-decoration: none;
}
.homepage .box_colour a {
    text-decoration: none;
}
.homepage .box_colour a:hover {
    text-decoration: underline;
}
.box_colour .box--content h2, .box_colour .box--content h3 {
    color: #ffffff;
}
.box_colour .box--content h3 {
    margin: 0 0 1em;
}

.box_blue {
    background-color: #5897bc;
}

.box_colour_alpha {
    background-color: #4097cc;
}

.box_colour_alpha:hover {
    background-color: #0d82ca;
}

.box_colour_beta {
    background-color: #6e6ab0;
}

.box_colour_beta:hover {
    background-color: #4b4694;
}

.box_colour_charlie {
    background-color: #55a44d;
}

.box_colour_charlie:hover {
    background-color: #378a2f;
}

/* --- News Item --- */

.news--item {
    display: block;
    margin-bottom: 2.300em; /* 35.4px */
    min-height: 3.667em; /* 55px - the height of the calendar */
    padding-left: 5.333em;
    position: relative;
}

.news--item.last,
.news--item:last-child {
    margin-bottom: 0;
}

.box--content .news--item {
    background: none;
    padding-left: 5.333em;
}

/* --- Slider Styles --- */
.homepage-image-slider,
.slider_inline-controls {
    position: relative;
}

.slider--controls {
    /* Position the slider controls absolutely from the slide container, it should fit inside the slide content box */
    bottom: 11%;
    display: inline-block;
    padding: 0 45px 0 24px; /* Add l/r padding so we can absolutely position the arrow and pause play icons */
    position: absolute;
    right: 30.5%;
    z-index: 2;
}

.lt-ie8 .slider--controls {
    bottom: auto;
    top: 285px; /* Set width for IE7 as problem with bottom as percentage (and no responsive in IE7) */
}

/* Slider controls */

.flex-control-nav li {
    display: inline-block;
}

.slider_inline-controls .flex-next,
.slider_inline-controls .flex-prev,
.slider_inline-controls .flex-pause,
.slider_inline-controls .flex-play {
    background: url('http://orr.gov.uk/__data/assets/image/0017/10592/icon-sprite.png?v=0.0.2') no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 17px;
    position: absolute;
    top: 5px;
    width: 11px;
}

.slider_inline-controls .flex-prev {
    background-position: 0 0;
    left: 0;
}

.slider_inline-controls .flex-next {
    background-position: -50px 0;
    right: 0;
}

.slider_inline-controls .flex-pause,
.slider_inline-controls .flex-play {
    right: 25px;
    width: 11px;
}

.slider_inline-controls .flex-pause {
    background-position: -100px 0;
}

.slider_inline-controls .flex-play {
    background-position: -150px 0;
}

/* Slider Pagination */

.flex-control-paging li {
    display: inline-block;
    font-size: 1.333em;
}

.lt-ie8 .flex-control-paging li {
    /* Inline block hack for IE7 */
    display: inline;
    zoom: 1;
}

.flex-control-paging a {
    color: #525252;
    cursor: pointer;
    font-weight: normal;
    padding: 0 10px;
}

.flex-control-paging .flex-active {
    color: #b20838;
}

/* Slide Content */

.slide--content {
    background-color: rgba(255, 255, 255, 0.97);
    bottom: 7.18563%;
    left: 3.24324%;
    padding: 25px;
    position: absolute;
    width: 62.7371%;
}

.lt-ie9 .slide--content {
    background-color: #ffffff; /* Fallback for IE8 and IE7 */
}

.slide--content--heading {
    color: #005E7E;
    font-weight: normal;
    line-height: 0.9em;
    margin: 0 0 5px;
}

.slide--content--anchor {
    display: block;
    margin-bottom: -8px;
    width: 55%;
}

/* Accordion styles */

.accordion {
    overflow: hidden;
    border-bottom: 4px solid #bcd2e2;
    margin-bottom: 1em;
}

.accordion-title {
    border-top: 4px solid #bcd2e2;
    color: #005581;
    cursor: pointer;
    padding-top: 1em;
    padding-bottom: 1em;
}
.accordion-content,
.accordion-title {
    padding-left: 3.78378%;
    padding-right: 3.78378%;
}
.accordion-title,
.accordion-content {
    margin: 0;
}
.accordion-content {
    list-style: none;
}
.js .accordion-content {
    display: none;
}
.accordion--content--item {
    margin-bottom: 1em;
}

/* Pagination styles */
.content-pagination {
    padding: 0 10%;
    width: 80%;
}
.content-pagination .previous-page,
.content-pagination .go-back,
.content-pagination .next-page {
    display: inline-block;
    position: relative;
}
.content-pagination .previous-page,
.content-pagination .go-back {
    width: 33%;
}
.content-pagination .next-page {
    width: 32%;
}
.content-pagination .go-back {
    text-align: center;
}
.content-pagination .next-page {
    text-align: right;
    float: right;
}
/* No text version */

.content-pagination_no-text {
    text-align: center;
    padding: 0;
    width: 100%;
}
.content-pagination_no-text .previous-page,
.content-pagination_no-text .go-back,
.content-pagination_no-text .next-page {
    vertical-align: middle;
    width: auto;
}
.content-pagination_no-text .previous-page,
.content-pagination_no-text .next-page {
    font-size: 0;
    float: none;
}
.content-pagination_no-text .go-back > b, .content-pagination_no-text .go-back > a {
    margin-right: 1em;
}
.content-pagination_no-text .go-back {
    max-width: 70%;
    margin-left: .1em;
}
.content-pagination_no-text .left-arrow:before {
    background-position: 0 2px;
}
.content-pagination_no-text .right-arrow:after {
    background-position: -50px 2px;
}


/* ---- Article listing (used on Press releases and publications) ---- */
.article-listing-container {
    margin-bottom: 1.333em;
    clear: left;
}
.article-listing {
    border-top: 2px solid #6662a5;
}
.article-filters {
    margin-bottom: 1em;
}
.article-filters > span, .article-filters > select {
    margin-right: 0.666em;
}
.article-filters > input, .sitewide-search_toggle {
    background-color: #005581;
    border: none;
    color: #FFFFFF;
    padding: 0.2em 0.666em;
}
.article-filters_sitewide-search {
    background-color: #DBDAEA;
    padding: 1em;
    display: none;
}
.sitewide-search_toggle {
    padding: 0.28em 1.666em;
    margin: 0 0 1em 0;
    display: inline;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}
.article-filters .filter {
    border-bottom: 2px solid #6662A5;
    margin-bottom: 1em;
    padding: 0 0 1em;
}
.filter--title {
    color: #6662A5;
    font-weight: bold;
}
.global_content-col--content .article-filters_sitewide-search tbody tr {
    background: none;
}

.article-listing-item {
    border-bottom: 2px solid #6662a5;
    padding: 1.666em 0 1em;
    float: left;
    clear:both;
    width:100%;
}
.article-listing-item p {
    clear: none;
}
.article-listing-item--date {
    float: left;
    width: 10%;
    border: 1px solid #a6a6a6;
    margin-right: 5%;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 2%;
    min-width: 55px;
}
.article-listing-item--date--day {
    font-size: 2.5em;
    color: #fff;
    background-color: #005581;
}
.article-listing-item--content {
    width: 100%;
    display:inline;
}
.article-listing-item--title, .article-listing-item--title a {
    color: #6662a5;
}
.article-listing-item--read-more {
    background-color: #005581;
    float: right;
    color: #fff;
    padding: 5px;
    clear: left;
}
.article-listing-item--read-more a {
    color: #fff;
    font-weight: normal;
}

/* Search page tweaks */
.article-listing_search .article-listing-item {
    padding: 1.666em 0;
}
.article-listing_search .article-listing-item--title {
    font-size: 1.2em;
    margin:0 0 5px;
}
.article-listing_search .article-listing-item--title, .article-listing_search .article-listing-item--title a {
    font-weight: normal;
}

/* ---- Staff listing ---- */
.staff {
    margin-top: 2em;
}
.staff > article {
    float: left;
    clear: both;
    margin-bottom: 1.666em;
}
.staff .staff-name {
    font-size: 1.3em;
    color: #6662a5;
}
.staff .staff-image {
    float: left;
    margin-right: 1.333em;
}
.staff-description p {
    clear: none;
}

/* ---- Google Maps ---- */
.google-maps {
    width: 100%;
    height: 400px;
}
.google-maps .office-info {
    line-height: 1.35;
    overflow: hidden;
    white-space: nowrap;
}
.google-maps .office-title {
    color: #005581;
}
.global_content-col--content .google-maps img {
    max-width: none;
}

/* ---- Twitter widget ---- */
.latest-tweets-holder {
    background-color: #D5D4CC;
    position: relative;
    width: 95.7265%;
    border-top: 1px solid #b5b5b5;
    border-bottom: 1px solid #d1d1d1;
    margin: 0 2.13675%;

}
.latest-tweets-holder .latest-tweets-inner {
    width: 90%;
    height: 100%;
    overflow: hidden;
    position: relative;
    float: left;
}
.latest-tweets-holder .latest-tweets {
    list-style: none;
    position: relative;
    height: auto;
    width: 210%;
    overflow: hidden;
    left: 0;
    padding: 0;
}
.latest-tweets .tweet {
    width: 14.5%;
    float: left;
    background: white;
    margin-right: 2%;
    border: 1px solid #c9c9c9;
}
.latest-tweets-holder .tweet-content {
    clear: both;
    overflow: hidden;
    display: inline-block;
    margin: 1em 1em .2em;
}
.latest-tweets-holder .arrow-left,
.latest-tweets-holder .arrow-right,
.tweet-user-follow,
.latest-tweets-holder .tweet-reply,
.latest-tweets-holder .tweet-retweet,
.latest-tweets-holder .tweet-favourite {
    background: url('http://orr.gov.uk/__data/assets/image/0017/10592/icon-sprite.png?v=0.0.2') no-repeat;
}
.latest-tweets-holder .tweet-user-follow {
    width: 53px;
    height: 19px;
    float: right;
    background-position: 0 -95px;
}
.latest-tweets-holder .slider-arrow {
    width: 5%;
    height: 1px;
    float: left;
}
.latest-tweets-holder .slider-arrow:hover {
    cursor: pointer;
}
.latest-tweets-holder .arrow-left,
.latest-tweets-holder .arrow-right {
    width: 20px;
    height: 25px;
    position: absolute;
    top: 50%;
    margin-top: -17.5px;
}
.latest-tweets-holder .arrow-left {
    background-position: -328px 0;
    left: 2%;
}
.latest-tweets-holder .arrow-right {
    background-position: -360px 0;
    right: 2%;
}
.latest-tweets-holder .tweet-user-name a {
    color: #000;
    font-size: 1.2em;
    line-height: 1.1em;
    float: left;
}
.latest-tweets-holder .tweet-date,
.latest-tweets-holder .tweet-user-name span {
    color: #555;
    font-size: .8em;
}
.latest-tweets-holder .tweet-user-name span {
    display: block;
}
.latest-tweets-holder .tweet-text {
    margin: 1em 0 .8em;
    font-size: .9em;
}
.latest-tweets-holder .tweet-options {
    border-top: 1px solid #ccc;
    position: relative;
    bottom: 0;
    left: 0;
    padding-top: .5em;
    margin: 0 1em;
    text-align: center;
}
.latest-tweets-holder .tweet-reply,
.latest-tweets-holder .tweet-retweet,
.latest-tweets-holder .tweet-favourite {
    width: 19px;
    height: 16px;
    display: inline-block;
    margin: 0 5%;
}
.latest-tweets-holder .tweet-reply {
    background-position: -100px -97px;
}
.latest-tweets-holder .tweet-retweet {
    background-position: -120px -97px;
}
.latest-tweets-holder .tweet-favourite {
    background-position: -141px -97px;
}



/*********************************************************
    Content Styles

    Content Specific styles
*******************************************************/

/* content col styles */

.global_content-col--content img {
    max-width: 100%;
}
.global_content-col--content img.content_no-margin,
.global_content-col--content .accordion,
.l-full-width .global_content-col--content .accordion {
    margin-left: -4.093567251%;
    margin-right: -4.093567251%;
    width: 108.187134503%;
    float: none;
}
.global_content-col--content .content_no-margin,
.global_content-col--content .accordion,
.l-three-col .global_content-col--content table {
    height: auto;
}
.l-full-width .global_content-col--content .content_no-margin,
.l-full-width .global_content-col--content .accordion {
    margin-left: -3.125%;
    margin-right: -3.125%;
    width: 106.6666667%;
}
.global_content-col--content h1 {
    float: left;
}
.global_content-col--content .content-left {
    clear: left;
}
.global_content-col--content ul,
.global_content-col--content ol {
    margin: 0 0 1em;
    padding: 0 0 0 1.333em;
}
.global_content-col--content ul {
    list-style: none;
}
.global_content-col--content ul li:before {
    content: "\002022";
    color: #488bb2;
    margin-right: 0.5em;
}
.global_content-col--content li {
    text-indent: -1.3em;
    margin-bottom: 0.4em;
}
.global_content-col--content ol li {
    text-indent: 0;
}
.global_content-col--content li > ul {
    margin-top: 0.4em;
}
.global_content-col--content .no-bullets {
    padding: 0;
}
.global_content-col--content .no-bullets li:before {
    content: "";
    margin-right: 0;
}
.global_content-col--content .no-bullets li {
    text-indent: 0;
    margin-bottom: 0;
}
.global_content-col--content form {
    clear:left;
}
.global_content-col--content .featured-image {
    margin: 2em 0 1em 1em;
    display: block;
    clear: none;
}
.global_content-col--content .featured-image img {
    max-width: 100%;
    margin-right: 0;
}
.page-updated-date {
    color: #488bb2;
}
.global_content-col--content img,
.global_content-col--content img[align="left"] {
    margin-right: 1.333em;
    margin-left: 0;
}
.global_content-col--content img[align="left"] {
    float: left
}
.global_content-col--content img[align="right"] {
    margin-left: 1.333em;
    margin-right: 0;
}
.global_content-col--content img[align="right"] {
    float: right;
}
.global_content-col--content hr {
    border: none;
    border-bottom: 2px solid #6662a5;
    clear: left;
}
.global_content-col--content table {
    margin-bottom: 1em;
    table-layout: auto;
    word-wrap: break-word;
    width: 100%;
}
.global_content-col--content table td, .global_content-col--content table th {
    padding: 7px;
}
.global_content-col--content tbody tr {
    background-color: #fff;
}
.global_content-col--content tbody tr:nth-child(2n) {
    background-color: #dbdaea;
}
.global_content-col--content .colour tbody td {
    border: 1px solid #005581;
    vertical-align:text-top;
}
/*.global_content-col--content .colour tbody td:first-child {
    border: none;
}*/
.global_content-col--content .colour thead {
    color: #fff;
}
.global_content-col--content .colour thead th {
    color: #fff;
    font-weight: 500;
}
.global_content-col--content .colour.purple thead {
    background-color: #4c4794;
    border: 1px solid #4c4794;
}
.global_content-col--content .colour.green thead {
    background-color: #007c85;
    border: 1px solid #007c85;
}
.global_content-col--content .colour.blue thead {
    background-color: #005581;
    border: 1px solid #005581;
}
.content_search-box {
    margin-bottom: 1em;
    border: 1px solid lightblue;
    display: inline-block;
    position: relative;
}
.content_search-box--input, .content_search-box .sq-form-field {
    border: none;
    padding: 5px 28px 5px 5px;
}
.content_search-box input[type="submit"] {
    font-size: 0;
    border: none;
    background: url('http://orr.gov.uk/__data/assets/image/0003/10596/icon-sprite_content-two.png?v=0.0.2') no-repeat -226px -245px;
    right: 0;
    position: absolute;
    top: 0;
    height: 100%;
    width: 28px;
    padding: 0;
    margin: 0;
}
/* Search filters - needs to overwrite global table styles */
.article-filters .filter_date table {
    width: auto;
    table-layout: auto;
}
.article-filters .filter_audience select {
    max-width: 100%;
}
.article-listing-item--link a {
    word-wrap: break-word;
}
/* Share buttons */
.share-buttons {
    margin-bottom: 1em;
    text-align: right;
}
.share-buttons > iframe, .share-buttons > span, .share-buttons > div {
    display: inline-block;
    vertical-align: top;
}
.lt-ie8 .share-buttons > iframe, .lt-ie8  .share-buttons > span, .lt-ie8  .share-buttons > div {
    display:inline;
    zoom: 1;
}

/*********************************************************
    Form Styles

    Inputs, buttons
*******************************************************/
/* Custom radio buttons

input[type="radio"] + label:before,
input[type="radio"] + label:before,
.lt-ie9 .radio-button-image {
    background: url('http://orr.gov.uk/__data/assets/image/0004/10597/icon-sprite_content.png?v=0.0.2') no-repeat -745px -262px;
    content: "";
    width: 19px;
    height: 19px;
    margin: 0 .3em .2em;
    display: inline-block;
    vertical-align: middle;
}
.lt-ie9 input[type="radio"] + label:before,
.no-js input[type="radio"] + label:before {
    display: none;
}
.lt-ie9 input[type="radio"] + label.checked .radio-button-image,
input[type="radio"] + label.checked:before {
    background-position: -726px -262px;
}
input[type="radio"] + label {
    margin-bottom: 1em;
    display: block;
}
.no-js input[type="radio"] + label {
    padding-left: 0;
}
input[type="radio"] {
    position: absolute;
    left: -999999px;
}
.no-js input[type="radio"] {
    position: static;
    margin-right: 1%;
}
*/

input[type="radio"] {
    display: inline-block;
    vertical-align: top;
    margin: 0.2em 0.4em 0 0;
    width: 1em;
}
input[type="radio"] + label {
    margin: 0 0 1em 0;
    display: inline-block;
    width: 95%;
}


/*********************************************************
    Global element Styles

    Header, Navigation, Footer, Buttons
*******************************************************/

/* ---- Header ---- */
.global_header {
    text-align: right;
    position: relative;
    z-index: 3;
}
.logo-main {
    float: left;
}
.logo-main-image {
    width: 199px;
    height: 96px;
    display: block;
}
.search-box_header {
    display:inline-block;
}
.mobile-nav-button_search {
    display:none;
}
/* IE7 header search box */
.lt-ie8 .search-box_header {
    float: right;
}

/* ---- Navigation ---- */
.global_navigation-wrapper,
.global_navigation,
.nav--item {
    position: relative;
}
.no-js .global_navigation {
    z-index: 2;
}

/* Global nav container */

.global_navigation-wrapper {
    border-top: 5px solid #5897bc;
    margin-top: 25px;
    z-index: 2;
}

.global_navigation {
    color: #2a2a2a;
}
.lt-ie8 .global_navigation {
    clear: left;
}

/* Top level nav items */

.nav--item--anc {
    color: #2A2A2A;
    display: block;
    font-size: 1.200em; /* 18px */
    font-weight: normal;
    padding: 16px;
    text-decoration: none;
    moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}

.nav--item--anc:hover,
.nav--item--anc:focus,
.current > .nav--item--anc,
.active > .nav--item--anc {
    background-color: #5897bc;
    color: #ffffff;
    text-decoration: none;
}

/* Sub navigation */

.sub-nav-wrapper {
    position: absolute;
    visibility: hidden;
    width: 200px;
    background: white;
    padding: 20px;
    border: 1px solid #5897bc;
    z-index: 2;
}
.nav--item:last-child .sub-nav-wrapper {
    right: 0;
}
.sub-nav-wrapper.has-columns {
    width: 500px;
}
.nav--item:hover .sub-nav-wrapper, .nav--item--anc:focus + .sub-nav-wrapper, .menu-show {
    visibility: visible;
}
.sub-nav-wrapper.has-columns .sub-nav {
    float: left;
    width: 50%;
}
.sub-nav-wrapper .sub-nav--item {
    border-left: 4px solid #6662a5;
    margin-bottom: 7px;
}
.sub-nav--item--anc {
    color: #6662a5;
    display: block;
    padding: 0.7em 1.3em;
}
.sub-nav-wrapper .sub-nav--item:hover {
    border-color: #aaa;
}
.sub-nav-wrapper .sub-nav--item:hover .sub-nav--item--anc {
    color: #2a2a2a;
    text-decoration: none;
}

/* ---- secondary navigation ---- */

.secondary-navigation {
    list-style: none;
    padding: 1em .666em .666em 1em;
    margin: 0;
}
.secondary-navigation-container {
    background-color: #fff;
    margin-bottom: 1em;
}
.secondary-navigation-container ul {
    margin: 0;
}
.secondary-navigation-container h2 {
    margin: 0;
    font-size: 1em;
}
.secondary-navigation-container h2 a {
    color: #fff;
    background-color: #4c4794;
    padding: 1em;
    display: block;
}
.secondary-navigation-sub-nav {
    list-style: none;
    padding-left: 1em;
}
.secondary-navigation li > a {
    border-left: 4px solid;
    border-color: #6662a5;
    display: block;
    margin-bottom: 5px;
    padding: .666em 0 .666em .666em;
    color: #6662a5;
}
.secondary-navigation-sub-nav--item.alpha > a {
    border-color: #731472;
}
.secondary-navigation-sub-nav--item.beta > a {
    border-color: #ab72aa;
}
.secondary-navigation-sub-nav--item.charlie > a {
    border-color: #e3d0e3;
}
.secondary-navigation .active > a {
    color: #898888;
}

/* ---- Mobile navigation ---- */
.mobile-nav-wrapper {
    float: right;
    display: none;
}
.mobile-nav-inner,
.mobile-nav-wrapper {
    position: relative;
}
.mobile-nav {
    display: none;
    position: absolute;
    width: 300px;
    z-index: 3;
    top: -2px;
    right: 0;
    border: 2px solid #5897bc;
    background: white;
    overflow: hidden;
    margin: 0 2.13675%;
}
.mobile-nav .level {
    width: 100%;
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
    float: left;
}
.mobile-nav .inner-level {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
}
.mobile-nav .item {
    padding: 1em 0;
    margin: 0 2em;
    border-top: 1px solid #6662a5;
}
.mobile-nav-button,
.mobile-nav .has-next-menu,
.mobile-nav-button:after,
.mobile-nav a {
    display: inline-block;
}
.mobile-nav a {
     color: #2a2a2a;
     line-height: 1.5em;
     width: 85%;
     height: 100%;
}
.mobile-nav a:hover {
    text-decoration: none;
}
.mobile-nav .has-next-menu,
.mobile-nav-button:after {
    background: url("http://orr.gov.uk/__data/assets/image/0017/10592/icon-sprite.png?v=0.0.2") no-repeat;
    vertical-align: middle;
}
.mobile-nav .has-next-menu {
    background-position: -360px 0;
    width: auto;
    height: 25px;
    float: right;
}
.mobile-nav .item:first-child {
    border-top: none;
}
.mobile-nav-button:after {
    content: '';
    background-position: -298px -50px;
    width: 50px;
    height: 50px;
    margin-left: 1em;
}
.mobile-nav-button:hover:after,
.mobile-nav-button.is-active:after{
    background-position: -248px -50px;
}
.mobile-nav-button:hover {
    text-decoration: none;
}
.mobile-nav-button_search {
    margin-right: 10px;
    display: none;
    font-size: 0;
}
.mobile-nav-button_search:after {
    background-position: -401px -50px;
    margin-left: 0;
}
.mobile-nav-button_search:hover:after,
.mobile-nav-button_search.active:after {
    background-position: -351px -50px;
}

/* ---- Breadcrumbs ---- */

.breadcrumb {
    list-style: none;
    float: left;
    padding-left: 0;
    width: 100%;
    margin: 1em 0;
}
.breadcrumb--item {
    float: left;
    padding-right: 5px;
}
.breadcrumb .selected {
    color: #010101;
}
.breadcrumb--item a {
    padding-right: 5px;
}

/* ---- Content container ---- */

.global_content-container {
    background-color: #E6E5E5;
    border-top: 1px solid #D8D8D8;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #d8d8d8;
}
.global_content-col--content {
    background-color: #ffffff;
    padding-bottom: 1.333em;
    margin-bottom: 1.333em;
}

.l-full-width_no-container .global_content-container {
    background-color: transparent;
    border-top: 0 none;
    border-bottom: 0 none;
}

/* ---- Secondary Column ---- */

.global_secondary-col .box--content li {
    padding-bottom: 1em;
}

/* ---- Footer ---- */

.footer--grid-col {
    font-size: 0.933em;
}

.footer--title {
    color: #005581;
    font-size: 1.1em;
}

.footer--grid-col a {
    color: #000000;
    font-weight: normal;
    line-height: 1.6em;
}

.footer-copyright {
    background-color: #033752;
    padding: 0.8em 1.9em;
}
.footer-copyright,
.footer-copyright a {
    color: #FFFFFF;
}
.footer-copyright a {
    text-decoration: underline;
}
.footer-copyright img {
    margin-right: 1em;
    vertical-align: sub;
}
/* IE7 copyright */
.lt-ie8 .footer-copyright img {
    vertical-align: middle;
}
.lt-ie8 .footer-copyright {
    float: left;
}

/* IE7 global footer */
.lt-ie8 .global_footer {
    display: block;
}
.global_footer .external-link,
.global_footer .full-site-view {
    margin: 1% 2.64085%;
    display: block;
    font-size: 1em;
}
.global_footer .external-link {
    float: left;
}
.global_footer .full-site-view {
    display: none;
    float: right;
}
.global_footer .social-links {
    padding: 0;
    margin: 0;
}
.global_footer .l-full-width {
    clear: both;
}

/* ---- Social Links ---- */

.social-links--anc {
    background-image: url('http://orr.gov.uk/__data/assets/image/0017/10592/icon-sprite.png?v=0.0.2');
    display: block;
    width: 29px;
    height: 28px;
}

.social-links--anc_twitter {
    background-position: 0 -50px;
}

.social-links--anc_linkedin {
    background-position: -50px -50px;
}

.social-links--anc_youtube {
    background-position: -100px -50px;
}

.social-links--anc_rss {
    background-position: -150px -50px;
}

.social-links--anc_email {
    background-position: -200px -50px;
}

/* ---- Buttons ---- */

.button {
    padding: 0.3em 1em;
    background: #005581;
    border: none;
    color: white;
}
.back-to-top {
    display: none;
    text-align: center;
    width: 100%;
    clear: both;
    padding-top: 1em;
}
.back-to-top a {
    padding: 1em;
    background-color: #6662a5;
    color: #fff;
    display: inline-block;
    margin-bottom: 1em;
}
.homepage .back-to-top {
    display: none;
}


/*********************************************************
    Grid styles

    Basic Responsive grid
*******************************************************/

.l-grid_row {
    clear: both;
}

/* Grid clearfixes */

.l-grid_row:before,
.l-grid_row:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.l-grid_row:after {
    clear: both;
}

.l-grid_row_thin-margin {
    margin-bottom: 6px;
}

/* Block Dimensions */
.l-block_one-third {
    width: 32.976186667%; /* 370px (100 - (0.53572 * 2)) / 3 */
}

.l-block_two-thirds {
    width: 66.42857%; /* 744px */
}

.l-grid_block {
    float: left;
    margin-right: 0.53572%; /* 6px */
}

/* Layouts */

.l-grid_block.first {
    margin-left: 0;
}

.l-grid_block.last {
    float: right;
    margin-left: 0;
    margin-right: 0;
}

/*********************************************************
    Icon Styles

    Styling and structuring for icons
*******************************************************/

.external-link:after,
[class^="icon_"] {
    background: url('http://orr.gov.uk/__data/assets/image/0004/10597/icon-sprite_content.png?v=0.0.2') no-repeat;
}
.pdf-link:after,
.PDF-link:after,
.doc-link:after,
.DOC-link:after,
.docx-link:after,
.DOCX-link:after,
.xls-link:after,
.XLS-link:after,
.csv-link:after,
.CSV-link:after,
.ppt-link:after,
.PPT-link:after,
.icon_hierarchy,
.icon_person,
.icon_people,
.icon_thumbs {
    background: url('http://orr.gov.uk/__data/assets/image/0003/10596/icon-sprite_content-two.png?v=0.0.2') no-repeat;
}
.icon_network,
.icon_speed,
.icon_consumer,
.icon_access,
.icon_depot,
.icon_licencing,
.icon_boxes,
.icon_policy,
.icon_consultation,
.icon_bookmark {
    background : url('http://orr.gov.uk/__data/assets/image/0020/10595/icon-sprite_content-three.png?v=0.0.2') no-repeat;
}
.icon_tick,
.icon_conversation,
.icon_scales,
.icon_mail,
.icon_train,
.icon_disability,
.icon_mail-alert,
.icon_tickets,
.icon_hs2,
.icon_currency {
    background: url('http://orr.gov.uk/__data/assets/image/0019/10594/icon-sprite_content-four.png?v=0.0.2') no-repeat;
}
.icon_pound,
.icon_open-data,
.icon_press,
.icon_data,
.icon_calendar,
.icon_safety,
.icon_disruptions,
.icon_speeches,
.icon_car,
.icon_engagement {
    background: url('http://orr.gov.uk/__data/assets/image/0018/10593/icon-sprite_content-five.png?v=0.0.2') no-repeat;
}

   .icon_blog,
   .odt-link:after,
   .ODT-link:after,
   .ods-link:after,
   .ODS-link:after,
   .icon_competition,
   .xlsx-link:after,
   .XLSX-link:after {
   background: url('http://orr.gov.uk/__data/assets/image/0019/11890/icon-sprite_content-six.jpg?v=1.0.4') no-repeat;
   }

.icon_people-roads,
.icon_calc-roads,
.icon_gauge-roads,
.icon_book-roads,
.icon_mail-roads,
.icon_contact-roads,
.icon_policy-roads,
.icon_press-roads {
  background: url('http://orr.gov.uk/__data/assets/image/0017/17324/icon-sprite_content-seven.png?v=0.1.1') no-repeat;
}

.odt-link:after,
.ODT-link:after {
    background-position: -57px -420px;
}

.ods-link:after,
.ODS-link:after {
    background-position:-107px -370px;
}

[class^="icon_"] {
    display: inline-block;
    line-height: 1;
    margin-right: 5px;
    vertical-align: middle;
}

.right-icon {
    position: relative;
}

.right-icon [class^="icon-"] {
    margin-right: 0;
    position: absolute;
    right: 0;
}
.heading-icon {
    padding-left:55px;
    min-height: 50px;
}
.icon_permissions {
    background-position: -455px -6px;
}
.icon_links {
    background-position: -400px -50px;
}
.icon_docs {
    background-position: -350px -100px;
}
.icon_contact, .icon_contact-roads {
    background-position: -300px -150px;
}
.icon_book, .icon_book-roads {
    background-position: -200px -250px;
}
.icon_gauge, .icon_gauge-roads {
    background-position: -150px -300px;
}
.icon_calc, .icon_calc-roads {
    background-position: -100px -350px;
}
.icon_rail {
    background-position: -50px -400px;
}
.icon_stats {
    background-position: 0 -450px;
}
.icon_hierarchy {
    background-position: 0 -450px;
}
.icon_person {
    background-position: -50px -400px;
}
.icon_people, .icon_people-roads {
    background-position: -100px -350px;
}
.icon_thumbs {
    background-position: -150px -300px;
}
.icon_pound, .icon_tick, .icon_network, .icon_blog {
    background-position: 0 -450px;
}
.icon_open-data, .icon_conversation, .icon_speed {
    background-position: -50px -400px;
}
.icon_press, .icon_press-roads, .icon_scales, .icon_consumer {
    background-position: -100px -350px;
}
.icon_data, .icon_mail, .icon_mail-roads, .icon_access {
    background-position: -150px -300px;
}
.icon_calendar, .icon_train, .icon_depot {
    background-position: -200px -250px;
}
.icon_safety, .icon_disability, .icon_licencing {
    background-position: -250px -200px;
}
.icon_disruptions, .icon_mail-alert, .icon_boxes {
    background-position: -300px -150px;
}
.icon_competition {
    background-position: -154px -306px;    
}
.icon_speeches, .icon_tickets, .icon_policy, .icon_policy-roads {
    background-position: -350px -100px;
}
.icon_car, .icon_hs2, .icon_consultation {
    background-position: -400px -50px;
}
.icon_engagement, .icon_currency, .icon_bookmark {
    background-position: -450px 0;
}

.box .icon_contact_side-nav {
    border-bottom: 3px solid lightblue;
    color: #005581;
    font-weight: normal;
    padding: 0 0 .625em 45px;
    box-sizing: border-box;
    max-width: 100%;
    word-wrap: break-word;
    background-position: -305px -150px;
}
.accordion-title:after,
.external-link:after,
.right-arrow:after,
.left-arrow:before,
.white-arrow:after,
.pdf-link:after,
.PDF-link:after,
.doc-link:after,
.DOC-link:after,
.docx-link:after,
.DOCX-link:after,
.xls-link:after,
.XLS-link:after,
.csv-link:after,
.CSV-link:after,
.ppt-link:after,
.PPT-link:after,
.odt-link:after,
.ODT-link:after,
.ods-link:after,
.ODS-link:after,
.xlsx-link:after,
.XLSX-link:after,
.lt-ie9 .accordion-title .arrow {
    height: 20px;
    width: 20px;
    content: '';
    vertical-align: middle;
    display: inline-block;
}
.accordion-title:after,
.white-arrow:after,
.right-arrow:after,
.left-arrow:before,
.lt-ie9 .accordion-title .arrow {
    background: url('http://orr.gov.uk/__data/assets/image/0017/10592/icon-sprite.png?v=0.0.2') no-repeat;
}
.white-arrow:after {
    background-position: -300px 0;
    margin-left: .8em
}
.white-arrow.is-expanded:after {
    background-position: -250px 0;
    margin-left: .8em;
}
.accordion-title:after {
    background-position: -50px 0;
    margin-left: .8em;
}
.right-arrow:after {
    background-position: -42px 0;
    margin-left: .4em;
}
.left-arrow:before {
    background-position: 0 0;
    margin-right: .4em;
}
.lt-ie9 .accordion-title:after {
    background: none;
}
.lt-ie9 .accordion-title .arrow {
     background-position: -50px 0;
     margin-left: .6em;
 }
.lt-ie9 .accordion-title.is-expanded .arrow {
    background-position: -200px 0;
    margin-left: .4em;
}
.accordion-title.is-expanded:after {
     background-position: -200px 0;
     margin-left: .6em;
 }
.external-link:after {
    background-position: -280px -202px;
    margin-left: .4em;
}
.pdf-link:after,
.PDF-link:after {
    background-position: -279px -200px;
    margin-left: .4em;
}
.DOC-link:after,
.doc-link:after,
.DOCX-link:after,
.docx-link:after {
    background-position: -329px -149px;
    margin-left: .4em;
}
.XLS-link:after,
.xls-link:after,
.csv-link:after,
.CSV-link:after {
    background-position: -379px -100px;
    margin-left: .4em;
}
.PPT-link:after,
.ppt-link:after {
    background-position: -429px -50px;
    margin-left: .4em;
}
.odt-link:after,
.ODT-link:after, {
background-position: -50px -400px;
margin-left: .4em;
}
.ods-link:after,
.ODS-link:after, {
background-position:-100px -350px;
margin-left: .4em;
}

.xlsx-link:after,
.XLSX-link:after {
    background-position: -279px -200px;
    margin-left: .4em;
}

span.pdf-link,
span.PDF-link,
span.doc-link,
span.DOC-link,
span.xls-link,
span.XLS-link,
span.csv-link,
span.CSV-link,
span.ppt-link,
span.PPT-link,
span.odt-link,
span.ODT-link,
span.ods-link,
span.ODS-link,
span.xlsx-link,
span.XLSX-link {
    font-size: 0;
}
.pdf-link:after,
.PDF-link:after,
.doc-link:after,
.DOC-link:after,
.xls-link:after,
.XLS-link:after,
.csv-link:after,
.CSV-link:after,
.ppt-link:after,
.PPT-link:after,
.odt-link:after,
.ODT-link:after,
.ods-link:after,
.ODS-link:after,
.xlsx-link,
.XLSX-link {
margin-top: -12px;
}
.email-share-link {
    background: url('http://orr.gov.uk/__data/assets/image/0017/10592/icon-sprite.png?v=0.0.2') no-repeat 0 -150px;
    font-size: 0;
    height: 25px;
    width: 65px;
}
.email-share-link a {
    display: block;
    width: 100%;
    height: 100%;
}
.fb-share-button {
    max-width: 100px;
}
/* Specific Icons */

/*********************************************************
    Layout Styles

    Layout specific styling
*******************************************************/

/* Global element layout */

.global_main-container {
    margin: 0 auto;
    padding-top: 20px;
    max-width: 1170px;
}
.global_content-container,
.global_header,
.global_navigation {
    padding: 0 2.13675%; /* 25px either side at 1170px wide */
}

/* Global Layout */

.global_content-col,
.global_primary-col {
    float: left;
}

.global_secondary-col {
    float: right;
}
.global_content-col--content {
    padding-left: 3.78378%;
    padding-right: 3.78378%;
}
.l-full-width .global_content-col--content {
    padding-left: 3.125%;
    padding-right: 3.125%;
}

/* full width no container Layout */

.l-full-width_no-container .global_content-col--content {
    padding: 0;
}

/* Layout */

.global_content-col {
    width: 100%;
}

.l-three-col .global_content-col,
.l-two-col .global_content-col {
    left: 23.2143%;
    position: relative;
    margin-bottom: 1em;
}
.l-three-col .global_content-col.no-secondary-col {
    width: 76.33929%;
}
.l-three-col .global_primary-col.no-secondary-col {
    left: -76.33929%;
}

.l-three-col .global_primary-col,
.l-two-col .global_primary-col {
    margin-right: 1.78571%;
    position: relative;
    width: 19.6429%;
}

/* 3 Col Layout Specific */

.l-three-col .global_primary-col {
    left: -49.5536%;
}
/* IE7 primary col */
.lt-ie8 .l-three-col .global_primary-col {
    left: -47.5%;
}

.l-three-col .global_content-col {
    width: 49.5536%;
}

.l-three-col .global_secondary-col {
    width: 23.48214%;
}



/* 2 Col Layout Specific */

.l-two-col .global_primary-col {
    left: -59.46429%
}

.l-two-col .global_content-col {
    margin-right: 0;
    width: 59.46429%;
}

/* 2 Col Layout - Full Width Content */

.l-two-col_content_full-width .global_primary-col {
    left: -76.33929%;
}
.l-two-col_content_full-width .global_content-col {
    width: 76.33929%;
}

/* IE 7 two col fix */
.lt-ie8 .l-two-col_content_full-width .global_primary-col {
    left: -73.2%;
}
.lt-ie8 .l-two-col_content_full-width .global_content-col {
    left: 22.2%;
}


/* Custom footer layout */

.footer--grid-col {
    float: left;
    margin-left: 2.64085%; /* 30px */
    width: 17.60563%; /* 200px */
}
.footer--grid-col.last {
    width: 16%;
}


/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 73.3%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*********************************************************
    Page Styles

    Styles that are specific to pages
/*******************************************************/

/* Home page */
.announcements-banner-holder {
    background-color: #AD0009;
    padding: 0.7em 1em;
    margin-bottom: 1em;
}
.announcements-banner-holder a{
    color: #ffffff;
    text-decoration:underline;
}
.announcements-banner-holder a:hover{
    color: #ffffff;
    text-decoration:none;
}
.announcements-banner-holder,
a.announcements-close {
    color: white;
}
a.announcements-close {
    font-weight: 400;
    font-size: 1.3em;
    line-height: 1.3em;
    float: right;
}
a.announcements-close:hover {
    text-decoration: none;
}
.announcements-banner:before {
    content: "";
    background: url("http://orr.gov.uk/__data/assets/image/0017/10592/icon-sprite.png?v=0.0.2") no-repeat -200px -91px;
    width: 21px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    margin-right: .5em;
}
.announcements-banner {
    display: inline-block;
    width: 90%
}

.latest_tweets_holder {
    margin-top: 20px;
    background-color: #D5D4CC;
}

/* Publications page */
.a-z {
    float:left;
    clear: both;
}
.a-z--item {
    float:left;
    margin: 0 5px 5px 0;
}
.a-z--item a {
    color: #fff;
    padding: 2px 5px;
    background-color: #005581;
    display:block;
    text-decoration: none;
    -webkit-transition: 0.3s background-color;
    -moz-transition: 0.3s background-color;
    transition: 0.3s background-color;
}
.a-z--item a:hover {
    background-color: #6662a5;
}
.a-z--item.is-selected a {
    background-color: white;
    color: #005581;
}
/* Contact us */
.contact-us-form-title {
    padding: 1em;
    background: #6662a5;
    color: white;
}
.contact-us-form-content {
    padding: 3% 4%;
    border: 1px solid #6662a5;
}
.contact-us ul {
    margin: 0 1em 1.3em;
}
.contact-us-form-content,
.contact-us fieldset {
    margin: 0;
}
.contact-us fieldset {
    border: none;
}
.contact-us legend {
    margin-bottom: 1em;
}
.contact-us textarea,
.contact-us input[type="text"],
.contact-us input[type="email"],
.contact-us input[type="tel"] {
    border: none;
    background: #f2f2f2;
    padding: .8em;
    display: block;
    margin: 0 0 1em;
}
.contact-us textarea.not-valid,
.contact-us input[type="text"].not-valid,
.contact-us input[type="email"].not-valid,
.contact-us input[type="tel"].not-valid {
    border: 1px solid red;
}
.contact-us textarea {
    width: 100%;
    margin: .8em 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
}
.contact-us input[type="submit"] {
    float: right;
}
.contact-us fieldset,
.contact-us .decision-tree ul {
    padding: 0;
}
.contact-us .decision-tree ul {
    margin: 1em 0 0;
}
.contact-us .form-required-field,
abbr.sq-form-required-field {
    border-bottom: none;
    color: red;
}

/* Sitemap */
.global_content-col--content .sitemap > li:before {
    content: "";
}
.global_content-col--content .sitemap h2 {
    margin: 0;
}


/*********************************************************
    Route map styles
/*******************************************************/

#outercont{margin: 0 auto; width: 960px;}

#container-map{float: left; padding: 10px 0px 10px 10px; }
#map-box{background-color: #fff; borderx: solid 10px #grey; margin: 40px 0 10px 10px; }

#areas{background: #524e85; float: left; padding: 10px; width: 61%;}

#regions{color: white; float: left; font-size: 0.9em; width: 40%;padding-left:0;}

#regions{-moz-user-select: none;} /*stops the text from hilighting in Mozilla when the user double clicks an area*/
#regions li:hover{background-color: #FFFFFF; color: 8b88b0}
#regions li{border-bottom: solid 1px #FFFFFF; line-height: 2em; padding: 0 5px; cursor: pointer; background-color: #8b88b0;}

.global_content-col--content ul#regions li:before {content:normal;}
.global_content-col--content ul#regions li {text-indent: 0;margin-bottom:0;}

#counties{background: #fff; color: #333; float: right; min-height: 338px; padding: 5px; width: 57.8%;}


.tip {font-size: 1.6em; padding: 10px 5px 20px 5px;}

.selectall, .deselectall{cursor: pointer; text-decoration: underline;}

/* Initially hide these elements. If the user doesn't have JavaScript enabled, they will simply not show, offering an alternative way to use the map.*/
#st-c{display: none;}
.select{display: none; text-align: center;}
#regions{display: none;}

.counties-container h2{padding-left:5px;margin-top:5px;}
.counties-container p{font-size: 0.9em; padding: 10px 5px 5px 5px;}
.counties-container h3{font-size: 1em; padding: 10px 5px 5px 5px;}
.counties-container h4{font-size: 0.9em; font-weight:bold; padding: 10px 5px 5px 5px;}
.counties-container table {background-color: #dbdaea; margin:5px 5px;width:initial;border-collapse:initial;border-spacing:1px;}
.counties-container table p {font-size: 1.5em;padding: 10px 0 5px 0;}

.counties-container tr{background-color: #fff; padding:0; margin:0;}
.counties-container td{border:0; padding:4px !important; margin:0;background-color: #fff; font-size:0.7em;}

#regions li.selected, #regions li.selected.click{
    background-color:#3c3e52;
}

@media(max-width:1170px) {
    #areas {
        width:100%;
    }
}

@media(max-width:500px) {
    #counties{width: 55.8%;}

    #areas {
        width:92%;
    }

    .global_content-col--content.routemap{
        padding-left:0;
        padding-right:0;
    }
}

/*********************************************************
    Plugin Styles

    jQuery plugin styles etc
/*******************************************************/

/* FlexSlider */

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {
    outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}


/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    margin: 0;
    padding: 0;
}
.flexslider .slides {
    position: relative;
}
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
    width: 100%;
    display: block;
}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {
    height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .flexslider .slides > li {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}
.no-js .flexslider .slides img {
    height: 100%;
}
.no-js .slides {
    overflow-y: scroll;
    height: 333px;
}
.no-js .slide--content {
    z-index: 2;
}
/* ---- Cookie banner styles ---- */
/*
 * The following was supplied from ORR by
 * Marlon Leitch - Marlon.Leitch@orr.gsi.gov.uk
 *
 * In connection with CookieQ contact there
 * is Michael O'Neill - michael.oneill@baycloud.com
 * 01865 735619
 */

#CookieQBanner {
    clear: both;
    color: white;
    display: block;
    outline-style: none;
    padding: 1em;
    height: auto;
    top: 0;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-family: "Arial", sans-serif;
    font-size: 1em;
    font-style: normal;
    z-index: 2147483647;
    background-color: #00476B;
}
#CookieQBanner div.__cqinner {
    height: 100%;
    width: 100%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}
#CookieQBanner div.__cqtext {
    height: 100%;
}
#CookieQBanner a {
    color: white;
    text-decoration: underline
}
#CookieQBanner a:hover {
    color: #D5F1FF;
}
#CookieQBanner a.__cqRefuse {
    float: right;
    text-decoration: none;
}
#CookieQBanner .cqClose {
    font-size: 1.5em;
    position: relative;
    top: -0.25em;
    padding-left: 10px;
}
#CookieQBanner div.__cqsmall {
    width: auto;
    display: none;
    float: left;
    height: 100%;
}
#CookieQBanner div.__cqInfo a:hover {
    color: #89D7ED;
}
#__cqTestTag {
    display: none;
}

/*********************************************************
    Print Styles


*******************************************************/


/*********************************************************
    Utility Classes

    Utilities from H5BP & custom
*******************************************************/

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0 !important;
    clip: rect(0 0 0 0);
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

/*

 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* IE7 clearfix */
.lt-ie8 .clearfix {
    display: inline-block;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

.no-bullets {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.no-bullet:before {
    display: none;
}
.left {
    float: left;
}

.right {
    float: right;
}
.error-message {
    color: red;
}
.blue-text, .blue-text a {
    color: #005581;
}
.ajax-loader {
    background: url("http://orr.gov.uk/__data/assets/image/0016/10591/ajax-loader.gif?v=0.0.2") no-repeat center center;
    width: 100%;
    height: 31px;
}

/* overview-box */

.overview-box {
width: 95%;
padding: 10px; 
border: 1px solid #4c4794;
margin-bottom: 12px;
background: #e6e5e5
}


table.datatable tr td {text-align:right;}
table.datatable tr th {text-align:left;}

.datatd {text-align:right;}

/* Careers Site */

.careers-site .global_content-col--content { margin-top: 1.333em; }

.careers-site .box_colour_beta { background: #0d82ca; }

.careers-site .box_colour_beta:hover { background: #4097cc; }


/* tablesorter */

table.tablesorter {
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    padding: 4px;
}
table.tablesorter thead tr .header {
    background-image: url(http://orr.gov.uk/__data/assets/image/0018/20655/bg1.png?v=0.1.1);
    background-repeat: no-repeat;
    background-position: bottom right;
}
table.tablesorter tbody td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}
table.tablesorter tbody tr.odd td {
    background-color:#F0F0F6;
}
table.tablesorter tbody tr.even td {
    background-color:#dbdaea;
}
table.tablesorter thead tr .headerSortUp {
    background-image: url(http://orr.gov.uk/__data/assets/image/0016/20653/asc1.png?v=0.1.1);
}
table.tablesorter thead tr .headerSortDown {
    background-image: url(http://orr.gov.uk/__data/assets/image/0017/20654/desc1.png?v=0.1.1);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #8dbdd8;
}