@charset "UTF-8";
@import "typeplate.css"; /* Fri, 20 Oct 2017 11:24:37 */
	
	.retina { display: none }
	
/* for retina display, using media query and @2x flag */	
@media
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min--moz-device-pixel-ratio: 1.25),
only screen and ( -o-min-device-pixel-ratio: 1.25/1),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx)
{
	.non-retina { display: none }
    .retina { display: block }
}

.logo { width: auto; height: auto; max-width: 212px; max-height: 100px;}

a {
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease;
    transition-delay: 0
}

    a:link {
        text-decoration: none;
        color: #2171a2
    }

    a:visited {
        text-decoration: none;
        color: #2171a2;
        text-decoration: none
    }

    a:hover {
        text-decoration: underline
    }

    a:active {
        text-decoration: none;
        text-decoration: underline
    }

    a:focus {
        outline-width: 3px;
        outline-style: dotted;
        outline-color: #09f
    }

div:focus {
    outline-width: 1px;
    outline-style: dotted;
    outline-color: #09f
}

#cookie-law {
    display: none;
    position: fixed;
    z-index: 1005;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    padding: 10px 30px 15px;
    text-align: center !important;
    color: #fff !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.7);
    background-color: #98A710;
    border-top: 1px solid #F4F4F4
}

.dark-template #cookie-law {
    color: #fff !important;
    background-color: #000;
    border-top: 1px solid #fff
}

.showCookie#cookie-law {
    -webkit-animation: bounceInUp 1s;
    -moz-animation: bounceInUp 1s;
    -ms-animation: bounceInUp 1s;
    -o-animation: bounceInUp 1s;
    animation: bounceInUp 1s
}

.hideCookie#cookie-law {
    border: 0;
    -webkit-animation: bounceOut 1s;
    -moz-animation: bounceOut 1s;
    -ms-animation: bounceOut 1s;
    -o-animation: bounceOut 1s;
    animation: bounceOut 1s
}

#cookie-law a {
    text-decoration: underline;
    color: #FFF
}

    #cookie-law a:hover {
        text-decoration: none
    }

#cookie-law strong, #cookie-law button {
    font-weight: 700;
    font-family: "felt-tip-roman",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1em
}

#cookie-law button {
    background: #5A6402;
    padding: 10px 20px;
    border: 2px solid #5A6402;
    border-radius: 5px;
    color: #FFF
}

    #cookie-law button span.tick {
        display: inline-block;
        width: 16px;
        height: 16px;
        vertical-align: middle;
        margin-right: 10px;
        background-image: url(../graphics/tick-white.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center top
    }

    #cookie-law button:hover {
        background-color: #FFF;
        border: 2px solid #FFF;
        color: #5A6402 !important
    }

        #cookie-law button:hover span.tick {
            background-image: url(https://www.thestorey.co.uk/graphics/tick-darker-blue.png)
        }

#cookie-law p {
    margin-top: 10px;
    margin-bottom: 10px
}

@-webkit-keyframes bounceInUp {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInUp {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

.noScript {
    background-color: #383838;
    background-image: url(https://www.thestorey.co.uk/graphics/webdesign.png);
    background-repeat: no-repeat;
    background-position: center 10px;
    padding: 106px 15px 15px;
    color: #FFF !important;
    text-shadow: -1px -1px 0 rgba(0,0,0,.5);
    text-align: center;
    -webkit-box-shadow: 0 10px 22px 7px rgba(0,0,0,0.75);
    -moz-box-shadow: 0 10px 22px 7px rgba(0,0,0,0.75);
    box-shadow: 0 10px 22px 7px rgba(0,0,0,0.75);
    position: relative;
    z-index: 1000
}

    .noScript .h1 {
        color: #FFF;
        margin-top: 10px
    }

    .noScript a {
        text-decoration: underline;
        color: #FF0
    }

        .noScript a:hover {
            text-decoration: none
        }

.tourGuide {
    position: relative;
    font-family: "felt-tip-roman",sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.22em;
    z-index: 10000
}

    .tourGuide .container {
        position: absolute;
        width: 200px;
        right: 0;
        opacity: .98
    }

    .tourGuide .arrow_box {
        position: relative;
        background: #9ba90e;
        border: 2px solid #5b6400;
        -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.50);
        -moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.50);
        box-shadow: 0 5px 5px 0 rgba(0,0,0,0.50)
    }

        .tourGuide .arrow_box:after, .tourGuide .arrow_box:before {
            bottom: 100%;
            left: 60%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none
        }

        .tourGuide .arrow_box:after {
            border-color: rgba(155,169,14,0);
            border-bottom-color: #9ba90e;
            border-width: 10px;
            margin-left: -10px
        }

        .tourGuide .arrow_box:before {
            border-color: rgba(91,100,0,0);
            border-bottom-color: #5b6400;
            border-width: 13px;
            margin-left: -13px
        }

    .tourGuide p {
        text-align: left
    }

        .tourGuide p a {
            display: block;
            margin: 10px 0 0;
            background-color: #5b6400;
            border-radius: 25px;
            padding: 5px 8px;
            font-weight: 700;
            text-align: center;
            text-decoration: none !important
        }

            .tourGuide p a:hover {
                background-color: #fff;
                color: #5b6400
            }

#accessbar {
    width: auto;
    height: 1px;
    position: relative;
    padding: 0;
    margin: -1px 0 0
}

    #accessbar li {
        position: absolute;
        display: block;
        margin: 0;
        padding: 0;
        height: 1px;
        z-index: 1000
    }

.skip_content {
    position: absolute;
    top: 0;
    left: -1000px;
    background: #024E7D;
    color: #fff !important;
    padding: 10px;
    white-space: nowrap
}

    .skip_content:focus {
        left: 3px;
        top: 3px;
        text-decoration: underline;
        box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
        outline-width: 3px;
        outline-style: dotted;
        outline-color: #09f;
        border-radius: 0 0 0 0
    }

    .skip_content:hover {
        text-decoration: none
    }

.serviceMessages .row:first-of-type .callout {
    margin-top: 20px
}

.serviceMessages .callout a:last-of-type {
    text-decoration: underline;
    color: #000
}

.serviceMessages .callout a:hover {
    text-decoration: none
}

.callout {
    margin: 0 0 1rem;
    padding: 1rem;
    border: 1px solid rgba(10,10,10,0.25);
    border-radius: 0;
    position: relative;
    color: #0a0a0a;
    background-color: #fff
}

    .callout > :first-child {
        margin-top: 0
    }

    .callout > :last-child, .callout > p:last-of-type {
        margin-bottom: 0 !important
    }

    .callout.primary {
        background-color: #def2f8
    }

    .callout.secondary {
        background-color: #fcfcfc
    }

    .callout.alert {
        background-color: #fcd6d6
    }

    .callout.success {
        background-color: #e6f7d9
    }

    .callout.warning {
        background-color: #fff3d9
    }

    .callout.body-font {
        background-color: #dedede
    }

    .callout.header {
        background-color: #dedede
    }

    .callout.small {
        padding: .5rem
    }

    .callout.large {
        padding: 3rem
    }

.serviceMessages .wysiwyg .h1, .serviceMessages .wysiwyg .h2, .serviceMessages .wysiwyg .h3, .serviceMessages .wysiwyg .h4 {
    color: #000
}

.close-button {
    position: absolute;
    color: #8a8a8a;
    right: 1rem;
    top: .5rem;
    font-size: 2em;
    line-height: 1;
    cursor: pointer;
    background-color: transparent;
    border: 0 !important
}

[data-whatinput='mouse'] .close-button {
    outline: 0
}

.close-button:hover, .close-button:focus {
    color: #0a0a0a;
    outline: none !important;
    outline-style: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

.menu {
    margin: 0;
    list-style-type: none
}

    .menu > li {
        display: table-cell;
        vertical-align: middle
    }

[data-whatinput='mouse'] .menu > li {
    outline: 0
}

.menu > li > a {
    display: block;
    padding: .7rem 1rem;
    line-height: 1
}

.menu input, .menu a, .menu button {
    margin-bottom: 0
}

.menu > li > a img, .menu > li > a i, .menu > li > a svg {
    vertical-align: middle
}

    .menu > li > a img + span, .menu > li > a i + span, .menu > li > a svg + span {
        vertical-align: middle
    }

.menu > li > a img, .menu > li > a i, .menu > li > a svg {
    margin-right: .25rem;
    display: inline-block
}

.menu > li {
    display: table-cell
}

.menu.vertical > li {
    display: block
}

@media screen and (min-width: 40em) {
    .menu.medium-horizontal > li {
        display: table-cell
    }

    .menu.medium-vertical > li {
        display: block
    }
}

@media screen and (min-width: 64em) {
    .menu.large-horizontal > li {
        display: table-cell
    }

    .menu.large-vertical > li {
        display: block
    }
}

.menu.simple li {
    line-height: 1;
    display: inline-block;
    margin-right: 1rem
}

.menu.simple a {
    padding: 0
}

.menu.align-right::before, .menu.align-right::after {
    content: ' ';
    display: table
}

.menu.align-right::after {
    clear: both
}

.menu.align-right > li {
    float: right
}

.menu.expanded {
    width: 100%;
    display: table;
    table-layout: fixed
}

    .menu.expanded > li:first-child:last-child {
        width: 100%
    }

.menu.icon-top > li > a {
    text-align: center
}

    .menu.icon-top > li > a img, .menu.icon-top > li > a i, .menu.icon-top > li > a svg {
        display: block;
        margin: 0 auto .25rem
    }

.menu.nested {
    margin-left: 1rem
}

.menu .active > a {
    color: #fefefe;
    background: #2ba6cb
}

.left {
    float: left
}

.right {
    float: right
}

.center {
    text-align: center
}

.fullWidth {
    width: 100%;
    clear: both
}

.alignCenter {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    float: none !important
}

.clear {
    clear: both
}

span.clear {
    display: block
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    left: 103px;
    top: 71px
}

.content {
    word-wrap: normal;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

.marginTop {
    margin-top: 20px !important
}

.marginBottom {
    margin-bottom: 20px !important
}

.noMarginTop {
    margin-top: 0 !important
}

.noMarginBottom {
    margin-bottom: 0 !important
}

.paddingTop {
    padding-top: 20px
}

.paddingBottom {
    padding-bottom: 20px
}

.borderBottom {
    border: 1px solid #ccc
}

.textCentre {
    text-align: center
}

.uppercase {
    text-transform: uppercase
}

.debug .decorWrap {
    background-color: #333
}

.debug .wrapper {
    background-color: #0CF
}

.debug .row {
    background-color: #FC0;
    margin-bottom: 1px
}

    .debug .row .block {
        background-color: #F30
    }

.debug .sideBarLayout .main {
    background-color: #CF3
}

.debug .sideBarLayout .sidebar {
    background-color: #C6C
}

.debug .fullBlock {
    background-color: #FFF
}

.wrapper {
    max-width: 1280px;
    margin: 0 auto
}

.lt-ie9 body {
    min-width: 960px
}

.wrapper .row:before, .wrapper .row:after {
    content: " ";
    display: table
}

.wrapper .row:after {
    clear: both
}

.fullBlock {
    display: block;
    margin: 0 40px 20px
}

.row .block {
    display: block;
    float: left;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%
}

.fullWidthLayout .row.paddingSides {
    padding: 0 40px
}

.fullWidthLayout .row .block {
    width: 100%
}

    .fullWidthLayout .row .block.oneCol {
        width: 48.333333333333%;
        margin-left: 25.8333333%
    }

    .fullWidthLayout .row .block.twoCol {
        width: 48.333333333333%;
        margin-right: 3.333333333333%
    }

    .fullWidthLayout .row .block.threeCol {
        width: 31.083333333333%;
        margin-right: 3.333333333333%
    }

    .fullWidthLayout .row .block.fourCol {
        width: 23.75%;
        margin-right: 1.666666666667%
    }

.fullWidthLayout .content {
    padding-top: 20px;
    padding-bottom: 20px
}

.fullWidthLayout .sidebar {
    display: none
}

.lt-ie9 .fullWidthLayout .row .block.twoCol {
    width: 48%;
    margin-right: 2%
}

.lt-ie9 .fullWidthLayout .row .block.threeCol {
    width: 32%;
    margin-right: 1%
}

.lt-ie9 .fullWidthLayout .row .block.fourCol {
    width: 23%;
    margin-right: 2%
}

.sideBarLayout .content, .sideBarLayout .sidebar {
    float: left;
    padding-top: 20px;
    padding-bottom: 20px
}

    .sideBarLayout .sidebar .paddingSides {
        padding: 0 40px
    }

.sideBarLayout.leftSidebar .content {
    float: none;
    display: inline-block
}

.sideBarLayout.leftSidebar .sidebar {
    float: right
}

.sideBarLayout .content {
    width: 74.609375%;
    padding-top: 20px
}

.sideBarLayout .sidebar {
    width: 25.390625%
}

.sideBarLayout .row.paddingSides {
    padding: 0 40px
}

.sideBarLayout .row .block.twoCol {
    width: 47.7%;
    margin-right: 4.6%
}

.sideBarLayout .row .block.threeCol {
    width: 30.2%;
    margin-right: 4.6%
}

.sideBarLayout .row .block.fourCol {
    width: 23.3%;
    margin-right: 2.2%
}

.lt-ie9 .sideBarLayout .row.paddingSides {
    padding: 0 40px
}

.lt-ie9 .sideBarLayout .row .block {
    width: 98%;
    margin-right: 0
}

    .lt-ie9 .sideBarLayout .row .block.twoCol {
        width: 48%;
        margin-right: 2%
    }

    .lt-ie9 .sideBarLayout .row .block.threeCol {
        width: 32%;
        margin-right: 1%
    }

    .lt-ie9 .sideBarLayout .row .block.fourCol {
        width: 23%;
        margin-right: 2%
    }

.row .block:last-of-type, .lt-ie9 .row .block.last {
    margin-right: 0 !important
}

.decorWrap.header {
    background-color: #0079c2
}

#allServicesNav .wrapper {
    position: relative;
    background: #444
}

    #allServicesNav .wrapper:after {
        bottom: 100%;
        right: 45px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(68,68,68,0);
        border-bottom-color: #444;
        border-width: 15px;
        margin-left: -15px
    }

.lt-ie9 #allServicesNav .wrapper:after {
    right: 70px !important
}

.colour1 {
    background-color: #005c94;
    color: #FFF
}

.colour2 {
    background-color: #444;
    color: #FFF
}

.colour3 {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.colour4 {
    background-color: #EAF4FA
}

.colour2 .pipe {
    opacity: .3;
    padding-left: 3px
}

.decorWrap.footer {
    background-color: #444;
    color: #FFF
}

.decorWrap.credits {
    background-color: #242424;
    color: #393939;
    font-family: "felt-tip-roman",sans-serif;
    font-style: normal;
    font-weight: 400
}

    .decorWrap.credits a {
        color: #393939
    }

.sideBarLayout {
    background-image: url(https://www.thestorey.co.uk/graphics/sidebar-cccccc.gif);
    background-repeat: repeat-y;
    background-position: right top
}

    .sideBarLayout.theme1 {
        background-image: url(https://www.thestorey.co.uk/graphics/sidebar-theme1.png);
        background-size: 25.390625%;
        background-position: right
    }

body {
    font-family: "aktiv-grotesk-std",sans-serif;
    background-color: #FFF
}

    body .wysiwyg h1, body .wysiwyg .h1, body #formsMaster h1, body #formsMaster .h1 {
        font-family: "myriad-pro",sans-serif;
        font-style: normal;
        font-weight: 400;
        color: #c2986e
    }

.wysiwyg h2, .wysiwyg .h2, #formsMaster h2, #formsMaster .h2, #article DIV#modgov h2 {
    font-family: "myriad-pro",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #c2986e !important;
    font-style: normal;
    font-weight: 500
}

#article DIV#modgov .mgSectionTitleLnk {
    color: #2171a2 !important;
    font-weight: 500;
    text-decoration: none !important;
    font-size: 1.16667rem;
    margin-bottom: 1.41429rem
}

    #article DIV#modgov .mgSectionTitleLnk:hover {
        text-decoration: underline !important
    }

.wysiwyg h3, .wysiwyg .h3 {
    color: #666;
    font-style: normal;
    font-family: "myriad-pro",sans-serif;
    font-style: normal;
    font-weight: 400
}

.wysiwyg h4, .wysiwyg .h4, .wysiwyg caption {
    color: #666;
    font-style: normal;
    font-family: "myriad-pro",sans-serif;
    font-style: normal;
    font-weight: 400
}

.wysiwyg h5, .wysiwyg .h5, .wysiwyg h6, .wysiwyg .h6 {
    font-family: "myriad-pro",sans-serif;
    font-style: normal;
    font-weight: 400
}

.wysiwyg p {
    font-family: "aktiv-grotesk-std",sans-serif;
    font-style: normal;
    font-weight: 300
}

.wysiwyg a {
    font-weight: 600
}

.wysiwyg hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    clear: both
}

.wysiwyg .modified-date {
    color: #666;
    font-style: normal;
    font-weight: 700
}

a.chapterNav {
    text-decoration: none !important
}

.chapterNav .blockParent {
    display: block;
    border: 1px solid #CCC;
    padding: 15px 40px;
    text-transform: capitalize;
    background-color: #f4f4f4
}

a.chapterNav:hover .blockParent {
    background-color: #dcdcdc
}

a.chapterNav.active .blockParent, a.chapterNav.active:hover .blockParent {
    background-color: #FFF !important;
    background-image: none !important;
    cursor: help
}

a.chapterNav .blockParent span.part {
    display: block;
    color: #333;
    font-size: .778em;
    font-weight: 800
}

a.chapterNav .blockParent span.subTitle {
    display: block;
    color: #333;
    font-size: .778em;
    font-weight: 300
}

.parallax-container {
    overflow: hidden;
    position: relative;
    z-index: 1
}

    .parallax-container.smallHeight {
        height: 330px
    }

    .parallax-container.mediumHeight {
        height: 500px
    }

    .parallax-container.largeHeight {
        height: 100vh
    }

.banner {
    width: 100%;
    height: 33vh;
    position: relative;
    display: block;
    overflow: hidden
}

div.banner.smallHeight {
    height: 330px
}

div.banner.mediumHeight {
    height: 500px
}

div.banner.largeHeight {
    min-height: 660px;
    height: 100vh
}

div.bannerWallpaper {
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

    div.bannerWallpaper.parallax {
        display: block;
        position: absolute;
        width: 100%;
        top: auto;
        right: auto;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top
    }

.smallHeight div.bannerWallpaper.parallax {
    height: 600px
}

.mediumHeight div.bannerWallpaper.parallax {
    height: 800px
}

.largeHeight div.bannerWallpaper.parallax {
    height: 120vh
}

div.banner .wrapper {
    position: relative;
    top: 50%;
    z-index: 2
}

div.banner p.h1 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
    z-index: 1;
    text-align: center !important;
    background-image: url(../graphics/black65.png);
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0,0,0,1);
    margin-right: auto !important;
    margin-left: auto !important;
    position: relative;
    font-family: "myriad-pro",sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: normal !important;
    z-index: 1
}

    div.banner p.h1 small {
        color: inherit;
        display: block;
        padding: 20px 0;
        font-size: 18px
    }

div.banner.smallHeight p.h1 {
    margin-top: -60px
}

div.banner.mediumHeight p.h1 {
    margin-top: -67px
}

div.banner.largeHeight p.h1 {
    top: -58px
}

div.banner.smallHeight p.h1.withOptionalText {
    margin-top: -83px
}

div.banner.mediumHeight p.h1.withOptionalText {
    margin-top: -90px
}

div.banner.largeHeight p.h1.withOptionalText {
    top: -90px
}

/* resets for wrapper header banner + 173px */
.wrapperWallpaper { background-repeat: no-repeat; background-size: cover; background-position: center top; }
.wrapperWallpaper div.banner.largeHeight p.h1 {
	top: -231px
}
.wrapperWallpaper div.banner.largeHeight p.h1.withOptionalText {
	top: -263px
}


.taskIcons {
    clear: both
}

.header .h1 {
    margin: 0 !important;
    line-height: 0 !important
}

    .header .h1 strong {
        font-weight: 300
    }

.header .block.last {
    padding-top: 10px
}

.searchHeader {
    position: relative;
    display: block;
    width: 100%
}

    .searchHeader p, .searchHeader label {
        width: 100%
    }

    .searchHeader p {
        background-color: #fff;
        line-height: normal;
        margin: 0
    }

    .searchHeader .headerSearch {
        width: 90%;
        margin: 0;
        float: right;
        font-size: 1em;
        line-height: 41px;
        text-indent: 10px;
        padding-right: 50px;
        border: 1px solid #ccc;
        min-height: 41px
    }

    .searchHeader .headerSearchButton {
        position: absolute;
        right: 0;
        margin-right: 1px;
        z-index: 1;
        width: 45px;
        height: 45px;
        border: none;
        background-color: transparent;
        background-image: url(../graphics/searchButtonIcon.png);
        background-repeat: no-repeat;
        background-size: cover;
        zoom: 1;
        filter: alpha(opacity=20);
        opacity: .2
    }

        .searchHeader .headerSearchButton:focus, .searchHeader .headerSearchButton:hover {
            filter: alpha(opacity=40);
            opacity: 1
        }

        .searchHeader .headerSearchButton:focus {
            outline-width: 3px;
            outline-style: dotted;
            outline-color: #09f
        }

.lt-ie9 .searchHeader .headerSearch {
    height: 41px
}

.lt-ie9 .searchHeader .headerSearchButton {
    background-image: url(https://www.thestorey.co.uk/graphics/searchButtonIcon-legacy.gif);
    filter: alpha(opacity=100)
}

.topLinks {
    width: 100%;
    padding-top: 10px;
    clear: both;
    text-align: right;
    font-size: .889em;
    line-height: 30px
}

    .topLinks p {
        margin: 0 !important
    }

    .topLinks .column {
        display: block;
        float: left;
        width: 33%;
        text-align: center
    }

        .topLinks .column.first {
            text-align: left
        }

        .topLinks .column.last {
            text-align: right
        }

    .topLinks, .topLinks a {
        color: #FFF
    }

        .topLinks .pipe {
            padding: 0 10px
        }

        .topLinks .count {
            display: inline-block;
            background-color: #9ba90e;
            border: 1px solid #c2d500;
            border-radius: 3px;
            padding: 0 5px;
            margin: 0 10px;
            line-height: normal;
            text-shadow: #333;
            text-shadow: 1px 1px 1px rgba(0,0,0,0.5)
        }

.allServices .icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-left: 10px;
    vertical-align: bottom;
    background-image: url(../graphics/hamburgerMenuIcon.png);
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: background-size 1s ease-in-out;
    -moz-transition: background-size 1s ease-in-out;
    -ms-transition: background-size 1s ease-in-out;
    -o-transition: background-size 1s ease-in-out;
    transition: background-size 1s ease-in-out
}

.allServices:hover .icon, .allServices.active .icon {
    background-size: cover
}

.allServices.active .icon {
    background-image: url(https://www.thestorey.co.uk/graphics/hamburgerMenuIconActive.png)
}

.allServices.active:hover .icon {
    background-image: url(../graphics/hamburgerMenuIcon.png);
    background-size: 80%
}

.breadcrumb {
    padding: 5px 0;
    margin: 0 !important;
    font-size: .778em;
    background: #333;
    color: #666
}

    .breadcrumb.greyPipe {
        color: #FFF !important
    }

        .breadcrumb.greyPipe span.grey {
            color: #666 !important
        }

    .breadcrumb ul {
        margin: 0;
        padding-left: 0;
        list-style-type: none
    }

    .breadcrumb li {
        display: inline
    }

    .breadcrumb a, .breadcrumb .activePage {
        color: #FFF;
        display: inline-block;
        padding: 0 10px
    }

    .breadcrumb .activePage {
        cursor: help
    }

@media only screen and (max-width: 400px) {
    .headerSearchMobile {
        width: 80% !important
    }

    .headerSearchMobileButton {
        width: 16% !important
    }
}

@media only screen and (max-width: 767px) {
    .header .h1 img {
        height: 43px;
        margin: 5px 0 0 10px
    }

    .header .fullWidthLayout .row.paddingSides .block {
        width: 50%;
        padding: 0
    }

    .headerSearchMobile {
        width: 87%
    }

    .headerSearchMobileButton {
        width: 9%
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .header .fullWidthLayout .row.paddingSides {
        padding: 0
    }

    .header .block {
        margin: 0 !important;
        padding: 0 !important
    }

    .header .h1 a {
        color: #FFF;
        text-decoration: none
    }

    .header .block.last {
        padding-top: 10px
    }

    .header .menuLinks.mobileOnly {
        display: block;
        text-align: right;
        float: right;
        width: 100%
    }

        .header .menuLinks.mobileOnly ul {
            margin: 0 !important;
            padding: 0;
            font-size: 0
        }

            .header .menuLinks.mobileOnly ul li {
                display: inline-block !important;
                margin: 0 0 0 1px
            }

        .header .menuLinks.mobileOnly a {
            display: block;
            width: 52px;
            height: 53px
        }

            .header .menuLinks.mobileOnly a .icon {
                display: block;
                width: inherit;
                height: inherit;
                background-size: 70%;
                background-position: center;
                background-repeat: no-repeat;
                zoom: 1;
                filter: alpha(opacity=50);
                opacity: .5
            }

            .header .menuLinks.mobileOnly a:hover .icon {
                filter: alpha(opacity=80);
                opacity: .8
            }

            .header .menuLinks.mobileOnly a.mobileMenu .icon {
                background-image: url(https://www.thestorey.co.uk/graphics/mobileMenuIcon.png)
            }

            .header .menuLinks.mobileOnly a.mobileMenu.active .icon {
                background-image: url(https://www.thestorey.co.uk/graphics/mobileMenuIcon-active.png)
            }

            .header .menuLinks.mobileOnly a.mobileSearch .icon {
                background-image: url(https://www.thestorey.co.uk/graphics/mobileSearchIcon.png)
            }

            .header .menuLinks.mobileOnly a.mobileSearch.active .icon {
                background-image: url(https://www.thestorey.co.uk/graphics/mobileSearchIcon-active.png)
            }

            .header .menuLinks.mobileOnly a.mobileUser .icon {
                background-image: url(https://www.thestorey.co.uk/graphics/mobileAccountIcon.png)
            }

            .header .menuLinks.mobileOnly a.mobileUser.active .icon {
                background-image: url(https://www.thestorey.co.uk/graphics/mobileAccountIcon-active.png)
            }

            .header .menuLinks.mobileOnly a.active {
                background-color: #c3d600
            }

            .header .menuLinks.mobileOnly a.allServicesMobileTigger.active {
                background-color: #444
            }

                .header .menuLinks.mobileOnly a.allServicesMobileTigger.active .icon {
                    background-image: url(https://www.thestorey.co.uk/graphics/mobileMenuIcon.png);
                    filter: alpha(opacity=100);
                    opacity: 1
                }

    .searchHeader {
        display: none
    }

    .headerMobileBlock {
        background-color: #c3d600
    }

    .searchHeaderMobile {
        display: block;
        padding: 20px
    }

        .searchHeaderMobile p {
            margin: 0;
            line-height: normal
        }

    .headerSearchMobile {
        font-size: 1em;
        line-height: 41px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding: 0 10px;
        margin: 0 1% 0 0;
        border: none
    }

    .headerSearchMobileButton {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding: 0 10px;
        font-size: 1em;
        line-height: 41px;
        border: none;
        float: right;
        background-color: #616a10;
        color: #FFF;
        font-weight: 700
    }

    .headerMobileBlock nav {
        padding: 0
    }

        .headerMobileBlock nav ul {
            margin: 0;
            padding: 0
        }

            .headerMobileBlock nav ul li {
                border-bottom: 1px solid #9ba90e
            }

                .headerMobileBlock nav ul li:last-of-type {
                    border: none
                }

                .headerMobileBlock nav ul li a {
                    padding: 10px 20px;
                    display: block;
                    color: #616A10;
                    text-decoration: none
                }
}

@media only screen and (min-width: 768px) {
    #mobileNavBlocks {
        display: none !important
    }

    .header .menuLinks.mobileOnly a:focus {
        outline: none
    }
}

.signpost a {
    text-decoration: none
}

    .signpost a:hover, .signpost a:focus {
        text-decoration: underline !important
    }

.colour1 .signpost a, .colour2 .signpost a {
    color: #FFF
}

.signpost a.subs {
    color: #CCC
}

.taskIcons .signpost .taskIcon, .taskIcons .signpost .strings {
    display: block;
    float: left;
    min-height: 150px
}

    .taskIcons .signpost .strings .pipe {
        display: inline-block;
        padding: 0 5px
    }

.taskIcons .signpost .taskIcon {
    width: 43%
}

#allServicesNav p.h2 {
    font-weight: 300
}

.taskIcons.topTasks a {
    text-decoration: none !important;
    border-radius: 10px
}

.taskIcons.topTasks p {
    display: block;
    padding: 10px
}

.taskIcons.topTasks.colour1 a:hover {
    background-color: #003758
}

.taskIcons.topTasks.colour1 a:focus {
    background-color: #003758;
    border-radius: 0
}

.taskIcons.topTasks p {
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

.taskIcons.topTasks .signpost {
    text-align: center
}

    .taskIcons.topTasks .signpost .taskIcon, .taskIcons.topTasks .signpost .strings {
        float: none;
        min-height: 0
    }

    .taskIcons.topTasks .signpost .strings {
        width: auto;
        padding-right: 0
    }

        .taskIcons.topTasks .signpost .strings .title {
            font-weight: 600;
            font-size: 1rem
        }

    .taskIcons.topTasks .signpost .taskIcon {
        width: 100%
    }

.lt-ie9 .taskIcons.topTasks .signpost .taskIcon {
    width: 100px !important;
    height: 78px;
    margin: 0 auto
}

.taskIcons.topTasks .icon {
    margin: 0 auto;
    width: 100px !important;
    height: 78px;
    background-position: center;
    background-size: 88px 88px;
    background-position: center 0
}

.taskIcons.topTasks .signpost .strings .title {
    line-height: normal !important;
    padding-bottom: 5px !important
}

.taskIcons .icon {
    display: block;
    width: 100%;
    height: 150px;
    background-repeat: no-repeat;
    background-size: 100px 100px;
    background-position: right 5px
}

.taskIcons .threeCol .icon, .taskIcons .twoCol .icon {
    background-size: 100px 100px
}

.taskIcons.colour2 .icon {
    opacity: .4
}

.taskIcons .signpost .strings {
    width: 53%;
    padding-right: 4%
}

    .taskIcons .signpost .strings .title {
        font-weight: 700;
        padding-bottom: 10px;
        display: block
    }

.signpost .strings {
    -webkit-hyphens: none;
    hyphens: none;
    -ms-hyphens: none
}

.taskIcons .signpost .strings a:focus {
    display: inline-block
}

.taskIcons.colour1 .signpost .strings .title {
    color: #FFF;
    text-shadow: 0 1px 1px #000
}

.taskIcons .signpost .strings p.subs {
    font-size: .889em;
    font-weight: 300;
    line-height: 25px
}

    .taskIcons .signpost .strings p.subs a {
        line-height: normal;
        margin-bottom: 15px;
        white-space: pre-line
    }

        .taskIcons .signpost .strings p.subs a.last {
            clear: right
        }

        .taskIcons .signpost .strings p.subs a.viewAll {
            padding: 5px 10px;
            background-color: #0079C2;
            color: #FFF;
            display: table !important;
            white-space: nowrap;
            margin-top: 15px
        }

.taskIcons.hideIcons .signpost .taskIcon {
    display: none
}

.taskIcons.hideIcons .signpost .strings {
    display: block;
    margin-right: 20px;
    margin-left: 20px
}

.textOnlyLinks .signpost .taskIcon {
    display: none
}

.textOnlyLinks .signpost .strings {
    margin-right: 20px;
    margin-left: 20px
}

    .textOnlyLinks .signpost .strings .title {
        font-size: 1.11rem;
        font-weight: 600;
        text-shadow: 0 1px 1px #000;
        margin-bottom: 10px;
        display: block;
        padding-left: 20px;
        background-image: url(https://www.thestorey.co.uk/graphics/allServicesArrow.png);
        background-repeat: no-repeat;
        background-position: left 10px;
        background-size: 10px
    }

.lt-ie9 .textOnlyLinks .signpost .strings .title {
    background-image: url(https://www.thestorey.co.uk/graphics/allServicesArrow-legacy.gif);
    background-position: left top
}

.textOnlyLinks .signpost .strings a:focus {
    display: inline-block
}

a.viewMore {
    font-weight: 500
}

.viewMore .arrow-down-viewmore {
    background: url(https://www.thestorey.co.uk/graphics/icn-arrow-down-blue.png) 93% 5% no-repeat;
    width: 17px;
    height: 10px;
    display: inline-block;
    background-size: cover;
    margin-left: 5px
}

.viewMore.active .arrow-down-viewmore {
    background: url(https://www.thestorey.co.uk/graphics/icn-arrow-up-blue.png) 93% 5% no-repeat;
    width: 17px;
    height: 10px;
    display: inline-block;
    background-size: cover;
    margin-left: 5px
}

.lt-ie9 .viewMore .arrow-down-viewmore {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lancaster.gov.uk/graphics/icn-arrow-down-blue.png',sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lancaster.gov.uk/graphics/icn-arrow-down-blue.png',sizingMethod='scale')
}

.lt-ie9 .viewMore.active .arrow-down-viewmore {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lancaster.gov.uk/graphics/icn-arrow-up-blue.png',sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lancaster.gov.uk/graphics/icn-arrow-up-blue.png',sizingMethod='scale')
}

.button, a.button, button.button, input.button, .alertify-button, .alertify-button-ok, .btn, #article DIV#modgov INPUT#butGo, DIV#modgov INPUT.mgGoButton, DIV#modgov INPUT.mgSubmitButton {
    display: inline-block;
    font-size: 1.333em;
    line-height: 1.25em;
    padding: 5px 15px;
    font-weight: 200;
    color: #FFF !important;
    background-color: #9ba90e !important;
    text-decoration: none !important;
    border-radius: 5px;
    vertical-align: text-top;
    border: 1px solid #9ba90e;
    text-align: center;
    box-sizing: border-box
}

    .button:hover, .btn:hover, #article DIV#modgov INPUT#butGo:hover, DIV#modgov INPUT.mgGoButton:hover, DIV#modgov INPUT.mgSubmitButton:hover {
        background-color: #818c0d;
        border-color: #818c0d
    }

    .button.fullButton {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .button.alt, a.button.alt, button.button.alt, input.button.alt, .alertify-button-cancel {
        background-color: #9a9a9a;
        border-color: #9a9a9a
    }

        .button.alt:hover, a.button.alt:hover, button.button.alt:hover, input.button.alt:hover, .alertify-button-cancel:hover {
            background-color: gray;
            border-color: gray
        }

    button.disabled, .button.disabled, button:disabled, .button.disabled, .alertify-button-ok.disabled {
        opacity: .45;
        cursor: not-allowed
    }

.buttonGroup .button {
    margin-right: 15px;
    margin-bottom: 15px
}

.button .arrow-down {
    width: 40px;
    height: 16px;
    display: inline-block;
    z-index: 101;
    background-image: url(../graphics/ui/arrow-down.png);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center center
}

.lt-ie9 .button .arrow-down {
    background: none
}

.button.moreButton {
    background-color: #f4f4f4 !important;
    border-color: #f4f4f4;
    color: #2171a2 !important;
    padding-right: 25px;
    padding-left: 25px;
    font-weight: 300 !important
}

    .button.moreButton:hover {
        background-color: #ccc !important;
        color: #444 !important
    }

.button.squared {
    border-radius: 0
}

.button.reset, input[type="reset"], button[type="reset"] {
    background-color: #666;
    border-color: #666
}

    .button.reset:hover, input[type="reset"]:hover, button[type="reset"]:hover {
        background-color: #333;
        border-color: #333
    }

.taskButtons {
    margin-bottom: 1.11em;
    overflow: hidden
}

a.contentTaskButton, a.taskButton {
    display: block;
    text-align: center;
    text-decoration: none !important;
    padding: 20px;
    border-radius: 5px;
    -webkit-hyphens: none;
    hyphens: none;
    -ms-hyphens: none
}

    a.taskButton span.title, a.contentTaskButton span.title {
        font-family: sans-serif;
        font-style: normal;
        display: block;
        line-height: normal !important
    }

    a.taskButton:first-letter, a.contentTaskButton:first-letter {
        text-transform: capitalize
    }

a.taskButton {
    background-color: #005c94;
    color: #FFF !important
}

    a.taskButton span.title {
        font-weight: 700
    }

    a.taskButton:hover {
        background-color: #024e7d
    }

a.contentTaskButton {
    background-color: #004D7F;
    color: #FFF
}

    a.contentTaskButton span.title {
        font-weight: 300
    }

    a.contentTaskButton:hover {
        background-color: #0F5C8A
    }

.highlight, .info {
    padding: 1.5em;
    margin: 1.5em 0;
    -webkit-hyphens: none;
    hyphens: none;
    -ms-hyphens: none;
    clear: both
}

.highlight {
    background: #ffbc99
}

    .highlight p {
        font-size: 114%
    }

    .highlight p, .info p {
        margin: 0 !important
    }

.info {
    background: #e3f4fe
}

    .info p {
        font-size: 1.11em
    }

.notes .note {
    background-color: #FFE168;
    padding: 1.5em;
    margin: 1.5em 0;
    color: #000
}

    .notes .note h2 {
        font-size: 114%;
        color: #000 !important;
        font-weight: 600
    }

    .notes .note p {
        color: #000 !important
    }

        .notes .note p:last-of-type, .notes .note .button:last-of-type {
            margin-bottom: 0
        }

.icn-x {
    display: block;
    float: right;
    width: 45px;
    height: 45px;
    margin: 0 0 20px 20px;
    text-indent: -9999em;
    background-image: url(https://www.thestorey.co.uk/graphics/icn-x.png);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: .2;
    filter: alpha(opacity=20)
}

.arrow_box {
    position: relative;
    background: #E3F4FE;
    border: 1px solid #;
    display: block;
    text-align: center;
    margin-top: 10px;
    line-height: normal !important;
    padding: 15px;
    border-radius: 5px;
    font-size: .889em
}

    .arrow_box:after, .arrow_box:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    .arrow_box:after {
        border-color: rgba(227,244,254,0);
        border-bottom-color: #E3F4FE;
        border-width: 10px;
        margin-left: -10px
    }

    .arrow_box:before {
        border-color: rgba(0,0,0,0);
        border-bottom-color: #;
        border-width: 11px;
        margin-left: -11px
    }

.contentImg {
    width: 47.7%
}

    .contentImg.width200 {
        width: 200px
    }

    .contentImg.width150 {
        width: 150px
    }

    .contentImg.width100 {
        width: 100px
    }

    .contentImg img {
        width: 100%
    }

    .contentImg.right, .contentVid.right {
        margin: 1.5em 0 2em 4.6%;
        clear: right
    }

    .contentImg.left, .contentVid.left {
        margin: 1.5em 4.6% 2em 0;
        clear: left
    }

    .contentImg.center, .contentVid.center {
        margin: 1.5em auto 2em;
        width: 100%;
        clear: both
    }

        .contentImg.center img, .contentVid.center video, .contentVid.center iframe {
            width: 100%
        }

        .contentVid.center video, .contentVid.center iframe {
            margin-bottom: 0 !important
        }

        .contentVid.center .flex-video {
            position: relative;
            height: 0;
            padding-bottom: 75%;
            margin-bottom: 1rem;
            overflow: hidden
        }

            .contentVid.center .flex-video iframe, .contentVid.center .flex-video object, .contentVid.center .flex-video embed, .contentVid.center .flex-video video {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%
            }

    .contentImg p, .contentVid p {
        font-size: .889em;
        line-height: normal
    }

    .contentImg.right:first-of-type, .contentVid.right:first-of-type, .contentImg.center:first-of-type, .contentVid.center:first-of-type .contentImg.left:first-of-type, .contentVid.left:first-of-type {
        margin-top: 0 !important
    }

.noJSmessage {
    display: none
}

.no-js .noJSmessage {
    display: block
}

.no-js .video-controls {
    display: none
}

.mediaContainer, .video-controls {
    background-color: #fbfbfb
}

.newMedia {
    display: block
}

    .newMedia.right {
        float: right;
        margin-left: 40px;
        width: 50% !important
    }

.mediaContainer {
    padding: 1em 1em 0;
    margin-bottom: 1em
}

.mediaContainer, video {
    border: 1px solid #dcdcdc
}

.lt-ie9 .content video {
    border: 0 none
}

.video-controls {
    padding: 20px 0 0
}

.podcast .video-controls {
    padding: 0
}

.lt-ie9 .content .video-controls, .no-js .content .video-controls {
    display: none
}

.noJSmessage {
    display: none
}

.no-js .noJSmessage {
    display: block
}

.video-controls button, .legacyMediaMessage {
    margin-bottom: 1em
}

@media screen and (min-width:0\0) {
    .fullscreen {
        display: none !important
    }
}

video {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important
}

.legacyMedia {
    position: relative;
    min-width: 100% !important;
    margin-bottom: 1em
}

    .legacyMedia img {
        width: 100%
    }

.legacyDownloadLink, .legacyDownloadLink:hover, .legacyDownloadLink:hover .link {
    text-decoration: none !important
}

    .legacyDownloadLink .link {
        text-decoration: underline
    }

    .legacyDownloadLink small {
        color: #666;
        text-decoration: none !important
    }

.podcast img {
    margin-bottom: 0 !important
}

iframe {
    margin-bottom: 20px;
    border: 0
}

@media only screen and (max-width: 600px) {
    h1, .h1 {
        font-size: 50px;
        font-size: 2.778rem
    }

    h2, .h2 {
        font-size: 38px;
        font-size: 2.111rem
    }

    h3, .h3, /* added in for the FAQ accordion */
    .accordion .accordion-navigation > h2, .accordion .accordion-navigation .content h2 {
        font-size: 26px;
        font-size: 1.444rem
    }

    .contentImg, .contentImg img {
        width: 100% !important
    }

        .contentImg.right, .contentImg.left, .contentImg.center {
            margin: 1.5em auto 2em !important
        }

    .contentVid.right, .contentVid.left, .contentVid.center {
        margin: 1.5em auto 2em !important
    }

    .newMedia.right {
        width: 100% !important
    }

    iframe {
        width: 100%
    }
}

.labelledPairs {
    min-width: 70%;
    margin-bottom: 40px
}

.labelledPair {
    display: block;
    padding-bottom: 1em
}

    .labelledPair:first-of-type {
        padding-top: 1em
    }

    .labelledPair span.label, .labelledPair span.value {
        display: block;
        float: left
    }

    .labelledPair .label {
        width: 30%;
        white-space: nowrap;
        font-weight: 700
    }

    .labelledPair .value {
        width: 65%;
        margin-left: 5%
    }

.wysiwyg table {
    margin: 40px 0;
    width: 100%;
    text-align: left !important;
    vertical-align: top !important;
    table-layout: fixed;
    clear: both
}

.wysiwyg caption {
    text-align: left;
    padding-bottom: 10px
}

.wysiwyg table th, #article DIV#modgov TH {
    background-image: none;
    background-color: #666 !important;
    border: 1px solid #adadad;
    color: #fff;
    margin: 0;
    padding: 6px 10px;
    font-size: .889em
}

#article DIV#modgov TH {
    background-color: #333 !important;
    border-color: #333
}

.wysiwyg td {
    background-color: #f5f5f5;
    border: 1px solid #adadad;
    padding: 6px 10px;
    font-size: .778em
}

.accordion {
    margin-bottom: 40px
}

    .accordion:before, .accordion:after {
        content: " ";
        display: table
    }

    .accordion:after {
        clear: both
    }

    .accordion .accordion-navigation {
        display: block;
        margin-bottom: 1px !important
    }

        .accordion .accordion-navigation > h2 {
            margin-bottom: 0 !important;
            line-height: normal !important;
            font-weight: 500;
            padding: 0 !important;
            font-size: 26px !important;
            font-size: 1.444rem !important
        }

            .accordion .accordion-navigation > h2 a {
                text-decoration: none
            }

                .accordion .accordion-navigation > h2 a.accordionTab.active {
                    background: #e8e8e8;
                    color: #222
                }

                .accordion .accordion-navigation > h2 a.accordionTab {
                    background: #EFEFEF;
                    color: #222;
                    display: block;
                    padding: 20px 70px 20px 20px;
                    transition-property: none;
                    background-image: url(https://www.thestorey.co.uk/graphics/bigArrowDown.png);
                    background-size: 50px 50px;
                    background-repeat: no-repeat;
                    background-position: 99% center
                }

                    .accordion .accordion-navigation > h2 a.accordionTab.active {
                        background-image: url(https://www.thestorey.co.uk/graphics/bigArrowUp.png);
                        background-size: 50px 50px;
                        background-repeat: no-repeat;
                        background-position: 99% center
                    }

                    .accordion .accordion-navigation > h2 a.accordionTab:hover {
                        background-color: #e3e3e3
                    }

        .accordion .accordion-navigation > .content, .sideBarLayout .accordion-navigation > .content {
            display: none;
            padding: 20px;
            float: none !important;
            width: 100% !important;
            box-sizing: border-box !important
        }

            .accordion .accordion-navigation > .content .accordion-navigation {
                margin-top: .83333rem
            }

        .accordion .accordion-navigation > .content {
            display: block;
            border: 1px solid #EFEFEF;
            border-top: 0
        }

            .accordion .accordion-navigation > .content p:last-child {
                margin-bottom: 0 !important
            }

            .accordion .accordion-navigation > .content:focus {
                outline: 1px dotted #09f
            }

.no-js .accordion .accordion-navigation > .content {
    display: block !important
}

.keymatch {
    margin: 1.5em 0
}

    .keymatch .keymatch-indicator {
        margin-bottom: 0
    }

    .keymatch .highlight {
        margin-top: 0
    }

    .keymatch h3 {
        font-size: 1.222em;
        font-weight: 400
    }

    .keymatch a {
        color: #000;
        text-decoration: underline
    }

        .keymatch a:hover {
            text-decoration: none
        }

ul.search-results {
    list-style-type: none;
    padding-left: 0
}

    ul.search-results li a {
        font-size: 1.222em
    }

        ul.search-results li a .left {
            text-decoration: none;
            width: 75%
        }

        ul.search-results li a:hover .left .pageTitle {
            text-decoration: underline
        }

        ul.search-results li a .size {
            color: #999;
            font-size: .75em;
            white-space: nowrap
        }

    ul.search-results li span.link {
        display: block;
        color: #006621;
        font-weight: 700;
        font-size: 14px
    }

    ul.search-results li .pdf, ul.search-results li .word {
        display: block;
        width: 40px !important;
        height: 40px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 85% 85%;
        opacity: .45;
        background-image: url(https://www.thestorey.co.uk/graphics/ui/document.png);
        font-size: 0;
        text-indent: -99999px;
        position: relative;
        margin-right: 15px
    }

    ul.search-results li:hover .pdf {
        opacity: 1
    }

.atozForms {
    list-style-type: none;
    overflow-y: auto;
    font-size: 0;
    margin: 30px 0;
    padding: 1px
}

    .atozForms li {
        display: inline-block;
        text-align: center;
        font-size: 24px;
        width: 7.676609105181%;
        margin: 0
    }

        .atozForms li a {
            display: block;
            line-height: 75px;
            background: #005c94;
            -webkit-box-shadow: inset 0 0 0 1px #333;
            -moz-box-shadow: inset 0 0 0 1px #333;
            box-shadow: inset 0 0 0 1px #333;
            font-weight: 700;
            color: #FFF
        }

.ie8 .atozForms li a {
    background-image: url(https://www.thestorey.co.uk/graphics/a-zCategory-link-ie8.png)
}

.atozForms li a:hover {
    background: #024e7d
}

.atozForms li.active a {
    background: #333;
    color: #FFF;
    webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.pagination {
    padding-left: 0;
    text-align: center;
    list-style-type: none
}

    .pagination li {
        display: inline;
        font-size: 0;
        margin: 0 7px 10px
    }

        .pagination li a, .pagination li span {
            padding: 5px 10px;
            text-transform: capitalize;
            border: 1px solid #ccc;
            border-radius: 5px;
            font-size: 18px;
            text-decoration: none;
            margin-bottom: 16px;
            display: inline-block;
            line-height: normal
        }

        .pagination li a {
            background-color: #f4f4f4
        }

            .pagination li a:hover {
                background-color: #dcdcdc
            }

.tabs {
    padding-left: 0;
    text-align: left;
    list-style-type: none;
    padding-top: 15px
}

    .tabs li {
        display: inline;
        font-size: 0;
        margin: 0 7px 10px
    }

        .tabs li:first-of-type {
            margin-left: 0
        }

        .tabs li a {
            padding: 5px 10px;
            text-transform: capitalize;
            border: 1px solid #ccc;
            border-radius: 5px;
            font-size: 18px;
            text-decoration: none;
            margin-bottom: 16px;
            display: inline-block;
            line-height: normal
        }

            .tabs li a.active {
                background-color: #FFF
            }

        .tabs li a {
            background-color: #f4f4f4
        }

            .tabs li a:hover {
                background-color: #dcdcdc
            }

article.result {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px
}

    article.result .phone, article.result .email, article.result .externalLink {
        padding-left: 35px;
        min-height: 20px;
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 20px 20px
    }

    article.result .email {
        background-image: url(https://www.thestorey.co.uk/graphics/ui/email.png)
    }

    article.result .phone {
        background-image: url(https://www.thestorey.co.uk/graphics/ui/phone.png)
    }

    article.result .externalLink {
        background-image: url(https://www.thestorey.co.uk/graphics/ui/link.png)
    }

.lt-ie9 article.result .email {
    background-image: url(https://www.thestorey.co.uk/graphics/email-legacy.gif)
}

.lt-ie9 article.result .phone {
    background-image: url(https://www.thestorey.co.uk/graphics/phone-legacy.gif)
}

.lt-ie9 article.result .externalLink {
    background-image: url(https://www.thestorey.co.uk/graphics/link-legacy.gif)
}

.thumbResult a {
    text-align: center;
    display: block
}

    .thumbResult a span {
        position: relative;
        overflow: hidden;
        display: block;
        margin-bottom: 15px
    }

.twoCol.thumbResult a span {
    max-height: 350px
}

.threeCol.thumbResult a span {
    max-height: 220px
}

.fourCol.thumbResult a span {
    max-height: 174px
}

.thumbResult a span img {
    width: 100%
}

.application .social {
    padding: 50px 0
}

ul.panelTabs {
    padding-left: 0;
    margin: 0;
    list-style-type: none
}

.panelTabs li {
    display: inline-block;
    margin-right: 15px
}

.panelTabs .button {
    font-size: 1.333em !important
}

.dropDownButton:hover .arrow-down, .dropDownButton:focus .arrow-down {
    background-image: url(https://www.thestorey.co.uk/graphics/ui/arrow-up-ready.png);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center center
}

.lt-ie9 .dropDownButton .arrow-down, .lt-ie9 .dropDownButton .arrow-down, .lt-ie9 .dropDownButton:hover .arrow-down, .lt-ie9 .dropDownButton:focus .arrow-down {
    width: 40px;
    height: 16px;
    background-image: none !important;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lancaster.gov.uk/graphics/ui/arrow-down.png',sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lancaster.gov.uk/graphics/ui/arrow-down.png',sizingMethod='scale')
}

.dropDownButton.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: #fff;
    color: #333 !important;
    border: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    z-index: 99999
}

    .dropDownButton.active .arrow-down {
        background-image: url(https://www.thestorey.co.uk/graphics/ui/arrow-down-ready.png);
        background-size: 70%;
        background-repeat: no-repeat;
        background-position: center center;
        zoom: 1;
        filter: alpha(opacity=45);
        opacity: .45
    }

.lt-ie9 .dropDownButton.active .arrow-down {
    background: none;
    height: 16px;
    background-image: none !important;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lancaster.gov.uk/graphics/ui/arrow-down-ready.png',sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lancaster.gov.uk/graphics/ui/arrow-down-ready.png',sizingMethod='scale')
}

.dropDownButton.active:hover .arrow-down, .dropDownButton.active:focus .arrow-down {
    background-image: url(https://www.thestorey.co.uk/graphics/ui/arrow-up.png);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center center;
    zoom: 1;
    filter: alpha(opacity=70);
    opacity: .7
}

.lt-ie9 .dropDownButton.active:hover .arrow-down, .lt-ie9 .dropDownButton.active:focus .arrow-down {
    width: 40px;
    height: 16px;
    background-image: none !important;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lancaster.gov.uk/graphics/ui/arrow-up.png',sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lancaster.gov.uk/graphics/ui/arrow-up.png',sizingMethod='scale')
}

.socialBlock {
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 20px;
    margin-top: -52px;
    color: #666
}

    .socialBlock .h2 {
        margin-bottom: 20px
    }

    .socialBlock textarea {
        color: #666;
        width: 90%
    }

ul.nav, .sidebar ul {
    padding-left: 0;
    list-style-type: none
}

    ul.nav.inline {
        font-size: 0
    }

        ul.nav.inline li {
            display: inline-block
        }

    .sidebar ul li {
        margin-bottom: 1.111em
    }

.sidebar h1, .sidebar .h1 {
    font-size: 1.667em
}

.sidebar h2, .sidebar .h2 {
    font-size: 1.333em;
    color: #666
}

.sidebar h3, .sidebar .h3 {
    font-size: 1em;
    font-weight: 600
}

.sidebar h1, .sidebar .h1 .sidebar h2, .sidebar .h2 {
    margin-bottom: 1.111em !important
}

.sidebar h3, .sidebar .h3 {
    margin-bottom: .556em !important
}

.sidebar .sideNav {
    font-size: 1em;
    margin-right: 1px
}

    .sidebar .sideNav ul.nav, .sidebar .sideNav.inheritULNavClass ul {
        margin: 0 0 1em !important;
        display: block;
        clear: none !important
    }

.lt-ie9 .sidebar .sideNav ul.nav, .lt-ie9 .sidebar .sideNav.inheritULNavClass ul {
    border-top: 1px solid #CCC
}

.sidebar .sideNav ul.nav li, .sidebar .sideNav.inheritULNavClass ul li {
    margin-bottom: 0;
    border-bottom: 1px solid #CCC
}

    .sidebar .sideNav ul.nav li:first-of-type, .sidebar .sideNav.inheritULNavClass ul li:first-of-type {
        border-top: 1px solid #CCC
    }

.sidebar .sideNav ul.nav a, .sidebar .sideNav.inheritULNavClass ul a {
    padding: 15px 40px;
    display: block;
    text-decoration: none;
    text-transform: capitalize;
    background-color: #f4f4f4;
    background-image: url(https://www.thestorey.co.uk/graphics/line-cccccc.gif);
    background-repeat: repeat-y;
    background-position: left
}

.sidebar .sideNav.inheritULNavClass .nav.hideMobile {
    display: block
}

#oneForm .sidebar .sideNav ul.nav a, .sidebar .sideNav.inheritULNavClass ul a {
    padding: 15px 20px
}

.sidebar .sideNav ul.nav .desktopOnly a, .sidebar .sideNav.inheritULNavClass ul .desktopOnly a {
    text-transform: none
}

.sidebar .sideNav ul.nav a:hover, .sidebar .sideNav.inheritULNavClass ul a:hover {
    background-color: #dcdcdc
}

.sidebar .sideNav ul.nav a.active, .sidebar .sideNav ul.nav a.active:hover, .sidebar .sideNav.inheritULNavClass ul li a.active {
    background-color: #FFF !important;
    background-image: none !important;
    cursor: help
}

.sidebar .sideNav.inheritULNavClass p {
    margin-bottom: 0 !important;
    padding-right: 15px;
    padding-left: 15px
}

    .sidebar .sideNav.inheritULNavClass p a {
        text-decoration: none !important;
        color: #333
    }

.sidebar .sideNav.inheritULNavClass .nav.hideMobile {
    display: block
}

#article DIV#modgov .mgSectionTitle {
    border-radius: 0 !important
}

DIV#modgov .mgSectionTitle, DIV#modgov A.mgTabSelectTitleLnk {
    background-color: #333 !important
}

DIV#modgov A.mgTabUnSelectTitleLnk, DIV#modgov .mgCalWeekendLink a {
    background-image: none !important;
    text-decoration: none !important
}

#article DIV#modgov .mgCalendarMonthGrid caption {
    display: none !important
}

#article DIV#modgov .mgTabs A {
    border: 1px solid #ccc;
    border-bottom: none !important;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 5px;
    text-decoration: none !important;
    background-color: #f4f4f4;
    box-sizing: border-box;
    width: auto !important
}

    #article DIV#modgov .mgTabs A:hover {
        background-color: #E4E4E4
    }

#article DIV#modgov .mgCalendarMonthGrid {
    table-layout: fixed;
    width: 100%
}

#article DIV#modgov .mgCalendarCell {
    background-color: transparent !important
}

    #article DIV#modgov .mgCalendarCell .mgCalendarMonthEventList li {
        padding: 5px 8px;
        background-color: #f4f4f4;
        margin-bottom: 5px;
        border-left: 5px solid #efefef
    }

    #article DIV#modgov .mgCalendarCell .mgCalendarMonthEventList .mgCalendarCellTxt {
        display: block;
        padding: 5px
    }

#article DIV#modgov select, #article DIV#modgov .mgFormRow input[type="text"], #article DIV#modgov .mgFormRow input, .mgInput {
    padding: 12px 10px;
    border: 1px solid #CCC;
    margin-bottom: 20px;
    width: 100% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

    #article DIV#modgov .mgFormRow input.mgDateField {
        width: auto !important
    }

#article DIV#modgov label {
    color: #000
}

#article DIV#modgov .mgFormRow label {
    width: 100%;
    display: block;
    padding-bottom: 10px
}

#article DIV#modgov .btn-primary {
    display: block;
    margin-bottom: 20px
}

#article DIV#modgov span.mgNoBr {
    display: block !important;
    width: 100%
}

#article DIV#modgov h2, #article DIV#modgov caption.mgSectionTitle, #article DIV#modgov DIV.mgTableTitleTxt {
    font-size: 2.6667rem;
    margin-top: 2rem;
    margin-bottom: .61875rem;
    color: #666;
    padding: 0 !important;
    font-weight: 400;
    line-height: normal !important
}

    #article DIV#modgov h2.mgSectionTitle, #article DIV#modgov caption.mgSectionTitle, #article DIV#modgov DIV.mgTableTitleTxt {
        background-color: transparent !important
    }

DIV#modgov INPUT.mgSubmitButton, DIV#modgov INPUT.mgGoButton {
    margin-left: 0
}

DIV#modgov .mgContent {
    width: 100%
}

#article DIV#modgov .mgNonBulletTableList {
    margin-left: 40px
}

    #article DIV#modgov .mgNonBulletTableList LI {
        padding-left: 20px;
        display: list-item;
        background-color: transparent !important;
        list-style-type: circle !important
    }

#article DIV#modgov LI.mgTableEvenRow {
    background-color: transparent !important
}

#article #modgov .mgLibraryBreadcrumbItem {
    border: none !important
}

#article #modgov .mgButtonHolder button {
    padding: 10px;
    color: #2171a2;
    font-weight: 300
}

#article #modgov .mgButtonHolder img {
    opacity: .5;
    vertical-align: middle;
    margin-right: 8px
}

#article #modgov .mgButtonHolder button.selected, #article #modgov .mgButtonHolder button:hover {
    background-color: #DCDCDC
}

DIV#modgov .mgSubmitRow {
    margin: 0 !important;
    clear: none
}

#article DIV#modgov INPUT#butGo {
    margin-left: 0
}

#article DIV#modgov .mgThumbsList li {
    display: inline;
    width: 100%;
    min-height: 250px;
    height: auto;
    width: 25%;
    margin: 0 0 20px;
    box-sizing: border-box;
    padding: 5px 5px 20px
}

    #article DIV#modgov .mgThumbsList li:nth-child(4n+4) {
        margin-right: 0
    }

    #article DIV#modgov .mgThumbsList li a {
        width: 100%
    }

    #article DIV#modgov .mgThumbsList li p {
        display: block;
        line-height: normal
    }

.sidebar .sideNav ul.nav a span.part {
    display: block;
    color: #333;
    font-size: .778em;
    font-weight: 800
}

.sidebar .sideNav ul.nav a span.subTitle {
    display: block;
    color: #333;
    font-size: .778em;
    font-weight: 300
}

.sidebar .sideNav ul.nav a span.count {
    display: inline-block;
    float: right;
    font-size: .778em;
    line-height: normal;
    margin-left: 10px;
    cursor: help;
    background-color: #666;
    color: #FFF !important;
    border-radius: 15px;
    padding: 5px 10px
}

.sideBarLayout.theme1 .sidebar {
    color: #FFF
}

.sideBarLayout .sidebar p.paddingSides.note {
    padding-right: 30px;
    line-height: normal;
    font-size: .889rem
}

    .sideBarLayout .sidebar p.paddingSides.note .icn {
        width: 30px;
        height: 30px;
        background-image: url(https://www.thestorey.co.uk/graphics/sideNoteArrow.png);
        background-size: cover;
        display: block;
        float: right;
        margin-left: 10px;
        margin-bottom: 10px
    }

.sideBarLayout.theme1 .sidebar .button {
    border-color: #fff;
    margin: 1em 0
}

.sidebar p:before, .sidebar p:after {
    content: " ";
    display: table
}

.sidebar p:after {
    clear: both
}

.sidebar section {
    margin-bottom: 1.111em;
    border-bottom: 1px solid #CCC
}

    .sidebar section:last-of-type {
        border-bottom: 0 none
    }

.sidebar .button {
    display: block;
    text-align: center
}

.sidebar-email-icn, .sidebar-phone-icn, .sidebar-fax-icn, .sidebar-minicom-icn, .sidebar-document-icn, .sidebar-externalLink-icn {
    display: block;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 85% 85%;
    zoom: 1;
    filter: alpha(opacity=45);
    opacity: .45
}

p:hover .sidebar-email-icn, p:hover .sidebar-phone-icn, p:hover .sidebar-fax-icn, p:hover .sidebar-minicom-icn, a:hover .sidebar-document-icn, a:hover .sidebar-externalLink-icn {
    zoom: 1;
    filter: alpha(opacity=70);
    opacity: .7
}

.sidebar-phone-icn {
    background-image: url(https://www.thestorey.co.uk/graphics/ui/phone.png)
}

.sidebar-email-icn {
    background-image: url(https://www.thestorey.co.uk/graphics/ui/email.png)
}

.sidebar-fax-icn, .sidebar-minicom-icn {
    background-image: url(https://www.thestorey.co.uk/graphics/ui/fax-mincom.png)
}

.sidebar-document-icn {
    background-image: url(https://www.thestorey.co.uk/graphics/ui/document.png)
}

.sidebar-externalLink-icn {
    background-image: url(https://www.thestorey.co.uk/graphics/ui/link.png)
}

.facebook, .twitter {
    margin: 0 auto 2em;
    text-align: center
}

.lt-ie9 .sidebar-phone-icn, .lt-ie9 p:hover .sidebar-phone-icn {
    background-image: none !important;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lancaster.gov.uk/graphics/ui/phone.png',sizingMethod='scale') alpha(opacity=45);
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lancaster.gov.uk/graphics/ui/phone.png',sizingMethod='scale') alpha(opacity = 45)"
}

.lt-ie9 .sidebar-email-icn, .lt-ie9 p:hover .sidebar-email-icn {
    background-image: none !important;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lancaster.gov.uk/graphics/ui/email.png',sizingMethod='scale') alpha(opacity=45);
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lancaster.gov.uk/graphics/ui/email.png',sizingMethod='scale') alpha(opacity = 45)"
}

.lt-ie9 .sidebar-fax-icn, .lt-ie9 .sidebar-minicom-icn, .lt-ie9 p:hover .sidebar-fax-icn, .lt-ie9 p:hover .sidebar-minicom-icn {
    background-image: none !important;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lancaster.gov.uk/graphics/ui/fax-mincom.png',sizingMethod='scale') alpha(opacity=45);
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lancaster.gov.uk/graphics/ui/fax-mincom.png',sizingMethod='scale') alpha(opacity = 45)"
}

.lt-ie9 .sidebar-document-icn, .lt-ie9 a:hover .sidebar-document-icn {
    background-image: none !important;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lancaster.gov.uk/graphics/ui/document.png',sizingMethod='scale') alpha(opacity=45);
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lancaster.gov.uk/graphics/ui/document.png',sizingMethod='scale') alpha(opacity = 45)"
}

.lt-ie9 .sidebar-externalLink-icn, .lt-ie9 a:hover .sidebar-externalLink-icn {
    background-image: none !important;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lancaster.gov.uk/graphics/ui/link.png',sizingMethod='scale') alpha(opacity=45);
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lancaster.gov.uk/graphics/ui/link.png',sizingMethod='scale') alpha(opacity = 45)"
}

.sidebar .value {
    width: 75%;
    padding-left: 5%;
    line-height: normal;
    min-height: 33px;
    padding-top: 7px;
    display: block;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: normal;
    white-space: -hp-pre-wrap
}

.sidebar a, .sidebar a .value .valueTitle {
    font-weight: 300;
    text-decoration: underline
}

    .sidebar a .value .additional {
        text-decoration: none !important;
        color: #444;
        font-size: 80%;
        display: block
    }

    .sidebar a:hover, .sidebar a:hover .value .valueTitle {
        text-decoration: none
    }

@media only all and (min-width: 767px) and (max-width: 960px) {
    .sidebar-email-icn, .sidebar-phone-icn, .sidebar-fax-icn, .sidebar-minicom-icn, .sidebar-document-icn, .sidebar-externalLink-icn {
        display: none !important
    }

    .sidebar .value {
        padding-left: 0
    }
}

.sidebar .twitter {
    margin-top: 40px
}

.homeSections h1 {
    font-size: 2em;
    font-weight: 300;
    text-transform: capitalize;
    color: #C2986E;
    padding-bottom: .61875rem;
    display: block
}

.homeSections {
    border-bottom: 1px solid #f4f4f4;
    background: url(../graphics/line-f4f4f4.gif) repeat-y center !important
}

.promo .articleTextBlock {
    font-family: "aktiv-grotesk-std",sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: normal
}

.promo a {
    text-decoration: none !important;
    clear: both
}

    .promo a .articleDesc {
        color: #000
    }

.promo .articleTitle {
    display: block;
    font-weight: 500
}

.promo a:hover .articleTitle, .promo a:focus .articleTitle {
    text-decoration: underline
}

.promo {
    margin-bottom: 40px
}

.homeSections .block .promo {
    margin-right: 20px
}

.homeSections .block.last .promo {
    margin-right: 0;
    margin-left: 20px
}

.promo .articleTextBlock, .promo img {
    float: left
}

.promo .articleTextBlock {
    width: 65%
}

.promo img {
    width: 30%;
    margin-right: 5%
}

.listPromos .promo {
    border-bottom: 1px dotted #ccc
}

    .listPromos .promo:last-of-type {
        border-bottom: 0
    }

.promo .articleDate {
    display: block;
    font-weight: 400
}

.promo a .articleDate {
    color: #666;
    margin-bottom: 20px;
    font-size: .85em
}

.FormFields {
    padding-left: 0
}

    .FormFields li {
        list-style-type: none;
        margin-bottom: 20px
    }

    .FormFields legend {
        border-width: 1px;
        border-style: solid;
        padding: 0 15px;
        -webkit-background-clip: padding-box;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        z-index: 88;
        margin-bottom: 10px;
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.75),0 1px 1px rgba(0,0,0,0.15);
        -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.75),0 1px 1px rgba(0,0,0,0.15);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.75),0 1px 1px rgba(0,0,0,0.15);
        color: #666;
        -webkit-text-shadow: 0 1px 0 rgba(255,255,255,0.75);
        -moz-text-shadow: 0 1px 0 rgba(255,255,255,0.75);
        text-shadow: 0 1px 0 rgba(255,255,255,0.75);
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
        background: -webkit-gradient(linear,left top,left bottom,from(#efeff4),to(#d6dadf));
        background: -webkit-linear-gradient(top,#efeff4,#d6dadf);
        background: -moz-linear-gradient(top,#efeff4,#d6dadf);
        background: -ms-linear-gradient(top,#efeff4,#d6dadf);
        background: -o-linear-gradient(top,#efeff4,#d6dadf);
        background: linear-gradient(top,#efeff4,#d6dadf);
        border-color: #ccc
    }

.lt-ie8 .FormFields fieldset {
    position: relative;
    margin-top: 30px
}

.lt-ie8 .FormFields legend {
    position: absolute;
    top: 0;
    left: 20px;
    margin-top: -11px
}

input, button, select, textarea {
    -webkit-appearance: none
}

.FormFields fieldset {
    padding-bottom: 0;
    padding-right: 20px;
    padding-left: 20px
}

    .FormFields .group label, .FormFields fieldset p label {
        padding-right: 20px;
        display: inline-block
    }

.form input, .form .button, .FormFields input, .FormFields .button {
    line-height: normal !important;
    vertical-align: baseline !important;
    font-size: 1em
}

.form p {
    margin-bottom: 0
}

.form .FormField, .FormFields .FormField {
    padding: 12px 10px;
    border: 1px solid #CCC;
    margin-bottom: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.FormField.ErrorFormField {
    border: 1px dotted #9A2424;
    outline: none;
    -webkit-box-shadow: rgba(154,36,36,0.4) 0 1px 5px,0 0 6px #9A2424;
    -moz-box-shadow: rgba(154,36,36,0.4) 0 1px 5px,0 0 6px #9A2424;
    box-shadow: rgba(154,36,36,0.4) 0 1px 5px,0 0 6px #9A2424;
    -webkit-transition: box-shadow .1s linear;
    -moz-transition: box-shadow .1s linear;
    transition: box-shadow .1s linear;
    -moz-transition: box-shadow .1s linear;
    transition: box-shadow .1s linear;
    border: 1px solid #9A2424
}

.errorMessage {
    background-color: #9A2424;
    padding: 20px;
    color: #FFF;
    margin-bottom: 15px !important;
    position: relative;
    background: #9A2424;
    border: 1px solid #
}

    .errorMessage:after, .errorMessage:before {
        bottom: 100%;
        left: 5%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    .errorMessage:after {
        border-color: rgba(154,36,36,0);
        border-bottom-color: #9A2424;
        border-width: 10px;
        margin-left: -10px
    }

    .errorMessage:before {
        border-color: rgba(0,0,0,0);
        border-bottom-color: #;
        border-width: 11px;
        margin-left: -11px
    }

.sucessMessage {
    background-color: #4DA971;
    padding: 20px;
    color: #FFF;
    margin-bottom: 15px !important;
    position: relative;
    background: #4DA971;
    border: 1px solid #
}

    .sucessMessage:after, .sucessMessage:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    .sucessMessage:after {
        border-color: rgba(77,169,113,0);
        border-bottom-color: #4DA971;
        border-width: 10px;
        margin-left: -10px
    }

    .sucessMessage:before {
        border-color: rgba(0,0,0,0);
        border-bottom-color: #;
        border-width: 11px;
        margin-left: -11px
    }

.FormField.fullWidth {
    width: 100%
}

.form .button, .FormFields .button {
    padding: 12px 10px
}

.date-pick {
    width: 120px
}

input.FormField:focus, textarea.FormField:focus, select.FormField:focus, select:focus, textarea:focus, input[type="checkbox"]:focus, input[type="radio"]:focus, .button:focus, button:focus, .button:active, button:active, .inputField:focus, #article DIV#modgov input:focus {
    outline: none;
    -webkit-box-shadow: rgba(151,203,52,0.4) 0 1px 5px,0 0 6px #97CB34;
    -moz-box-shadow: rgba(151,203,52,0.4) 0 1px 5px,0 0 6px #97CB34;
    box-shadow: rgba(151,203,52,0.4) 0 1px 5px,0 0 6px #97CB34;
    -webkit-transition: box-shadow .1s linear;
    -moz-transition: box-shadow .1s linear;
    transition: box-shadow .1s linear;
    -moz-transition: box-shadow .1s linear;
    transition: box-shadow .1s linear;
    border: 1px solid #7da72d
}

input[type=checkbox] {
    -webkit-appearance: checkbox
}

::-webkit-input-placeholder {
    color: #666;
    text-transform: capitalize
}

:-moz-placeholder {
    color: #666;
    text-transform: capitalize
}

::-moz-placeholder {
    color: #666;
    text-transform: capitalize
}

:-ms-input-placeholder {
    color: #666;
    text-transform: capitalize
}

.homeSections .wrapperFields {
    width: 50%
}

.wrapperFields {
    margin: 0 auto;
    position: relative
}

    .wrapperFields:last-of-type {
        margin-bottom: 20px
    }

    .wrapperFields .FormField {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .wrapperFields input, .wrapperFields .button {
        margin: 0
    }

    .wrapperFields .button {
        position: absolute;
        right: 0
    }

.validation {
    padding: 1.5em;
    margin: 1.5em 0;
    border-radius: 5px
}

    .validation p, .validation a {
        margin: 0 !important;
        font-weight: 300
    }

    .validation a {
        text-decoration: underline
    }

    .validation, .validation h1, .validation h2, .validation h3, .validation h4, .validation p, .validation a {
        color: #FFF !important
    }

        .validation.success {
            background: #4DA971
        }

        .validation.fail {
            background: #B21309
        }

.sliderModule {
    margin: 0;
    padding-left: 0
}

    .sliderModule a, .sliderModule.fullWidthImages img {
        width: inherit
    }

    .sliderModule.fullWidthImages .showMobile {
        display: none
    }

.homeSlider {
    background: #f4f4f4
}

    .homeSlider .bx-wrapper {
        margin-bottom: 60px !important
    }

        .homeSlider .bx-wrapper .bx-caption span {
            font-size: 1.667em;
            font-family: "aktiv-grotesk-std",sans-serif;
            font-style: normal;
            font-weight: 300
        }

        .homeSlider .bx-wrapper .bx-caption {
            background: #c2986e !important
        }

        .homeSlider .bx-wrapper .bx-pager, .homeSlider .bx-wrapper .bx-controls-auto {
            bottom: -45px !important
        }

        .homeSlider .bx-wrapper .bx-pager {
            padding-top: 20px !important
        }

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1
}

    .bx-wrapper img {
        max-width: 100%;
        display: block
    }

    .bx-wrapper .bx-viewport {
        background: #fff;
        -webkit-transform: translatez(0);
        -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0)
    }

    .bx-wrapper .bx-pager {
        position: absolute;
        bottom: -40px;
        width: 100%;
        z-index: 99
    }

    .bx-wrapper .bx-controls-auto {
        position: absolute;
        bottom: -40px;
        width: 100%
    }

    .bx-wrapper .bx-loading {
        min-height: 50px;
        background: url(../graphics/bx_loader.gif) center center no-repeat #fff;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2000
    }

    .bx-wrapper .bx-pager {
        text-align: center;
        font-size: .85em;
        font-family: Arial;
        font-weight: 700;
        color: #666;
        padding-top: 20px
    }

        .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
            display: inline-block;
            *zoom: 1;
            *display: inline
        }

        .bx-wrapper .bx-pager.bx-default-pager a {
            background: #06f;
            text-indent: -9999px;
            display: block;
            width: 20px;
            height: 20px;
            margin: 0 5px;
            outline: 0;
            -moz-border-radius: 15px;
            -webkit-border-radius: 15px;
            border-radius: 15px
        }

            .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
                background: #666
            }

    .bx-wrapper .bx-prev {
        left: 10px;
        background: url(../graphics/controls.png) no-repeat 0 -32px
    }

    .bx-wrapper .bx-next {
        right: 10px;
        background: url(../graphics/controls.png) no-repeat -43px -32px
    }

    .bx-wrapper .bx-prev:hover {
        background-position: 0 0
    }

    .bx-wrapper .bx-next:hover {
        background-position: -43px 0
    }

    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 50%;
        margin-top: -16px;
        outline: 0;
        width: 32px;
        height: 32px;
        text-indent: -9999px;
        z-index: 9999
    }

        .bx-wrapper .bx-controls-direction a.disabled {
            display: none
        }

    .bx-wrapper .bx-controls-auto {
        text-align: center
    }

        .bx-wrapper .bx-controls-auto .bx-start {
            display: block;
            text-indent: -9999px;
            width: 10px;
            height: 11px;
            outline: 0;
            background: url(../graphics/controls.png) -86px -11px no-repeat;
            margin: 0 3px
        }

            .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
                background-position: -86px 0
            }

        .bx-wrapper .bx-controls-auto .bx-stop {
            display: block;
            text-indent: -9999px;
            width: 9px;
            height: 11px;
            outline: 0;
            background: url(../graphics/controls.png) -86px -44px no-repeat;
            margin: 0 3px
        }

            .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
                background-position: -86px -33px
            }

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
        text-align: left;
        width: 80%
    }

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
        right: 0;
        width: 35px
    }

    .bx-wrapper .bx-caption {
        background: #666\9;
        background: rgba(80,80,80,0.75);
        width: 100%
    }

.sliderModule .captionEnhanced {
    background: #666\9;
    background: rgba(80,80,80,0.75);
    width: 100%;
    z-index: 100;
    color: #FFF;
    padding: 10px 0
}

.homeSlider .sliderModule .captionEnhanced {
    font-size: 1.667em;
    font-family: "aktiv-grotesk-std",sans-serif;
    background: #c2986e !important
}

.sliderModule .captionEnhanced a {
    color: #FFF;
    display: inline-block !important;
    width: auto !important;
    background-color: #960;
    padding: 2px 10px;
    border-radius: 5px;
    margin-left: 10px;
    font-size: 70%
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px
}

.rowAZ {
    padding: 20px 0
}

    .rowAZ .h3 {
        font-weight: 300
    }

.azNav {
    padding-left: 0;
    text-transform: uppercase;
    font-weight: 300;
    width: 100%;
    font-size: 0;
    display: block
}

    .azNav li {
        display: inline;
        margin: 0;
        width: 3.7%;
        font-size: 1em;
        text-align: center
    }

        .azNav li a {
            padding: 10px;
            margin: 0 5px 10px 0;
            text-decoration: none;
            text-transform: capitalize;
            border: 1px solid #ccc;
            border-radius: 5px;
            font-size: 18px;
            margin-bottom: 0 5px 16px 5px;
            display: inline-block;
            line-height: normal;
            background-color: #f4f4f4;
            background-color: #f4f4f4;
            border-radius: 5px;
            border: 1px solid #ccc
        }

            .azNav li a:hover {
                background-color: #dcdcdc;
                background-color: #dcdcdc
            }

            .azNav li a.active {
                background-color: #FFF !important;
                color: #333 !important;
                cursor: text
            }

.azList {
    list-style-type: disc
}

    .azList li {
        margin-bottom: 20px
    }

        .azList li a {
            clear: right;
            display: inline-block
        }

    .azList .blockExtract {
        display: block;
        padding-bottom: 20px;
        font-size: .889em
    }

.footer .h3 {
    font-weight: 300;
    color: #CCC
}

.footer a {
    color: #FFF
}

.footer .syndicate img {
    width: 50%
}

img.monotone {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: .5
}

    img.monotone:hover {
        filter: alpha(opacity=90);
        opacity: .9
    }

.socialLogos li {
    margin: 0 20px 20px 0
}

.socialLogos img {
    width: 40px
}

.footerForm .form p {
    margin-bottom: 0
}

.newsLetterForm .trigger {
    display: block;
    border: 2px solid #ccc;
    padding: 20px 40px 20px 20px;
    border-radius: 5px;
    line-height: normal;
    text-decoration: none;
    background-image: url(https://www.thestorey.co.uk/graphics/icn-arrow-down-white.png);
    background-repeat: no-repeat;
    background-position: 93% center;
    background-size: 30px
}

    .newsLetterForm .trigger.on {
        background-image: url(https://www.thestorey.co.uk/graphics/icn-arrow-up-white.png)
    }

#newsLetterForm {
    display: none
}

.no-js #newsLetterForm {
    display: none;
    display: block
}

.alertify, .alertify-show, .alertify-log {
    -webkit-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275);
    -moz-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275);
    -ms-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275);
    -o-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275);
    transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275)
}

.alertify-hide {
    -webkit-transition: all 250ms cubic-bezier(0.600,-0.280,0.735,0.045);
    -moz-transition: all 250ms cubic-bezier(0.600,-0.280,0.735,0.045);
    -ms-transition: all 250ms cubic-bezier(0.600,-0.280,0.735,0.045);
    -o-transition: all 250ms cubic-bezier(0.600,-0.280,0.735,0.045);
    transition: all 250ms cubic-bezier(0.600,-0.280,0.735,0.045)
}

.alertify-log-hide {
    -webkit-transition: all 500ms cubic-bezier(0.600,-0.280,0.735,0.045);
    -moz-transition: all 500ms cubic-bezier(0.600,-0.280,0.735,0.045);
    -ms-transition: all 500ms cubic-bezier(0.600,-0.280,0.735,0.045);
    -o-transition: all 500ms cubic-bezier(0.600,-0.280,0.735,0.045);
    transition: all 500ms cubic-bezier(0.600,-0.280,0.735,0.045)
}

.alertify-cover {
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    filter: alpha(opacity=0);
    opacity: 0
}

.alertify-cover-hidden {
    display: none
}

.alertify {
    position: fixed;
    z-index: 99999;
    top: 50px;
    left: 50%;
    width: 550px;
    margin-left: -275px;
    opacity: 1
}

.alertify-hidden {
    -webkit-transform: translate(0,-150px);
    -moz-transform: translate(0,-150px);
    -ms-transform: translate(0,-150px);
    -o-transform: translate(0,-150px);
    transform: translate(0,-150px);
    opacity: 0;
    display: none
}

:root * > .alertify-hidden {
    display: block;
    visibility: hidden
}

.alertify-logs {
    position: fixed;
    z-index: 5000;
    bottom: 10px;
    right: 10px;
    width: 300px
}

.alertify-logs-hidden {
    display: none
}

.alertify-log {
    display: block;
    margin-top: 10px;
    position: relative;
    right: -300px;
    opacity: 0
}

.alertify-log-show {
    right: 0;
    opacity: 1
}

.alertify-log-hide {
    -webkit-transform: translate(300px,0);
    -moz-transform: translate(300px,0);
    -ms-transform: translate(300px,0);
    -o-transform: translate(300px,0);
    transform: translate(300px,0);
    opacity: 0
}

.alertify-dialog {
    padding: 25px
}

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

.alertify-inner {
    text-align: center
}

    .alertify-inner h1 {
        font-size: 26px
    }

.alertify-text {
    margin-bottom: 15px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%
}

.alertify-button, .alertify-button:hover, .alertify-button:active, .alertify-button:visited {
    text-decoration: none;
    border: none;
    line-height: 1.5;
    font-size: 100%;
    display: inline-block;
    cursor: pointer;
    margin-left: 5px
}

@media only screen and (max-width: 680px) {
    .alertify, .alertify-logs {
        width: 90%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .alertify {
        left: 5%;
        margin: 0
    }
}

.alertify, .alertify-log {
    font-weight: 300;
    line-height: normal;
    cursor: pointer
}

.alertify {
    background: #FFF;
    border: 10px solid #333;
    border: 10px solid rgba(0,0,0,.7);
    border-radius: 8px;
    box-shadow: 0 3px 3px rgba(0,0,0,.3);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.alertify-text {
    border: 1px solid #CCC;
    padding: 10px;
    border-radius: 4px
}

.alertify-button:focus {
    outline: none;
    -webkit-box-shadow: rgba(151,203,52,0.4) 0 1px 5px,0 0 6px #97CB34;
    -moz-box-shadow: rgba(151,203,52,0.4) 0 1px 5px,0 0 6px #97CB34;
    box-shadow: rgba(151,203,52,0.4) 0 1px 5px,0 0 6px #97CB34;
    -webkit-transition: box-shadow .1s linear;
    -moz-transition: box-shadow .1s linear;
    transition: box-shadow .1s linear;
    -moz-transition: box-shadow .1s linear;
    transition: box-shadow .1s linear;
    border: 1px solid #7da72d
}

.alertify-button:active {
    position: relative
}

.alertify-log {
    background: #0079C2;
    background: rgba(0,121,194,0.9);
    padding: 15px;
    border-radius: 4px;
    color: #FFF;
    text-shadow: -1px -1px 0 rgba(0,0,0,.5)
}

.alertify-log-error {
    background: #B21309;
    background: rgba(178,19,9,1)
}

.alertify-log-success {
    background: #4DA971;
    background: rgba(0,121,194,0.9)
}

#oneForm {
    background-color: #f4f4f4
}

    #oneForm fieldset {
        border: none;
        padding: 0;
        margin: 0
    }

.sideBarLayout.theme1 .sidebar h1, .sideBarLayout.theme1 .sidebar p.h1 {
    font-family: "felt-tip-roman",sans-serif !important;
    text-transform: uppercase;
    color: #FFF;
    padding: 10px 20px;
    margin-bottom: 0 !important;
    line-height: normal
}

    .sideBarLayout.theme1 .sidebar p.h1 a {
        color: #FFF;
        text-decoration: none
    }

        .sideBarLayout.theme1 .sidebar p.h1 a.menuToggle {
            width: 100%;
            background-image: url(https://www.thestorey.co.uk/graphics/icn-arrow-up-white.png);
            background-repeat: no-repeat;
            background-position: center right;
            background-size: 25px
        }

            .sideBarLayout.theme1 .sidebar p.h1 a.menuToggle.on {
                width: 100%;
                background-image: url(https://www.thestorey.co.uk/graphics/icn-arrow-down-white.png);
                background-repeat: no-repeat;
                background-position: center right;
                background-size: 25px
            }

.sidebar .sideNav.inheritULNavClass p.h1 a.menuToggle {
    width: 100%;
    background-image: url(https://www.thestorey.co.uk/graphics/icn-arrow-up.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 25px
}

    .sidebar .sideNav.inheritULNavClass p.h1 a.menuToggle.on {
        width: 100%;
        background-image: url(https://www.thestorey.co.uk/graphics/icn-arrow-down.png);
        background-repeat: no-repeat;
        background-position: center right;
        background-size: 25px
    }

.sideBarLayout.theme1 .sidebar .sideNav {
    background-color: #9BA90E
}

    .sideBarLayout.theme1 .sidebar .sideNav ul.nav li {
        border-color: #5b6400
    }

    .sideBarLayout.theme1 .sidebar .sideNav ul.nav a {
        color: #FFF;
        background-color: transparent;
        font-weight: 400;
        text-shadow: 0 1px 0 rgba(0,0,0,.9);
        background-image: url(https://www.thestorey.co.uk/graphics/sidebar-86920D.png)
    }

        .sideBarLayout.theme1 .sidebar .sideNav ul.nav a:hover {
            background-color: #86920D
        }

        .sideBarLayout.theme1 .sidebar .sideNav ul.nav a.active, .sideBarLayout.theme1 .sidebar .sideNav ul.nav a.active:hover {
            background-color: #5b6400 !important
        }

        .sideBarLayout.theme1 .sidebar .sideNav ul.nav a span.count {
            background-color: #FFE88E;
            color: #000 !important;
            text-shadow: 0 1px 0 rgba(255,255,255,.9)
        }

.oneFormNav ul {
    display: block;
    margin-top: 0
}

.oneFormNav {
    margin-top: -20px
}

@media only screen and (min-width: 768px) {
    .oneFormNav ul.nav {
        display: block !important
    }
}

.loginPanel input, .signupPanel input, .loginPanel select, .signupPanel select, .loginPanel textarea, .signupPanel textarea {
    width: 100%;
    display: block
}

.loginPanel textarea, .signupPanel textarea {
    width: 100% !important
}

.loginPanel input, .signupPanel input, .loginPanel a.button, .loginPanel textarea, .signupPanel textarea, .loginPanel .selectWrapper, .signupPanel .selectWrapper {
    margin-top: 15px
}

.noTopMargin {
    margin-top: 0 !important
}

.topMargin {
    margin-top: 15px !important
}

.loginPanel input.inline, .signupPanel input.inline {
    display: inline;
    width: auto
}

.loginPanel button, .signupPanel button {
    margin: 0 auto;
    margin-top: 15px;
    padding-left: 15%;
    padding-right: 15%;
    font-size: 22px
}

    .loginPanel button.small, .signupPanel button.small, .loginPanel .button.small, .signupPanel .button.small {
        padding: 5px 10px !important;
        font-size: 18px;
        width: auto
    }

.loginPanel .column, .signupPanel .column {
    width: 50%;
    float: left;
    font-size: 18px;
    color: #a0968d;
    margin-top: 20px
}

    .loginPanel .column label, .signupPanel .column label {
        display: block;
        margin-bottom: 20px;
        margin-right: 15px
    }

        .loginPanel .column label input {
            float: left;
            display: block;
            width: 10%;
            vertical-align: top
        }

        .loginPanel .column label span.value {
            display: inline-block;
            width: 75%;
            vertical-align: top
        }

.lt-ie9 .loginPanel .column label span.value {
    width: 80%
}

.inputField.postcode {
    width: 150px;
    margin-right: 10px
}

.inputField.character {
    width: auto
}

label.postcode.left, label.passwordCharacter.left {
    margin-right: 15px
}

.fbConnect {
    background: #4b6ea9;
    padding: 8px 5%;
    display: block;
    text-align: center;
    font-size: 22px;
    color: #fff !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: inset 0 0 0 1px #074b5e;
    height: auto;
    line-height: 40px;
    float: left;
    width: 37.5%;
    margin-right: 5%;
    text-decoration: none !important
}

.twitterConnect {
    background: #00aced;
    color: #fff !important;
    padding: 8px 5%;
    text-align: center;
    font-size: 22px;
    display: block;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: inset 0 0 0 1px #0094cc;
    height: auto;
    line-height: 40px;
    float: left;
    width: 37.5%;
    text-decoration: none !important
}

    .twitterConnect .icn-twitter {
        margin-top: 5px;
        float: left;
        margin-right: 5px
    }

.fbConnect .icn-fb {
    margin-right: 5px;
    float: left
}

.icn-fb {
    background: url(https://www.thestorey.co.uk/graphics/icn-fb.png) top left no-repeat;
    width: 15px;
    height: 33px;
    background-size: 15px 33px;
    display: block
}

.lt-ie9 .icn-fb {
    background: url(https://www.thestorey.co.uk/graphics/icn-fb-oldie.png) top left no-repeat
}

.icn-twitter {
    background: url(https://www.thestorey.co.uk/graphics/icn-twitter.png) top left no-repeat;
    width: 36px;
    height: 29.5px;
    background-size: 36px 29.5px;
    display: block
}

.lt-ie9 .icn-twitter {
    background: url(https://www.thestorey.co.uk/graphics/icn-twitter-oldie.png) top left no-repeat
}

.or {
    background: url(https://www.thestorey.co.uk/graphics/or-divider.png) center repeat-x;
    text-align: center;
    width: 100%;
    margin: 20px auto 40px
}

    .or span {
        background: #f2f0ec;
        padding: 10px
    }

.fixedPanel {
    height: 230px;
    overflow: scroll;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    white-space: pre-line;
    border: 1px solid #ccc
}

.inputField {
    background: #faf8f5;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 15px;
    font-size: 18px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Verdana,Geneva,sans-serif
}

    .inputField:hover {
        border-color: #b3b3b3
    }

input:hover::-webkit-input-placeholder {
    color: #666
}

input:hover:-moz-placeholder {
    color: #666
}

input:hover::-moz-placeholder {
    color: #666
}

input:hover:-ms-input-placeholder {
    color: #666
}

.inputField.pinNumber {
    width: 22.75%;
    text-align: center
}

    .inputField.pinNumber.left {
        margin-right: 3%
    }

    .inputField.pinNumber.last {
        margin-right: 0
    }

#oneForm legend.textCentre {
    width: 100%
}

.pinFields {
    padding-bottom: 1em
}

.mandatory {
    position: relative;
    display: block
}

    .mandatory input.inputField {
        padding-right: 30px
    }

    .mandatory:after {
        content: "*";
        font-size: 18px;
        color: #ee2424;
        display: block;
        top: 17px;
        position: absolute;
        right: 8px
    }

    .mandatory.hidden:after {
        display: none
    }

.buttonGroup {
    margin-top: 15px
}

.searchForm {
    position: relative;
    height: 55px;
    margin-top: 15px
}

    .searchForm .inputField {
        position: absolute;
        bottom: 0
    }

button.iconSearch {
    width: 55px !important;
    height: 55px !important;
    padding: 0 !important;
    position: absolute;
    background-color: transparent !important;
    background-image: url(https://www.thestorey.co.uk/graphics/icn-admin-search.png) !important;
    background-image: url(https://www.thestorey.co.uk/graphics/icn-admin-search.png);
    background-repeat: no-repeat !important;
    background-position: center center !important;
    bottom: 0;
    right: 0
}

.searchForm.smaller {
    width: 70%
}

.inputField.full {
    width: 100%
}

.error {
    color: #a20000
}

label.error {
    margin-top: 10px;
    display: block
}

label.postcode.error {
    margin-top: 25px
}

.error input {
    color: #a20000;
    border-color: #a20000;
    margin-top: 5px
}

input.error {
    color: #a20000;
    border-color: #a20000
}

.loginPanel.block {
    padding: 30px
}

.loginPanel .column, .signupPanel .column {
    width: 50%;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px
}

.signupStep {
    background: #bbb2a9;
    width: 80px;
    height: 80px;
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: 80px;
    display: block;
    border-radius: 80px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    margin: 0 auto 25px
}

    .signupStep.large {
        width: auto
    }

.button.halfButton, button.halfButton {
    font-family: Verdana,Geneva,sans-serif;
    display: block;
    text-align: center;
    font-size: 22px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    height: auto;
    line-height: 40px;
    float: left;
    width: 47.5%;
    margin-right: 5% !important;
    padding: 8px 5%
}

.buttonGroup .halfButton.right {
    float: right
}

.buttonGroup .halfButton.left {
    float: left
}

.button.last, .halfButton.last {
    margin-right: 0 !important
}

.serviceMessage h2, .serviceMessage h3 {
    padding-bottom: 0 !important
}

.serviceMessage p {
    margin-top: 0 !important;
    padding-bottom: 10px !important;
    font-size: 16px
}

    .serviceMessage p:last-of-type {
        padding-bottom: 0 !important;
        margin-bottom: .75rem !important
    }

.serviceMessage {
    position: relative;
    background: #007EA2;
    border: 2px solid #074B5E;
    text-align: center;
    color: #FFF;
    padding: 15px 15px 0;
    margin: 30px auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

    .serviceMessage:after, .serviceMessage:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    .serviceMessage:after {
        border-color: rgba(0,126,162,0);
        border-bottom-color: #007EA2;
        border-width: 15px;
        margin-left: -15px
    }

    .serviceMessage:before {
        border-color: rgba(7,75,94,0);
        border-bottom-color: #074B5E;
        border-width: 18px;
        margin-left: -18px
    }

.calendarIcon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background-image: url(https://www.thestorey.co.uk/graphics/icn-calendar.png);
    background-size: contain
}

.mandatoryAsterix {
    font-size: 22px;
    color: #ee2424
}

.loginPanel input[type="checkbox"], .signupPanel input[type="checkbox"], .loginPanel input[type="radio"], .signupPanel input[type="radio"], .dataTable input[type="checkbox"], .dataTable input[type="radio"] {
    opacity: 0;
    visibility: 0
}

.lt-ie9 .loginPanel input[type="checkbox"], .lt-ie9 .signupPanel input[type="checkbox"], .lt-ie9 .loginPanel input[type="radio"], .lt-ie9 .signupPanel input[type="radio"], .lt-ie9 .dataTable input[type="checkbox"], .lt-ie9 .dataTable input[type="radio"] {
    display: inline-block;
    width: auto;
    height: auto;
    float: left;
    vertical-align: text-top;
    margin-right: 10px
}

.lt-ie9 .loginPanel label {
    height: auto
}

.loginPanel .clearfix .value, .signupPanel .clearfix .value {
    display: inline-block;
    width: 80%
}

.loginPanel input[type="checkbox"] + label span.checkbox, .signupPanel input[type="checkbox"] + label span.checkbox, .dataTable input[type="checkbox"] + label span.checkbox {
    background: #fff;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin-right: 20px;
    transition: opacity .3s ease 0;
    vertical-align: top;
    width: 20px;
    border: 2px solid #bbb2a9;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    opacity: .7
}

.lt-ie9 .loginPanel input[type="checkbox"] + label span.checkbox, .lt-ie9 .signupPanel input[type="checkbox"] + label span.checkbox, .lt-ie9 .dataTable input[type="checkbox"] + label span.checkbox {
    display: none
}

.loginPanel input[type="checkbox"]:hover + label span.checkbox, .signupPanel input[type="checkbox"]:hover + label span.checkbox, .dataTable input[type="checkbox"]:hover + label span.checkbox {
    opacity: 1
}

.loginPanel input[type="checkbox"]:focus + label span.checkbox, .signupPanel input[type="checkbox"]:focus + label span.checkbox, .dataTable input[type="checkbox"]:focus + label span.checkbox {
    border-color: #007ea2
}

.loginPanel input[type="checkbox"]:checked + label span.checkbox, .signupPanel input[type="checkbox"]:checked + label span.checkbox, .dataTable input[type="checkbox"]:checked + label span.checkbox {
    background-image: url(https://www.thestorey.co.uk/graphics/tick.png);
    background-size: 16px 13px !important;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    border-color: #007ea2
}

.loginPanel input[type="radio"] + label span.radio, .signupPanel input[type="radio"] + label span.radio, .datatTable input[type="radio"] + label span.radio {
    background: #fff;
    cursor: pointer;
    display: inline-block;
    height: 23px;
    margin-right: 20px;
    transition: opacity .3s ease 0;
    vertical-align: top;
    width: 23px;
    border: 2px solid #bbb2a9;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    opacity: .7
}

.lt-ie9 .loginPanel input[type="radio"] + label span.radio, .lt-ie9 .signupPanel input[type="radio"] + label span.radio, .lt-ie9 .dataTable input[type="radio"] + label span.radio {
    display: none
}

.loginPanel input[type="radio"]:hover + label span.radio, .signupPanel input[type="radio"]:hover + label span.radio, .dataTable input[type="radio"]:hover + label span.radio {
    opacity: 1
}

.loginPanel input[type="radio"]:focus + label span.radio, .signupPanel input[type="radio"]:focus + label span.radio, .dataTable input[type="radio"]:focus + label span.radio {
    border-color: #007ea2
}

.loginPanel input[type="radio"]:checked + label span.radio, .signupPanel input[type="radio"]:checked + label span.radio, .dataTable input[type="radio"]:checked + label span.radio {
    background-image: url(https://www.thestorey.co.uk/graphics/tick.png);
    background-size: 16px 13px !important;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    border-color: #007ea2
}

.loginPanel input[type="checkbox"] + label.error span.checkbox, .signupPanel input[type="checkbox"] + label.error span.checkbox, .loginPanel input[type="radio"] + label.error span.checkbox, .signupPanel input[type="radio"] + label.error span.checkbox, .dataTable input[type="checkbox"] + label.error span.checkbox, .dataTable input[type="radio"] + label.error span.checkbox {
    transition: opacity .3s ease 0;
    border-color: #a20000;
    opacity: .7
}

.loginPanel input[type="checkbox"]:checked + label.error span.checkbox, .signupPanel input[type="checkbox"]:checked + label.error span.checkbox, .loginPanel input[type="radio"]:checked + label.error span.checkbox, .signupPanel input[type="radio"]:checked + label.error span.checkbox, .dataTable input[type="radio"]:checked + label.error span.checkbox, .dataTable input[type="checkbox"]:checked + label.error span.checkbox, {
    border-color: #007ea2;
    opacity: 1
}

.loginPanel input[type="checkbox"]:checked + label.error, .signupPanel input[type="checkbox"]:checked + label.error, .loginPanel input[type="radio"]:checked + label.error, .signupPanel input[type="radio"]:checked + label.error, .dataTable input[type="checkbox"]:checked + label.error, .dataTable input[type="radio"]:checked + label.error {
    color: #666 !important
}

.loginPanel label, .signupPanel label {
    cursor: pointer;
    margin-top: 15px;
    display: block;
    padding-right: 0 !important
}

.oneForm .clearfix .value {
    display: inline-block;
    width: 80%
}

.loginPanel select, .signupPanel select {
    height: 3rem;
    background: transparent;
    border: 1px solid #cdcdcd;
    padding: .5rem;
    padding-right: 50px;
    font-size: 1rem;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    outline: none;
    color: rgba(0,0,0,0.75);
    position: relative;
    z-index: 1;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    text-indent: .01px
}

.lt-ie9 .loginPanel select, .lt-ie9 .signupPanel select {
    font-size: 21px;
    padding: 5px
}

    .lt-ie9 .loginPanel select.dateRange, .lt-ie9 .signupPanel select.dateRange {
        width: 175px
    }

:disabled, .loginPanel select:disabled, .signupPanel select:disabled {
    border-color: #b3b3b3;
    background: #b3b3b3;
    color: #FFF;
    cursor: not-allowed
}

select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-color: #FAFAFA;
    border-radius: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+) !important;
    background-position: 100% center !important;
    background-repeat: no-repeat !important;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    color: rgba(0,0,0,0.75);
    font-family: inherit
}

    select::-ms-expand {
        display: none
    }

    select:disabled {
        background-color: #DDD;
        cursor: default
    }

    select[multiple] {
        height: auto
    }

.loginPanel label.inline {
    margin-top: 0;
    display: inline-block
}

.loginPanel .error select, .signupPanel .error select {
    color: #a20000;
    border-color: #a20000
}

select:hover {
    border-color: #b3b3b3;
    background: transparent;
    border-color: #b3b3b3;
    background: transparent
}

.loginPanel select::-ms-expand, .signupPanel select::-ms-expand {
    display: none
}

.selectWrapper {
    position: relative;
    height: 3rem;
    margin: 0;
    display: inline-block;
    background: #faf8f5;
    font-size: 10px
}

    .selectWrapper.fullWidth {
        display: block
    }

        .selectWrapper.fullWidth select {
            width: 100%
        }

.arrowSelect {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0,0,0,0.7) rgba(0,0,0,0) rgba(0,0,0,0);
    border-image: none;
    border-right: 6px inset rgba(0,0,0,0);
    border-style: solid inset inset;
    border-width: 6px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    top: 1.5rem;
    right: 1rem;
    z-index: 0
}

.lt-ie9 .arrowSelect {
    display: none
}

.arrowSelect:before {
    content: "";
    border-left: 1px solid #cdcdcd;
    height: 3rem;
    display: block;
    position: absolute;
    top: -1.9rem;
    left: -1.3rem
}

.selectWrapper:hover .arrow-select:before {
    border-left: 1px solid #cdcdcd
}

.selectWrapper:hover .arrow-select {
    border-color: rgba(0,0,0,0.6) rgba(0,0,0,0) rgba(0,0,0,0)
}

.loginPanel.block, .notificationWrapper.block {
    margin-bottom: 20px !important;
    background-color: #FFF;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.36);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.36);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.36);
    border-radius: 4px
}

.notification {
    display: block;
    color: #b2b2b2;
    font-size: 21px;
    position: relative
}

    .notification a {
        text-decoration: none
    }

    .notification .date {
        font-size: 14px;
        color: #444 !important
    }

    .notification .right {
        max-height: 105px
    }

.notificationWrapper.block {
    min-height: 0 !important;
    padding: 0
}

.notification .left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 20px;
    width: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

    .notification .left.formTrigger {
        background-image: url(https://www.thestorey.co.uk/graphics/grey-arrow.png) !important;
        background-repeat: no-repeat !important;
        background-position: 20px 23px !important;
        padding-left: 75px;
        background-size: 40px !important
    }

.lt-ie9 .notification .left.formTrigger {
    background-image: url(https://www.thestorey.co.uk/graphics/grey-arrow-legacy.png) !important
}

.notification .left.formTrigger:hover {
    background-size: 41px !important
}

.notification .left.formTrigger:focus {
    background-size: 41px
}

.notification .right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 20px;
    width: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

    .notification .right p {
        margin-top: 0
    }

.notification .left, .notification .right {
    display: block;
    min-height: 105px !important
}

.notification .blue, .twoButtons a.blue {
    background: #005C94;
    color: #fff
}

    .notification .blue h2, .twoButtons a.blue {
        color: #fff;
        font-weight: 400;
        font-size: 21px;
        box-shadow: none !important
    }

.notification a.blue:hover, a.categoryInfoTrigger:hover .blue {
    background: #003758
}

.notification .blue h2 {
    margin: 0 0 5px
}

.notification.active .blue {
    background: #003758;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.notification.active .icn-list {
    opacity: .5
}

.notification .blue h3 {
    font-size: .75em;
    font-weight: 300;
    color: #FFF
}

.notification .icn-list {
    position: absolute;
    top: 40px;
    right: 20px;
    margin-top: -16px
}

.notificationContent {
    padding: 10px 20px;
    border-top: 1px solid #e7e7e7
}

    .notificationContent p {
        margin: 15px 0 20px
    }

.notification .icn-list {
    position: absolute;
    top: 40px;
    right: 20px;
    margin-top: -16px;
    display: block;
    background-color: transparent;
    background-image: url(https://www.thestorey.co.uk/graphics/question-icon.png);
    background-repeat: no-repeat;
    background-position: top center;
    width: 40px;
    height: 40px;
    background-size: 80%;
    zoom: 1;
    filter: alpha(opacity=4);
    opacity: .4
}

.lt-ie9 .notification .icn-list {
    background-image: url(https://www.thestorey.co.uk/graphics/question-icon-legacy.gif) !important;
    filter: alpha(opacity=50)
}

.formInfoTrigger:hover .icn-list {
    filter: alpha(opacity=5);
    opacity: .5;
    background-size: 81%
}

.incompleted {
    color: #d53636
}

.recommended {
    color: #f93
}

.completed {
    color: #2e9043
}

.categoryHead {
    padding: 20px;
    border-radius: 4px
}

.categoryInfoTrigger {
    text-decoration: none !important
}

.categoryHead h2 {
    margin-bottom: 0 !important
}

.mugShot {
    display: inline-block;
    padding-bottom: 5px;
    text-align: center;
    vertical-align: top;
    width: 140px
}

    .mugShot strong {
        display: block
    }

.itemBlock {
    border-bottom: 1px solid #DBD8D2;
    clear: both;
    display: inline-block !important;
    margin-bottom: 1em;
    padding-bottom: 5px;
    width: 100%
}

    .notificationContent .itemBlock:last-of-type, .itemBlock.lastOne {
        border-bottom: medium none;
        padding-bottom: 0
    }

    .itemBlock p {
        display: block
    }

    .itemBlock .label, .itemBlock .value {
        display: inline-block;
        margin-left: 0 !important;
        padding-bottom: 5px;
        vertical-align: top
    }

    .itemBlock .label {
        width: 30%;
        padding-right: 5%
    }

    .itemBlock .value {
        padding-left: 5%;
        width: 60%
    }

.loadingJson {
    text-align: center;
    padding-top: 50px;
    background-repeat: no-repeat;
    background-position: center 12px;
    overflow-x: hidden;
    overflow-y: hidden;
    background-color: #fff;
    background-image: url(https://www.thestorey.co.uk/graphics/spinner_24_ffffff.gif);
    padding-bottom: 5px
}

p.itemTitle {
    font-weight: 700;
    padding-bottom: 10px !important
}

.bin {
    border-bottom: 1px solid #CCC;
    clear: both;
    display: block;
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%
}

    .bin.lastOne, .bin:last-of-type {
        border-bottom: medium none !important;
        padding-bottom: 0
    }

    .bin img {
        margin-bottom: 2px;
        margin-right: 1em;
        margin-top: 10px
    }

p span.label {
    display: inline-block;
    font-weight: 700
}

.bin h4 {
    display: block !important;
    padding-top: 10px;
    margin-bottom: 10px
}

.dateCalBlock {
    display: inline-block;
    margin-right: 30px;
    margin-left: 0;
    margin-bottom: 15px
}

    .dateCalBlock .dateCal {
        display: inline-block;
        float: left;
        margin-right: 10px;
        text-align: center;
        width: 40px;
        height: 40px
    }

    .dateCalBlock .dateCalBlockTitle {
        float: left;
        line-height: 40px;
        vertical-align: top;
        font-size: 18px
    }

.dateCal span {
    display: block;
    clear: both
}

.dateMonthAbbr {
    border-radius: 2px 2px 0 0;
    background-color: #CC1450 !important;
    color: #FFF;
    font-size: 9px;
    line-height: 14px;
    text-transform: uppercase;
    text-align: center
}

.dateDayNum {
    border: 1px solid #ccc;
    border-radius: 0 0 2px 2px;
    color: #444;
    font-size: 18px;
    min-height: 26px;
    line-height: 25px;
    background-color: #FFF
}

.bgWhite {
    background: #fff
}

.landlordsLoginWrapper {
    max-width: 870px;
    padding: 0 15px;
    margin: 0 auto;
    padding: 10px 15px 0 15px
}

    .landlordsLoginWrapper .left, landlordsLoginWrapper .right {
        width: 50%
    }

        .landlordsLoginWrapper .left img {
            display: none
        }

    .landlordsLoginWrapper img {
        width: 400px;
        max-width: 100%
    }

    .landlordsLoginWrapper h1 {
        color: #333;
        font-size: 70px
    }

    .landlordsLoginWrapper p {
        font-size: 20px;
        margin: 30px 0
    }

    .landlordsLoginWrapper .button {
        display: block;
        margin-bottom: 30px;
        width: 250px
    }

.notification.red {
    background: #82302f;
    padding: 20px;
    border-radius: 5px 5px 0 0
}

a .notification.red {
    color: #fff
}

a:hover .notification.red {
    background: #55201f
}

.wysiwyg .notification h1, .wysiwyg .notification h2 {
    color: #FFF !important
}

.notificationWrapper a:hover, .notificationWrapper a:hover h1, .notificationWrapper a:hover h2 {
    text-decoration: none !important
}

.landlordNotificationHeadline {
    font-size: 26px;
    font-weight: 400;
    margin: 0;
    line-height: 26px
}

.landlordNotificationSubheadline {
    font-size: 22px;
    font-weight: 400;
    margin: 0
}

.icn-key {
    background: url(https://www.thestorey.co.uk/graphics/icn-key.png) top left no-repeat;
    width: 44px;
    height: 43px;
    display: inline-block;
    background-size: cover
}

.landlordNotificationIcn {
    float: left;
    margin-right: 15px
}

.wysiwyg .dataTable {
    border: none !important;
    font-size: 16px
}

    .wysiwyg .dataTable th, .wysiwyg .dataTable tr td, .wysiwyg .dataTable td {
        border-style: dotted !important;
        border-right: 0;
        border-left: 0;
        border-top: 0
    }

    .wysiwyg .dataTable tr:last-of-type td, .wysiwyg .dataTable tr:last-of-type th {
        border-bottom: 0 none !important
    }

.dataTable th td {
    text-align: left;
    font-weight: 700
}

.dataTable .button.green, .dataTable button.green {
    display: block;
    width: 100%
}

.arrowLink {
    display: block;
    padding-left: 45px;
    background: url(https://www.thestorey.co.uk/graphics/icn-blue-arrow-right.png) center left no-repeat;
    background-size: 36px 36px;
    min-height: 36px
}

.icn-blue-arrow-right {
    width: 36px;
    height: 36px;
    background: url(https://www.thestorey.co.uk/graphics/icn-blue-arrow-right.png) top left no-repeat;
    background-size: cover;
    display: inline-block
}

.billLink {
    display: block;
    padding-left: 45px;
    background: url(https://www.thestorey.co.uk/graphics/icn-bill.png) center left no-repeat;
    background-size: 36px 36px;
    min-height: 36px;
    line-height: 36px
}

.icn-blue-bill {
    width: 36px;
    height: 36px;
    background: url(https://www.thestorey.co.uk/graphics/icn-bill.png) top left no-repeat;
    background-size: cover;
    display: inline-block
}

.dataTable {
    display: table
}

    .dataTable .icn-blue-arrow-right {
        vertical-align: middle
    }

    .dataTable tr td:first-of-type, .dataTable tr th:first-of-type {
        padding-left: 0
    }

    .dataTable tr td:last-of-type, .dataTable tr th:last-of-type {
        padding-right: 0
    }

    .dataTable .left {
        width: 10%
    }

    .dataTable .right {
        width: 90%
    }

    .dataTable a:focus {
        border: none;
        outline: none
    }

    .dataTable tbody, .dataTable, .dataTable tr {
        width: 100%
    }

        .dataTable td, .dataTable th {
            padding: -left: 0;
            padding: -right: 0;
            box-sizing: content-box !important
        }

        .dataTable .button, .dataTable a.button, .dataTable button.button, .dataTable input.button {
            box-sizing: border-box
        }

.wysiwyg .dataTable th {
    vertical-align: top !important;
    background-color: transparent;
    border-top: 0;
    color: #333
}

.greyHeadline, .dataTable caption {
    font-weight: 400;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 15px;
    text-align: left;
    font-size: 26px;
    background: #9a9a9a;
    color: #FFF;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}

.twoColumn {
    width: 50%;
    margin: 0;
    padding: 0
}

.dottedRow {
    border-bottom: 1px dotted #cdcdcd;
    padding: 18px 0
}

    .dottedRow.last {
        border: none
    }

.mobileOnly {
    display: none
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: " (" attr(href) ")"
        }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: ""
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }
}