/*09-06-2016*/

@charset "UTF-8";
body {
    color: #000;
    font-family: "myriad-pro", sans-serif;
    font-size: 20px;
}

.noScript {
    background-color: #383838;
    background-image: url(../graphics/milton-keynes-council-logo_noScript.png);
    background-repeat: no-repeat;
    background-position: center 10px;
    background-size: 140px;
    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
}

.lt-ie9 .noScript,
.ie9 .noScript {
    background-image: none;
    padding-top: 20px
}

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

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

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

#accessbar {
    width: auto;
    height: 1px;
    position: relative;
    padding: 0;
    margin: -1px 0 0;
    font-size: .8em
}

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

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

.skip_content:active,
.skip_content:focus {
    left: 3px;
    top: 3px;
    text-decoration: underline;
    border-radius: 0 0 0 0
}

.skip_content:hover {
    text-decoration: none
}

.left {
    float: left
}

.right {
    float: right
}

.center {
    text-align: center
}

.clear {
    clear: both
}

span.clear {
    display: block
}

.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
}

.last {
    margin-right: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

a {
    color: #517C19;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

a.bodycopy {
    color: #333
}

p {
    margin: 5px 0 10px
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
    margin: 0
}

h1,
.h1 {
    font-size: 36px
}

h2,
.h2 {
    font-size: 26px;
    font-weight: 600
}

hgroup h2 {
    padding-top: 20px;
    clear: both;
    display: block
}

h3,
.h3 {
    font-weight: 600
}

h1.alt,
.h1.alt,
h2.alt,
.h2.alt,
h3.alt,
.h3.alt,
h4.alt,
.h4.alt {
    font-weight: 400;
    color: #666
}

h1.alt,
.h1.alt,
h2.alt,
.h2.alt {
    font-size: 42px
}

blockquote {
    border-left: 3px solid #ccc;
    padding-left: 15px;
    padding-bottom: 15px;
    font-style: italic
}

blockquote cite {
    font-style: normal;
    font-weight: 700;
    display: block;
    text-align: right
}

p cite {
    font-style: italic;
    font-weight: 700
}

q {
    font-style: italic
}

dt {
    font-weight: 700
}

dd {
    font-style: italic;
    padding-top: 10px;
    padding-bottom: 10px
}

ins {
    background: #faf68c;
    text-decoration: none
}

acronym {
    cursor: help;
    text-decoration: none;
    border: none
}

.small {
    font-size: 16px
}

img.right {
    margin-left: 15px;
    margin-bottom: 15px
}

img.left {
    margin-right: 15px;
    margin-bottom: 15px
}

.grid {
    list-style: none;
    margin: 0;
    padding: 0
}

.grid li {
    float: left
}

.push10 {
    margin-top: 10px
}

.sidebar .push10 {
    margin-bottom: 20px
}

.push15 {
    margin-top: 15px
}

.push20 {
    margin-top: 20px
}

.push25 {
    margin-top: 25px
}

.push25padding {
    padding-top: 25px
}

.width150 {
    width: 150px
}

.button,
button {
    background-color: #517C19;
    border: 2px solid #517C19;
    color: #FFF
}

.button:hover,
button:hover,
.button:focus,
button:focus {
    background-color: #517C19;
    border: 2px solid #517C19;
    color: #FFF
}

.buttonSquare {
    background-color: #517C19;
    border-radius: 0;
    padding: 8.5px 10px;
    vertical-align: top;
    margin-left: -5px
}

.lt-ie9 .buttonSquare {
    padding: 6.5px 10px
}

.buttonSquare:hover {
    background-color: #334a15
}

address {
    font-style: normal
}

.whiteContainer {
    background-color: #fff
}

.wrapper {
    width: 960px;
    margin: 0 auto
}

.header {
    border-bottom: 1px solid #e0e0e0;
    height: 144px
}

#main {
    margin-top: 10px
}

.with-sidebar {
    background: url(../graphics/sidebar-bg.png) top left repeat-y
}

.footer {
    background-color: #517C19;
    color: #fff;
    padding: 10px
}

.sidebar {
    width: 248px;
    padding: 20px 0;
    font-size: 18px;
    margin-right: 50px
}

.content {
    width: 660px;
    margin-top: 20px
}

.full-width {
    width: auto;
    margin: 20px 0
}

.full-width .content {
    width: auto
}

.fullwidthTwoColumn {
    width: 42%;
    padding-right: 4%;
    padding-left: 4%;
    float: left
}

.signIn .fullwidthTwoColumn {
    border-right: 1px solid #eaeaea
}

.fullwidthTwoColumn.last {
    padding-right: 0!important;
    border: none
}

.fullwidthTwoColumn.first {
    padding-left: 0!important
}

.block {
    width: auto;
    margin-bottom: 10px;
    padding: 10px;
    min-height: 100px
}

.block.twoColumn {
    width: 325px;
    float: left;
    margin-right: 10px
}

.block.threeColumn {
    width: 206px;
    float: left;
    margin-right: 11px
}

.fullwidthThreeColumn {
    width: 300px;
    margin-right: 30px;
    float: left
}

.fullwidthThreeColumn.last {
    margin-right: 0!important
}

.header .meta {
    margin-top: 47px;
    height: 48px;
    line-height: 35px
}

.header .meta.loggedIn {
    margin-top: 0
}

.sessionUser {
    text-align: right;
    line-height: normal
}

.sessionUser span.icon {
    width: 25px;
    height: 25px;
    margin-right: 5px;
    line-height: 400px;
    position: relative;
    overflow: hidden;
    vertical-align: text-bottom
}

.header .loginSection {
    margin-left: 35px;
    position: relative
}

.header.noLogin .meta {
    width: 50%
}

.header.noLogin .meta .left {
    float: none;
    position: relative;
    height: 48px
}

.header.noLogin .meta .formField.headerSearch {
    width: 100%;
    height: 48px;
    padding-right: 58px;
    box-sizing: border-box;
    text-indent: 8px;
    position: absolute;
    z-index: 1
}

.headerSearch::-webkit-input-placeholder {
    color: #999
}

.headerSearch::-moz-placeholder {
    color: #999
}

.headerSearch::-ms-input-placeholder {
    color: #999
}

.headerSearch::-ms-clear {
    display: none
}

.buttonSquare.headerSearch {
    width: 48px;
    height: 48px!important;
    position: absolute;
    z-index: 2;
    right: 0
}

.buttonSquare.headerSearch span {
    background-image: url(../graphics/icons/icn-header-search.png);
    width: 22px;
    height: 22px;
    display: inline-block;
    background-size: cover;
    vertical-align: middle;
    position: absolute;
    top: 27%;
    left: 27%
}

.buttonSquare.headerSearch:focus {
    outline: none!important
}

.buttonSquare.headerSearch:focus span {
    background-image: url(../graphics/icons/icn-header-search-focus.png);
    width: 22px;
    height: 22px;
    display: inline-block;
    background-size: cover!important;
    vertical-align: middle;
    position: absolute;
    top: 27%;
    left: 27%
}

.lt-ie9 .buttonSquare.headerSearch:focus span {
    top: -4px;
    background-image: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-header-search-focus.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-header-search-focus.png', sizingMethod='scale')
}

.loginSection .button {
    border: 1px solid transparent;
    display: inline-block;
    line-height: normal
}

.responsiveSearch {
    display: none
}

.logo {
    width: 163px;
    text-indent: -99999px;
    margin: 17px 20px 0 0
}

.logo a {
    display: block;
    height: 110px;
    background-image: url(img/milton-keynes-council-logo_legacy.png);
    background-size: 163px 110px;
    background-repeat: no-repeat;
    background-position: center center
}

#content p {
    margin: 20px 0;
    line-height: 1.6;
    margin-bottom: 1.25rem;
    text-rendering: optimizelegibility;
}

.contentMiddleWide {
    float: left;
    width: 75%;
    box-sizing: border-box;
    padding-left: 10px;
}

div#zipporahResize {
    width: 25%;
    box-sizing: border-box;
}

ul.nav li a {
    text-decoration: underline;
}

div#ZipporahMenu {
    width: 248px;
    padding: 20px 0;
    font-size: 18px;
    margin-right: 50px;
}

.bodyContainer.wrapper {
    min-height: 263px;
}

div.contentLeft {
    float: left;
}

ul.nav li {
    list-style: none;
}

ul.nav {
    padding-left: 0;
}

div#breadcrumb ul {
    list-style: none;
    padding-left: 0;
}

div#breadcrumb ul li {
    float: left;
    margin-right: 10px;
}

.rightfloat {
    float: right;
}

ul#accessibility {
    margin-top: 0;
    float: right;
    list-style: none;
}

ul#accessibility li {
    float: left;
    margin-right: 10px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .logo a {
        display: block;
        height: 110px;
        background-image: url(../graphics/milton-keynes-council-logo.png);
        background-size: 163px 110px;
        background-repeat: no-repeat;
        background-position: bottom center
    }
}

.lt-ie9 .logo a {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/milton-keynes-council-logo_legacy.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/milton-keynes-council-logo_legacy.png', sizingMethod='scale')
}

.logo a:focus {
    display: block;
    height: 110px;
    background: url(../graphics/milton-keynes-council-logo_focus.png) top left no-repeat;
    background-size: contain;
    background-position: bottom center
}

.breadcrumb {
    background: #fbfbfb;
    padding: 10px 0;
    border-bottom: 1px solid #e0e0e0;
    font-size: 18px;
    width: 100%
}

.breadcrumb li {
    line-height: 33px
}

.breadcrumb,
.breadcrumb a {
    color: #000
}

.breadcrumb .arrow {
    background: url(../graphics/icn-arrow-right.png) center no-repeat;
    width: 9px;
    height: 12px;
    display: inline-block;
    background-size: 9px 12px;
    margin: 0 5px
}

.lt-ie9 .breadcrumb .arrow {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icn-arrow-right.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icn-arrow-right.png', sizingMethod='scale')
}

.displayOptions {
    background-color: #000;
    display: block;
    height: 40px;
    font-size: 18px;
    line-height: 34px;
    text-align: right;
    color: #FFF!important
}

.displayOptions a {
    text-decoration: none
}

.displayOptions a,
.displayOptions p {
    color: #FFF
}

.displayOptions p {
    margin: 0
}

.displayOptions:hover {
    text-decoration: none;
    color: #FFF;
    background-color: #000
}

.displayOptions span.wrapper {
    display: block
}

.displayIcn {
    background-image: url(../graphics/icons/icn-display-options.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 22px;
    height: 22px;
    display: inline-block!important;
    vertical-align: middle;
    margin-left: 5px;
    background-size: cover
}

.displayOptions a {
    display: block;
    min-height: 40px
}

.lt-ie9 .displayIcn {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-display-options.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-display-options.png', sizingMethod='scale')
}

.displayOptions a:focus .displayIcn {
    background-image: url(../graphics/icons/icn-display-options-focus.png)
}

.lt-ie9 .displayOptions a:focus .displayIcn {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-display-options-focus.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-display-options-focus.png', sizingMethod='scale')
}

.displayOptionsExpanded .wrapper {
    padding: 5px 0 15px;
    background: url(../graphics/icons/icn-display-options-expanded.png) bottom right no-repeat
}

.no-js .displayOptionsExpanded {
    display: block!important
}

.speakLoud {
    margin-bottom: 5px
}

.signLanguage {
    width: 50px;
    height: 50px;
    background: url(../graphics/icons/icn-sign-language.png) top left no-repeat;
    text-indent: -9999px
}

.preview {
    margin-left: 85px;
    width: 555px;
    display: block;
    height: 45px;
    border: 1px solid #dcdcdc;
    border-radius: 3px
}

.preview p {
    font-size: 20px;
    margin: 0;
    padding: 0;
    line-height: 45px
}

.preview p span {
    vertical-align: central;
    display: block;
    float: left;
    line-height: 45px
}

.preview p {
    display: inline-block;
    padding: 0;
    margin: 0
}

.preview p .viewLabel {
    color: #333;
    text-transform: uppercase;
    font-size: 12px!important;
    padding-left: 10px;
    width: 55px
}

.preview p .view {
    padding: 0 10px;
    width: 470px;
    height: 45px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    color: #000
}

.preview.contrastActive p .view {
    background-color: #000;
    color: #ff0
}

.preview.contrastActive.contrast p .view,
.preview.contrast p .view {
    background-color: #000!important;
    color: #ff0
}

.preview.normal p .view {
    background-color: #fff!important;
    color: #000
}

.preview.big p .view {
    font-size: 24px
}

.preview.regular p .view {
    font-size: 20px
}

.fontOptions a {
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    color: #333;
    text-align: center;
    margin-left: 5px
}

.fontOptions a.regular {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    margin-top: 10px
}

.fontOptions a.focus {
    border: 1px solid #416216;
    box-shadow: inset 0 0 1px #416216;
    color: #000
}

.fontOptions a.contrast.focus {
    border: 1px solid #ff0;
    box-shadow: inset 0 0 1px #ff0
}

.fontOptions a.big {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 24px
}

.fontOptions ul {
    margin-left: 10px
}

.fontOptions .contrast {
    background-color: #333;
    border-color: #333;
    color: #FF0!important
}

.fontOptions .normal {
    background-color: #fff;
    border-color: #333;
    color: #000!important
}

.cookies {
    background-color: #f6f6f6;
    color: #000;
    height: auto;
    line-height: 44px;
    font-size: 16px;
    border-bottom: 1px solid #e0e0e0
}

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

.cookies .close {
    float: right;
    margin: 5px 0 0 10px;
    display: inline-block;
    z-index: 1;
    text-indent: -9999px;
    width: 33px;
    height: 33px;
    background-image: url(../graphics/icn-close-green.png);
    background-size: cover
}

.lt-ie9 .cookies .close {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icn-close-green.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icn-close-green.png', sizingMethod='scale')
}

.dropDown {
    background: #fff;
    width: 250px;
    padding: 25px;
    position: absolute;
    border: 1px solid #ccc;
    right: 0;
    top: 40px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    z-index: 100;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.23);
    overflow: visible
}

.dropDown .formField {
    width: 220px
}

.dropDown h1 {
    position: absolute;
    text-indent: -9999px;
    height: 0;
    font-size: 26px;
    font-weight: 600
}

.dropDown .mobileCloseTrigger {
    display: none
}

.dropDown label,
.dropDown a,
.dropDown button {
    display: block;
    margin-bottom: 10px
}

.signIn label,
.signIn a,
.signIn button {
    display: block;
    margin-bottom: 15px
}

.dropDown a {
    font-size: 16px
}

a.signinFB,
a.signinTwitter {
    text-indent: -9999px;
    width: 210px;
    height: 39px;
    background-size: cover!important
}

a.signinFB {
    background: url(../graphics/fb-sign-in.png) top left no-repeat
}

.lt-ie9 a.signinFB {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/fb-sign-in.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/fb-sign-in.png', sizingMethod='scale')
}

a.signinTwitter {
    background: url(../graphics/twitter-sign-in.png) top left no-repeat
}

.lt-ie9 a.signinTwitter {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/twitter-sign-in.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/twitter-sign-in.png', sizingMethod='scale')
}

.signIn {
    margin: 0 0 40px
}

.signIn h1 {
    margin-top: 10px;
    margin-bottom: 5px
}

.homeIntro {
    padding: 25px 0
}

.homeIntro p {
    margin: 0
}

.homeIntro .right {
    width: 450px;
    margin-top: 35px
}

.homeIntro h1 {
    margin: 0;
    font-size: 38px;
    font-weight: 700
}

.homeIntro h2 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 0
}

.subTasks {
    background: #fff!important;
    padding: 18px 0 0;
    margin: 0 0 20px;
    border-top: 1px solid #b2d089;
    border-bottom: 1px solid #b2d089;
    z-index: 200;
    position: relative
}

.subTasks .wrapper {
    position: relative
}

.subTaskActive {
    position: relative;
    z-index: 300
}

.subTaskActive:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-bottom: -21px;
    margin-left: -14px;
    background: url(../graphics/sub-task-arrow.png) top left no-repeat;
    width: 27px;
    height: 20px
}

.subTasksNav {
    position: absolute;
    top: 0;
    width: 100%
}

subTasksNav li {
    position: absolute;
    display: inline
}

.subTasksNav a {
    text-indent: -99999px;
    width: 31px;
    height: 49px;
    display: block;
    position: absolute;
    top: 40px;
    float: none
}

.subTasksNav a.left {
    left: -45px;
    background: url(../graphics/icons/icn-subtask-left.png) center no-repeat
}

.subTasksNav a.right {
    background: url(../graphics/icons/icn-subtask-right.png) center no-repeat;
    right: -45px
}

.expandedTasks {
    background: #eff7e4;
    padding-top: 20px
}

.popularTasksHome .viewMore {
    margin: 0 auto;
    display: block;
    width: 150px;
    padding-left: 10px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: #eff7e4
}

.arrow-down-viewmore {
    background: url(../graphics/icn-arrow-down-green.png) 93% 5% no-repeat;
    width: 17px;
    height: 10px;
    display: inline-block;
    background-size: cover;
    margin-left: 2px
}

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

.popularTasksHome .viewMore:hover .arrow-down-viewmore {
    background: url(../graphics/icn-arrow-down.png) 93% 5% no-repeat;
    background-size: cover
}

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

.popularTasksHome .viewMore:hover {
    background: #517C19;
    color: #fff;
    text-decoration: none
}

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

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

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

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

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

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

.viewMore-icn {
    background: url(../graphics/icn-arrow-down-green.png) 92% center no-repeat;
    width: 12.5px;
    height: 8px;
    background-size: 12.5px 8px;
    display: inline-block;
    margin-left: 2px
}

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

.viewLess-icn {
    background: url(../graphics/icn-arrow-up-green.png) 92% center no-repeat;
    background-size: 12.5px 8px;
    width: 12.5px;
    height: 8px;
    display: inline-block;
    margin-left: 2px
}

.lt-ie9 .viewLess-icn {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icn-arrow-up-green.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icn-arrow-up-green.png', sizingMethod='scale')
}

.homeTriSlides {
    padding-top: 15px
}

.homeTriSlides h1 {
    font-weight: 400;
    margin-bottom: .5em;
    font-size: 1.5em;
    font-size: 38px
}

.homeTriSlides .bx-wrapper h1 {
    font-size: 24px;
    margin-top: .83em;
    margin-bottom: .83em
}

.slidesjs-container {
    padding-bottom: 110px
}

.newsHomeHeadline {
    background: #fff;
    padding: 20px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100px;
    margin-bottom: -112px;
    z-index: 1000
}

.newsHomeHeadline h2.alt {
    line-height: normal;
    font-size: 30px
}

.newsHomeHeadline:before {
    background: url(../graphics/news-home-headline.png) top left no-repeat;
    content: '';
    width: 34px;
    height: 30px;
    display: block;
    position: absolute;
    margin-top: -50px;
    z-index: 1000;
    left: 5%
}

.slidesjs-pagination {
    display: none
}

.slidesjs-slide {
    bottom: 0!important
}

#slides {
    position: relative
}

.slidesjs-container {
    min-height: 200px!important
}

.slidesjs-previous,
.slidesjs-next {
    text-indent: -9999px;
    display: inline-block;
    width: 46px;
    height: 74px;
    background: red;
    position: absolute;
    margin-left: -46px;
    bottom: 50%;
    z-index: 1000;
    background-size: 100%!important
}

.slidesjs-previous {
    background: url(../graphics/icons/icn-slider-arrow-left.png) center no-repeat;
    left: 20%
}

.lt-ie9 .slidesjs-previous {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-slider-arrow-left.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-slider-arrow-left.png', sizingMethod='scale')
}

.slidesjs-next {
    background: url(../graphics/icons/icn-slider-arrow-right.png) center no-repeat;
    left: 80%
}

.lt-ie9 .slidesjs-next {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-slider-arrow-right.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-slider-arrow-right.png', sizingMethod='scale')
}

.newsFeature .wrapper {
    margin-top: 20px;
    background: transparent url(../graphics/greyLine.gif) repeat-x right top
}

.featuredNewsCol,
.featuredNewsNavCol {
    display: block;
    float: left;
    height: 267px
}

.featuredNewsCol {
    width: 603px
}

.featuredNewsNavCol {
    width: 356px;
    background: transparent url(../graphics/greyLine.gif) repeat-y right top
}

.featuredNewsCol figure {
    position: relative
}

.featuredNewsCol figcaption {
    display: block;
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px 20px;
    color: #FFF;
    background-color: #333
}

.featuredNewsCol img {
    width: 100%
}

.featuredNewsCol figcaption h1,
.featuredNewsCol figcaption .h1 {
    font-size: 22px;
    font-weight: 700
}

.featuredNewsCol figcaption p {
    font-size: 16px
}

.featuredNewsCol figcaption p .abstract {
    display: inline-block;
    width: 80%
}

.featuredNewsCol figcaption a {
    display: inline-block;
    float: right
}

.readMore {
    padding: 4px 10px;
    border-radius: 3px;
    text-decoration: none!important;
    background-color: #517C19;
    border: 1px solid #7fa34b;
    color: #FFF
}

a.readMore:hover,
a.readMore:focus {
    background-color: #557a24
}

#news-pager {
    margin: 0;
    list-style-type: none;
    padding: 0
}

#news-pager a {
    display: block;
    height: 66px;
    padding: 0 20px;
    text-decoration: none;
    position: relative;
    margin-bottom: 1px;
    line-height: 66px;
    background: #e6e6e6;
    color: #000
}

#news-pager a:hover,
#news-pager a.active {
    background: transparent url(../graphics/greyLine.gif) repeat-x bottom
}

#news-pager a.active {
    font-style: italic
}

#news-pager a.active:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 10px;
    margin-top: -10px
}

#news-pager a:focus:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 191, 71, 0);
    border-right-color: #FFBF47;
    border-width: 10px;
    margin-top: -10px
}

.no-js .newsFeature .wrapper {
    background: none
}

.no-js .featuredNewsCol {
    width: 100%;
    float: none
}

.no-js .featuredNewsNavCol {
    display: none
}

.no-js .featuredNewsCol .item {
    display: block;
    float: left;
    width: 45%;
    margin: 0 2.5% 20px
}

.no-js .featuredNewsCol figcaption {
    position: relative;
    background-image: none;
    color: #333;
    padding-right: 0;
    padding-left: 0
}

.no-js .featuredNewsCol figcaption p .abstract {
    display: block;
    width: auto;
    padding-bottom: 10px
}

.no-js .featuredNewsCol figcaption a {
    float: none;
    margin: 0 auto
}

.no-js #news-pager {
    display: none
}

.no-js .tabbedTasks.tweetie {
    padding-top: 20px;
    background-color: #DEF2C4
}

.tabbedTasksCol .application {
    display: block;
    overflow: visible;
    width: auto
}

.tabbedTasksCol,
.twitterCol {
    display: block;
    float: left
}

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

.tabbedTasksCol {
    width: 715px
}

.twitterCol {
    width: 225px;
    margin-left: 20px
}

.twitterCol iframe[id^='twitter-widget-'] {
    width: 100%
}

.twitter-timeline {
    height: 600px
}

.no-js .twitterCol {
    display: none;
    float: left
}

.no-js .tabbedTasksCol {
    width: 100%;
    float: none
}

.yourNearestHome {
    background-color: #b2518e;
    color: #fff;
    padding: 20px 0;
    font-size: 18px;
    box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.08)
}

.yourNearestHome .formField {
    width: 170px
}

.yourNearestHome a {
    color: #fff
}

.yourNearestHome h2 {
    color: #fff
}

.yourNearestHome .right {
    margin-top: 15px
}

.yourNearestHomeList {
    margin-top: 35px;
    font-size: 20px
}

.lt-ie9 .yourNearestHomeList,
.lt-ie8 .yourNearestHomeList,
.lt-ie7 .yourNearestHomeList {
    padding-top: 1em
}

.yourNearestHomeList li {
    width: 33%
}

.yourNearestHomeList a {
    display: block;
    padding-left: 25px;
    line-height: 25px
}

.pinIcon {
    background: url(../graphics/icons/icn-pin.png) left top no-repeat;
    width: 14px;
    height: 25px;
    display: inline-block;
    background-size: cover;
    vertical-align: middle;
    margin-right: 5px
}

.lt-ie9 .pinIcon {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-pin.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-pin.png', sizingMethod='scale')
}

.az {
    padding: 20px 0
}

.az .wrapper h2,
.az .wrapper h4 {
    margin-bottom: 20px
}

.az.footerStyle {
    border-top: 1px solid #e0e0e0
}

.lt-ie9 .az.footerStyle .grid,
.lt-ie8 .az.footerStyle .grid,
.lt-ie7 .az.footerStyle .grid {
    padding-top: 1em
}

.az ul {
    margin: 0 auto
}

.az li {
    vertical-align: middle
}

.az a {
    width: 34px;
    padding: 10px 0;
    display: block;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.az a.active {
    font-weight: 600;
    color: #333;
    text-decoration: underline
}

.blockExtract {
    display: block;
    clear: both;
    font-size: 80%;
    margin-bottom: 1em
}

.pageColumnTwo {
    float: left;
    width: 38%;
    margin-right: 4%;
    margin-left: 0;
    margin-bottom: 60px;
    padding: 0 4%
}

.pageColumnTwo.last {
    margin-right: 0
}

.pageColumnTwo li {
    margin-bottom: 10px
}

.sitemap {
    margin: 0 0 20px;
    padding: 10px 0 0;
    list-style: none;
    background: none;
    width: auto;
    overflow: hidden
}

.sitemap ul li,
.sitemap ul li ul li {
    list-style: none
}

.sitemap ul li,
.sitemap ul li ul li,
.sitemap ul li ul li ul li {
    background: url(../graphics/site_map_list.gif) 0 5px no-repeat;
    padding-left: 15px
}

.modified-date {
    color: #000
}

.sidebar {
    color: #000
}

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

.sidebar a .value .additional {
    text-decoration: none!important;
    color: #000
}

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

.sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.sidebar section {
    border-bottom: 1px solid #ebebeb;
    padding: 30px 20px 20px
}

.sidebar section.last {
    border-bottom: none
}

.sidebar .contacts h3 {
    font-weight: 600;
    font-size: 18px
}

.sidebar .contactProfile {
    padding-bottom: 20px;
    padding-top: 5px;
    font-style: normal;
    display: block!important
}

.sidebar .contactProfile.last {
    margin-bottom: 0;
    padding-bottom: 0
}

.sidebar .category {
    padding-top: 0;
    font-size: 21px
}

.sidebar .category p {
    margin: 0
}

.sidebar .category a {
    color: #000;
    text-decoration: none
}

.sidebar h2,
.sidebar p.h2 {
    font-size: 21px;
    color: #000;
    margin: 0 0 15px;
    padding: 0
}

.sidebar h3,
.sidebar p.h3 {
    font-size: 18px;
    font-weight: 700;
    color: #000
}

.documents li,
.externalLinks li {
    display: block;
    clear: both;
    width: 100%;
    overflow: visible;
    margin-bottom: 10px
}

.sidebar li a:focus .valueTitle {
    outline-width: thin!important;
    outline-style: dotted!important
}

.downloadImg {
    margin-top: 15px;
    display: block
}

.downloadImg.apple {
    width: 113px;
    height: 37px;
    background-image: url(../graphics/app-store.png)
}

.downloadImg.google {
    width: 108px;
    height: 38px;
    background-image: url(../graphics/google-play.png)
}

.sidebar-phone-icn {
    width: 12px;
    height: 12px;
    text-indent: -9999px;
    background: url(../graphics/icons/icn-phone.png) center left no-repeat;
    background-size: cover;
    display: block;
    margin-right: 8px;
    margin-top: 5px
}

.lt-ie9 .sidebar-phone-icn {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-phone.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-phone.png', sizingMethod='scale')
}

.sidebar-fax-icn {
    width: 14px;
    height: 12.5px;
    text-indent: -9999px;
    background: url(../graphics/icons/icn-fax.png) top left no-repeat;
    display: inline-block;
    margin-right: 5px;
    background-size: cover;
    margin-top: 5px
}

.lt-ie9 .sidebar-fax-icn {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-fax.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-fax.png', sizingMethod='scale')
}

.sidebar-mail-icn {
    width: 16px;
    height: 10px;
    text-indent: -9999px;
    background: url(../graphics/icons/icn-mail.png) bottom left no-repeat;
    display: inline-block;
    margin-right: 5px;
    background-size: cover;
    margin-top: 7px
}

.lt-ie9 .sidebar-mail-icn {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-mail.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-mail.png', sizingMethod='scale')
}

.sidebar-document-icn {
    width: 12px;
    height: 14px;
    text-indent: -9999px;
    background: url(../graphics/icons/icn-document.png) top left no-repeat;
    display: inline-block;
    margin-right: 5px;
    background-size: cover;
    margin-top: 5px
}

.lt-ie9 .sidebar-document-icn {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-document.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-document.png', sizingMethod='scale')
}

.sidebar-externalLink-icn {
    width: 12px;
    height: 14px;
    text-indent: -9999px;
    background: url(../graphics/icons/icn-external-link.png) center left no-repeat;
    display: inline-block;
    margin-right: 5px;
    margin-top: 5px;
    background-size: cover
}

.lt-ie9 .sidebar-externalLink-icn {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-external-link.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-external-link.png', sizingMethod='scale')
}

.value {
    width: 80%;
    vertical-align: text-top;
    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
}

.value .additional {
    display: block;
    padding: 7px 0 10px;
    font-size: 80%
}

.pageSection .value {
    width: 75%;
    word-break: keep-all
}

.highlight {
    background: #ffbc99;
}

.highlight a,
.keymatch a {
    color: inherit
}

.keymatch a {
    font-style: italic
}

.keymatch {
    background: #ffbc99;
    font-size: 18px;
    padding: 20px 20px 10px;
    margin: 30px 0;
    color: inherit
}

li .keymatch {
    font-size: inherit;
    display: inline;
    padding: 1px 5px;
    margin: 0
}

.keymatch-indicator {
    margin-top: -42px;
    margin-left: -20px;
    margin-bottom: 10px;
    color: gray;
    font-size: 16px
}

.info {
    background: #ccefff;
    padding: 10px 30px;
    color: #555;
    border-right: 7px solid transparent;
    position: relative
}

.info p {
    z-index: 1
}

.info-icn {
    background: url(../graphics/icons/icn-info.png) center no-repeat;
    background-size: cover;
    width: 28px;
    height: 28px;
    position: absolute;
    z-index: 0;
    display: block;
    right: 10px
}

.lt-ie9 .info-icn {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-info.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-info.png', sizingMethod='scale')
}

.content p {
    margin: 20px 0;
    line-height: 1.6;
    margin-bottom: 1.25rem;
    text-rendering: optimizelegibility
}

.pageTitle {
    width: 80%;
    margin-left: 2%;
    margin-top: 10px;
    margin-bottom: 1em
}

.pageSection {
    margin-top: 50px
}

.articleSection {
    margin-top: 15px
}

.content article {
    margin-top: 25px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 20px
}

.phone {
    padding-left: 25px;
    background: url(../graphics/icons/icn-tel.png) left center no-repeat
}

.email {
    padding-left: 25px;
    background: url(../graphics/icons/icn-email.png) left center no-repeat
}

.externalLink {
    padding-right: 18px;
    background: url(../graphics/icons/icn-external-link.png) right center no-repeat;
    background-size: 12.5px 12.5px
}

.externalLink.alt {
    color: #666
}

.contentImg {
    width: 210px;
    font-size: 14px
}

.contentImg.right {
    margin: 0 0 10px 20px
}

.contentImg.left {
    margin: 0 20px 10px 0
}

.contentImg.center {
    margin: 0 auto;
    width: 100%
}

.contentImg.center img {
    width: 100%
}

figcaption p {
    margin: 5px 0!important
}

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

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

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

.lt-ie9 video {
    border: 0 none
}

.video-controls {
    padding: 1em 0 0
}

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

.noJSmessage {
    display: none
}

.no-js .noJSmessage {
    display: block
}

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

.video-controls button.alignRight {
    float: right
}

.video-controls button span {
    margin-left: 5px;
    vertical-align: middle
}

.video-controls button span.value {
    margin-left: 0;
    display: inline
}

.play-media {
    background-image: url(../graphics/play-media.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    width: 14px;
    height: 14px;
    display: inline-block;
    z-index: 101
}

.lt-ie9 .play-media {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/play-media.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/play-media.png', sizingMethod='scale')
}

.pause-media {
    background-image: url(../graphics/pause-media.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    width: 14px;
    height: 14px;
    display: inline-block;
    z-index: 101
}

.lt-ie9 .pause-media {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/pause-media', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/pause-media', sizingMethod='scale')
}

.fullscreen-media {
    background-image: url(../graphics/fullscreen-media.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    width: 14px;
    height: 14px;
    display: inline-block;
    z-index: 101
}

.lt-ie9 .fullscreen-media {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/fullscreen-media', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/fullscreen-media', sizingMethod='scale')
}

@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%
}

.legacyMedia .cover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .3
}

.legacyMedia .playLegacy {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    height: 100px;
    width: 100px;
    background-image: url(../graphics/play-legacy.png);
    cursor: pointer
}

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

.legacyDownloadLink .link {
    text-decoration: underline
}

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

.search-results {
    list-style: none;
    margin: 0;
    padding: 0
}

.search-results li {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-top: 10px;
    margin-bottom: 10px
}

.search-results li a {
    display: block
}

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

.search-results span.size {
    color: #666
}

.search-results span.link {
    font-style: italic;
    font-size: 16px;
    color: #666;
    display: block
}

.search-results .pdf {
    background: url(../graphics/icons/icn-pdf.png) top left no-repeat;
    width: 25px;
    height: 33px;
    margin: 5px 10px 0 0;
    text-indent: -99999px;
    background-size: cover
}

.lt-ie9 .pdf {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-pdf.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-pdf.png', sizingMethod='scale')
}

.search-results .word {
    background: url(../graphics/icons/icn-word.png) top left no-repeat;
    width: 25px;
    height: 33px;
    margin: 5px 10px 0 0;
    text-indent: -99999px;
    background-size: cover
}

.lt-ie9 .word {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-word.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-word.png', sizingMethod='scale')
}

.expandedSearch {
    width: 300px
}

.pagination {
    padding: 20px 0 60px
}

.pagination li {
    margin-right: 5px;
    margin-left: 5px
}

.pagination a,
.pagination span.active {
    padding: 3px;
    color: #666;
    margin-bottom: 10px
}

.pagination span.active,
.pagination a:hover {
    border-bottom: 1px solid #666;
    text-decoration: none
}

.category {
    margin-right: -1px;
    background-image: url(../graphics/sidebar-current-category.png);
    background-repeat: no-repeat;
    background-position: 224px center
}

.category span {
    margin-bottom: 10px
}

.categoriesList {
    list-style: none;
    margin: 0;
    padding: 20px 0 0
}

.categoriesList li {
    width: 290px;
    min-height: 160px;
    float: left;
    margin-right: 20px;
    margin-bottom: 30px
}

.categoriesList .right {
    width: 80%
}

.categoriesList li {
    clear: left
}

.categoriesList li.last {
    clear: none
}

.categoriesList a {
    font-weight: 600
}

.categoriesList li.last {
    margin-right: 0!important
}

.categoriesList p {
    margin-top: 0!important;
    padding-top: 5px!important;
    padding-bottom: 20px;
    display: inline-block
}

.categoriesList a,
.categoriesList p {
    vertical-align: top
}

.categoriesList a {
    padding-bottom: .5em;
    display: block
}

.contentNav {
    border: 1px solid #EAEDEF;
    border-bottom: none;
    float: right!important;
    font-size: .933em;
    padding: 0;
    margin: 10px 0 10px 20px;
    background: #fff
}

.content .contentNav p {
    margin: 10px!important
}

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

.contentNav span.active {
    background-color: #EAEDEF
}

.contentNav a,
.contentNav span.active {
    border-bottom: 1px solid #EAEDEF;
    display: block;
    padding: 10px 10px 9px
}

.contentNav .splitTitle {
    display: block;
    margin-top: 5px
}

.pagination.contentSplit {
    clear: both;
    display: block;
    width: 100%
}

.pagination.contentSplit ul {
    text-align: left
}

.pagination.contentSplit li {
    width: 45%;
    background-color: #FFF;
    display: block;
    float: left;
    margin: 10px 0
}

.pagination.contentSplit li.first a,
.pagination.contentSplit li.next a {
    display: block
}

.pagination.contentSplit li.next {
    margin-left: 10%
}

.pagination.contentSplit li.next a,
.pagination.contentSplit li.next span {
    text-align: right
}

.pagination.contentSplit li.first a {
    text-align: left
}

.pagination.contentSplit li span.node,
.pagination.contentSplit li a {
    display: inline-block;
    padding: 15px;
    line-height: normal;
    border: none
}

.pagination.contentSplit li a:hover {
    text-decoration: underline
}

.pagination.contentSplit li .node {
    min-height: 60px
}

.pagination.contentSplit li a span.splitTitle {
    padding: 0;
    line-height: normal;
    background-color: transparent
}

.content .block.pageArea .pagination.contentSplit li a {
    color: #FFF
}

.pagination.contentSplit li.first span,
.pagination.contentSplit li.next span {
    background-color: #efefef
}

.pagination ul li a {
    background-color: #b2518e;
    color: #FFF;
    text-decoration: none
}

.pagination ul li a:hover,
.pagination ul li a:focus {
    background-color: #360
}

.pagination ul li span.active,
.pagination ul li a {
    display: block;
    line-height: 30px;
    padding: 0 10px
}

.listhWithThumbs img {
    display: block;
    border-radius: 5px;
    width: 130px
}

.listhWithThumbs a span.trim {
    position: relative;
    display: inline-block;
    width: 130px;
    height: 111px;
    overflow: hidden;
    border-radius: 5px
}

.listhWithThumbs a {
    color: #333
}

.listhWithThumbs li {
    margin: 30px 20px 10px 0;
    width: 130px;
    line-height: normal;
    text-transform: capitalize
}

.tabs {
    margin: 50px 0 10px;
    padding: 0 0 20px
}

.tabs li {
    margin-top: 10px;
    margin-bottom: 5px
}

.tabs a,
.tablist .tab {
    margin-right: 10px;
    border-radius: 3px;
    padding: 5px;
    background: #517C19;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    cursor: pointer
}

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

.tabs a.focus,
.tablist .tab:focus,
.tablist .tab.selected {
    color: #333;
    background: #ccc;
    box-shadow: inset 1px 2px 2px rgba(0, 0, 0, 0.3);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8)
}

.tabs a.focus:hover {
    text-decoration: none
}

.label {
    width: 150px;
    margin-right: 10px;
    font-weight: 600;
    float: left
}

.application .social {
    padding: 50px 0
}

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

.panelTabs li {
    display: inline-block
}

.homeTabs {
    border-bottom: 1px solid #e6e6e6
}

.no-js .homeTabs {
    display: none
}

.no-js .tabbedTasksCol h1.visuallyhidden {
    border: 0;
    clip: none;
    height: auto;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: relative;
    width: auto;
    left: 0;
    top: 0
}

.no-js #panel1,
.no-js #panel2,
.no-js #panel3,
.no-js #panel4 {
    display: block!important
}

.homeTabs .panelTabs {
    font-size: 0
}

.homeTabs .panelTabs li {
    margin: 0 20px -1px 0
}

.lt-ie9 .homeTabs .panelTabs li {
    float: left
}

.homeTabs .panelTabs li:last-of-type {
    margin-right: 0!important
}

.homeTabs .panelTabs a {
    display: block;
    font-size: 24px;
    padding: 17px 20px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-color: #e6e6e6;
    border: 1px solid #e6e6e6;
    color: #000;
    text-decoration: none;
    box-sizing: border-box
}

.homeTabs .panelTabs a:hover,
.homeTabs .panelTabs a.active {
    background-color: #FFF
}

.homeTabs .panelTabs a.active {
    border-bottom-color: #fff
}

.arrow-down {
    background-image: url(../graphics/icn-arrow-down.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 92% 50%;
    width: 13px;
    height: 8px;
    display: inline-block;
    z-index: 101;
    background-image: url(../graphics/icn-arrow-down.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 92% 50%;
    width: 13px;
    height: 8px;
    display: inline-block;
    z-index: 101
}

.lt-ie9 .arrow-down {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icn-arrow-down.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icn-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;
    background-repeat: no-repeat;
    background-size: 12.5px 8px;
    background-position: 92% 43%;
    z-index: 99999
}

.dropDownButton.active .arrow-down {
    background-image: url(../graphics/icn-arrow-down-active.png)
}

.lt-ie9 .dropDownButton.active .arrow-down {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icn-arrow-down-active.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icn-arrow-down-active.png', sizingMethod='scale')
}

.dropDownButton.active:hover .arrow-down,
.dropDownButton.active:focus .arrow-down {
    background-image: url(../graphics/icn-arrow-down-active-hover.png)
}

.lt-ie9 .dropDownButton.active:hover .arrow-down,
.lt-ie9 .dropDownButton.active:focus .arrow-down {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icn-arrow-down-active-hover.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icn-arrow-down-active-hover.png', sizingMethod='scale')
}

.socialBlock {
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 20px;
    margin-top: -40px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    color: #666
}

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

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

.table {
    text-align: left;
    border: 1px solid #e0e0e0;
    margin: 40px 0;
    width: 100%;
    table-layout: fixed
}

.table th,
td {
    box-sizing: border-box
}

.table tr {
    border-bottom: 1px solid #e0e0e0
}

.table th {
    font-weight: 600;
    background: #fbfbfb;
    text-align: left
}

.table caption {
    margin-bottom: 10px;
    text-transform: uppercase;
    text-align: left
}

.footer {
    padding: 30px 0 0;
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.15);
    margin: 0 auto;
    font-size: 18px
}

.footer .column {
    width: 31%;
    text-align: left;
    padding-right: 2%
}

.footer .column.last {
    padding-right: 0;
    width: 33%
}

.footer a {
    color: #fff
}

.footer a:focus {
    outline-width: thin!important;
    outline-style: dotted!important
}

.footer p.h3 {
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 15px
}

.footer .column ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer .column ul li {
    margin-bottom: 5px
}

.twitter {
    background: url(../graphics/icons/icn-twitter.png) top left no-repeat;
    background-size: 28px 24px;
    display: inline-block;
    width: 28px;
    height: 24px;
    vertical-align: middle
}

.lt-ie9 .twitter {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-twitter.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-twitter.png', sizingMethod='scale')
}

.rss {
    background: url(../graphics/icons/icn-rss.png) top left no-repeat;
    background-size: 20px 21px;
    display: inline-block;
    width: 20px;
    height: 21px;
    vertical-align: middle
}

.lt-ie9 .rss {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-rss.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-rss.png', sizingMethod='scale')
}

.footerMeta {
    margin-top: 50px;
    font-size: 18px;
    border-top: 1px solid #71bc57;
    padding-top: 10px
}

.lt-ie9 .footerMenus,
.lt-ie8 .footerMenus,
.lt-ie7 .footerMenus {
    padding-bottom: 1px
}

.socialBadges img {
    margin: 0 10px 10px 0;
    width: 50px;
    zoom: 1;
    filter: alpha(opacity=70);
    opacity: .7;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

.socialBadges img:hover,
.socialBadges img:focus {
    filter: alpha(opacity=100);
    opacity: 1
}

.footerMeta a {
    display: inline-block;
    height: 50px
}

.footerMeta li {
    box-sizing: border-box;
    width: 33%;
    padding-right: 2%
}

.footerMeta li.last {
    padding-right: 0;
    width: 33%
}

.footerStoryContent {
    width: 500px
}

.footerStory {
    color: #c0e591;
    font-size: 16px;
    min-height: 290px;
    margin-top: 50px
}

.footerStory a {
    color: #c0e591
}

.footerStory p {
    margin-top: 20px
}

.footerStory h3 {
    font-size: 20px;
    font-weight: 600
}

.localOfferHeader {
    background: #7ad0ed;
    color: #fff;
    padding: 15px 0
}

.localOfferHeader h2 {
    font-size: 50px;
    font-weight: 300
}

.localOfferTasks {
    background: #c7eaf6!important
}

.localOfferTasks .icon {
    width: 205px!important;
    opacity: .9;
    height: 205px!important;
    text-align: center
}

.localOfferTasks .icon:hover {
    width: 205px!important;
    opacity: 1
}

.localOfferTasks .icon.education {
    background-color: #094669!important
}

.popularTasksHomeList .education,
.popularTasksHomeList .education:hover,
.popularTasksHomeList .education:focus {
    background-image: url(../graphics/icons/icn-education.png)!important;
    background-size: 72px 112px!important
}

.lt-ie9 .popularTasksHomeList a.icon.education span,
.ie9 .popularTasksHomeList a.icon.education span {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-education.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-education.png', sizingMethod='scale')
}

.localOfferTasks .icon.health2 {
    background-color: #4f7167!important
}

.popularTasksHomeList .health2,
.popularTasksHomeList .health2:hover,
.popularTasksHomeList .health2:focus {
    background-image: url(../graphics/icons/icn-health2.png)!important;
    background-size: 100px 112px!important
}

.lt-ie9 .popularTasksHomeList a.icon.health2 span,
.ie9 .popularTasksHomeList a.icon.health2 span {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-health2.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-health2.png', sizingMethod='scale')
}

.localOfferTasks .icon.socialCare {
    background-color: #00968f!important
}

.popularTasksHomeList .socialCare,
.popularTasksHomeList .socialCare:hover,
.popularTasksHomeList .socialCare:focus {
    background-image: url(../graphics/icons/icn-socialCare.png)!important;
    background-size: 116px 114px!important
}

.lt-ie9 .popularTasksHomeList a.icon.socialCare span,
.ie9 .popularTasksHomeList a.icon.socialCare span {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-socialCare.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-socialCare.png', sizingMethod='scale')
}

.localOfferTasks .icon.tellUs {
    background-color: #006b78!important
}

.popularTasksHomeList .tellUs,
.popularTasksHomeList .tellUs:hover,
.popularTasksHomeList .tellUs:focus {
    background-image: url(../graphics/icons/icn-tellUs.png)!important;
    background-size: 116px 94px!important
}

.lt-ie9 .popularTasksHomeList a.icon.tellUs span,
.ie9 .popularTasksHomeList a.icon.tellUs span {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-tellUs.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-tellUs.png', sizingMethod='scale')
}

.localOfferTasks .icon.support {
    background-color: #004896!important
}

.popularTasksHomeList .support,
.popularTasksHomeList .support:hover,
.popularTasksHomeList .support:focus {
    background-image: url(../graphics/icons/icn-support.png)!important;
    background-size: 112px 106px!important
}

.lt-ie9 .popularTasksHomeList a.icon.support span,
.ie9 .popularTasksHomeList a.icon.support span {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-support.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-support.png', sizingMethod='scale')
}

.localOfferTasks .icon.services {
    background-color: #a249a2!important
}

.popularTasksHomeList .services,
.popularTasksHomeList .services:hover,
.popularTasksHomeList .services:focus {
    background-image: url(../graphics/icons/icn-services.png)!important;
    background-size: 94px 110px!important
}

.lt-ie9 .popularTasksHomeList a.icon.services span,
.ie9 .popularTasksHomeList a.icon.services span {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-services.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-services.png', sizingMethod='scale')
}

.localOfferTasks .icon.earlyYears {
    background-color: #b2518e!important
}

.popularTasksHomeList .earlyYears,
.popularTasksHomeList .earlyYears:hover,
.popularTasksHomeList .earlyYears:focus {
    background-image: url(../graphics/icons/icn-earlyYears.png)!important;
    background-size: 112px 106px!important
}

.lt-ie9 .popularTasksHomeList a.icon.earlyYears span,
.ie9 .popularTasksHomeList a.icon.earlyYears span {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-earlyYears.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-earlyYears.png', sizingMethod='scale')
}

.localOfferTasks .icon.leisure {
    background-color: #d6434a!important
}

.popularTasksHomeList .leisure,
.popularTasksHomeList .leisure:hover,
.popularTasksHomeList .leisure:focus {
    background-image: url(../graphics/icons/icn-leisureBall2.png)!important;
    background-size: 100px 100px!important
}

.lt-ie9 .popularTasksHomeList a.icon.leisure span,
.ie9 .popularTasksHomeList a.icon.leisure span {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-leisureBall2.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-leisureBall2.png', sizingMethod='scale')
}

input.formField,
textarea.formField,
textarea,
.responsiveSearch input {
    padding: 5px;
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
    border: 1px solid #dcdcdc;
    font-family: "myriad-pro", sans-serif;
    border-radius: 0
}

input.formField.fullWidth {
    width: 95%!important
}

textarea.formField.fullWidth {
    width: 93.5%!important
}

input.formField.fullWidth {
    width: 95%!important
}

textarea.formField.fullWidth {
    width: 93.5%!important
}

input.formField:focus,
textarea.formField:focus,
select.formField:focus,
select:focus,
textarea:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus {
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 0 0;
    outline-width: 3px;
    outline-style: solid;
    outline-color: #ffbf47
}

a:hover,
a:active,
a:link {
    outline-width: medium;
    outline-style: none
}

a:focus,
.bx-wrapper .bx-controls-auto .bx-start:focus,
.bx-wrapper .bx-controls-auto .bx-stop:focus,
.sidebar a:focus .value .valueTitle,
.displayOptions a:focus,
.contrast:focus,
.buttonSquare:focus {
    outline-color: #ffbf47;
    background-color: #FFBF47!important;
    color: #000!important
}

input.formField.postcode {
    width: 90px
}

textarea {
    padding: 10px;
    font-family: "myriad-pro", sans-serif
}

.formField.date {
    width: 210px
}

.formField.fullWidth {
    max-width: 100%;
    width: 100%!important
}

.formSelect {
    width: 290px
}

fieldset p label {
    margin-right: 20px
}

.formRadio {
    margin-right: 5px
}

select {
    max-width: 100%;
    font-family: "myriad-pro", sans-serif
}

select.fullWidth {
    width: 100%
}

.lt-ie9 select.formField.fullWidth {
    width: 100%;
    font-size: 12px;
    overflow: visible;
    padding: 10px 5px
}

.lt-ie9 select.formField.fullWidth:focus {
    width: auto!important
}

select .title1 {
    font-size: 50px;
    width: 100px;
    display: block
}

.searchOptions {
    padding: 10px 0 20px
}

.searchOptions button,
.searchOptions .button {
    margin-top: 10px;
    display: block
}

.siteSearch {
    display: block;
    width: 175px;
    float: left;
    margin-top: 0;
    padding: 0 10px;
    height: 34px
}

.pageArea .button,
.buttonAlt {
    font-weight: 300
}

.promo .buttonAlt {
    height: auto!important;
    line-height: normal!important;
    padding: 6px;
    margin-top: 20px;
    font-size: .85em
}

.buttonAlt.full {
    display: block;
    text-align: center;
    height: auto;
    padding: 20px;
    font-size: 1.4em
}

.button.reset {
    background-color: #999;
    border-color: #999
}

.buttonAlt {
    background-color: #517C19
}

.buttonAlt:hover {
    background-color: #608a2a
}

.pageArea button.alignRight {
    margin-bottom: 0
}

.buttonGroup {
    margin-bottom: 10px
}

.buttonGroup button {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px
}

.formFields button,
.buttonGroup button {
    line-height: 31px
}

.formFields {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0
}

.formFields li {
    margin-bottom: 10px
}

.formFields.inline li {
    display: inline-block;
    margin-right: 10px
}

.formFields li label {
    white-space: normal;
    line-height: 1.8
}

.formFields li .formField,
.formFields li input[type="checkbox"],
.formFields li input[type="radio"] {
    margin-bottom: 10px;
    margin-right: 5px
}

.formFields li.group label {
    margin-right: 25px;
    display: inline-block
}

.formFields .label {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    display: block;
    padding-bottom: 10px
}

.pageForm {
    margin-bottom: 20px
}

ul.formFields {
    margin: 0;
    padding: 0;
    margin-bottom: 20px
}

ul.formFields li {
    list-style: none
}

ul.formFields .formField.medium {
    width: 130px
}

ul.formFields .formField.large {
    width: 250px
}

.pageForm fieldset {
    margin: 35px 0;
    padding: 20px;
    border: 1px solid #e2e2e2
}

.pageForm fieldset fieldset {
    border: 1px dotted #e2e2e2;
    padding: 10px
}

.pageForm fieldset ul.formFields li fieldset ul.formFields {
    padding-left: 10px;
    margin-bottom: 0
}

.pageForm legend {
    font-weight: 700;
    font-size: 21px;
    display: table;
    white-space: normal
}

.pageForm fieldset fieldset legend {
    color: #444;
    font-size: 1em
}

.fieldError {
    outline-color: #bd4f4f;
    outline-width: 3px;
    outline-style: solid
}

ul.formFields label.blockLabel {
    margin: 8px 0 5px;
    display: block;
    padding: 0
}

ul.formFields label.blockLabel input,
ul.formFields label.blockLabel textarea,
ul.formFields label.blockLabel select {
    margin-top: 10px
}

ul.formFields textarea {
    min-width: 250px;
    min-height: 100px
}

.required {
    color: red;
    font-size: 18px;
    line-height: 18px
}

.placeholder {
    color: #333
}

::-webkit-input-placeholder {
    color: #666;
    opacity: 1
}

:-moz-placeholder {
    color: #666;
    opacity: 1
}

::-moz-placeholder {
    color: #666;
    opacity: 1
}

:-ms-input-placeholder {
    color: #666;
    opacity: 1
}

.siteError,
.siteSuccess {
    border-radius: 3px;
    padding: 20px;
    background-color: #ecacac;
    margin-bottom: 20px;
    margin-top: 20px;
    clear: both
}

.formFields .siteError,
.formFields .siteSuccess {
    margin-top: 0
}

.content .siteSuccess p,
.content .siteError p {
    margin: 0
}

.siteError a,
.siteSuccess a {
    color: inherit;
    text-decoration: underline
}

.siteSuccess {
    background: #def2c4
}

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

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .buttonSquare.headerSearch {
        height: 37px
    }
    .buttonSquare.headerSearch span {
        vertical-align: top
    }
    .buttonSquare {
        padding: 7px 10px
    }
}

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

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

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

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    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: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

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

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

.bx-wrapper .bx-next {
    right: 10px;
    background: url(../graphics/controls-darker.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;
    height: 40px;
    width: 40px;
    background-color: #517C19;
    border-radius: 25px;
    top: 13px;
    right: 25px;
    z-index: 9998;
    cursor: pointer
}

.lt-ie9 .bx-wrapper .bx-controls-auto {
    background-color: transparent;
    background-image: url(../graphics/greenRoundBG.png);
    color: #FFF
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    outline: 0;
    width: 40px;
    height: 40px;
    background-image: url(../graphics/play-slider.png);
    background-size: 22px 22px;
    background-position: center center;
    background-repeat: no-repeat;
    color: #FFF
}

.lt-ie9 .bx-wrapper .bx-controls-auto .bx-start {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/play-slider-legacy.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/play-slider-legacy.png', sizingMethod='scale')
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    outline: 0;
    width: 40px;
    height: 40px;
    background-image: url(../graphics/pause-slider.png);
    background-size: 22px 22px;
    background-position: center center;
    background-repeat: no-repeat;
    color: #FFF
}

.lt-ie9 .bx-wrapper .bx-controls-auto .bx-stop {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/pause-slider-legacy.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/pause-slider-legacy.png', sizingMethod='scale')
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start:focus,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
    opacity: 1
}

.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    display: none
}

.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 {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666;
    width: 100%
}

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

.gallery h2 {
    margin-bottom: 20px
}

.gallery .bx-wrapper ul {
    padding: 0!important
}

.gallery .bx-wrapper ul li {
    margin: -20px 0 0!important
}

.content #bx-pager {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 50px
}

.content #bx-pager a {
    margin: 0 3px
}

.content #bx-pager a img {
    padding: 3px;
    border: solid #ccc 1px;
    width: 50px;
    height: 50px
}

.content #bx-pager a:hover img,
.content #bx-pager a.active img {
    box-shadow: none;
    outline-width: 3px;
    outline-style: solid;
    outline-color: #ffbf47
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .buttonSquare.headerSearch {
        height: 37px
    }
    .buttonSquare.headerSearch span {
        vertical-align: top
    }
    .buttonSquare {
        padding: 7px 10px
    }
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    max-width: 560px
}

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

.sidebar-facebook-icn {
    width: 12px;
    height: 14px;
    text-indent: -9999px;
    background: url(../graphics/icons/icn-facebook-sidebar.png) top left no-repeat;
    display: inline-block;
    margin-right: 5px;
    background-size: cover;
    margin-top: 5px
}

.lt-ie9 .sidebar-facebook-icn {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-facebook-sidebar.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-facebook-sidebar.png', sizingMethod='scale')
}

.sidebar-twitter-icn {
    width: 12px;
    height: 14px;
    text-indent: -9999px;
    background: url(../graphics/icons/icn-twitter-sidebar.png) top left no-repeat;
    display: inline-block;
    margin-right: 5px;
    background-size: cover;
    margin-top: 5px
}

.lt-ie9 .sidebar-twitter-icn {
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-twitter-sidebar.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.milton-keynes.gov.uk/graphics/icons/icn-twitter-sidebar.png', sizingMethod='scale')
}

@media(max-width: 960px) {
    div#zipporahResize {
        width: 100%;
    }
    .contentMiddleWide {
        width: 100%;
    }
}

.radioLabelSpace input[type="radio"] {
    margin-right: 7px;
}

input#selectUser_rdbtnSearch {
    margin-left: 15px;
}









/* Font fixes */

h1 { font-size: 26px !important; }
h2 { font-size: 20px !important; }
h3 { font-size: 20px !important; }




/* === Format styling fixes === */


input, select, textarea {
	width:95% !important;
	display:block;
	margin:5px 0 10px;
	padding:5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

input[type="submit"], input[type="radio"], input[type="checkbox"], input[type="image"] {
	width:auto !important;
	display:inline-block;
	margin:0 5px 10px 0;
	border-radius:3px;
}

select { overflow:auto; overflow-x:scroll; }


td input, td select { margin-left:10px; }


.content { overflow:auto; }


.zipporahTable 	{ width:100% !important; table-layout:fixed; }

#ConfirmDetailsText table { width:100% !important; table-layout:fixed !important; vertical-align:top; }

#ConfirmDetailsText table tr { vertical-align:top; }

#ConfirmDetailsText td { padding:0 !important; vertical-align:top; }

table { font-size:15px; }

th { padding:15px; }

table input { display:inline-block; }

td input[type="text"] { min-width:250px; }

#calendarContainer {
	float:none !important;
}


.zip-editor-label + .zip-editor-field { float:none !important; }

.zip-editor-label-2 { display:inline-block; vertical-align:top; }

.zip-editor-label, .zip-thin-editor-label{  display:block; font-weight:bold; font-size:16px; margin:5px 0; }

.zip-half-editor-label { width: 130px; display: float: left; }

.zip-editor-field + .zip-editor-label-2 { margin-top:-40px; margin-left:30px; }



#calendarDatePicker { float:none !important; }
#calendarContainer + div { float:none !important; text-align:left !important; }

#showEditButton { margin-left:0 !important; } 

#datePicker { float:none !important; }

fieldset { margin-bottom:20px !important; }




#ZipporahMenu li + li {
	padding-top:10px;
}

td, th{
	padding-left:5px;
	padding-right:5px;
	position:relative;
}

td input + #toCalendarBtn, td input + #fromCalendarBtn, td input + #btnValidityDateCalendar, td input + #btnBatchReceived, td input + #btnAbsoluteCalendar, td input + #btnPreferredCalendar {
	position:absolute;
	top:10px;
	right:20px;
}

.subheader { font-weight:bold; margin-bottom:10px; }

label + input[type="radio"] { margin-left:10px; }