html,
body {
    height: 100%;
    /*needed for stick-footer*/
}

html {
    background-color: #fff;
    box-sizing: border-box;
    line-height: 1.5;
}

body {
    margin: 0;
    padding: 0;
    border: none;
    direction: ltr;
    font-family: 'Fira Sans', 'Gill Sans', sans-serif;
    font-size: 100%;
    color: #111111;
    overflow-x: hidden;
}

img {
    border: 0;
}

.accessable-hide {
    text-indent: -9999px;
    overflow: hidden;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.wi-visually-hidden {
    text-indent: -9999px;
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
    border: 0;
    padding: 0;
    margin: -1px;
}

.container {
    margin-left: auto;
    margin-right: auto;
    width: 1070px;
    direction: ltr;
    padding-top: 25px;
    position: relative;
    clear: both;
}

header .container {
    padding: 0;
    /*overflow: hidden;*/
}

header .container .bg-pattern {
    position: absolute;
    width: 629px;
    height: 64px;
}

@media (max-width: 1630px) {
    header .container .bg-pattern {
        left: -57px;
    }
}

a {
    color: #005987;
}

a:visited {
    color: #005987;
}

a:active,
a:hover {
    color: #000;
}

a:focus,
:focus-visible {
    outline: 2px solid #0083ca;
    outline-offset: 2px;
}

blockquote {
    font-style: italic;
    margin: 1em 0 0;
}


/* combined styles */

#main {
    max-width: 1070px;
    background: transparent;
}


/* Message box - default styling */

.wi-message-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    padding: 16px;
    overflow: hidden;
}

.wi-message-text {
    margin: 0 15px 0 105px;
    padding: 24px 150px 24px 0;
}

.wi-message-text h3 {
    margin-top: 0;
    line-height: 1.4em;
    font-size: 100%;
}

.wi-message-text p {
    margin: 0;
    padding: 0;
}

.wi-message-text a {
    text-decoration: underline;
}

.wi-message-text a:hover,
.wi-message-text a:focus {
    text-decoration: none;
}

button.wi-message-close {
    position: absolute;
    top: 50%;
    right: 14px;
    margin-top: -11px;
    padding: 2px 5px 2px 0;
    border: none;
    font-family: 'Fira Sans', 'Gill Sans', sans-serif;
    font-size: 17px;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
    background-color: transparent;
}

button.wi-message-close:hover {
    text-decoration: underline;
}

button.wi-message-close span.close {
    display: inline-block;
    width: 26px;
    height: 15px;
    padding: 0;
    margin: 0 0 -1px 7px;
    border-bottom: 0;
    background: url("../images/close-menu.svg") 0 0 / 15px 15px no-repeat, linear-gradient(transparent, transparent);
}


/* Message box - Alert */

.wi-message--alert {
    position: relative;
    background-color: #b32f21;
    color: #fff;
}

.wi-message--alert .wi-message-icon {
    background-color: #9f1c2b;
}

.wi-message--alert h3,
.wi-message--alert button,
.wi-message--alert a {
    color: #fff;
}


/* Message box - Blue note */

.wi-message--note {
    position: relative;
    background-color: #005987;
    color: #fff;
}

.wi-message--note .wi-message-icon {
    background-color: #004c73;
}

.wi-message--note h3,
.wi-message--note button,
.wi-message--note a {
    color: #fff;
}


/* Message box - Information */

.wi-message--information {
    margin: 20px 0;
}

.wi-message--information .wi-message-text {
    border-bottom: 1px solid #F4F4F4;
    margin: 0 10px 0 70px;
    padding: 10px 0;
    width: 80%;
}

.wi-message--information .wi-message-text:last-child {
    border-bottom: none;
}

.wi-message--information .wi-message-icon {
    background: url("../images/home/info.svg") no-repeat 50% 6px;
    background-size: 30px 30px;
}

.wi-message-information a {
    color: #000;
}


/* Message box - warning */

.wi-message--warning .wi-message-icon {
    background: url("../images/home/info.png") no-repeat top left;
    background-size: 20px 20px;
}

.wi-message--warning a {
    color: #000;
}


/* header */

header {
    background-color: #7fd6f2;
}

.skip-links a {
    background-color: #fff;
    color: #111;
    position: absolute;
    left: -100%;
    top: -100%;
    width: auto;
    padding: .2em;
    z-index: 2000;
}

.skip-links a:not([tabindex="-1"]) {
    outline: .2rem solid transparent;
    outline-offset: .5rem
}

.skip-links a:active,
.skip-links a:focus {
    position: absolute;
    left: 0;
    top: 0;
    outline-color: transparent;
    margin: .5rem
}

.skip-links a:focus {
    outline: 2px solid #0083ca;
    outline-offset: 2px;
}

.banner {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    z-index: 1;
    max-width: 1630px;
    width: auto;
}

.banner .logo a {
    margin: 13px 2px;
}

.banner .top-nav {
    margin: 0 2px;
}

.banner .logo a {
    display: block;
    width: 270px;
    height: 37px;
}

.banner .logo a:focus {
    text-decoration: none;
    outline-offset: 4px;
    outline: 2px solid #0083ca;
}

.banner .back-white {
    display: none;
}

.banner #mobile-icons-wrap {
    width: 100%;
    display: block;
    position: absolute;
    top: 50px;
}

.header-nav {
    background-color: #F4F4F4;
}

.banner .top-nav {
    clear: both;
    padding: 0;
    display: flex;
    align-items: center;
    position: absolute;
    top: 3px;
    right: 0;
    font-size: 0.93em;
    z-index: 10;
    font-family: 'Fira Sans', 'Gill Sans', sans-serif;
}

.banner .top-nav ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
}

.banner .top-nav ul li {
    float: left;
    margin-right: 2px;
    border-top: none;
    font-size: inherit;
}

.banner .top-nav a {
    font-size: 102%;
    color: #272a67;
    text-align: center;
    text-decoration: none;
    margin-left: 0;
    padding: .3em 16px .3em 16px;
    font-weight: 500;
    display: block;
    border-right: 1px solid #65B4CD;
}

.banner .top-nav a:hover,
.banner .top-nav .selected a {
    color: #171a27;
    text-decoration: underline;
}

.banner .top-nav a:focus {
    outline-offset: 0;
}

.banner .top-nav .top-nav--item {
    padding-right: 16px;
    border-right: 1px solid #65B4CD;
}

.site-header a.login,
.site-header a.topnav-btn {
    color: #fff;
    border-radius: 28px;
    margin-left: 16px;
    font-size: 102%;
    text-align: center;
    text-decoration: none;
    padding: .3em 16px .3em 16px;
    font-weight: 500;
    display: block;
    border-right: 1px solid #65B4CD;
}

.site-header .mobile-nav a.login {
    border-right: none;
}

.site-header a.login {
    background-color: #134276;
}

.site-header a.login .mymsd,
.mobile-nav .login-mobile .mymsd {
    display: inline-block;
    position: relative;
    padding: 0;
    top: 5px;
    width: 65px;
    height: 16px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
}

.site-header a.login:hover,
.site-header a.login:focus,
.site-header a.topnav-btn:hover,
.site-header a.topnav-btn:focus {
    color: #fff;
    text-decoration: none;
}

.mobile-nav a.login:hover,
.mobile-nav a.login:focus {
    border: none;
}

.site-header a.login:hover,
.site-header a.login:focus {
    background-color: #0083ca;
    text-decoration: none;
}

.site-header a.topnav-btn:hover,
.site-header a.topnav-btn:focus {
    background-color: #E2462F;
    text-decoration: none;
}

.site-header a.login:focus {
    outline-offset: 2px;
}


/* primary navigation */

.primary-nav {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 1.38em;
    z-index: 50;
    clear: left;
    float: left;
}

header .sub-nav .container {
    width: 1092px;
}

.primary-nav ul {
    list-style: outside none none;
    width: 100%;
    margin: 0;
    padding: 0;
}

.primary-nav ul li {
    float: left;
}

.primary-nav .selected a {
    color: #fff !important;
    background-color: #B32F21 !important;
    border: 1px solid #B32F21 !important;
}

.primary-nav:hover .current {
    border-color: transparent !important
}

.primary-nav:hover .current:hover {
    border-color: #272a67 !important;
}


/* primary navigation */

.header-nav {
    position: relative;
    min-width: 290px;
    margin-top: 0!important;
    border-top: 1px solid #fff;
    border-bottom: 3px solid #D3D3D3;
    z-index: 9999999999;
}


/* mega nav - menu list styling */

.header-nav>.container {
    position: static;
    overflow: inherit;
}

.primary-nav a,
.primary-nav button {
    font-family: 'Fira Sans', 'Gill Sans', sans-serif;
    color: #272a67;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    margin: 0 25px 0 0;
    padding: 16px 0px 11px 0;
    display: inline-block;
    border: 0;
    border-bottom: 5px solid #F4F4F4;
    background-color: transparent;
    cursor: pointer;
}

.primary-nav a:hover,
.primary-nav a:focus,
.primary-nav a:active,
.primary-nav li.current a:hover,
.primary-nav button:hover,
.primary-nav button:focus,
.primary-nav button:active,
.primary-nav li.current button:hover {
    border-bottom: 5px solid #272a67;
}

.primary-nav li.current .sub-nav a,
.primary-nav li.current .sub-nav button {
    border-bottom: none;
    /* reset border for sub-nav */
}

.primary-nav .accessable-hide {
    border-bottom: none;
}

.mega-nav>li:last-child>a,
.mega-nav>li:last-child>span {
    margin-right: 0;
}

.primary-nav .primary-nav-item {
    display: inline-block;
    float: none;
}

.primary-nav .primary-nav-item a {
    position: relative;
    display: inline-block;
}

.primary-nav .sub-nav {
    position: absolute;
    left: 0;
    right: 0;
    overflow: auto;
    width: 100%;
    z-index: 110;
    border-top: 4px solid #272a67;
    border-bottom: 1px solid #D3D3D3;
    box-shadow: 0 1px 3px #595959;
    background-color: #fff;
}

.js-mega-nav .sub-nav.open {
    display: block;
}

.primary-nav .sub-nav h3 {
    padding: 0 10px;
}

.primary-nav .sub-nav h3 svg {
    font-size: inherit;
    width: 0.4em;
    height: 0.65em;
    display: inline-block;
    top: 0;
    position: relative;
    padding-left: 6px;
    color: #7995a9;
}

.primary-nav .sub-nav a,
.primary-nav .sub-nav span {
    border: none;
    padding: 0;
    margin: 0;
}

.primary-nav .sub-nav p {
    margin: 0;
}

.primary-nav .sub-nav-group {
    display: block;
    overflow: hidden;
    padding-bottom: 1px;
    margin-bottom: 15px;
}

.primary-nav .sub-nav-group li {
    display: block;
    vertical-align: top;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 24.9%;
}

.primary-nav .sub-nav-group a {
    display: block;
    min-height: 128px;
    padding-bottom: 0;
    text-align: left;
}

@media (max-width: 1024px) {
    .primary-nav .sub-nav-group a {
        /* change min height for three col layout */
        min-height: 139px;
    }
}

.primary-nav .sub-nav-group .line {
    display: block;
    height: 2px;
    background-color: #F4F4F4;
}

.primary-nav .sub-nav-group a,
.primary-nav .sub-nav-group .line {
    margin-right: 5%;
    margin-top: 1px;
    margin-left: 1px;
    width: 95%;
}

.primary-nav .sub-nav-group li:nth-child(4) a,
.primary-nav .sub-nav-group li:nth-child(4) .line,
.primary-nav .sub-nav-group li:nth-child(8) a,
.primary-nav .sub-nav-group li:nth-child(8) .line,
.primary-nav .sub-nav-group li:nth-child(12) a,
.primary-nav .sub-nav-group li:nth-child(12) .line {
    margin-right: 0;
    width: 100%;
}

.sub-nav-group li.no-line-4-wide .line {
    background-color: #fff;
}

.sub-nav-group .sub-nav-group-title {
    display: block;
    font-size: 0.8em;
    color: #005987;
    padding-top: 8px;
    margin: 0;
}

.sub-nav-group .sub-nav-group-title svg {
    font-size: inherit;
    width: 0.5em;
    height: 0.85em;
    display: inline-block;
    top: 2px;
    position: relative;
    padding-left: 6px;
    color: #7995a9;
}

@media (max-width: 1124px) {
    .sub-nav-group .sub-nav-group-title svg {
        padding-left: 4px;
    }
}

@media (max-width: 1024px) {
    .sub-nav-group .sub-nav-group-title svg {
        padding-left: 6px;
    }
}

.primary-nav .sub-nav-group h4,
.primary-nav .sub-nav-group p {
    display: block;
    width: 92%;
    padding-left: 4%;
    padding-right: 4%;
}

.primary-nav .sub-nav-group-title {
    font-size: 0.8em;
}

.primary-nav .sub-nav-group p {
    font-weight: 500;
    font-size: 0.65em;
    padding-bottom: 4%;
    line-height: 1.3em;
}

@media (max-width: 1024px) {
    .primary-nav .sub-nav-group-title {
        font-size: 1.05em;
        line-height: 1.3em;
    }
    .primary-nav .sub-nav-group p {
        font-size: 0.8em;
    }
}


/* Hover */

.primary-nav .sub-nav h3 a:hover {
    text-decoration: underline;
}

.primary-nav .sub-nav-group a:hover {
    color: #005987;
    background-color: #F4F4F4;
}

.primary-nav .sub-nav-group a:focus {
    outline-offset: -1px !important;
}

.primary-nav .sub-nav-group a:hover h4 {
    text-decoration: underline;
}


/* open/close navigation */

.primary-nav .primary-nav-item span.arrow {
    display: inline-block;
    width: 13px;
    height: 9px;
    padding: 0;
    margin: 0 0 2px 7px;
    border-bottom: 0;
    background: url("../images/menu-arrow.png") 0 0 no-repeat;
    background: url("../images/menu-arrow.svg") 0 0 / 13px 9px no-repeat, linear-gradient(transparent, transparent);
}

.primary-nav .primary-nav-item span.open>span.arrow {
    background: url("../images/menu-arrow.png") 0 0 no-repeat;
    background: url("../images/menu-arrow.svg") 0 0 / 13px 9px no-repeat, linear-gradient(transparent, transparent);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}


/* Close button */

.primary-nav .primary-nav-item .sub-nav-close {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 7px;
    margin-right: 2px;
    font-size: 0.7em;
    padding: 3px 10px;
    background-color: transparent;
    border: none;
}

.primary-nav .primary-nav-item .sub-nav-close:hover {
    text-decoration: underline;
}


/* hide mega menu first */

.primary-nav .sub-nav {
    display: none;
}


/* No javascript - fallback mouse hover for mega nav  */

.primary-nav .primary-nav-item:hover .sub-nav {
    display: block
}


/* Hover for mega nav with js turned on - remove hover first  */

.js-on .primary-nav .primary-nav-item:hover .sub-nav {
    display: none;
}

.js-on .primary-nav.js-mega-nav .sub-nav.open {
    display: block;
}


/* mobile nav */

.mobile-nav {
    display: none;
    float: right;
    text-align: right;
}

.mobile-nav ul {
    list-style: outside none none;
    width: 100%;
    margin: 0;
    padding: 0;
}

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

.site-header .mobile-nav a:focus {
    outline-color: #0083ca;
}

.nav-icon {
    color: #fff;
    background-color: #272a67;
    border: 2px solid #fff;
    text-decoration: none;
}

.mobile-nav #home-icon-mob,
.mobile-nav .search-icon,
.site-header .nav-icon,
.site-header .login-mobile {
    float: left;
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    border-radius: 28px;
    margin-bottom: 5px;
    margin-top: 5px;
    border: none;
}

.mobile-nav a:focus {
    outline-color: #0083ca;
}

.mobile-nav .search-icon {
    display: none;
}

.site-header .nav-icon {
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5;
}

.mobile-nav #home-icon-mob,
.mobile-nav .search-icon {
    width: 45px;
    height: 45px;
    margin-right: 5px;
    margin-left: 0;
    padding: 0;
    color: #fff;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
}

.site-header .nav-icon {
    padding-right: 25px;
    float: left;
}

.site-header .nav-icon img {
    width: 19px;
    height: 19px;
    float: right;
    display: inline-block;
    position: relative;
    padding: 0;
    top: 2px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    right: -10px;
}

.mobile-nav #home-icon-mob {
    background: url("../images/home-icon-mob.svg") #272a67 11px 11px / 22px 22px no-repeat !important;
    background: url("../images/home-icon-mob.png") #272a67 9px 10px no-repeat;
}

.mobile-nav .search-icon {
    background: url("../images/search-button.svg") #272a67 13px 13px / 19px 19px no-repeat !important;
    background: url("../images/search-button.png") #272a67 11px 11px no-repeat;
}

.nav-icon:focus {
    outline-color: #0083ca;
}

.nav-icon:hover,
.site-header a.nav-active,
.mobile-nav .search-icon:hover,
.mobile-nav .search-icon:active,
.mobile-nav #home-icon-mob:hover {
    background-color: #282D41!important;
    color: #fff !important;
}

.site-header .nav-icon:hover,
.site-header a.nav-active,
.mobile-nav #home-icon-mob:hover {
    background-color: #282D41!important;
    color: #fff !important;
}


/* Search */

.search-mobile-wrap {
    float: right;
    height: 3.5rem;
}

.search {
    position: relative;
    margin: 6px 0;
    padding: 0;
    font-size: 1.062em;
    z-index: 200;
    max-width: 250px;
    max-height: 53px;
}


/*.search,
.search form,
.search input.input,
.search input#search-button {
	-webkit-box-sizing: border-box; / Safari/Chrome, other WebKit
	-moz-box-sizing: border-box;    / Firefox, other Gecko
	box-sizing: border-box;         / Opera/IE 8+
}*/

.search form {
    display: block;
}

.search a {
    color: #fff;
    font-size: 75%;
    white-space: nowrap;
    margin-right: 0;
    top: 1px;
    padding-left: 8px;
}

.search input.input {
    padding: 0 22% 0 5%;
    margin: 0;
    border: 1px solid #595959;
    min-height: 44px;
    color: #555;
    border-radius: 28px;
    letter-spacing: .033em;
    background-color: #FFF !important;
    display: block;
    width: 73%;
    background-image: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.search input#search-button,
.search input#search-button2 {
    float: right;
    padding: 0 !important;
    margin: 2px !important;
    background: url("../images/search-button.svg") #0083ca 11px 11px / 19px 19px no-repeat !important;
    background: url("../images/search-button.png") #0083ca 11px 11px no-repeat;
    border: none !important;
    width: 40px;
    height: 40px;
    border-radius: 28px;
    color: #fff;
    text-indent: -9999px;
    white-space: nowrap;
    position: relative;
    top: -45px;
    right: -1px;
}

.search input#search-button:hover,
.search input#search-button:focus,
.search input#search-button2:hover,
.search input#search-button2:focus {
    background-color: #282D41 !important;
}


/*- GSA Search  --*/

.gsa-search {
    overflow: hidden;
    position: relative;
    float: right;
    margin: 6px 0;
    padding: 0;
    font-size: 1.062em;
    z-index: 200;
    max-width: 277px;
}

.gsa-search,
.gsa-search form,
.gsa-search input.input,
.gsa-search input#search-button,
.gsa-search input#search-button2 {
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

.gsa-search form {
    display: block;
    border: 1px #ccc solid;
    background-color: #fff;
    border-radius: 28px;
    padding: 0;
    min-height: 46px;
}

.gsa-search a {
    color: #fff;
    font-size: 75%;
    white-space: nowrap;
    margin-right: 0;
    top: 1px;
    padding-left: 8px;
}

.gsa-search input.input {
    float: left;
    padding: 0 0 0 15px;
    margin: 0;
    border: none;
    min-height: 44px;
    color: #595959;
    border-radius: 28px;
    letter-spacing: .033em;
    max-width: 229px;
    border: 1px solid #fff;
}

.gsa-search input#search-button,
.gsa-search input#search-button2 {
    float: right;
    padding: 0 !important;
    margin: 2px !important;
    background: url("../images/search-button.svg") #0083ca 11px 11px / 19px 19px no-repeat !important;
    background: url("../images/search-button.png") #0083ca 11px 11px no-repeat;
    border: none !important;
    width: 40px;
    height: 40px;
    border-radius: 28px;
    color: #fff;
    text-indent: -9999px;
    white-space: nowrap;
}

.gsa-search input#search-button:hover,
.gsa-search input#search-button:focus,
.gsa-search input#search-button2:hover,
.gsa-search input#search-button2:focus {
    background-color: #282D41 !important;
}

.gsa-search form>input:focus,
.gsa-search form>input#search-button:focus,
.gsa-search form>input#search-button2:focus {
    /* for ie */
    border: 1px #0083ca solid;
}

.gsa-search form:focus-within>input.input,
.gsa-search form:focus-within>input#search-button,
.gsa-search form:focus-within>input#search-button2 {
    /* for non-ie */
    outline: none;
}

#search table td {
    padding: 3px 5px 4px 5px;
    margin: 0;
    border: none;
    vertical-align: top;
}

#search .ss-gac-e span {
    visibility: hidden;
}

#search .ss-gac-m {
    position: relative;
    top: -4px;
    left: -2px;
    border: solid 1px #a27d6c;
    float: right;
}

#banner-blue {
    margin: 25px 0 0 0;
    padding: 30px 0 0 0;
    display: block;
    float: left;
    width: 100%;
    overflow: visible;
    position: relative;
    height: 190px;
}

#banner-bg {
    background: url("../images/banner-bg.png") 205px 0 no-repeat !important;
    height: 208px;
    width: 916px;
    position: absolute;
    top: 80px;
    right: 0px;
    display: block;
    z-index: -30 !important;
}


/* mobile login button */

.login-mobile {
    float: right;
    font-size: 112%;
    color: #fff!important;
    background-color: #272a67;
    border: 2px solid #fff;
    text-align: center;
    text-decoration: none!important;
    padding: .6em 13px .6em 13px;
    display: block;
    border-radius: 28px;
    width: 90px;
}

.login-mobile:hover,
.login-mobile:focus,
.login-mobile:active {
    color: #fff;
    background-color: #282D41;
    border: 2px solid #fff;
    text-decoration: none!important;
}


/*main content area */

#content {
    margin: 0 0 15px 0;
    border: none;
    height: 100%;
    margin: 0;
    direction: ltr;
    padding: 0 0 65px 0;
    font-size: 118%;
    width: 740px;
}

#content .topBottomFloat {
    padding: 3px 0 0 0;
    margin: 0 0 8px 0;
    float: none;
}

#content .leftFloat {
    padding: 3px 8px 0 0;
    margin: 0 0 8px 0;
    float: left;
    position: relative;
    display: inline;
    clear: both;
}

#content .rightFloat {
    padding: 3px 0 0 8px;
    margin: 0 0 8px 8px;
    float: right;
    position: relative;
    display: inline;
}

#content .colFloat {
    padding: 3px 30px 0 0;
    margin: 0 0 8px 0;
    float: left;
    width: 45.2%;
    position: relative;
    display: inline;
}

#content .logoFloat {
    padding: 3px 30px 0 0;
    margin: 0 0 8px 0;
    float: left;
    position: relative;
    display: inline;
}


/* defaults */

img {
    margin: 0;
    border: none;
}

.container img {
    max-width: 100%;
    height: auto;
}

header .container img {
    max-width: inherit;
}

.clearboth {
    clear: both;
}

.clearleft {
    clear: left;
}

.margin-all {
    position: relative;
    z-index: 100;
    display: flex;
}

hr {
    margin-top: 19px;
    background-color: #D3D3D3;
    border: medium none;
    color: #D3D3D3;
    height: 1px;
    clear: both;
}

#main {
    width: 100%;
    border: none;
    padding: 0;
    float: left;
}


/* breadcrumbs */

.wi-breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0.8rem 0 0.8rem 0;
    left: 20px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 1070px;
}

.wi-breadcrumb .home-icon {
    position: absolute;
    left: -22px;
    width: 16px;
    height: 16px;
    margin-top: 2px;
}

.wi-breadcrumb-item {
    display: inline-block;
    font-size: 0.9em;
}

.wi-breadcrumb-item+.wi-breadcrumb-item {
    padding-left: 0.4rem;
}

.wi-breadcrumb-item+.wi-breadcrumb-item:before {
    display: inline-block;
    padding-right: 0.4rem;
    color: #555;
    content: "/"
}

.wi-breadcrumb-item,
.wi-breadcrumb-item a {
    color: #595959;
    text-decoration: none;
    font-family: 'Fira Sans', 'Gill Sans', sans-serif;
}

.wi-breadcrumb-item a:hover,
.wi-breadcrumb-item a:active {
    text-decoration: underline;
}

html>body #sidebar .block hr {
    margin: 0 0 8px 0;
    border: none;
}


/* Related links - left */

#related-links-left {
    width: 280px;
    margin-right: 50px;
    margin-bottom: 50px;
    font-size: 100%;
    line-height: 1.35em;
}

#related-links-left .current {
    background-color: #F4F4F4;
    border-top: 1px solid #D3D3D3;
    font-weight: 500;
}

#related-links-left h3 {
    border-top: 2px solid #272a67;
    padding: 15px 10px;
    width: 260px;
    line-height: 1.125em;
}

#related-links-left h3 a {
    color: #111111;
    text-decoration: none !important;
}

#related-links-left h3 a.current {
    background-color: transparent;
    border-top: none;
}

#related-links-left ul {
    border-top: 2px solid #D3D3D3;
    margin: 0;
    padding: 0;
}

#related-links-left ul li {
    display: block;
    clear: both;
    margin: 0;
}

#related-links-left ul li a,
#related-links-left ul li a:visited {
    display: block!important;
    padding: 10px;
    border-left: none;
    text-decoration: none;
    color: #111111;
}

#related-links-left ul li a:hover {
    background-color: #F4F4F4;
    font-weight: 500;
}

#related-links-left ul ul {
    border-bottom: 1px solid #D3D3D3;
    border-top: none;
}

#related-links-left ul ul li a {
    padding-left: 35px;
}


/* content div */

#sectionhead {
    margin: 0;
    padding: 0 0 12px 0;
}

.full-width {
    background-image: none !important;
    margin: 0 15px;
    width: 97.1% !important;
}

#content p {
    margin: 4px 0 0 0;
    padding: 0 0 4px 0;
}


/*lists*/

#content ul {
    margin: 4px 0 0 0;
    padding: 0 0 4px 30px;
    overflow: hidden;
}

#content .block>ul,
#content .block>p>ul,
.widget-content>ul {
    padding-bottom: 4px !important;
    padding-right: 0 !important;
    padding-top: 2px !important;
}

#content ol {
    margin: 4px 0 0 0px;
    padding: 0 0 4px 32px;
    list-style-position: outside;
}

#content li {
    padding: 0 0 6px 9px;
}

#content ol>li {
    padding: 0 0 6px 0;
}

#content .summary {
    margin: 10px 5px 10px 0;
    border: none;
    padding: 0 0 8px 0;
    font-size: 1.15em;
    line-height: 1.33;
}

#content .topBottomFloat div.summary {
    margin: 0 5px 10px 5px;
    border: none;
    padding: 0 0 8px 0;
}

#content .productbookmarks,
#content #alphabookmarks {
    margin: 0 0 15px 0;
    padding-top: 10px;
    border-top: 1px solid #D3D3D3;
}

#content #alphabookmarks a {
    padding-left: 10px !important;
}

h2,
h3,
h4,
h5 {
    margin: 0;
    padding: 2px 0;
    font-family: 'Fira Sans', sans-serif;
    color: #2A2A2A;
    font-weight: 500;
}

h1 {
    font-weight: 400;
    z-index: 3;
    margin: 15px 0 4px -4px;
    padding: 0 0 8px 0;
    font-size: 3.5rem;
    line-height: 1.25em
}

h2 {
    font-weight: 400;
    font-size: 2.5rem;
    margin-top: 0.5em;
}

h3 {
    font-size: 1.5rem;
    display: inline-block;
    margin-top: 10px;
    font-weight: 500;
}

h3.border-top {
    border-top: 1px solid #D3D3D3;
    display: block;
    margin-top: 18px;
    padding-top: 15px;
}

h4 {
    font-size: 100%;
    margin-top: 0.5em;
}

h5 {
    font-size: 89%;
    margin-top: 0.5em;
}

#sectionhome .container #main #content h1 {
    margin: 0 0 4px 0;
    border: none;
    padding: 0 10px 8px 6px;
    padding: 0;
    background: #fff;
    font-size: 1.6em;
}

#sectionhome .container #main #content .block {
    margin: 0;
    padding: 0;
}


/* listings */

#content .listing {
    padding: 10px 0 2px 0;
    margin: 0;
    border: none;
    border-top: 1px solid #aaa;
}

#content .listing img {
    padding: 0;
    margin: 0 0 6px 8px;
    float: right;
    clear: right;
    border: none;
}

#content .listing .title {
    padding: 0;
    margin: 0;
    font-weight: bold;
}

#content .listing .title a {
    font-weight: 500;
    font-size: 115%;
}

#content .listing .date {
    padding: 0 0 10px 0;
    margin: 0;
    display: block;
    font-size: 80%;
}

#content .sticky-listing {
    background-color: #F4F4F4;
    padding: 10px 15px 5px 15px;
}

#content .caption {
    padding: 3px 0 0 0;
    margin: 0;
    font-size: 85%;
    width: 200px;
}

#content .browse {
    margin-bottom: 15px;
}

#content .browse a {
    margin-left: 20px;
}

#content .browse a.selected {
    text-decoration: none;
    color: #000;
    cursor: default;
}

#content #top-story {
    color: #fff;
    background-color: #0083ca;
    display: float;
    border-radius: 28px;
    padding: 5px 12px;
    font-size: 80%;
    font-weight: normal;
    margin-right: 5px;
}


/* tables */

table {
    margin: 2px 0 8px 0;
    border-bottom: solid 1px #D3D3D3;
    padding: 0;
    font-size: 85%;
}

thead th {
    margin: 0;
    background-color: rgba(0, 0, 0, .05);
    border-top: solid 3px #D3D3D3;
    border-bottom: solid 3px #D3D3D3;
    padding: 3px 6px 6px 6px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
}

tbody th {
    margin: 0;
    border-top: solid 3px #D3D3D3;
    border-bottom: solid 3px #D3D3D3;
    padding: 3px 6px 6px 6px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
}

td {
    margin: 0;
    border-top: solid 1px #D3D3D3;
    padding: 3px 6px 6px 6px;
    font-size: 100%;
    text-align: left;
    vertical-align: top;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-responsive table {
    width: 100%;
}

.stats-table td {
    text-align: right;
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, .05);
}


/* links */

.links {
    display: block;
    padding: 0;
    margin: 5px 0;
    background: transparent;
}

.links a {
    position: relative;
    border: none;
    font-weight: normal;
}

.links.pdf a,
.links .pdf a,
.links.word a,
.links .word a,
.links.pages a,
.links .pages a,
.links.rtf a,
.links.powerpoint a,
.links.excel a,
.links.project a,
.links.text a,
.links.image a,
.links.zip a,
.links.mpeg a,
.links.flashvideo a,
.links.flash a,
.links.odt a,
.links.gdoc a,
.links.email a,
.links.csv a {
    padding: 15px 0 15px 80px;
    min-height: 20px;
    display: block;
    line-height: 1.5em;
    background: #F5F5F5;
}

.pdf img,
.rtf img,
.word img,
.powerpoint img,
.excel img,
.project img,
.text img,
.image img,
.zip img,
.mpeg img,
.flashvideo img,
.flash img,
.odt img,
.pages img,
.gdoc img,
.email img,
.csv img {
    display: none;
    /* temporary - remove image */
}

.links.pdf a:before,
.links .pdf a:before,
.links.word a:before,
.links .word a:before,
.links.pages a:before,
.links .pages a:before,
.links.rtf a:before,
.links.powerpoint a:before,
.links.excel a:before,
.links.project a:before,
.links.text a:before,
.links.image a:before,
.links.zip a:before,
.links.mpeg a:before,
.links.flashvideo a:before,
.links.flash a:before,
.links.odt a:before,
.links.gdoc a:before,
.links.csv a:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    background: #595959 url('/webadmin/images/file-alt-solid.svg') center center no-repeat;
    background-size: 30px 37px;
}

.links.pdf span,
.links .pdf span,
.links.word span,
.links .word span,
.links.pages span,
.links .pages span,
.links.rtf span,
.links.powerpoint span,
.links.excel span,
.links.project span,
.links.text span,
.links.image span,
.links.zip span,
.links.mpeg span,
.links.flashvideo span,
.links.flash span,
.links.odt span,
.links.gdoc span,
.links.email span,
.links.csv span {
    position: relative;
    display: inline-block;
    text-decoration: none;
    padding-left: 5px;
    left: -5px;
    background-color: #F5F5F5;
}

.links a span,
#sidebarlinks li a span {
    color: #000;
    font-size: 80%;
}

.related-pages .links span {
    background: none;
}

.links.pdf a:hover,
.links.pdf a:focus,
.links.rtf a:hover,
.links.pdf a:focus,
.links.word a:hover,
.links.word a:focus,
.links.powerpoint a:hover,
.links.powerpoint a:focus,
.links.excel a:hover,
.links.excel a:focus,
.links.project a:hover,
.links.project a:focus,
.links.text a:hover,
.links.text a:focus,
.links.image a:hover,
.links.image a:focus,
.links.zip a:hover,
.links.zip a:focus,
.links.mpeg a:hover,
.links.mpeg a:focus,
.links.flashvideo a:hover,
.links.flashvideo a:focus,
.links.flash a:hover,
.links.flash a:focus,
.links.odt a:hover,
.links.odt a:focus,
.links.pages a:hover,
.links.pages a:focus,
.links.gdoc a:hover,
.links.gdoc a:focus,
.links.email a:hover,
.links.email a:focus,
.links.csv a:hover,
.links.csv a:focus,
.links.pdf a:hover span,
.links .pdf a:hover span,
.links.word a:hover span,
.links .word a:hover span,
.links.pages a:hover span,
.links .pages a:hover span,
.links.rtf a:hover span,
.links.powerpoint a:hover span,
.links.excel a:hover span,
.links.project a:hover span,
.links.text a:hover span,
.links.image a:hover span,
.links.zip a:hover span,
.links.mpeg a:hover span,
.links.flashvideo a:hover span,
.links.flash a:hover span,
.links.odt a:hover span,
.links.gdoc a:hover span,
.links.email a:hover span,
.links.csv a:hover span {
    background-color: #F0F0F0;
}

.links.pdf>p,
.links.word>p,
.links.pages>p,
.links.rtf>p,
.links.powerpoint>p,
.links.excel>p,
.links.project>p,
.links.text>p,
.links.image>p,
.links.zip>p,
.links.mpeg>p,
.links.flashvideo>p,
.links.flash>p,
.links.odt>p,
.links.gdoc>p,
.links.email>p,
.links.csv>p {
    margin: 10px 0 0;
    padding-left: 80px;
    padding-right: 20px;
}

.links.download {
    background: none;
}

.links.download>div {
    background: #F5F5F5;
}


/* default link with background */

.links.website,
.links.email {
    padding: 0;
}

.links.website a {
    margin: 0 10px 0 0;
    display: inline;
    line-height: 0;
    background-color: transparent;
    padding: 0;
}

.links.website a::before {
    content: url("/webadmin/images/icon-external-link-blue.svg");
    padding: 0 11px 0 3px;
    display: block;
    width: 14px;
    height: auto;
    line-height: 0;
    background-color: transparent;
    position: relative;
    top: 7px;
    float: left;
}

.links.email a {
    margin: 0 10px 0 0;
    display: inline;
    line-height: 0;
    background-color: transparent;
    padding: 0;
}

.links.email a::before {
    content: url("/webadmin/images/email.svg");
    padding: 0 10px 0 0;
    display: block;
    width: 18px;
    height: auto;
    line-height: 0;
    background-color: transparent;
    position: relative;
    top: 6px;
    float: left;
}

.links.website a:hover,
.links.website a:focus,
.links.email a:hover,
.links.email a:focus {
    background-color: transparent;
}

.links.website a:focus,
.links.email a:focus {
    outline: 2px solid #0083ca;
    outline-offset: 2px;
}


/* a-z link styling */

.forms-a-z .links p {
    padding: 0 !important;
}

.forms-a-z .links {
    padding-bottom: 10px !important;
}

.forms-a-z .topLink {
    margin-top: 0 !important;
}

.az-list .links p {
    padding: 0 !important;
}

.az-list .links {
    padding-bottom: 10px !important;
}

.az-list .topLink {
    margin-top: 0 !important;
}

#a-z .links {
    border-top: 1px solid #D3D3D3;
    margin-top: 10px;
    padding-top: 10px;
}

#a-z .links a {
    margin-bottom: 10px;
}

#a-z div.default {
    padding-left: 34px;
}

#a-z #content a {
    font-weight: 500;
}

#a-z #content .default p {
    margin-left: 0!important;
}

#a-z .topLink {
    padding-bottom: 0px !important;
}

#a-z .links>p {
    color: #000!important;
}

#main #content .default,
#main #content .map {
    padding-bottom: 0;
}

#a-z .pdf,
#a-z .rtf,
#a-z .word,
#a-z .powerpoint,
#a-z .excel,
#a-z .project,
#a-z .text,
#a-z .image,
#a-z .zip,
#a-z .mpeg,
#a-z .flashvideo,
#a-z .flash,
#a-z .odt,
#a-z .pages,
#a-z .gdoc,
#a-z .email {
    padding: 19px 8px 17px 0;
    background: none;
    border-left: none;
}

#content .topLink {
    padding: 0 0 8px 0;
    margin: 14px 0 0 0;
    border: none;
    display: block;
    font-weight: normal;
    text-align: right;
    font-size: 90%;
}

#content .topLink a {
    padding: 0 0 0 12px;
    margin: 0;
    font-weight: normal;
    display: inline-block;
    background: url(../images/up.gif) no-repeat top left;
}

#sidebar p {
    margin: 4px 0;
    padding: 0;
}

#sidebar .rightFloat img {
    float: right;
    position: relative;
    display: inline;
    margin: 4px 0;
    padding: 0 0 0 6px;
}

#sidebar .leftFloat img {
    float: left;
    position: relative;
    display: inline;
    margin: 4px 0;
    padding: 0 6px 0 0;
}

#sidebar .topBottomFloat,
#sidebar .rightFloat,
#sidebar .leftFloat {
    margin: 4px 0;
    padding: 0;
}

#sidebar .topBottomFloat {
    text-align: center;
}

#sidebar .topBottomFloat div a:hover,
#sidebar .topBottomFloat div a:active {
    border: none;
    cursor: pointer;
    border: none;
}


/* Online services icons */

#online-services {
    float: right;
    width: 280px;
    background-color: #F4F4F4;
    padding-bottom: 70px;
    margin-top: 10px;
}

#online-services h2 {
    font-family: Georgia;
    color: #272a67;
    font-weight: 500;
    background: url('../images/online-services.svg') transparent no-repeat 21px 6px / 72px 72px !important;
    background: url('../images/online-services.png') transparent no-repeat 21px 6px;
    padding: 11px 10px 10px 101px;
    height: 75px;
    line-height: 1em;
}

#online-services>ul>li>a:hover {
    text-decoration: underline!important;
    color: #282d41;
}

#online-services>a:hover {
    color: #282d41;
    text-decoration: underline!important;
    text-decoration-color: #282d41 !important;
}

#online-services ul {
    list-style-type: none;
    padding-left: 0;
}

#online-services li {
    border-top: 1px solid #D3D3D3;
    padding: 0;
    margin: 0;
}

#online-services li a {
    padding: 15px 10px 5px 0;
    min-height: 40px;
    display: block;
    color: #005987;
    font-weight: 500;
    text-decoration-color: #005987 !important;
}

a.mymsd div {
    background: #0083ca url("../images/login.svg") no-repeat 12px 10px / 12px 15px !important;
    background: #0083ca url("../images/login.png") no-repeat 12px 10px;
    border-radius: 28px;
    width: 35px;
    height: 35px;
    margin-top: -4px;
    margin-left: 20px;
    margin-right: 10px;
    display: inline-block;
    float: left;
}

a.mymsd:hover div {
    background-color: #282d41 !important;
    color: #282D41;
}

a.myaccount div {
    background: #008c9a url("../images/login.svg") no-repeat 12px 10px / 12px 15px !important;
    background: #008c9a url("../images/login.png") no-repeat 12px 10px;
    border-radius: 28px;
    width: 35px;
    height: 35px;
    margin-top: -4px;
    margin-left: 20px;
    margin-right: 10px;
    display: inline-block;
    float: left;
}

a.myaccount:hover div {
    background-color: #282d41 !important;
    color: #282D41;
}

a.apply-online div {
    background: #B32F21 url("../images/apply.svg") no-repeat 7px 10px / 21px 16px !important;
    background: #B32F21 url("../images/apply.png") no-repeat 7px 10px;
    border-radius: 28px;
    width: 35px;
    height: 35px;
    margin-top: -4px;
    margin-left: 20px;
    margin-right: 10px;
    display: inline-block;
    float: left;
}

a.apply-online:hover div {
    background-color: #282d41 !important;
    color: #282D41;
}

a.apply-nz-super div {
    background: #3fb5e8 url("../images/apply.svg") no-repeat scroll 7px 10px / 21px 16px !important;
    background: #3fb5e8 url("../images/apply.png") no-repeat scroll 7px 10px;
    border-radius: 28px;
    width: 35px;
    height: 35px;
    margin-top: -4px;
    margin-left: 20px;
    margin-right: 10px;
    display: inline-block;
    float: left;
}

a.apply-nz-super:hover div {
    background-color: #282d41 !important;
    color: #282D41;
}

a.check-what-you {
    line-height: 1em;
    padding-bottom: 10px!important
}

a.check-what-you div {
    background: #272a67 url("../images/check.svg") no-repeat 9px 10px / 20px 16px !important;
    background: #272a67 url("../images/check.png") no-repeat 9px 10px;
    border-radius: 28px;
    width: 35px;
    height: 35px;
    margin-top: -4px;
    margin-left: 20px;
    margin-right: 10px;
    display: inline-block;
    float: left;
}

a.check-what-you:hover div {
    background-color: #282d41 !important;
    color: #282D41;
}

a.find-a-job div {
    background: url("../images/find-a-job.svg") transparent no-repeat 0 0 / 35px 35px !important;
    background: url("../images/find-a-job.png") transparent no-repeat 0 0;
    border-radius: 28px;
    width: 35px;
    height: 35px;
    margin-top: -4px;
    margin-left: 20px;
    margin-right: 10px;
    display: inline-block;
    float: left;
}

a.find-a-job:hover div {
    background: url("../images/find-a-job-hover.svg") transparent no-repeat scroll 0% 0% / 35px 35px !important;
    background: url("../images/find-a-job-hover.png") transparent no-repeat scroll 0% 0%;
    color: #282D41;
}

a.school-year {
    line-height: 1em;
    padding-bottom: 10px!important;
}

a.school-year div {
    background: #3fb5e8 url("../images/school.svg") no-repeat scroll 6px 9px / 25px 18px !important;
    background: #3fb5e8 url("../images/school.png") no-repeat scroll 8px 11px;
    border-radius: 28px;
    width: 35px;
    height: 35px;
    margin-top: -4px;
    margin-left: 20px;
    margin-right: 10px;
    display: inline-block;
    float: left;
}

a.school-year:hover div {
    background: #282d41 url("../images/school.svg") no-repeat scroll 6px 9px / 25px 18px !important;
    background: #282d41 url("../images/school.png") no-repeat scroll 8px 11px;
    color: #282D41;
}

a.wep-snowflake:hover div {
    background: #0083ca url("../images/snowflake.svg") no-repeat scroll 6px 9px / 25px 18px !important;
    background: #282d41 url("../images/school.png") no-repeat scroll 8px 11px;
    color: #282D41;
}

a.wep-snowflake div {
    background: #0083ca url("../images/snowflake.svg") no-repeat scroll 6px 9px / 25px 18px !important;
    background: #dc3972 url("../images/school.png") no-repeat scroll 8px 11px;
    border-radius: 28px;
    width: 35px;
    height: 35px;
    margin-top: -4px;
    margin-left: 20px;
    margin-right: 10px;
    display: inline-block;
    float: left;
}

a.accomm {
    line-height: 1em;
    padding-bottom: 10px!important;
}

a.accomm div {
    background: #dc3972 url("../images/apply.svg") no-repeat scroll 7px 10px / 21px 16px !important;
    background: #dc3972 url("../images/apply.png") no-repeat scroll 7px 10px;
    border-radius: 28px;
    width: 35px;
    height: 35px;
    margin: -4px 10px 30px 20px;
    display: inline-block;
    float: left;
}

a.accomm:hover div {
    background: #282d41 url("../images/apply.svg") no-repeat scroll 7px 10px / 21px 16px !important;
    background: #282d41 url("../images/apply.png") no-repeat scroll 7px 10px;
    color: #282D41;
}

#contentBox {
    background-color: #F4F4F4;
    margin: 0 0 20px 0;
    padding: 5px 5px 5px 10px;
}

#contentBox2 {
    background-color: #F4F4F4;
    margin: 0 0 0 10px;
    padding: 5px 5px 5px 10px;
    width: 225px;
}

#contentBox-video {
    margin: 0 0 0 10px;
    padding: 10px 10px 5px 10px;
    width: auto;
}

.container #main #content #contentBox h2,
.container #main #content #contentBox2 h2,
.container #main #content #contentBox-video h2,
.container #main #content #contentBox h3,
.container #main #content #contentBox2 h3,
.container #main #content #contentBox-video h3 {
    margin-top: 0;
}

#alertBox {
    border-left: 9px solid #B32F21;
    background-color: #B32F21;
    margin: 0;
    padding: 5px 5px 5px 10px;
    color: #fff;
    font-family: Georgia, Helvetica;
}

.container #main #content #alertBox h2,
.container #main #content #alertBox h3 {
    margin-top: 0;
}

.pullout {
    background-color: #F4F4F4;
    margin: 0;
    padding: 5px;
    font-weight: bold;
    font-size: 115%;
    text-align: center;
}


/*
 * Video and audio styles - including transcript
 */

.youtube-player {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    margin: 0;
}

.youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
}

.youtube-player img {
    object-fit: cover;
    display: block;
    left: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    -webkit-transition: 0.4s all;
    -moz-transition: 0.4s all;
    transition: 0.4s all;
    cursor: pointer;
}

.youtube-player>div:hover img {
    -webkit-filter: brightness(75%);
}

.youtube-player .play {
    height: 52px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -26px;
    position: absolute;
    padding: 0;
    cursor: pointer;
    background-color: transparent;
    border: none;
}

.youtube-player .play svg {
    display: block;
    height: 52px;
    width: 72px;
}

.youtube-player .ytp-large-play-button-bg {
    -webkit-transition: fill .1s cubic-bezier(0.4, 0, 1, 1), fill-opacity .1s cubic-bezier(0.4, 0, 1, 1);
    transition: fill .1s cubic-bezier(0.4, 0, 1, 1), fill-opacity .1s cubic-bezier(0.4, 0, 1, 1);
    fill: #212121;
    fill-opacity: .8;
}

.youtube-player:hover .ytp-large-play-button-bg,
.youtube-player:focus .ytp-large-play-button-bg {
    fill: #f00;
    fill-opacity: 1;
}

.youtube-player .videoload,
.videoerror {
    color: white;
}

.video-col2 {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 20px;
    padding: 0;
}

.videocontainer {
    border: 5px solid #c3c3c3;
    box-sizing: border-box;
    height: 0;
    max-width: 100%;
    outline: 0;
    overflow: hidden;
    padding-bottom: 55%;
    position: relative;
}

.video-position {
    padding-top: 10px;
}

.audiocontainer {
    padding: 10px;
}

.videocontainer .jwplayer,
.audiocontainer .jwplayer {
    border: 0px none;
    box-sizing: border-box;
    display: block;
    height: calc(100% - 20px) !important;
    left: 10px;
    margin: auto;
    min-height: 0px;
    padding: 0px;
    position: absolute;
    text-align: center;
    top: 10px;
    transition: opacity 0.25s ease 0s;
    width: calc(100% - 20px) !important;
}

.videocontainer iframe,
.videocontainer object,
.videocontainer embed,
.audiocontainer iframe,
.audiocontainer object,
.audiocontainer embed {
    border: 0;
    box-sizing: border-box;
    height: 100%;
    left: 0;
    padding: .2rem;
    position: absolute;
    top: 0;
    width: 100%;
}

#content .videocontainer p,
#content .audiocontainer p {
    padding: 10px 20px;
}

.video__content,
.audio__content {
    border-bottom: 1px solid #c3c3c3;
    overflow: hidden;
}

.audio__content {
    border-top: 1px solid #c3c3c3;
    text-align: left;
}

details.video-details>summary,
details.audio-details>summary {
    list-style: none;
}

details.video-details>summary::-webkit-details-marker,
details.audio-details>summary::-webkit-details-marker {
    display: none;
}

.video-details,
.audio-details {
    padding: 10px 10px 10px 0;
}

.video-details__summary,
.audio-details__summary {
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.video-details__summary:before,
.audio-details__summary:before {
    content: '';
    display: block;
    position: absolute;
    top: 0.2em;
    left: 0.3em;
    bottom: 0;
    background: url('/webadmin/images/plus-blue.svg') no-repeat;
    width: 17px;
    height: 17px;
}

.video-details[open]>.video-details__summary:before,
.audio-details[open]>.audio-details__summary:before {
    background: url('/webadmin/images/minus-blue.svg') no-repeat;
}

.video-details__summary-text,
.audio-details__summary-text {
    display: block;
    color: #0079c9;
    padding: 0px 0px 0px 35px;
}

.video-details__summary-text:hover,
.audio-details__summary-text:hover {
    text-decoration: underline;
}

.video-details__text,
.audio-details__text {
    border-left: 4px solid #d3d3d3;
    margin-top: 0;
    margin-left: 15px;
    padding: 16px;
    padding-left: 20px;
}

.videocontainer .video-link,
.audiocontainer .audio-link {
    display: none;
}

.video-details__close,
.audio-details__close {
    text-align: left;
    background-color: #F2F2F2;
    border: 1px solid #999;
    font-size: 0.9em;
    font-family: 'Fira Sans', 'Gill Sans', sans-serif;
    border-radius: 20px;
    margin-top: 10px;
    padding: 5px 10px;
    color: #0071BD;
}

.video-details__close:hover,
.video-details__close:focus,
.audio-details__close:hover,
.audio-details__close:focus {
    cursor: pointer;
    color: #000;
    text-decoration: underline;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .video-col2 {
        display: -ms-grid;
        -ms-grid-columns: 1fr 20px 1fr;
    }
    .video-col2>div:nth-child(4n+2) {
        -ms-grid-column: 3;
    }
}

@media (max-width: 700px) {
    .video-col2 {
        display: block;
    }
}


/* buttons */

#content .close {
    padding: 0 6px 6px 0;
    margin: 0 0 30px auto;
    text-align: right;
    display: block;
    color: #FFF;
}

#content div.close a {
    color: #fff;
    background-color: #0083ca;
    border: 2px solid #fff;
    padding: 2px 4px 3px 6px;
    margin: 5px 0 0 auto;
    font-weight: bold;
    cursor: pointer;
    text-align: left;
    float: left;
    position: relative;
    display: block;
    text-decoration: none;
}

#content div.close a:visited {
    color: #FFF;
}

#content div.close a:hover {
    color: #fff;
    background-color: #282D41;
    border: 2px solid #fff;
    cursor: pointer;
}

#content div.close a:active {
    color: #FFF;
}

#content .yes-no-buttons {
    float: left;
    margin: 0;
    padding: 0;
}

#content .yes-no-buttons .leftFloat {
    clear: none;
    float: left;
    margin: 10px 25px;
    padding: 0;
}


/* for find a job and find staff phone line */

.online-services .block .job {
    display: block;
    float: left;
    padding: 20px 0 0 0;
    margin: 0;
    width: 200px;
    text-align: center;
}

.online-services .block .staff {
    display: block;
    float: left;
    padding: 20px 0 0 0;
    margin: 0;
    width: 280px;
    text-align: center;
}

#content p {
    margin: 4px 0 0 0;
    padding: 0 0 5px 0;
    font-size: 97%;
}


/* Video image-listing (thumbnail) */

.videos {
    background: none repeat scroll 0 0 transparent;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
}

html>body .videos .image-listing {
    border: medium none;
}

.videos .image-listing {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #fff;
    clear: both;
    margin: 0;
    min-height: 60px;
    padding: 5px 0 15px;
    position: relative;
}

.videos .image-listing img {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    float: left;
    height: 75px;
    margin: 0 0 15px;
    padding: 0;
    width: 100px;
}

.videos .image-listing p {
    background: none repeat scroll 0 0 transparent;
    margin: 0;
    padding: 0;
}

.videos .image-listing .title {
    background: none repeat scroll 0 0 transparent;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

#content .videos .image-listing p,
.videos .image-listing .title {
    margin-left: 110px;
}

#content .video {
    min-width: 100%;
    height: auto;
}

.videotext p {
    font-size: 85%!important
}


/* footer */

#footer {
    background-color: #0f4178;
    color: #ffffff;
}

.footer-links {
    max-width: 1070px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
    grid-gap: 20px;
    padding: 20px;
}

.footer-links svg {
    fill: #ffffff;
    width: 15px;
    height: 15px;
    vertical-align: baseline;
    margin-right: 10px;
}

.footer-links ul {
    list-style-type: none;
    margin-top: 0.25em;
}

.footer-links a {
    color: #ffffff;
    text-decoration: none;
}

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

.footer-logos {
    background-image: url('../images/footer-bg.png');
    background-position: 50% 0;
    background-repeat: repeat;
    padding-top: 36px;
    height: 90px;
}

.footer-logos-container {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 1070px;
}

.footer-logos-container::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}

#footer .footer-logo-msd {
    height: 50px;
    width: 209px;
}

#footer .footer-logo-nzg {
    height: 21px;
    width: 199px;
}

#footer .footer-link-msd {
    vertical-align: middle;
    display: inline-block;
}

#footer .footer-link-nzg {
    vertical-align: middle;
    margin-left: 40px;
    display: inline-block;
}

#shielded-logo {
    cursor: pointer;
    float: right;
}

#shielded-logo img {
    display: block;
}

.footer-link-nzg span,
.footer-link-nzg span * {
    display: none;
}

#footer .footer-content {
    position: relative;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 30px;
    display: block;
    text-align: left;
}

#footer .footer-content * {
    font-size: .9em;
}

#footer ul li a:hover {
    text-decoration: underline;
}

#footer a.contact {
    position: absolute;
    top: 21px;
    right: 0;
    border-width: 1px;
    border-radius: 14px;
    height: auto;
    margin: 0.6em 1.6em;
    padding: 0.3em 0.8em;
    font-size: .9em;
    color: #fff;
    background-color: #2A2A2A;
}


/* styles for repayment calculator form components  */

form .calculator {
    border: solid 1px #F4F4F4;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 10px 20px;
    margin: 1em 0.5em;
}

form .calculator fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

form .calculator legend span {
    display: block;
    font-weight: bold;
    font-size: 120%;
    margin: 0.5em 0 0;
    padding: 0 0 0.2em;
    color: #272a67;
}

form .calculator fieldset div {
    clear: both;
    padding: 10px 0;
    border-top: dotted 1px #ccc;
}

form .calculator label {
    float: left;
    width: 11.45em;
    margin: 0;
    padding: 5px 5px 8px 0;
}

form .calculator label#amountOwingLabel {
    width: 10.5em;
}

form .calculator .buttonrow {
    position: relative;
    padding: 8px 0 8px 11.85em;
}

form .calculator input#repaymentTime {
    margin: 0;
    border: none;
    width: auto;
    overflow: visible;
    padding: 4px 0 0;
    font-weight: bold;
    font-size: 120%;
}

form .calculator #errorMessageOn {
    display: block;
    font-weight: bold;
    color: #f00;
}

form .calculator #errorMessageOff {
    display: none;
}


/* Promo holder */

.promo {
    position: relative;
    padding: 15px 30px;
    margin: 30px 0;
    color: #000;
    font-size: 1.15em;
    line-height: 1.33;
    letter-spacing: 0.01em;
}

.promo div {
    display: block;
}

.promo ul,
.promo ol {
    padding-left: 25px !important;
}


/* Promo styles */

.promo,
.promo.promo-emergency {
    border-left: 9px solid #E2462F;
    background-color: #FCECEA;
}

.promo.promo-info {
    border-left: 9px solid #0083CA;
    background-color: #E5F2FA;
}

.promo .promo-heading {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
    white-space: nowrap;
}


/* related pages & contact us */

.related-pages,
.contact-us {
    background-color: #F4F4F4;
    padding: 16px 27px 26px 27px;
    margin: 15px 0 0 0;
}

.related-pages h2,
.contact-us h2 {
    font-family: Georgia, Helvetica;
    display: block;
    min-height: 55px;
    margin-bottom: 10px;
    padding: 2px 0;
    font-size: 160% !important;
    font-weight: normal;
    color: #272a67;
    line-height: 1.8em;
}

.related-pages h2 img,
.contact-us h2 img {
    float: left;
    padding-right: 9px;
    width: 56px;
    height: 56px;
    margin-top: -2px;
}

.related-pages .links.website a {
    background: none;
    padding: 0;
}

.related-pages .links.website a::before{
	content: none;
}

/* Contact us */

.contact-us a[href^="tel"] {
    font-size: 97%;
    text-decoration: none !important;
    margin-bottom: 15px;
    line-height: 95%;
    display: inline-block;
    color: #000 !important;
}

.contact-us .default {
    margin-left: 3px !important;
}

.contact-us ul li,
.related-pages ul li {
    line-height: 1.3em;
}

.scenario h2 {
    font-size: 100%;
    font-weight: normal;
}


/* expand widget */

.expand-widget .wi-accordian--hide,
.expand-widget .wi-visually-hidden {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.expand-widget {
    width: 100%;
    margin: 0;
    padding: 0;
    padding-left: 0 !important;
    border-bottom: 2px solid #999999;
    display: block;
}

#content .block.expand-widget {
    padding-bottom: 0!important;
}

.js-on .expand-widget .wi-accordion--section {
    border-top: 2px solid #999999;
}

.expand-widget .expand-contract {
    display: block;
    text-decoration: none;
    background-color: transparent;
    border: none;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    text-align: left;
    cursor: default;
    position: relative;
}

.js-on .expand-widget .expand-contract {
    cursor: pointer;
}

.wi-accordion--section .accordion-title {
    margin-top: 0;
    padding: 0;
    display: block;
}

.wi-accordion--section .accordion-title .expand-contract span {
    color: #2A2A2A;
    display: block;
    padding: 15px 40px 15px 0;
    margin: 0;
    font-size: 1.5rem;
    font-weight: 500;
}

.expand-widget span:hover,
.expand-widget span:focus {
    color: #2A2A2A !important;
    text-decoration: underline;
}

.js-on #content .expand-contract:focus {
    color: #2A2A2A;
    text-decoration: underline;
}

.expand-widget .wi-accordion--action,
.expand-widget a[class*="-all"] {
    text-decoration: none;
    display: block;
    margin: 0 0 0 auto;
}

.expand-widget .wi-accordion--action {
    padding: 10px 15px;
    font-family: 'Fira Sans', 'Gill Sans', sans-serif;
    font-size: 85%;
    cursor: pointer;
    background: none;
    border: 0;
    color: #005987;
    text-decoration: underline;
}

.expand-widget .wi-accordion--action:hover,
.expand-widget .wi-accordion--action:focus {
    color: #000;
    text-decoration: none;
}

.expand-widget .wi-accordion--action:focus,
.expand-widget .expand-contract:focus {
    color: #000;
    outline: 2px solid #0083ca;
    outline-offset: 0;
}

.expand-widget a[class*="-all"] {
    padding: 10px 20px 10px 0;
    max-width: 90px !important;
    font-size: 80%;
    font-weight: 500;
}

.expand-widget .expand-all {
    background: url("../images/plus-blue.svg") right center / 20px 13px no-repeat !important;
    background: url("../images/plus-blue-s.png") right center no-repeat;
    padding-right: 25px;
}

.expand-widget .contract-all {
    background: url("../images/minus-blue.svg") right center / 20px 13px no-repeat !important;
    background: url("../images/minus-blue-s.png") right center no-repeat;
    padding-right: 25px;
}

#section-landing .expand-widget .contract-all {
    background: url("../images/minus-grey.svg") right center / 13px 13px no-repeat !important;
    background: url("../images/minus-grey-s.png") right center no-repeat;
    clear: both;
}

#section-landing .expand-widget .expand-all {
    background: url("../images/plus-grey.svg") right center / 13px 13px no-repeat !important;
    background: url("../images/plus-grey-s.png") right center no-repeat;
    clear: both;
}

.expand-widget .widget-content {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #D3D3D3;
}

.expand-widget div[class*="arrow-"] {
    position: absolute;
    right: 9px;
    top: 21px;
    cursor: pointer !important;
    margin: 0;
    height: 20px;
    width: 20px !important;
    cursor: default;
    z-index: 10;
    border: 1px solid transparent;
    padding: 0;
}

.expand-widget .wi-accordion--section .arrow-open {
    background: url("../images/angle-down-blue.svg") 0 0 / 19px 19px no-repeat !important;
    background: url("../images/angle-down-blue.png") 0 0 no-repeat;
}

.expand-widget .arrow-closed {
    background: url("../images/angle-up-blue.svg") 0 0 / 19px 19px no-repeat !important;
    background: url("../images/angle-up-blue.png") 0 0 no-repeat;
}


/* pages - Section landing */

body#section-landing .two-col-content {
    width: 100% !important;
}

body#section-landing .two-col {
    width: 100% !important;
    display: block;
    padding-top: 0;
    margin-top: 0;
}

body#section-landing .individuals {
    display: inline-block;
    margin-bottom: 20px;
}

body#section-landing .employers-providers {
    display: inline-block;
}

body#section-landing .two-col .block-wrap {
    float: left;
    width: 50%;
    margin-top: 0;
}

body#section-landing .two-col .block {
    border-top: #D3D3D3 4px solid;
    font-size: 89%;
    padding: 10px;
    min-height: 290px;
    display: block;
}

body#section-landing .two-col ul li:nth-child(odd) .block {
    margin-right: 32px;
}

body#section-landing h2 {
    margin-top: 0;
    margin-right: 32px;
    padding-left: 4px;
    color: #2A2A2A;
    font-size: 130%;
}


/*body#section-landing a:hover, body#section-landing a:active {text-decoration: none;}*/

body#section-landing .links {
    line-height: 1.6em;
}

body#section-landing .two-col>ul {
    list-style: outside none none;
    width: 100%;
    margin: 0;
    padding: 0;
    padding-left: 0 !important;
    display: relative;
}

body#section-landing .two-col ul li {
    padding: 0 !important;
    margin: 0 !important;
}

body#section-landing .two-col>ul>li {
    padding: 0 !important;
    margin: 0 !important;
}

body#section-landing ul ul {
    margin-left: 0 !important;
    padding-left: 4px !important;
    list-style: outside none none;
}


/* new calculator */

.income-calculator {
    background-image: url("../images/calculator-bg.png");
    background-color: #D3D3D3;
    background-repeat: repeat-x;
    border-radius: 20px;
    padding: 8px;
    background-position: left bottom;
    width: auto;
    width: 284px;
    margin-right: 20px;
    margin: 0 auto;
    font-weight: 500;
}

.income-calculator form {
    background-color: #D3D3D3;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.income-calculator .hidden {
    display: none;
}

.income-calculator .results-wrap {
    margin: 8px ! important;
}

.income-calculator .results {
    float: left;
    display: table;
    text-align: right;
    background-image: url("../images/calculator-results.png");
    background-repeat: repeat;
    border-radius: 5px;
    float: none;
    width: 100%;
    padding: 6px 0 0 0 !important;
    background-position: left bottom;
    box-shadow: inset -1px 4px 5px #8ca89a;
    height: 55px;
}

.income-calculator .deduction {
    clear: both;
    display: block;
    font-size: 70%;
}

.income-calculator #deductionResult {
    font-size: 200%;
    padding: 5px 12px 5px 5px !important;
    font-weight: normal;
    display: table-cell;
    vertical-align: middle;
}

.income-calculator #deductionResultText {
    display: table-cell;
    vertical-align: middle;
}

.income-calculator #benefit-list {
    background-color: #F4F4F4;
    border-radius: 5px;
    margin: 8px !important;
    padding: 8px;
    font-size: 75%;
    border: 2px #F4F4F4 solid;
}

.income-calculator #benefit-list select {
    width: 252px;
}

.income-calculator .earnings {
    margin: 0 0 18px 16px;
    font-size: 75%;
}

.income-calculator #hourly,
.income-calculator #weekly {
    background-color: #F4F4F4;
    border-radius: 5px;
    margin: 0 8px 8px !important;
    padding: 8px;
    width: 110px;
    border: 2px #F4F4F4 solid;
    min-height: 145px;
    display: block;
    float: left !important;
    font-size: 70%;
}

.income-calculator #hourly {
    margin: 0 4px 8px 8px !important;
}

.income-calculator #weekly {
    margin: 0 8px 8px 4px !important;
}

.income-calculator .input {
    margin-top: 3px !important;
    display: block;
}

.income-calculator #hourly .input,
.income-calculator #weekly .input {
    clear: both;
    -moz-border-colors: none;
    background-color: #F4F4F4;
    border: 1px solid #D3D3D3;
    border-radius: 6px;
    box-shadow: 0 1px 3px 0 #ccc inset;
    padding: 7px 8px 7px 5px;
    position: relative;
    text-align: right;
    width: 93px;
}

.income-calculator #hourly input,
.income-calculator #weekly input {
    border: none;
    width: 73px;
    padding-left: 5px;
}

.income-calculator #hourly input {
    border: none;
    width: 73px;
    padding-left: 5px;
}

.income-calculator #hourly label[for="hourlyRate"] {
    margin-top: 10px;
    display: block;
}

.income-calculator #hourly input#numberOfHours {
    width: 93px !important;
}

.income-calculator .buttonrow {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #F4F4F4;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    width: 284px;
    clear: both;
}

.income-calculator .dollar {
    float: left;
}

.income-calculator .buttonrow .submitbutton {
    color: #fff;
    background-color: #0083ca;
    border-radius: 8px;
    cursor: pointer;
    font-size: 130%;
    font-weight: normal;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 8px;
    text-decoration-color: -moz-use-text-color;
    text-decoration-line: none;
    text-decoration-style: solid;
    border: none;
}

.income-calculator .buttonrow .submitbutton:hover,
.income-calculator .buttonrow .submitbutton:focus {
    color: #fff;
    background-color: #282D41;
}

.income-calculator .warning {
    clear: both;
    display: block;
    font-size: 90%;
    line-height: 2em;
    margin: 15px 20px 5px 20px;
    text-align: left;
}


/*interactive*/

.income-calculator .opposite .input {
    box-shadow: none !important;
    border: 1px solid #D3D3D3 !important;
}

.income-calculator .num {
    display: block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    -moz-border-radius: 30px;
    /* or 50% */
    border-radius: 30px;
    /* or 50% */
    background-color: #0083ca;
    color: #fff;
    text-align: center;
    font-size: 1.5em;
    margin: 0 auto -15px auto;
    position: relative;
    top: -23px;
}

.income-calculator .opposite .num {
    background-color: #D3D3D3;
}

.income-calculator .opposite .required {
    display: none;
}


/* errors */

.income-calculator .error {
    border: 2px red solid !important;
}

.income-calculator .error-details {
    text-align: left;
}

.income-calculator .error-text {
    color: red;
    padding: 5px 0;
    font-weight: 500;
}


/* My Account Login buttons */

.online-services-buttons {
    width: 100%;
}

.online-services-buttons a#login-button {
    -moz-user-select: none;
    background-color: #0083ca;
    border-radius: 40px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 2.5rem;
    margin: 0;
    padding-left: 48px;
    padding-right: 48px;
    position: relative;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
}

.online-services-buttons a#setup-button {
    -moz-user-select: none;
    background-color: #0083ca;
    border-radius: 40px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 2.5rem;
    margin: 0;
    padding-left: 88px;
    padding-right: 88px;
    position: relative;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
}

a#login-button:hover,
a#login-button:focus,
a#login-button:active,
a#setup-button:hover,
a#setup-button:focus,
a#setup-button:active {
    background-color: #282d41;
    color: #fff;
    text-decoration: none !important;
}

.Or::before {
    background-color: #ddd;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 17.5px;
    width: 100%;
}

.Or {
    height: 35px;
    margin: 24px 0;
    position: relative;
    text-align: center;
}

.Or::after {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 100%;
    color: gray;
    content: "OR";
    display: inline-block;
    font-size: 0.875rem;
    height: 35px;
    line-height: 2.5;
    position: relative;
    width: 35px;
}

.Account-button {
    height: 35px;
    margin: 0 0 24px;
    position: relative;
}


/*Online services*/

.online-services {
    display: inline-block;
}

.online-services .block {
    min-height: 240px!important;
}

.online-services .img {
    margin: 0;
    padding: 13px 0 0 0;
}

.online-services .txt {
    color: #111111;
}

.option-links {
    clear: both;
    display: inline-block;
    margin: 0;
    position: relative;
    width: 100%;
}

.option-links p {
    margin: 8px 0 0 !important;
}

.online-services .button,
.button,
.online-services .button-school,
.button-school {
    background-color: #F4F4F4;
    border: 2px solid #999;
    border-radius: 28px;
    color: #005987;
    margin-bottom: 9px;
    margin-top: 5px;
    padding: 0;
    height: 50px;
    width: auto;
    /*max-width: 287px;*/
    text-decoration: none;
    font-size: 110%;
    display: inline-block;
}

.button {
    margin-top: 0;
}

.button.button-mymsd {
    background: none;
    border: none;
}

.online-services .button a,
.button a,
.online-services .button-school a,
.button-school a {
    display: inline-block;
    padding: 10px 30px 10px 0;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
}

.online-services .button a.mymsd,
.online-services a.mymsd {
    border: 2px solid #272a67;
    border-radius: 28px;
    color: #FFF;
    margin-left: 2px;
    padding: 0 30px;
    line-height: 2.4em;
    text-decoration: none;
    font-size: 110%;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    background-color: #272a67;
}

.online-services .button a.mymsd .svg,
.online-services a.mymsd .svg {
    display: inline-block;
    position: relative;
    padding: 0;
    top: 9px;
    width: 100px;
    height: 26px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
}

.online-services .button a.mymsd:hover,
.online-services .button a.mymsd:focus,
.online-services a.mymsd:hover,
.online-services a.mymsd:focus {
    background-color: #0083ca;
    border: 2px solid #0083ca;
    color: #FFF;
    text-decoration: none;
}

.button a:hover,
.button a:focus,
.button-school a:hover,
.button-school a:focus {
    color: #282D41;
    text-decoration: none;
}

.online-services .button a:hover,
.online-services .button a:focus,
.online-services .button-school a:hover,
.online-services .button-school a:focus {
    color: #282D41;
    text-decoration: none;
    outline: 2px solid #0083ca;
    outline-offset: 0;
    border-radius: 28px;
    padding: 10px 30px 7px 0;
}

#content .online-services a.mymsd:hover,
#content .online-services a.mymsd:focus {
    text-decoration: none;
    padding: 0 30px;
    outline: none;
}

.online-services a#login {
    border: none !important;
    color: #FFF !important;
    text-decoration: none !important;
}

.online-services a#login:hover,
.online-services a#login:focus {
    text-decoration: none !important;
}

.online-services .long {
    max-width: 390px;
}

.online-services a.account div {
    background: #008c9a url("../images/login.svg") no-repeat scroll 12px 10px / 12px 15px !important;
    background: #008c9a url("../images/login.png") no-repeat 12px 10px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
    margin: -2px 10px 0 10px;
    width: 35px;
}

.online-services a.security div {
    background: #B32F21 url("../images/login.svg") no-repeat scroll 12px 10px / 12px 15px !important;
    background: #B32F21 url("../images/login.png") no-repeat 12px 10px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
    margin: -2px 10px 0 10px;
    width: 35px;
}

.online-services a.login div {
    background: #0083ca url("../images/login.svg") no-repeat scroll 12px 10px / 12px 15px !important;
    background: #0083ca url("../images/login.png") no-repeat 12px 10px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
    margin: -2px 10px 0 10px;
    width: 35px;
}

.online-services a.apply div {
    background: #3fb5e8 url("../images/apply.svg") no-repeat scroll 7px 10px / 21px 16px !important;
    background: #3fb5e8 url("../images/apply.png") no-repeat scroll 7px 10px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
    margin: -2px 10px 0 10px;
    width: 35px;
}

.online-services a.online div {
    background: #B32F21 url("../images/apply.svg") no-repeat scroll 7px 10px / 21px 16px !important;
    background: #B32F21 url("../images/apply.png") no-repeat scroll 7px 10px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
    margin: -2px 10px 0 10px;
    width: 35px;
}

.online-services a.check div {
    background: #272a67 url("../images/check.svg") no-repeat scroll 9px 10px / 20px 16px !important;
    background: #272a67 url("../images/check.png") no-repeat 9px 10px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
    margin: -2px 10px 0 10px;
    width: 35px;
}

.online-services a.complete div {
    background: #3fb5e8 url("../images/check.svg") no-repeat scroll 9px 10px / 20px 16px !important;
    background: #3fb5e8 url("../images/check.png") no-repeat 9px 10px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
    margin: -2px 10px 0 10px;
    width: 35px;
}

.online-services a.question div {
    background: #3fb5e8 url("../images/question.svg") no-repeat scroll 12px 10px / 12px 16px !important;
    background: #3fb5e8 url("../images/question.png") no-repeat 10px 10px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
    margin: -2px 10px 0 10px;
    width: 35px;
}

.online-services a.employers div {
    background: #272a67 url("../images/employers.svg") no-repeat scroll 7px 8px / 21px 19px !important;
    background: #272a67 url("../images/employers.png") no-repeat scroll 7px 8px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
    margin: -2px 10px 0 10px;
    width: 35px;
}

.online-services a.vacancy div {
    background: #67ac47 url("../images/vacancy.svg") no-repeat scroll 7px 10px / 21px 16px !important;
    background: #67ac47 url("../images/vacancy.png") no-repeat scroll 7px 10px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
    margin: -2px 10px 0 10px;
    width: 35px;
}

.online-services a.supplier div {
    background: #008c9a url("../images/supplier.svg") no-repeat scroll 7px 10px / 19px 16px !important;
    background: #008c9a url("../images/supplier.png") no-repeat 7px 10px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
    margin: -2px 10px 0 10px;
    width: 35px;
}

.online-services a.find div,
a.find div {
    background: transparent url("../images/find-a-job.svg") no-repeat scroll 0 0 / 35px 35px !important;
    background: transparent url("../images/find-a-job.png") no-repeat 0 0;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
    margin: -2px 10px 0 10px;
    width: 35px;
}

.online-services a.finance div {
    background: transparent url("../images/finance.svg") no-repeat scroll 0 0 / 35px 35px !important;
    background: transparent url("../images/finance.png") no-repeat 0 0;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
    margin: -2px 10px 0 10px;
    width: 35px;
}

.online-services a.yes div {
    background: #008c9a url("../images/yes.svg") no-repeat scroll 9px 11px / 17px 13px !important;
    background: #008c9a url("../images/yes.png") no-repeat 9px 11px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
    margin: -2px 10px 0 10px;
    width: 35px;
}

.online-services a.no div {
    background: #008c9a url("../images/no.svg") no-repeat scroll 11px 11px / 13px 13px !important;
    background: #008c9a url("../images/no.png") no-repeat 11px 11px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
    margin: -2px 10px 0 10px;
    width: 35px;
}

.online-services a.age div {
    background: #008c9a url("../images/client.svg") no-repeat scroll 9px 7px / 18px 20px !important;
    background: #008c9a url("../images/client.png") no-repeat 9px 7px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
    margin: -2px 10px 0 10px;
    width: 35px;
}

.online-services a.school div {
    background: #3fb5e8 url("../images/school.svg") no-repeat scroll 6px 9px / 25px 18px !important;
    background: #3fb5e8 url("../images/school.png") no-repeat scroll 8px 11px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
    margin: -2px 10px 0 10px;
    width: 35px;
}

.online-services a.tax-code div {
    background: #3fb5e8 url("../images/tax.svg") no-repeat scroll 0px 0px / 35px 35px !important;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
    margin: -2px 10px 0 10px;
    width: 35px;
}

.online-services a.arrow div {
    background: #3fb5e8 url("../images/arrow.svg") no-repeat scroll 9px 9px / 20px 17px !important;
    background: #3fb5e8 url("../images/arrow.png") no-repeat 9px 11px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
    margin: -2px 10px 0 10px;
    width: 35px;
}

.online-services a.doc div {
    background: #3fb5e8 url("../images/doc.svg") no-repeat scroll 10px 8px / 16px 19px !important;
    background: #3fb5e8 url("../images/doc.png") no-repeat 10px 8px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
    margin: -2px 10px 0 10px;
    width: 35px;
}

.online-services a.accommodation div {
    background: #dc3972 url("../images/apply.svg") no-repeat scroll 7px 10px / 21px 16px !important;
    background: #dc3972 url("../images/apply.png") no-repeat scroll 7px 10px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
    margin: -2px 10px 0 10px;
    width: 35px;
}

.online-services a:hover div {
    background-color: #282d41!important;
    color: #282D41;
}

.online-services a.find:hover div,
a.find:hover div {
    background: url("../images/find-a-job-hover.svg") transparent no-repeat scroll 0 0 / 35px 35px !important;
    background: url("../images/find-a-job-hover.png") transparent no-repeat 0 0;
    background-color: transparent !important;
    color: #282D41;
}

.online-services a.finance:hover div {
    background: url("../images/finance-hover.svg") transparent no-repeat scroll 0 0 / 35px 35px !important;
    background: url("../images/finance-hover.png") transparent no-repeat 0 0;
    background-color: transparent !important;
    color: #282D41;
}


/* only show when printing */

#print-url,
#print-date,
.copyright,
#logo-msd a img,
.list-links,
.link-number,
.index {
    display: none;
}

table td.table-center {
    text-align: center!important;
}


/* Media query for ie */

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    body {
        font-family: 'Gill Sans', sans-serif;
    }
    #related-links-left {
        width: auto;
    }
    .footer-links {
        display: -ms-grid;
        -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
    }
    .footer-links .link-column:nth-child(4n+2) {
        -ms-grid-column: 3;
    }
    .footer-links .link-column:nth-child(4n+3) {
        -ms-grid-column: 5;
    }
    .footer-links .link-column:nth-child(4n+4) {
        -ms-grid-column: 7;
    }
}