@charset "utf-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
/*table, caption, tbody, tfoot, thead, tr, th, td,*/
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


/* #HTML5 display-role reset for older browsers# */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

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

/* #Floaties# */
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.clear-both {
    clear: both
}

/* Turn off global sizing for padding on dimensions */
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

html, body {
    height: 100%;
}

body {
    font-size: 100%;
    color: #525252;
    background: #e7e7e7;
    font-family: "ff-tisa-web-pro", serif
}

a {
    color: #333333;
}

h1, h2, h3, h4, h5 {
    font-family: "proxima-nova", sans-serif
}

/* #Defaults# */
/*.base {width:960px;margin:auto;position:relative;}*/
.base {
    width: 1200px;
    margin: auto;
    position: relative;
}

.main-container {
    padding: 0px 19px 0px 19px
}

/* #User content# */
.user-content {
    line-height: 175%
}

    .user-content ol {
        list-style-type: decimal;
        margin: 15px 0px 15px 0px
    }

        .user-content ol li {
            margin: 5px 10px 5px 30px;
            padding-left: 10px
        }

    .user-content ul {
        list-style-type: disc;
        margin: 15px 0px 15px 0px
    }

        .user-content ul li {
            margin: 5px 10px 5px 30px;
            padding-left: 10px
        }

    .user-content h1 {
        font-size: 145%;
        color: #616161;
        margin-bottom: 15px;
        font-weight: bold;
    }

    .user-content h2 {
        font-size: 130%;
        color: #616161;
        margin-bottom: 15px;
        font-weight: bold;
    }

    .user-content h3 {
        font-size: 120%;
        color: #6D8C5F;
        margin-bottom: 15px;
        font-weight: bold;
    }

    .user-content h4 {
        font-size: 110%;
        color: #616161;
        margin-bottom: 15px;
        font-weight: bold;
    }

    .user-content h5 {
        font-size: 100%;
        color: #616161;
        margin-bottom: 15px;
        font-weight: bold;
    }

    .user-content h6 {
        font-size: 90%;
        color: #616161;
        margin-bottom: 15px;
        font-weight: bold;
    }

    .user-content p {
        margin-bottom: 10px;
    }

    .user-content img {
        max-width: 100%;
    }

    .user-content strong {
        font-weight: bold;
    }

    .user-content em {
        font-style: italic;
    }

    .user-content sup {
        vertical-align: super;
        font-size: smaller;
    }

    .user-content sub {
        vertical-align: super;
        font-size: smaller;
    }

    .user-content blockquote {
        padding: 20px;
        background: #ffffff;
        border: 1px solid #bebebe;
        margin: 20px 0px 20px 0px
    }

    .user-content .cpHeader {
        font-size: 105%;
        color: #616161;
        margin-bottom: 15px;
        font-weight: bold;
    }

    .user-content table {
        max-width: 100% !important;
        width: 100% !important;
        margin-bottom: 10px;
        border-bottom: 1px solid #cccccc !important;
        border-top: 1px solid #cccccc !important;
        border-right-width: 0px !important;
        border-left-width: 0px !important
    }

        .user-content table th, .user-content table td {
            text-align: left;
            padding: 5px;
            max-width: 100% !important
        }

        .user-content table th {
            font-weight: bold;
            color: #fff;
            border-bottom: 1px solid #6D8C5F;
            background: #6D8C5F
        }

        .user-content table td {
            border-bottom: 1px solid #c5c5c5;
            vertical-align: top;
            border-right-width: 0px !important;
            border-left-width: 0px;
            margin-bottom: 10px;
            font-size: 14px;
            font-weight: normal;
        }

        .user-content table tr:nth-child(odd) {
            background: #fff;
        }

        .user-content table tr:nth-child(even) {
            background: #eee;
        }

    .c-subject-graphic-desc h2 {
        font-size: 120%;
        color: #6D8C5F;
        margin-bottom: 15px;
        font-weight: bold;
        color:#fff;
        margin:0;
        font-size:100%;
    }

#lblSecurityCode {width:100%;display:inline;
}
/* #Header# */
.bg-top-colours {
    margin: auto;
    display: block;
    width: 100%
}

header.site {
    position: relative;
    height: 145px;
    background: #ffffff;
    font-family: "proxima-nova", sans-serif;
    z-index: 999
}

    header.site img.logo {
        position: absolute;
        top: 52px;
        left: 0px
    }

.selectnav {
    display: none;
    width: 100%;
    padding: 10px;
    border: 1px solid #9c9b9b;
    text-transform: uppercase;
}

.search {
    width: 240px;
    background: url("/App_Themes/Curriculum/images/bg-search.png") top left no-repeat;
    border: 1px solid #cfcfcf;
    padding: 10px 10px 10px 30px;
    position: absolute;
    top: 62px;
    right: 80px;
    color: #565d60;
}

.search-btn {
    background: url("/App_Themes/Curriculum/images/btn-search.png");
    width: 22px;
    height: 22px;
    position: absolute;
    top: 69px;
    right: 86px;
    border: 0px;
    cursor: pointer;
    font-size: 0px
}

.grey-search {
    position: absolute;
    top: 58px;
    right: -6px;
}

.colour-menu {
    position: absolute;
    top: 110px;
    right: 81px;
}

    .colour-menu ul li {
        float: left;
        border-right: 1px solid #cdcdcd;
    }

        .colour-menu ul li a {
            color: #2c373b;
            text-decoration: none;
            font-size: 90%;
            display: block;
            padding: 6px 10px 6px 10px;
        }

            .colour-menu ul li a:hover {
                background: #eeeeee
            }

        .colour-menu ul li:nth-child(1) {
            border-left: 1px solid #cdcdcd
        }

            .colour-menu ul li:nth-child(1) a {
                border-top: 8px solid #1a77b5
            }

        .colour-menu ul li:nth-child(2) a {
            border-top: 8px solid #6D8C5F
        }

        .colour-menu ul li:nth-child(3) a {
            border-top: 8px solid #f4be00
        }

.social-icons {
    position: absolute;
    top: 110px;
    right: 0px;
}

    .social-icons a {
        margin: 0px;
        padding: 0px;
    }

/* #Main nav# */
nav.main {
    background: #6d8c5f;
    width: 100%;
    border-top: 1px solid #466239;
    font-family: "proxima-nova", sans-serif;
    z-index: 999;
}

    nav.main ul {
        margin: 0px;
        padding: 0px;
        background: #6d8c5f;
    }

    nav.main .base > ul > li {
        height: 62px;
        float: left;
        background: url("/App_Themes/Curriculum/images/bg-menu-divider.png") no-repeat 100% 0px;
    }

        nav.main .base > ul > li > a {
            text-transform: uppercase
        }

    nav.main ul li:first-child {
        padding-left: 0px;
    }

    nav.main ul li:last-child {
        background: none
    }

    nav.main a {
        font-weight: bold;
        font-size: 100%;
        color: #ffffff;
        text-decoration: none;
        display: block;
        padding: 24px 39px 24px 25px;
    }

    nav.main ul li:first-child a {
        padding-left: 5px;
    }

    nav.main a:hover {
        color: #26361f
    }

.ENIE nav.main .base > ul > li > a {
    font-size: 83%
}

#main-menu:before, #main-menu:after {
    content: "";
    display: table;
}

#main-menu:after {
    clear: both;
}

#main-menu {
    zoom: 1;
}

/* #Sub menu# */
nav.main ul li > img {
    display: none
}

nav.main ul li ul li > img {
    display: inline-block;
    margin: 10px;
    float: right;
    clear: right
}

nav.main ul li ul {
    display: none;
    position: absolute;
    width: 200px !important;
    padding: 0px 0px 10px 0px !important;
    z-index: 100;
    margin: -2px 0px 0px -8px
}

nav.main ul li:hover > ul {
    display: block;
    background: #6d8c5f;
    padding: 0px;
    opacity: 0.97;
    filter: alpha(opacity=97);
}

nav.main ul li:hover ul li {
    font-size: 90%;
    width: 100%;
    margin: 0px;
    display: block;
    position: relative;
}

    nav.main ul li:hover ul li a {
        padding: 7px 0px 7px 17px;
        display: inline-block;
        font-weight: normal;
    }

nav.main UL UL LI:hover UL {
    display: block;
    position: absolute;
    top: 0px;
    left: 100%;
    margin: 0px;
    padding-top: 10px !important;
    filter: alpha(opacity=100);
}

    nav.main UL UL LI:hover UL UL {
        display: none;
    }

nav.main UL UL UL LI:hover UL {
    display: block;
    position: absolute;
    top: 0px;
    left: 100%;
    margin: 0px;
    padding-top: 10px !important;
    opacity: 100;
    filter: alpha(opacity=100);
}

    nav.main UL UL UL LI:hover UL UL {
        display: none;
    }

/* #Util Nav# */
nav.util {
    margin: 0px;
    padding: 0px;
    position: absolute;
    right: 0px;
    top: 20px;
}

    nav.util ul {
        display: inline
    }

        nav.util ul li {
            float: left;
            margin: 0px 15px 0px 0px;
            padding: 0px;
            padding: 0px;
            font-size: 90%
        }

            nav.util ul li a {
                color: #565d60;
                text-decoration: none
            }

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

            nav.util ul li:last-child {
                background: none;
                padding-right: 0px;
                margin-right: 8px
            }

/* #Banner# */
.banner {
    margin: 30px 0px 0px 0px;
    position: relative;
    background: #ffffff;
    border-right: 0px;
    overflow: hidden;
}

    .banner a {
        text-decoration: none;
        color: #fff;
    }

        .banner a:hover {
            text-decoration: underline;
        }

.iosSlider {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 273px;
    margin: 6px;
    width: 1175px
}

    .iosSlider .slider {
        width: 100%;
        height: 100%;
    }

        .iosSlider .slider .slide > img {
            width: 100%;
            height: 100%
        }

.prev {
    background: url("/App_Themes/Curriculum/images/arr-left.png");
    width: 49px;
    height: 65px;
    position: absolute;
    top: 35%;
    left: 30px;
    z-index: 20
}

.next {
    background: url("/App_Themes/Curriculum/images/arr-right.png");
    width: 49px;
    height: 65px;
    position: absolute;
    top: 35%;
    right: 30px;
    z-index: 20
}

.slide {
    padding: 0px;
    position: relative;
    float: left;
    width: 100%;
    height: 343px;
}

    .slide section {
        position: absolute;
        top: 42px;
        left: 0px;
        color: #ffffff;
        background: url("/App_Themes/Curriculum/images/bg-banner.png");
        width: 100%;
        height: 187px;
        padding: 20px 40px 40px 90px
    }

        .slide section h1 {
            font-size: 180%;
            padding-top: 10px;
            line-height: 35px;
            font-family: "freight-sans-pro";
            font-weight: bold;
            color: #ffffff
        }

        .slide section h2 {
            font-size: 120%;
            display: inline-block;
            padding: 0px 10px 10px 0px;
            color: #d5ebcc;
            width: 351px;
            line-height: 25px;
            font-family: "ff-tisa-web-pro", serif
        }

/* #Pods# */
.pod-standard {
    background: #ffffff;
    border-top: #6d8a60 solid 5px;
    padding: 32px;
    margin-top: 30px;
    position: relative
}

    .pod-standard h2.btn {
        border: 3px solid #6d8c5f;
        padding: 10px;
        font-size: 100%;
        text-align: center;
        width: 250px;
        float: left;
        font-weight: bold;
        margin: 10px 33px 0px 0px;
        float: left
    }

    .pod-standard div h2:last-child {
        margin-right: 0px
    }

    .pod-standard h2.btn a {
        color: #6d8c5f;
        text-decoration: none
    }

    .pod-standard h1 {
        z-index: 1
    }

.pod-page-title {
    font-family: "freight-sans-pro";
    font-size: 180% !important;
    margin-bottom: 0px !important
}

.pod-title {
    color: #253132;
    font-size: 140%;
    margin-bottom: 10px;
    font-weight: bold
}

.pod-video {
    height: 266px;
}

.pod-1-col {
    width: 580px;
    float: left;
    min-height: 339px
}

    .pod-1-col p:last-of-type {
        margin-bottom: 30px
    }

    .pod-1-col .view-all {
        position: absolute;
        top: 30px;
        right: 33px;
        margin: 0px;
        font-family: "proxima-nova", sans-serif;
        font-size: 90%
    }

        .pod-1-col .view-all a {
            text-decoration: none
        }

.pod-1-col-long {
    min-height: 708px;
    float: right;
    width: 463px;
}

.pod-2-col > div:nth-of-type(1) {
    width: 55%;
    float: left;
}

.pod-2-col > div:nth-of-type(2) {
    width: 40%;
    float: right;
}

.pod-1-col-2-col > div.pod-intro {
    width: 100%;
}

.pod-1-col-2-col > div.pod-text {
    width: 48%;
    float: left;
}

.pod-1-col-2-col > div.pod-video {
    width: 48%;
    float: right;
    margin-top: 25px
}

.pod-2-col-list {
    padding: 0px
}

    .pod-2-col-list > div:nth-of-type(1) {
        width: 50%;
        float: left;
        padding: 32px;
        border-right: 1px solid #6D8C5F;
        position: relative;
        padding-bottom: 90px
    }

    .pod-2-col-list > div:nth-of-type(2) {
        width: 50%;
        float: right;
    }

.pod-link-list {
    margin: 0px !important;
    padding: 0px;
}

    .pod-link-list li {
        list-style-type: none;
        margin: 0px;
        text-align: center;
        text-transform: uppercase;
        font-family: "proxima-nova", sans-serif;
        font-size: 110%
    }

        .pod-link-list li a {
            text-decoration: none;
            width: 100%;
            padding: 10px;
            display: block;
        }

            .pod-link-list li a:hover {
                background: #6d8c5f;
                color: #ffffff
            }

        .pod-link-list li:nth-child(even) {
            background: #f3f3f3
        }

.view-more {
    border-top: 1px solid #c9c9c9;
    font-size: 100% !important;
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 0px;
    font-weight: bold;
    width: 100%;
    padding-top: 10px;
}

    .view-more a {
        color: #525252;
        text-decoration: none;
    }

.pod-full-explore {
    float: left
}

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

.sectors section {
    width: 300px;
    float: left;
    border-right: 3px solid #e7e7e7;
    position: relative;
    margin-top: 30px
}

    .sectors section h1 {
        display: block;
        color: #ffffff;
        font-size: 170%;
        padding: 15px;
        width: 100%;
        font-family: "freight-sans-pro";
        font-weight: bold
    }

    .sectors section h2 {
        display: block;
        color: #ffffff;
        font-size: 100%;
        padding: 0px 10px 6px 10px;
        font-weight: bold;
    }

        .sectors section h2 a {
            background: url("/App_Themes/Curriculum/images/bg-sep.png") repeat-x 0% 100%;
            display: block;
            width: 100%;
            padding: 10px 0px 10px 0px;
            margin: 0px
        }

    .sectors section > img {
        width: 100%;
        height: 413px;
        margin: 0px 0px -3px 0px;
        z-index: 1
    }

    .sectors section .links a:last-child {
        background-image: none
    }

.ENIE .sectors section h1 {
    font-size: 130%;
    height: 57px
}

.sectors section .links {
    position: absolute;
    bottom: -2px;
    left: 0px;
    width: 100%
}

    .sectors section .links a {
        background: url("/App_Themes/Curriculum/images/bg-sep.png") repeat-x 0% 100%;
        display: block;
        width: 100%;
        padding: 13px 10px 13px 10px;
        font-family: "proxima-nova",sans-serif;
        font-weight: bold
    }

.sectors section div.arrow {
    display: none
}

.sectors section:nth-child(1) div.arrow {
    z-index: 10;
    position: absolute;
    top: 162px;
    right: -67px
}

.sectors section:nth-child(2) div.arrow {
    z-index: 10;
    position: absolute;
    top: 160px;
    right: -68px
}

.sectors section:nth-child(3) div.arrow {
    z-index: 10;
    position: absolute;
    top: 162px;
    right: -66px
}

.sectors section:nth-child(1) h1 {
    background: #6d8a60;
}

.sectors section:nth-child(2) h1 {
    background: #f69e27;
}

.sectors section:nth-child(3) h1 {
    background: #e7631e;
}

.sectors section:nth-child(4) h1 {
    background: #1e4b78;
}

.sectors section:nth-child(1) .links a {
    background-color: #6d8a60;
}

.sectors section:nth-child(2) .links a {
    background-color: #f69e27;
}

.sectors section:nth-child(3) .links a {
    background-color: #e7631e;
}

.sectors section:nth-child(4) .links a {
    background-color: #1e4b78;
}

.pod-small-image {
    border: 1px solid #b3b4b1;
    border-top: 5px solid #6d8c5f;
    width: 390px;
    height: 107px;
    float: left;
    margin-top: 30px;
    background: #ffffff;
    margin-right: 14px;
    position: relative
}

    .pod-small-image:last-of-type {
        margin-right: 0px;
        float: right
    }

    .pod-small-image img {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 1
    }

    .pod-small-image div {
        position: absolute;
        top: 35%;
        width: 100%;
        z-index: 2;
        text-align: center;
    }

    .pod-small-image h1 {
        background: #ffffff;
        padding: 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        display: inline;
        font-size: 90%;
        font-weight: bold;
        opacity: 0.7;
        filter: alpha(opacity=70);
    }

    .pod-small-image a {
        color: #000000;
        text-decoration: none
    }

.pod-2-col-download div:nth-of-type(1) {
    padding-bottom: 50px;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 40px;
    -webkit-column-gap: 40px;
    column-gap: 40px;
}

.download-links {
    border-top: 1px solid #6d8c5f;
    font-family: "proxima-nova", sans-serif;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%
}

    .download-links a {
        width: 50%;
        display: block;
        float: left;
        text-align: center;
        text-decoration: none;
        padding: 10px 0px 10px 0px;
        color: #474747
    }

        .download-links a:hover {
            background: #6d8c5f;
            color: #ffffff
        }

.pod-2-col-download h2:nth-of-type(1) {
    margin-top: 0px
}

.pod-table {
    background: #ffffff;
    margin-top: 30px
}

    .pod-table table {
        width: 100%;
        text-align: center;
    }

        .pod-table table th {
            width: 20%;
            padding: 50px 0px 50px 0px;
            vertical-align: middle;
            background: #e9f1e6;
            color: #535353;
            font-family: "proxima-nova", sans-serif;
            font-weight: bold;
            border: 1px solid #e9e9e9;
        }

        .pod-table table tr th.title-heading {
            background: #6d8c5f;
            color: #ffffff;
            font-size: 120%
        }

            .pod-table table tr th.title-heading a {
                color: #ffffff;
            }

    .pod-table .element-header {
        width: 20%;
        padding: 50px 0px 50px 0px;
        vertical-align: middle;
        background: #e9f1e6;
        color: #535353;
        font-family: "proxima-nova", sans-serif;
        font-weight: bold;
        border: 1px solid #e9e9e9;
    }

    .pod-table table td {
        border: 1px solid #e9e9e9;
        width: 20%
    }

        .pod-table table td a {
            display: block;
            background: url("/App_Themes/Curriculum/images/table-arrow.png") no-repeat 50% 50%;
            padding: 60px 40px 60px 40px
        }

            .pod-table table td a:hover {
                display: block;
                background: url("/App_Themes/Curriculum/images/table-arrow-hover.png") no-repeat 50% 50% #2c373b;
            }

        .pod-table table td.element-header a {
            display: block;
            background: none;
            padding: 0 !important;
            text-decoration: none;
        }

            .pod-table table td.element-header a:hover {
                text-decoration: underline
            }

    .pod-table table th a {
        text-decoration: none
    }

        .pod-table table th a:hover {
            text-decoration: underline
        }

.pods-lower-line .pod-1-col:nth-child(2) {
    float: right;
}

.pod-full-explore {
    width: 100%
}

    .pod-full-explore > a {
        width: 100%;
        float: left;
        margin-right: 21px
    }

        .pod-full-explore > a:nth-of-type(3n) {
            margin-right: 0px
        }

    .pod-full-explore .view-all {
        position: absolute;
        top: 40px;
        right: 55px;
        margin: 0px;
        font-family: "proxima-nova", sans-serif;
        font-size: 90%
    }

        .pod-full-explore .view-all a {
            text-decoration: none
        }

.pod-dropdown div {
    float: left;
    width: 40%
}

.pod-dropdown select {
    padding: 7px;
    border: 1px solid #abadb3
}

.pod-dropdown input[type="submit"] {
    background: #6d8c5f;
    color: #ffffff;
    border: 0px;
    padding: 10px;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    float: right;
    margin-top: 25px
}

.pod-small-no-image:hover {
    background: #e2e8df
}

.download-link-single {
    border-top: 1px solid #6d8c5f;
    font-family: "proxima-nova", sans-serif;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px
}

    .download-link-single a {
        width: 100%;
        display: block;
        float: left;
        text-align: center;
        text-decoration: none;
        padding: 10px 0px 10px 0px;
        color: #474747
    }

        .download-link-single a:hover {
            background: #6d8c5f;
            color: #ffffff
        }

.global-main {
    z-index: 1
}

/* #Footer# */
footer {
    position: relative;
    background: #ffffff;
    border-top: 1px solid #8a8a8a;
    padding: 40px 0px 0px 0px;
    margin: 30px 0px 0px 0px
}

    footer .nav {
        padding-bottom: 10px;
        display: none
    }

        footer .nav .menu {
            width: 100%;
        }

            footer .nav .menu ul {
                float: left;
                width: 117px;
                color: #314042;
                font-weight: bold;
                margin: 0px 37px 20px 5px;
            }

                footer .nav .menu ul:last-child {
                    margin-right: 0px
                }

                footer .nav .menu ul ul {
                    margin: 10px 0px 0px 0px;
                    padding: 0px;
                    border-left: 1px solid #e4e4e4;
                    padding: 0px 0px 0px 10px;
                }

                footer .nav .menu ul li {
                    margin: 0px 0px 5px 0px;
                    font-size: 120%;
                    font-family: "freight-sans-pro",serif;
                }

                    footer .nav .menu ul li a {
                        color: #656565;
                        text-decoration: none;
                        font-weight: normal;
                        font-size: 60%;
                        font-family: "proxima-nova", sans-serif
                    }

                        footer .nav .menu ul li a:hover {
                            color: #979797;
                            text-decoration: underline
                        }

                    footer .nav .menu ul li ul li {
                        margin: 0px 0px 5px 0px;
                    }

        footer .nav .credit {
            position: absolute;
            top: 60px;
            right: 59px
        }

    footer .nav2 ul li {
        float: left;
        margin: 0px 15px 0px 0px;
        font-size: 95%
    }

        footer .nav2 ul li a {
            text-decoration: none
        }

            footer .nav2 ul li a:hover {
                text-decoration: underline
            }

.footer-tag {
    position: absolute;
    left: 0px;
    bottom: 20px;
}

.footer-logo {
    float: right;
    margin-top: 15px
}

.kentico-i3-credit {
    background: none repeat scroll 0 0 #fff;
    padding: 20px 0;
    float: right
}

/* #Standard page# */
.lower-standard-col-1 {
    width: 920px;
    float: left;
}

.lower-standard-col-2 {
    width: 256px;
    float: right
}

.pod-lower-standard {
    min-height: 275px;
}

    .pod-lower-standard h1 {
        font-family: "freight-sans-pro";
        font-weight: bold;
        font-size: 180%;
        margin-bottom: 0px
    }

    .pod-lower-standard h2 {
        font-family: "freight-sans-pro",serif;
        font-size: 115%;
        margin: 25px 0px 2px 0px
    }

    .pod-lower-standard h3 {
        font-family: "freight-sans-pro",serif;
        font-size: 110%;
        margin: 25px 0px 2px 0px
    }

.clipboard-box {
    height: 30px;
    margin-top: 30px;
}

    .clipboard-box a {
        color: #253132;
        display: block;
        border: 1px solid #253132;
        text-transform: uppercase;
        padding: 10px 0px;
        float: left;
        width: 49%;
        background: #ffffff;
        text-decoration: none;
        text-align: center;
        font-size: 70%;
        font-weight: bold
    }

        .clipboard-box a:last-child {
            float: right
        }

.clipboard-btn-delete {
    float: right
}

.GAIE .clipboard-box a {
    font-size: 60%
}

.unauthenticated-section {
    margin-top: 20px;
    padding-top: 20px;
    position: relative;
    background: #ffffff;
    padding: 22px
}

    .unauthenticated-section .top {
        position: absolute;
        top: 2px;
        right: 5px
    }

    .unauthenticated-section .main .body-text .login a {
        padding-top: 5px;
        display: block
    }

.status {
    margin-top: 15px;
    padding-top: 10px;
    position: relative;
    background: #ffffff;
    padding: 10px
}

    .status .top {
        position: absolute;
        top: 2px;
        right: 5px
    }

    .status .main .body-text .login a {
        padding-top: 5px;
        display: block
    }

.pod-side-bar {
    background: #FFFFFF;
    margin-top: 30px;
    padding: 22px;
    position: relative;
}

    .pod-side-bar h1 {
        font-weight: bold;
        font-size: 120%;
        color: #253132;
        border-bottom: 1px dotted #253132;
        padding-bottom: 10px;
        margin-bottom: 10px;
        font-family: "freight-sans-pro";
    }

    .pod-side-bar ul li {
        margin-bottom: 12px
    }

        .pod-side-bar ul li a {
            text-decoration: none;
            color: #696969
        }

            .pod-side-bar ul li a:hover {
                text-decoration: underline
            }

    .pod-side-bar a {
        text-decoration: none;
        color: #696969
    }

        .pod-side-bar a:hover {
            text-decoration: underline
        }

    .pod-side-bar p {
        line-height: 150%
    }

.lower-banner {
    position: relative;
    margin-top: 30px
}

    .lower-banner img {
        margin: 0px;
        border: 7px solid #ffffff;
        line-height: 0px;
        width: 100% !important
    }

.breadcrumb {
    padding: 10px 0px 10px 0px;
    font-size: 90%;
}

    .breadcrumb a {
        color: #7f9c72;
        text-decoration: none;
    }

.side-menu {
    width: 195px;
    float: left;
    background: #dddddd;
    margin: 0px 0px 20px 0px
}

    .side-menu h1 {
        background: #767676;
        display: block;
        color: #ffffff;
        font-family: 'Bitter';
        font-size: 140%;
        padding: 12px 6px 12px 6px;
    }

    .side-menu ul li {
        margin: 0px;
        padding: 6px 6px 6px 6px;
        border-bottom: 1px solid #676f72;
        font-size: 90%
    }

        .side-menu ul li:last-child {
            border-bottom: 0px
        }

        .side-menu ul li:hover {
            background: #f6fbff
        }

    .side-menu a {
        color: #424242;
        text-decoration: none
    }

        .side-menu a:hover {
            text-decoration: none
        }

    .side-menu ul li ul {
        margin: 0px;
        padding: 4px 0px 4px 4px;
        font-size: 110%
    }

        .side-menu ul li ul li {
            border: 0px;
            padding: 4px 0px 4px 10px;
            background: url("/App_Themes/Curriculum/images/menu-arrow.png") no-repeat 0% 50%
        }

            .side-menu ul li ul li:hover {
                background: url("/App_Themes/Curriculum/images/menu-arrow.png") no-repeat 0% 50%
            }

.site-buttons {
    margin-top: 30px
}

    .site-buttons a {
        font-family: "proxima-nova", sans-serif;
        margin-bottom: 10px;
        text-align: center;
        font-weight: bold;
        padding: 10px;
        margin-right: 12px;
        display: block;
        float: left;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 2px solid #333333;
        font-size: 90%;
        text-decoration: none
    }

        .site-buttons a:last-child {
            margin-right: 0px;
        }

        .site-buttons a.green {
            border-color: #70399a;
            color: #70399a
        }

        .site-buttons a.yellow {
            border-color: #d21c09;
            color: #d21c09
        }

        .site-buttons a.orange {
            border-color: #1dab4e;
            color: #1dab4e
        }

        .site-buttons a.blue {
            border-color: #dc4300;
            color: #dc4300
        }

        .site-buttons a.green:hover {
            background: #70399a;
            color: #ffffff
        }

        .site-buttons a.yellow:hover {
            background: #d21c09;
            color: #ffffff
        }

        .site-buttons a.orange:hover {
            background: #1dab4e;
            color: #ffffff
        }

        .site-buttons a.blue:hover {
            background: #dc4300;
            color: #ffffff
        }

.site-buttons-white a {
    background: #ffffff;
    font-size: 120%;
    padding: 20px 90px 20px 90px
}

.GAIE .site-buttons-white a {
    padding: 20px 80px 20px 80px
}
/*.ENIE .site-buttons-white a {padding:20px 37px 20px 37px}*/

.site-buttons-page a {
    width: 200px
}

/* #Download page# */
.pod-download .site-buttons a {
    min-width: 205px
}

.pod-download ul {
    margin: 30px 0px 30px 0px;
    float: left;
    width: 220px;
}

    .pod-download ul li {
        margin-bottom: 11px
    }

        .pod-download ul li input[type="checkbox"] {
            margin-right: 8px
        }

        .pod-download ul li:first-child {
            font-family: "freight-sans-pro";
            font-weight: bold;
            color: #253132;
            margin-bottom: 19px;
            font-size: 115%
        }

.download-buttons {
    margin: auto;
    width: 248px
}

.standard-btn {
    font-family: "proxima-nova", sans-serif;
    cursor: pointer;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #253132;
    color: #253132;
    font-size: 80%;
    font-weight: bold;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 122px;
    height: 51px;
}

.standard-btn-pdf {
    font-family: "proxima-nova", sans-serif;
    cursor: pointer;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #253132;
    color: #253132;
    font-size: 80%;
    font-weight: bold;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 122px;
}
/*# Learning outcomes# */

.outcome-boxes .SearchDialog {
    display: none
}

.outcomes-list {
    margin-bottom: 30px
}

    .outcomes-list ul {
        margin: 30px 0px 0px 0px
    }

        .outcomes-list ul li {
            float: left;
            width: 240px;
            list-style: none;
            height: 60px
        }

            .outcomes-list ul li input {
                float: left;
                margin-right: 15px
            }

            .outcomes-list ul li label {
                float: left;
                width: 180px;
                font-weight: bold;
                color: #253132;
                font-size: 90%;
                line-height: 120%
            }

            .outcomes-list ul li:nth-child(4n) {
                width: 100px
            }

                .outcomes-list ul li:nth-child(4n) label {
                    width: 50px
                }

    .outcomes-list input {
        margin: 0px 5px 0px 5px
    }

/*.outcome-boxes {border-top:1px dotted #515a5e;padding-top:38px}*/
.outcome-boxes section {
    height: 155px;
    background: #f6f6f6;
    border: 1px solid #2d373c;
    margin-bottom: 38px;
    color: #2e373c;
    position: relative;
    padding: 5px 80px 20px 80px
}

    .outcome-boxes section .box-left {
        background: #2d373c;
        position: absolute;
        left: 0px;
        top: 0px;
        width: 40px;
        height: 153px;
    }

    .outcome-boxes section .box-right {
        position: absolute;
        right: 0px;
        top: 0px;
        background: #2d373c;
        width: 40px;
        height: 153px;
    }

    .outcome-boxes section ul {
        list-style: none;
        margin: 20px 0px 0px 0px
    }

        .outcome-boxes section ul li {
            display: inline;
            margin-right: 20px;
            float: none;
            height: auto;
            width: auto;
        }

    .outcome-boxes section h1 {
        font-size: 110%;
        margin: 0px 0px 5px 0px
    }

        .outcome-boxes section h1 a {
            text-decoration: none
        }

.outcome-boxes .no-results {
    clear: left;
}

.outcome-boxes .search-results {
    clear: right;
    margin-top: 30px;
}

.box-early {
    background: #6D8A60
}

.box-primary {
    background: #F69E27
}

.box-junior {
    background: #E7631E
}

.box-senior {
    background: #1E4B78
}

.outcome-boxes section .box-right div {
    position: relative
}

    .outcome-boxes section .box-right div a:nth-child(1) {
        position: absolute;
        top: 13px;
        left: 11px
    }

    .outcome-boxes section .box-right div a:nth-child(2) {
        position: absolute;
        top: 65px;
        left: 11px
    }

    .outcome-boxes section .box-right div a:nth-child(3) {
        position: absolute;
        top: 117px;
        left: 11px
    }

.outcomes-btn {
    width: 207px;
    font-size: 90%;
    padding: 10px 20px;
    display: block;
    float: left;
    line-height: 100%;
    vertical-align: middle
}

    .outcomes-btn:last-child {
        float: right;
        padding: 10px 40px 0px 40px;
    }

.box-btn {
    width: 100%;
    margin-top: 20px;
    display: block;
    font-size: 100%;
    padding: 10px;
    height: inherit
}

    .box-btn:hover {
        background: #6d8c5f;
        color: #ffffff
    }

.icon-key {
    margin: 0px 10px 20px 0px;
}

.icon-key-right {
    margin-bottom: 20px;
    margin-left: 10px
}

.icon-key:hover {
    background: #6d8c5f;
    color: #ffffff
}

.icon-key-right:hover {
    background: #6d8c5f;
    color: #ffffff
}

.outcome-boxes span[id*="I3_ExpectationsSearchFilter2_chklstFilter"].ContentCheckBoxList {
    clear: both;
    display: block;
    margin-bottom: 30px;
}

.outcome-boxes div[id*="UpdatePanel1"] {
    float: right;
}

.outcome-boxes .validation {
    position: static;
    clear: right;
    margin-bottom: 10px;
    border: 1px solid #253132;
}

    .outcome-boxes .validation .close a {
        display: block;
        text-decoration: none;
        padding: 0;
        border: none;
    }

    .outcome-boxes .validation .top {
        position: static;
        float: right;
        margin: 0;
    }

/* #Clipboard boxes# */
.clipboard-btn-up {
    position: absolute;
    top: 20px;
    left: 11px;
}

.clipboard-btn-del {
    position: absolute;
    top: 38px;
    left: 11px;
}

.clipboard-btn-down {
    position: absolute;
    top: 60px;
    left: 11px;
}

/* #Pagination# */
.PagerControl {
    text-align: center;
    font-size: 90%
}

    .PagerControl div:first-child {
        padding-bottom: 4px;
        padding-top: 4px;
        font-weight: bold;
    }

    .PagerControl a, .PagerControl .current {
        margin: 1px;
        color: #717171;
        text-decoration: none;
        display: inline;
        background: #f5f5f5;
        padding: 3px 7px 5px 7px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: 0px 1px 1px 1px #6a6a6a;
        box-shadow: 0px 1px 1px 1px #6a6a6a;
    }

        .PagerControl a:hover {
            text-decoration: underline
        }

    .PagerControl .current {
        font-weight: bold
    }

/* #Resources# */
.res-img {
    position: absolute;
    top: 0px;
    right: 20px;
    z-index: 0
}

.resources-text {
    padding-right: 200px;
    min-height: 65px
}

.resources-bottoms a {
    width: 23%
}

.resource-letters ul {
    margin: 30px 0px 0px 0px;
    padding-top: 30px;
    border-top: 1px dotted #717171;
    width: 97%
}

    .resource-letters ul li {
        height: 185px;
        width: 130px;
        margin: 0px 54px 54px 0px;
        list-style: none;
        float: left;
        border: 1px solid #2d373c;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 0px !important
    }

        .resource-letters ul li:nth-child(6n) {
            margin-right: 0px
        }

        .resource-letters ul li a {
            text-decoration: none;
            display: block;
            padding: 20px 0px 0px 0px;
            color: #2d373c;
            height: 185px
        }

            .resource-letters ul li a:hover {
                color: #ffffff;
                background: #2d373c;
            }

        .resource-letters ul li span {
            display: block;
            text-align: center;
        }

            .resource-letters ul li span:first-child {
                font-size: 350%;
                font-family: "ff-tisa-web-pro";
                line-height: 100%
            }

            .resource-letters ul li span:last-child {
                font-family: "freight-sans-pro";
                font-size: 90%;
                line-height: 23px;
                margin-top: 10px
            }

/* #Search# */
.pod-search {
    padding: 32px 0px 32px 0px
}

    .pod-search section {
        margin: 0px;
        padding: 30px 32px 30px 32px
    }

        .pod-search section:nth-child(even) {
            background: #f6f6f6
        }

        .pod-search section h1 {
            margin: 0px;
            font-size: 140%;
        }

        .pod-search section h2 {
            margin: 7px 0px 7px 0px;
            font-family: "ff-tisa-web-pro",serif;
            line-height: 170%;
            color: #6d6d6d;
            font-size: 100%
        }

        .pod-search section h3 a {
            color: #7f9c72;
            font-family: "ff-tisa-web-pro",serif;
            font-size: 100%
        }

.pod-inner-padding {
    padding: 0px 32px 0px 32px
}

.search-fields {
    margin: 30px 0px 30px 0px
}

    .search-fields label {
        margin-right: 20px;
    }

    .search-fields input[type="text"] {
        border: 1px solid #CFCFCF;
        padding: 7px;
        margin: 0px 10px 0px 0px;
        width: 230px
    }

    .search-fields input[type="submit"] {
        background: none repeat scroll 0 0 #6D8C5F;
        border: 0 none;
        border-radius: 3px 3px 3px 3px;
        color: #FFFFFF;
        cursor: pointer;
        font-weight: bold;
        margin-top: 10px;
        padding: 10px;
    }

    .search-fields select {
        border: 1px solid #CFCFCF;
        padding: 7px;
        margin: 10px 10px 0px 0px;
        width: 230px
    }

.search-pager {
    border-top: 1px solid #303a3f;
    padding-top: 25px
}

    .search-pager ul {
        margin-top: 25px;
    }

/* #Sitemap# */
.sitemap ul {
    list-style: circle outside none;
    margin: 10px 10px 10px 20px
}

    .sitemap ul li {
        padding: 7px 5px 7px 5px
    }

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

    .sitemap ul li a {
        text-decoration: none
    }

        .sitemap ul li a:hover {
            text-decoration: underline
        }

    .sitemap ul ul li {
        padding-bottom: 4px;
        margin-bottom: 0px
    }

/* #Site forms - Login_reg# */
.site-form {
    margin: 25px 0px 25px 0px;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 30px;
    text-align: left
}

    .site-form label {
        width: 140px;
        display: block;
        margin: 10px 0px 15px 0px
    }

    .site-form input[type="text"], .site-form input[type="password"] {
        border: 1px solid #CFCFCF;
        margin: 0 10px 0 0;
        padding: 6px;
        width: 220px;
    }

    .site-form input[type="submit"] {
        background: none repeat scroll 0 0 #6D8C5F;
        border: 0 none;
        border-radius: 3px;
        color: #FFFFFF;
        cursor: pointer;
        font-weight: bold;
        margin: 2px 0px 5px 0px;
        padding: 10px;
    }

    .site-form select {
        border: 1px solid #CFCFCF;
        margin: 0 10px 0 0;
        padding: 6px;
        width: 220px;
        height: 35px
    }

.download-form select {
    width: 220px
}

.download-form input[type="submit"] {
    margin-top: 15px
}

.remember-me {
    padding: 10px 0px 0px 0px
}

    .remember-me label {
        float: left;
        margin: 0px
    }

    .remember-me input {
        float: left;
        margin: 0px 5px 0px 0px
    }

.site-form textarea {
    border: 1px solid #CFCFCF;
    margin: 0 10px 0 0;
    padding: 6px;
    width: 99%;
    height: 200px
}

.site-form h2 {
    font-family: "freight-sans-pro",serif;
    font-size: 120%;
    margin: 25px 0 2px;
    font-weight: bold
}

.CMSValidator, .EditingFormErrorLabel, .ErrorLabel {
    color: red
}

.ErrorLabel {
    padding-bottom: 30px;
    display: block
}

.LoginPanelPasswordRetrieval label {
    width: 100%
}

.contact-form table {
    width: 100%
}

    .contact-form table td {
        vertical-align: top;
    }

        .contact-form table td.col1 {
            width: 140px
        }

.contact-form label {
    margin: 0px 0px 15px 0px
}

.contact-form input, .contact-form textarea {
    margin-bottom: 10px !important
}

.TabsContent table {
    width: 100%
}

    .TabsContent table td {
        vertical-align: top;
        border: 0px
    }

        .TabsContent table td.col1 {
            width: 140px
        }

.TabsContent label {
    margin: 0px 0px 15px 0px
}

.TabsContent input, .TabsContent textarea {
    margin-bottom: 10px !important
}

.TabsContent table tr:nth-child(2n) {
    background: none;
}

.TabControlRow {
    background-color: #6D8C5F !important;
    color: #fff
}

    .TabControlRow a {
        color: #fff
    }

.TabControlTable {
    margin-bottom: 0px !important;
}

/*#Cookie Policy#*/
.section.cookies {
    background: none repeat scroll 0 0 #333333;
    font-family: "proxima-nova",sans-serif;
}

.cookieInfo {
    width: 1200px;
    border: 1px solid #333;
    height: 67px;
    margin: 0 auto;
    position: relative;
}

    .cookieInfo p {
        color: #fff;
        float: left;
        font-size: 15px;
        text-align: left;
        width: 790px;
        margin: 10px 0 10px 10px;
        line-height: 150%
    }

    .cookieInfo a {
        color: #ffffff;
        text-decoration: underline;
    }

        .cookieInfo a:hover {
            text-decoration: underline;
        }

.cookieInfo-btn {
    font-weight: bold;
    display: block;
    background: #4aac39;
    padding: 10px;
    position: absolute;
    right: 10px;
    top: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .cookieInfo-btn:hover {
        background: #466239;
    }

    .cookieInfo-btn span {
        color: #fff;
    }

.cookie-title {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    margin: 10px 0 0;
    text-align: left;
}

/* #Resource listing# */
.resource-listing section {
    padding-top: 25px
}

    .resource-listing section h1 {
        margin-bottom: 10px
    }

    .resource-listing section .resource-type {
        position: absolute;
        left: 10px;
        top: 40%
    }

.resource-video {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 15px 0px 10px 0px;
    margin: 15px 0px 10px 0px
}

.bold {
    font-weight: bold
}

/*Advanced Search*/
.filter-curriculum {
    margin-bottom: 10px
}

    .filter-curriculum h2 {
        font-weight: bold;
        font-size: 110%;
        padding: 10px 0;
    }

    .filter-curriculum span label {
        padding: 0 20px 10px 0;
        line-height: 1.5;
    }

/*PDF Download*/
.pdf-result {
    margin: 30px 0px 35px 0px
}

    .pdf-result h1 {
        font-weight: bold;
        font-size: 110%;
        margin-bottom: 10px
    }

        .pdf-result h1 a {
            text-decoration: none
        }

    .pdf-result p {
        margin: 5px 0px 0px 0px;
        line-height: 130%;
    }

    .pdf-result .search-url {
        color: #008000;
        overflow: hidden;
        float: left;
        width: 100%;
        text-overflow: ellipsis;
        margin-top: 5px;
        line-height: 130%;
    }

    .pdf-result .search-date {
        color: #888888;
        font-size: 95%
    }


/* Progression steps */
.prog-steps {
    padding: 19px
}

.letters-bar ul {
    padding: 0px;
    margin: 0px 0px 5px 190px;
    float: left;
    font-family: "freight-sans-pro";
}

    .letters-bar ul li {
        display: inline-block;
        text-align: center;
        font-weight: bold;
        margin-right: 14px;
    }

        .letters-bar ul li a {
            color: #ffffff;
            text-decoration: none;
            display: block;
            width: 102px;
            height: 28px;
            padding-top: 4px;
            text-transform: lowercase;
        }

        .letters-bar ul li.let-selected {
            -webkit-box-shadow: inset 0px 0px 0px 2px #333;
            -moz-box-shadow: inset 0px 0px 0px 2px #333;
            box-shadow: inset 0px 0px 0px 2px #333;
        }

.clear-letters ul li {
    -webkit-box-shadow: inset 0px 0px 0px 0px #333 !important;
    -moz-box-shadow: inset 0px 0px 0px 0px #333 !important;
    box-shadow: inset 0px 0px 0px 0px #333 !important;
}

.letters-bar ul li:nth-child(1), .rs1 ul li:nth-child(1) {
    background: #663366;
}

.letters-bar ul li:nth-child(2), .rs1 ul li:nth-child(2) {
    background: #663333;
}

.letters-bar ul li:nth-child(3), .rs1 ul li:nth-child(3) {
    background: #cc3333;
}

.letters-bar ul li:nth-child(4), .rs1 ul li:nth-child(4) {
    background: #AC8400;
}

.letters-bar ul li:nth-child(5), .rs1 ul li:nth-child(5) {
    background: #669933;
}

.letters-bar ul li:nth-child(6), .rs1 ul li:nth-child(6) {
    background: #007363;
}

.letters-bar ul li:nth-child(7), .rs1 ul li:nth-child(7) {
    background: #3399cc;
}

.letters-bar ul li:nth-child(8), .rs1 ul li:nth-child(8) {
    background: #333f48;
    margin-right: 0px;
}

.letters-bar ul li:nth-child(9), .rs1 ul li:nth-child(9) {
    background: #333f48;
    margin-right: 0px;
}

.step-row {
    width: 960px;
    float: left;
    margin-left: 19px;
}

.step-column {
    width: 170px;
    margin-right: 19px;
}

.progression-container .progression-full-row:nth-child(1) .progression-labels .label-column {
    margin-top: 0px
}

.progression-container-fixed {
    margin-top: 147px
}

.progression-slider {
    overflow: hidden;
}

.slick-slider {
    margin-bottom: 10px;
}

.slide-headings-contain {
    clear: both;
}

.slide-headings {
    float: right;
}

    .slide-headings .slick-list .slick-track div {
        text-align: center;
        font-weight: bold;
        color: #ffffff;
        width: 170px;
        height: 38px !important;
        padding: 6px;
        font-size: 130%;
        font-family: "freight-sans-pro";
        text-transform: lowercase
    }

        .slide-headings .slick-list .slick-track div:nth-child(1) {
            background: #6c2769;
        }

        .slide-headings .slick-list .slick-track div:nth-child(2) {
            background: #6e0e10;
        }

        .slide-headings .slick-list .slick-track div:nth-child(3) {
            background: #d74926;
        }

        .slide-headings .slick-list .slick-track div:nth-child(4) {
            background: #8d712c;
        }

        .slide-headings .slick-list .slick-track div:nth-child(5) {
            background: #54813b;
        }

        .slide-headings .slick-list .slick-track div:nth-child(6) {
            background: #008181;
        }

        .slide-headings .slick-list .slick-track div:nth-child(7) {
            background: #308bc0;
        }

        .slide-headings .slick-list .slick-track div:nth-child(8) {
            background: #44546a;
            margin-right: 0px;
        }

.main-row-content .slick-list .slick-track > div:nth-child(1) {
    border: 1px solid #6c2769;
    background: #e0d6df;
}

.main-row-content .slick-list .slick-track > div:nth-child(2) {
    border: 1px solid #6e0e10;
    background: #decccc;
}

.main-row-content .slick-list .slick-track > div:nth-child(3) {
    border: 1px solid #d74926;
    background: #f9d3cc;
}

.main-row-content .slick-list .slick-track > div:nth-child(4) {
    border: 1px solid #8d712c;
    background: #e5e2cc;
}

.main-row-content .slick-list .slick-track > div:nth-child(5) {
    border: 1px solid #54813b;
    background: #d9ebcc;
}

.main-row-content .slick-list .slick-track > div:nth-child(6) {
    border: 1px solid #008181;
    background: #d3ece4;
}

.main-row-content .slick-list .slick-track > div:nth-child(7) {
    border: 1px solid #308bc0;
    background: #d8edfb;
}

.main-row-content .slick-list .slick-track > div:nth-child(8) {
    border: 1px solid #44546a;
    background: #d5dbe4;
}

.progression-full-row {
    margin-top: 10px
}

.progression-slider .slick-slide:nth-child(1) h1 {
    background: #6c2769;
}

.progression-slider .slick-slide:nth-child(2) h1 {
    background: #6e0e10;
}

.progression-slider .slick-slide:nth-child(3) h1 {
    background: #d74926;
}

.progression-slider .slick-slide:nth-child(4) h1 {
    background: #8d712c;
}

.progression-slider .slick-slide:nth-child(5) h1 {
    background: #54813b;
}

.progression-slider .slick-slide:nth-child(6) h1 {
    background: #008181;
}

.progression-slider .slick-slide:nth-child(7) h1 {
    background: #308bc0;
}

.progression-slider .slick-slide:nth-child(8) h1 {
    background: #44546a;
}

.row-content-text {
    padding: 30px 10px 10px 10px;
    position: relative;
    font-family: "ff-tisa-web-pro", serif;
    font-size: 90%;
    color: #2b2a28;
    line-height: 100%;
    cursor: all-scroll
}

    .row-content-text > h1 {
        margin: 0px;
        color: #ffffff;
        font-size: 120%;
        height: 31px;
        padding: 5px;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
    }

    .row-content-text div {
        border-bottom: 1px solid #bab6b5;
        padding: 10px 0px 10px 0px;
        font-size: 14px !important;
        line-height: 100% !important
    }

        .row-content-text div span {
            font-size: 14px !important;
            line-height: 100% !important
        }

        .row-content-text div:last-child {
            border: 0px;
        }

    .row-content-text strong {
        font-weight: bold
    }

    .row-content-text div a {
        font-weight: bold;
        color: #000000
    }

    .row-content-text div p {
        margin: 0px;
        padding: 0px
    }

    .row-content-text div div {
        margin: 0px;
        padding: 0px
    }

.row-content-text-sub {
    padding-top: 0px
}

.progression-labels .label-column {
    padding: 20px 0px 10px 0px
}

    .progression-labels .label-column h1 {
        margin: 0px;
    }

    .progression-labels .label-column:first-child {
        font-size: 100%;
    }

        .progression-labels .label-column:first-child h1 {
            font-family: "freight-sans-pro";
            font-size: 125%;
            line-height: 130%
        }

.element-label {
    width: 170px;
    float: left;
    margin-right: 19px;
    margin-right: 0px;
    background: #f5f5f5;
    border: 1px solid #dbdbdb;
    font-size: 90%;
    padding: 10px;
}

    .element-label h1 {
        font-family: "proxima-nova", sans-serif;
        font-size: 110%;
        line-height: 140%;
    }

    .element-label h2 {
        font-style: italic;
        clear: both;
        margin-top: 10px
    }

.element-label-subItem-native {
    background: #cacaca
}

.element-label-subItem-non-native {
    background: #d5d4d4
}

.element-label-subItem-english-medium {
    background: #e8e8e8
}

.progression-nav {
    width: 1150px;
    padding: 15px 0px;
    margin: 0px;
    background: #ffffff;
    height: 120px;
    position: relative;
    background: url("/App_Themes/Curriculum/images/fade-spacer.png") bottom left repeat-x #ffffff;
}

    .progression-nav .slick-slider {
        margin-bottom: 0px
    }

.progression-nav-fixed {
    position: fixed;
    top: 0%;
    z-index: 999;
}

.arr-left-slick {
    background: url("/App_Themes/Curriculum/images/arr-left-slick.png");
    display: block;
    width: 70px;
    height: 67px;
    z-index: 900;
    position: fixed;
    top: 40%;
    margin-left: -89px
}

.arr-right-slick {
    background: url("/App_Themes/Curriculum/images/arr-right-slick.png") top right no-repeat;
    z-index: 900;
    height: 67px;
    display: block;
    position: fixed;
    top: 40%;
    width: 70px;
    margin-left: 1182px
}

.slick-nav {
    display: none
}

.slick-nav-show {
    display: block
}

footer.site {
}

.progression-divider {
    height: 16px;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 20px
}

    .progression-divider img {
        margin-bottom: -7px;
    }

.prog-nav-back {
    border: 2px solid #6d8c5f;
    padding: 10px;
    font-family: "proxima-nova", sans-serif;
    color: #6d8c5f;
    text-decoration: none;
    font-size: 100%;
    font-weight: bold;
    display: inline-block;
    width: 152px;
    height: auto;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 0px
}

.res-icon {
    position: absolute;
    right: 20px;
    top: 0px;
    z-index: 0;
}

/* Orginal 790 */
.progressive-intro { /*height:840px; overflow:hidden;*/
    min-height: 100px;
}

.desk-h {
    display: inline-block
}

.mob-h {
    display: none !important
}

.ipad-g {
    display: none !important
}

.ipad-h {
    display: none !important
}

.port-g {
    display: none !important
}

.port-h {
    display: none !important
}

.desk-h-intro {
    display: block
}

.mob-h-intro {
    display: none
}

#letters-responisve {
    display: none
}

.rs1 {
    display: none;
}

    .rs1 ul li a {
        text-transform: lowercase
    }

/* Progression intro */
.prog-intro-desktop {
    display: block
}

.prog-intro-mobile {
    display: none
}

.progression-intro {
    background: #ffffff;
    float: left;
    width: 1077px;
}

    .progression-intro div.prog-left {
        float: left;
        text-align: center;
        z-index: 2;
        position: relative;
    }

    .progression-intro div.prog-right {
        float: left;
        width: 900px;
        padding: 9px 10px 10px 20px;
        z-index: 1;
        position: relative;
        font-size: 85%;
        line-height: 160%;
        height: 164px;
        overflow: hidden;
    }

.progression-intro-title h1 {
    font-weight: normal;
    margin: 10px 0px 30px 25px;
    display: block
}

    .progression-intro-title h1 span {
        font-weight: bold
    }

.progression-intro h2 {
    color: #ffffff;
    font-size: 650%;
    font-weight: bold;
    line-height: 100%;
    margin-top: 20px
}

.rss-icon2 {
    position: absolute;
    top: 40px;
    right: 40px
}

.con-intro h2 {
    margin-top: 0px
}

.progression-intro > div:nth-of-type(1) .prog-right {
    background: #e0d6df
}

.progression-intro > div:nth-of-type(2) .prog-right {
    background: #decccc
}

.progression-intro > div:nth-of-type(3) .prog-right {
    background: #f9d3cc
}

.progression-intro > div:nth-of-type(4) .prog-right {
    background: #e5e2cc
}

.progression-intro > div:nth-of-type(5) .prog-right {
    background: #d9ebcc
}

.progression-intro > div:nth-of-type(6) .prog-right {
    background: #d3ece4
}

.progression-intro > div:nth-of-type(7) .prog-right {
    background: #d8edfb
}

.progression-intro > div:nth-of-type(8) .prog-right {
    background: #d5dbe4
}

.progression-intro .prog-left img {
    width: 217px;
    height: 222px;
    display: none
}

.progression-intro .prog-left {
    display: block;
    width: 149px;
    height: 164px;
    margin-right: 2px;
}

.progression-intro > div:nth-of-type(1) .prog-left {
    background: #6c2769
}

.progression-intro > div:nth-of-type(2) .prog-left {
    background: #6e0e10
}

.progression-intro > div:nth-of-type(3) .prog-left {
    background: #d74926
}

.progression-intro > div:nth-of-type(4) .prog-left {
    background: #8d712c
}

.progression-intro > div:nth-of-type(5) .prog-left {
    background: #54813b
}

.progression-intro > div:nth-of-type(6) .prog-left {
    background: #008181
}

.progression-intro > div:nth-of-type(7) .prog-left {
    background: #308bc0
}

.progression-intro > div:nth-of-type(8) .prog-left {
    background: #44546a
}

#bar-selector {
    border-bottom: 8px solid #cccccc;
    margin: 10px 0px 35px 190px;
    width: 580px;
    float: left
}

.bar-selector-right {
    float: right !important;
    width: 580px !important;
    margin-right: 21px !important
}

.letter-list {
    display: none
}

    .letter-list > div {
        margin-bottom: 34px;
        width: 1054px;
        float: left
    }

.letter-list-r1 {
    display: block
}

.milestone-arrows {
    float: left;
    width: 45px;
    margin-right: 8px;
}

    .milestone-arrows img {
        float: left
    }

        .milestone-arrows img:nth-child(1) {
            margin: 590px 7px 0px 0px
        }

/*Amendments by Chris - 28.04.15*/

.col-210 {
    width: 210px;
    float: left;
    padding-right: 20px;
    margin-right: 10px;
}

.col-960 {
    width: 910px;
    float: left;
}

#jQuery-toggle-a, .jQuery-toggle-b {
    display: block;
}

.lhs-div li a:hover {
    color: #000000;
    text-decoration: underline
}

li.strands-nav a {
    color: #6D8C5F;
    font-weight: bold
}

li.strands-nav-highlighted a {
    color: #6D8C5F;
    font-weight: bold
}

li.HighLighted a {
    font-weight: bold
}


.introduction {
    font-size: 22px;
    line-height: 1.2;
    padding: 32px 40px;
}

    .introduction p {
        width: 500px;
    }

.introduction-links {
    font-size: 16px;
    margin: 0 !important;
}

    .introduction-links li {
        list-style: none;
    }

        .introduction-links li a {
            color: #525252;
            font-size: 16px;
        }

.introduction h2.btn {
    margin-top: 40px;
}

    .introduction h2.btn a {
        font-size: 14px;
    }

.puzzle {
    font-size: 22px;
    font-weight: bold;
    padding: 32px 40px;
    color: #333;
}

.learning-outcomes-img {
    position: relative;
}

    .learning-outcomes-img span {
        color: #fff;
        font-size: 16px;
        font-weight: normal;
    }

    .learning-outcomes-img p {
        width: 200px;
        font-size: 16px;
        line-height: 1.2;
        font-weight: normal;
        position: relative;
        top: -150px;
        left: 50px;
    }

.learning {
    position: relative;
    left: 50px;
}

.support {
    position: relative;
}

.continua {
    position: relative;
    bottom: 70px;
    left: 55px;
}

.development {
    position: relative;
    top: -150px;
    right: 49px;
}

.tooltip-wrap {
    display: inline-block;
}

    .tooltip-wrap a {
        display: block;
    }

.lhs-div {
    border-top: 5px solid #003c71;
}

    .lhs-div h3 {
        padding: 5px 0;
        font-weight: bold;
        font-size: 115%;
        border-bottom: 1px solid #e7e7e7;
        cursor: pointer;
        margin-top: 0px !important;
    }

    .lhs-div li {
        border-bottom: 1px solid #e7e7e7;
        line-height: 1.5;
    }

        .lhs-div li a {
            text-decoration: none;
        }

.jQuery-toggle-b input[type="submit"] {
    margin: 10px auto;
    display: block;
    padding: 2px;
    background: #fff;
    color: #333;
    border: 2px solid #333;
    font-weight: bold;
    width: 100%;
    border-radius: 2px;
    font-size: 16px;
    cursor: pointer;
}

.lhs-div button:hover {
    cursor: pointer;
}

.filter input[type=radio] {
    float: right;
}

.filter ul li {
    font-weight: bold;
    text-transform: uppercase;
    padding: 1px 0 10px;
}

    .filter ul li ul li {
        font-weight: normal;
        text-transform: none;
        border-bottom: 0;
        padding: 10px 0px 0px 20px;
    }

.language {
    padding-bottom: 10px;
}

    .language li {
        padding: 5px 0 5px 10px
    }

        .language li a {
            background: url(/App_Themes/Curriculum/images/img-arrow-right.png) no-repeat left center;
            padding: 0 0 0 20px;
            display: block;
        }

        .language li.highlighted a {
            font-weight: bold;
        }

        .language li ul li.highlighted a {
            font-weight: bold !important;
        }

        .language li ul li {
            padding: 10px 0 10px 15px
        }

            .language li ul li a {
                background: none;
                padding: 0 0 0 20px;
                display: block;
                font-weight: normal !important;
            }

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

.lhs-div li ul li {
    border-bottom: 0px solid #e7e7e7;
    line-height: 1;
}

.ui-accordion-header {
    background: #6d8a60;
    padding: 20px 10px;
}

#accordion h3 {
    color: #fff;
}

#accordion .ui-accordion-content > h4 {
    border-top: 2px dotted #aaaaaa;
    font-size: 18px !important;
    font-weight: bold !important;
    padding-top: 20px;
}

    #accordion .ui-accordion-content > h4:first-child {
        border-top: 0;
        padding-top: 0;
    }

.ui-accordion-header:hover {
    cursor: pointer;
}

.ui-accordion-content {
    padding: 15px 0;
}

.col-content-2-ln {
    width: 630px
}

.slicknav_item img {
    display: none
}

.slicknav_menu {
    font-family: Arial;
    display: none
}

#bar-selector {
    display: none
}

.bar-nav {
    float: left;
    width: 1132px;
    box-sizing: border-box;
    padding-left: 190px;
    margin-bottom: 8px
}

    .bar-nav div {
        display: block;
        text-align: center;
        padding: 0px;
        font-weight: bold;
        height: 19px;
    }

        .bar-nav div span {
            display: inline-block;
            margin-top: 0px
        }

        .bar-nav div img:first-child {
            float: left
        }

        .bar-nav div img:last-child {
            float: right
        }

.bar-nav-stage-1 {
    background-color: #d8d8d8;
}

.bar-nav-stage-2 {
    background-color: #b0b0b0;
    margin-bottom: 7px;
}

.progression-navigation-inpage ul {
    margin: 0px
}

    .progression-navigation-inpage ul li {
        display: inline-block;
        margin: 0px 6px 0px 0px;
        border: 0px
    }

.progression-navigation-inpage .lhs-div {
    border: 0px !important
}

.progression-navigation-inpage ul.jQuery-toggle-b ul:first-child {
    margin-left: 0px
}

.progression-navigation-inpage ul.jQuery-toggle-b ul {
    border-right: 1px solid #e7e7e7;
    min-height: 33px;
    padding-right: 10px;
}

.progression-navigation-inpage ul.jQuery-toggle-b li {
    float: left
}

.progression-navigation-inpage .jQuery-toggle-b input[type="submit"] {
    width: 150px;
    float: left;
    clear: both
}

/* Jigsaw */
.jigsaw-container {
    width: 400px;
    float: right;
}

.jigsaw {
    float: right;
    position: relative;
    font-family: "proxima-nova",sans-serif;
}

    .jigsaw section {
        width: 175px;
        height: 175px;
        float: left;
        padding: 10px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        -webkit-box-shadow: -10px 10px 9px -5px rgba(0,0,0,0.45);
        -moz-box-shadow: -10px 10px 9px -5px rgba(0,0,0,0.45);
        box-shadow: -10px 10px 9px -5px rgba(0,0,0,0.45);
    }

        .jigsaw section h1 {
            color: #ffffff;
            text-align: center;
            font-size: 110%;
            position: relative;
            top: 50%;
            transform: translateY(-45%);
            line-height: 110%
        }

            .jigsaw section h1 a {
                color: #ffffff;
                text-decoration: none
            }

        .jigsaw section:nth-of-type(1) {
            background: #1c487e;
            margin: 0px 10px 10px 0px;
        }

        .jigsaw section:nth-of-type(2) {
            background: #1c487e;
            margin: 0px 0px 10px 10px;
        }

        .jigsaw section:nth-of-type(3) {
            background: #396ba4;
            margin: 10px 10px 0px 0px;
        }

        .jigsaw section:nth-of-type(4) {
            background: #396ba4;
            margin: 10px 0px 10px 10px;
        }

.jigsaw-title {
    font-weight: normal;
}

.jigsaw > div {
    background: #ffffff;
    width: 126px;
    height: 126px;
    position: absolute;
    top: 120px;
    left: 120px;
    z-index: 2;
    font-size: 90%;
    color: #10396a;
    padding: 0px 16px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: -10px 10px 9px -5px rgba(0,0,0,0.45);
    -moz-box-shadow: -10px 10px 9px -5px rgba(0,0,0,0.45);
    box-shadow: -10px 10px 9px -5px rgba(0,0,0,0.45);
    line-height: 20px
}

.jigsaw div h1 {
    text-align: center;
    color: inherit;
    font-size: inherit;
    font-weight: bold;
    position: relative;
    top: 50%;
    transform: translateY(-45%);
    line-height: 110%
}

.jigsaw-key {
    float: left;
}

    .jigsaw-key h1 {
        font-size: 90%;
        line-height: 100%;
        margin: 10px 7px 10px 0px
    }

        .jigsaw-key h1 span {
            display: inline-block;
            width: 30px;
            height: 15px;
            margin: 0px 7px 0px 0px;
            vertical-align: bottom
        }

        .jigsaw-key h1:nth-child(1) span {
            background: #1c487e;
        }

        .jigsaw-key h1:nth-child(2) span {
            background: #4b78ac;
        }

.jigsaw-intro ul {
    margin: 10px 0px 0px 0px;
    list-style: none
}

    .jigsaw-intro ul li {
        margin-bottom: 5px;
        font-weight: bold
    }

.jigsaw-intro input[type="radio"] {
    float: right;
}

.tooltipster-jigsaw {
    font-family: "proxima-nova",sans-serif;
    border-radius: 5px;
    border: 1px solid #cccccc;
    background: #ededed;
    color: #666666;
    text-align: left;
}

    .tooltipster-jigsaw .tooltipster-content {
        font-size: 14px;
        line-height: 16px;
        padding: 8px 10px;
        line-height: 125%;
        font-size: 15px;
    }

.jigsaw-intro {
    margin-bottom: 15px;
}

.jigsaw-images-1 img {
    width: 320px;
    height: 160px;
}

    .jigsaw-images-1 img:nth-child(1) {
        margin-right: 15px
    }

.jigsaw-images-1 .full-image img {
    width: 100%;
}

.jigsaw-images-1 a {
    color: #fff;
    text-decoration: none;
}

.jigsaw-images-1 a:hover {
    text-decoration: underline;
}

/* Accordian */
.ui-accordion-header {
    background: #6d8a60;
    background-size: 2%;
    padding: 10px;
    margin-bottom: 1px;
}

h3.ui-accordion-header {
    margin-bottom: 0px
}

#accordion p, #accordion li, #accordion h4 {
    font-size: 14px;
    font-weight: normal;
}

/*.ui-widget{font-size:14px;}*/

#accordion h3 {
    color: #fff;
    font-size: 100%
}

#accordion a {
    color: #6d8a60;
}

.ui-accordion-header:hover {
    cursor: pointer;
}

.ui-accordion-content {
    padding: 15px 10px;
    background: #f5f5f5;
}

.video-thumbnail {
    width: 24%;
    float: left;
    margin: 0px 10px 6px 0px;
    position: relative;
    height: 186px;
    overflow: hidden;
}

    .video-thumbnail:nth-of-type(4n) {
        margin-right: 0;
    }

.videoName {
    font-weight: bold;
}

.pdf-list {
    margin-left: 0px !important;
    clear: left;
}

ul.pdf-list li {
    list-style-type: none;
    padding: 0px 0px 10px 0px;
    margin-left: 0;
}

.pdf-list a {
    position: relative;
    top: 2px;
}

    .pdf-list a:hover {
        text-decoration: underline;
    }

.block {
    height: 25px;
    width: 25px;
    background: #6d8a60;
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
}

.play-btn {
    position: absolute;
    top: 25px;
    left: 62px;
}

.fancybox.video {
    height: 142px;
    overflow: hidden;
    display: block;
}


.milestone-indicator {
    padding-top: 20px;
    display: block;
    text-align: center
}

    .milestone-indicator h2 {
        font-weight: bold;
        margin-top: 0px;
        font-family: inherit
    }

/*Table - Learning outcomes - added by LOH 20/05/2015*/

.element-table-head {
    background: #6d8961;
    text-align: center;
    margin-top: 2px;
}

    .element-table-head .table-title {
        color: #57734b;
    }

    .element-table-head .table-info {
        width: 683px;
        float: right;
    }

    .element-table-head h2 {
        color: #fff;
        font-weight: bold;
        font-size: 90%;
    }

.element-table {
    position: relative;
    border: 2px solid #cacaca;
    /*height:750px;
overflow-y:scroll;*/
    margin-bottom: 20px;
}

.element-table-3col {
    height: auto;
}

.table-title {
    padding: 10px;
    width: 225px;
    float: left;
    font-weight: bold;
    font-size: 16px;
    font-family: "proxima-nova",sans-serif;
}

.table-title-3col {
    padding: 10px;
    width: 225px;
    float: left;
    font-weight: bold;
    font-size: 16px;
    font-family: "proxima-nova",sans-serif;
}

.element-table-head-3col {
    background: #6d8961;
    text-align: center;
    margin-top: 2px;
}

    .element-table-head-3col h2 {
        color: #fff;
        font-weight: bold;
        font-size: 90%;
    }

    .element-table-head-3col .table-info-3col {
        width: 680px;
        float: right;
    }

.table-content {
    float: left;
    border-bottom: 1px solid #cacaca;
    line-height: 150%
}

.table-content-3col {
    border-bottom: 1px solid #cacaca;
    line-height: 150%
}

.table-info {
    padding: 10px 20px;
    width: 678px;
    float: right;
    border-left: 1px solid #cacaca;
}

.table-info-fullwidth {
    width: 100%;
}

    .table-info-fullwidth ol li:last-child {
        clear: both;
    }


    .table-info-fullwidth ol li ul {
        padding-top: 20px;
    }

.table-info-fullwidth {
    width: 678px;
    float: right;
    padding: 10px 20px;
    border-left: 1px solid #cacaca;
}

.fullwidth-2subcol {
    padding-top: 0px;
}

.table-info ol {
    list-style: none;
    margin: 0px
}

    .table-info ol li {
        padding-bottom: 0px;
        margin: 0px;
        padding: 0px;
    }

        .table-info ol li ul {
            padding-top: 15px;
        }

            .table-info ol li ul.icons li, .table-info-3col ol li ul.icons li, .table-info-fullwidth ol li ul.icons li {
                padding-bottom: 0;
                padding-right: 20px;
                display: inline-block;
                width: 50px;
            }

.table-info-3col ol li:last-child {
    clear: both;
}

.table-info-3col:nth-child(3) {
    border-right: 0;
}

.table-info-3col ol li ul {
    padding: 20px 0;
}

.table-info-3col {
    width: 337px;
    float: left;
    padding: 10px 0px;
    border-left: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
}

@-moz-document url-prefix() {
    .table-info-3col {
        width: 337px;
    }
}


.fullwidth-2subcol ol li {
    display: table-cell;
    width: 50%;
}

    .fullwidth-2subcol ol li:nth-child(1) {
        padding-right: 20px;
    }

    .fullwidth-2subcol ol li.primary-lo:nth-child(1) {
        padding-right: 10px;
    }

    .fullwidth-2subcol ol li.primary-lo:nth-child(2) {
        padding-left: 10px;
        border-left: 1px solid #ccc;
    }

.level {
    margin: 0 auto;
    padding: 0px 0 0 0;
}

.level-ol {
    float: left;
    font-weight: normal;
    color: #fff;
    width: 50%;
    padding: 0 20px
}

.level-span {
    font-weight: normal;
}

.level-hl {
    float: right;
    font-weight: normal;
    width: 50%;
    border-left: 1px solid #ccc;
}

    .level-hl h3, .level-ol h3 {
        color: #fff;
    }

.lo-footer {
    font-size: 90%
}

/* 21-05-15 */
.hidden {
    display: none
}

.outcomeAnchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

.outcome-heading {
    background: #6d8a60;
    margin-bottom: 1px !important;
    padding: 10px;
}

    .outcome-heading h3 {
        color: #ffffff;
        font-weight: bold;
        font-size: 130%;
        text-align: center;
    }

.book-milestone {
    position: absolute;
    bottom: 6px;
    right: 10px
}

/* Glossary */
.gobig {
    border-bottom: dotted 1px #6d8a60;
    cursor: pointer
}

glossary {
    display: inline
}

.glossary-table {
    width: 90%;
}

/* Collapse panels v2 */
.collapsible-panels h2 span.collapsible-panel-arrow {
    background: url(/App_Themes/Curriculum/Images/accord-arrow-up.png) no-repeat right center;
    float: right;
    width: 100px
}

.collapsible-panels h2.active span.collapsible-panel-arrow {
    background: url(/App_Themes/Curriculum/Images/accord-arrow-down.png) no-repeat right center;
    float: right;
    width: 100px
}

.collapsible-panels h2 {
    background: #6d8a60 none repeat scroll 0 0 / 2% auto;
    margin-bottom: 1px !important;
    padding: 6px 10px;
    color: #fff;
    font-size: 100%;
}

.collapsible-panels div h2 {
    background: none;
    margin-bottom: 5px !important;
    padding: 0px;
    color: #616161;
    font-size: 110%;
}

.collapsible-panels h2 a {
    text-decoration: none;
    color: #fff;
}

.collapsible-panels div {
    background: #f5f5f5 none repeat scroll 0 0;
    padding: 15px 10px;
    border: 1px solid #aaaaaa;
}

#accordion .collapsible-panels h2 {
    background: #f5f5f5 none repeat scroll 0 0 / 2% auto;
    border: none;
    margin-bottom: 1px !important;
    padding: 0px;
    color: #fff;
    font-size: 110%;
}

#accordion .collapsible-panels div {
    border: none;
    padding: 0px;
}

/* #Features of quality# */
.slider-features-quality {
    width: 670px;
    float: right;
}

    .slider-features-quality .slick-slide {
        border: 1px solid #6d8c5f;
        background: #fbfbfb;
        min-height: 200px;
        width: 33%;
        margin-right: 15px;
        padding: 10px;
        cursor: all-scroll;
    }

#slider-features-quality-0 .slick-slide {
    min-height: 50px !Important;
    background: #6d8c5f;
    color: #ffffff;
    font-weight: bold;
    font-size: 80%;
    overflow: hidden;
    position: relative;
}

#slider-features-quality-0 button {
    display: block !important;
    border: 1px solid #000000
}

#slider-features-quality-0 .slick-prev {
    position: absolute;
    left: -35px;
    top: 0px;
    background: url("/App_Themes/Curriculum/images/features-left-arrow.png");
    width: 29px;
    height: 54px;
    border: 0px;
    text-indent: -999px;
    font-size: 0%;
    cursor: pointer
}

#slider-features-quality-0 .slick-next {
    position: absolute;
    right: -22px;
    top: 0px;
    background: url("/App_Themes/Curriculum/images/features-right-arrow.png");
    width: 29px;
    height: 54px;
    border: 0px;
    text-indent: -999px;
    font-size: 0%;
    cursor: pointer
}

.slider-features-quality button {
    display: none !important
}

.slider-features-strands {
    background: #f5f5f5;
    border: 1px solid #dbdbdb;
    float: left;
    font-size: 90%;
    margin: 0px;
    padding: 10px;
    width: 225px;
}

    .slider-features-strands h2 {
        font-family: "proxima-nova",sans-serif;
        font-size: 110%;
        margin: 0px !important;
    }

.featuresq-nav {
    width: 910px
}

.featuresq-nav-fixed {
    position: fixed;
    top: 0%;
    z-index: 100;
}

.features-intro {
    height: 350px;
    overflow: hidden;
    margin-bottom: 20px
}

.features-divider {
    width: 98%
}

.assessment-label-nav {
    float: right;
    width: 658px;
    text-align: center;
    z-index: 10;
    position: relative;
    margin-right: 12px;
    padding-top: 7px;
    position: relative;
    background: #ffffff
}

    .assessment-label-nav h1 {
        font-size: 140%;
        margin-bottom: 10px
    }

        .assessment-label-nav h1 a {
            color: #616161;
            text-decoration: none
        }

.featuresQMob {
    display: none;
    position: absolute;
    top: 20px;
    left: 0px
}

    .featuresQMob ul li {
        background: #6d8c5f;
        list-style-type: none;
        font-size: 100%;
        margin: 0;
        padding: 10px;
        width: 100%;
        display: inline-block;
        text-align: left;
        border-bottom: 2px solid #ffffff;
    }

        .featuresQMob ul li a {
            text-decoration: none;
            color: #ffffff;
        }

.slider-features-offset {
    margin-top: 105px;
}

/* #Post primary accordian - 15/07/2015# */
.element-table-learning-outcome .table-content-3col .table-title-3col h3 {
    margin-top: 10px
}

.accordion-lo .ui-state-default .ui-icon {
    background-image: url("/App_Themes/Curriculum/images/le-arrow-down.png");
    background-size: 100% auto;
}

.accordion-lo .ui-state-active .ui-icon {
    background-image: url("/App_Themes/Curriculum/images/le-arrow-up.png");
    background-size: 100% auto;
}

.filter-lo ul li ul li {
    padding-left: 0px;
    font-size: 90%
}

    .filter-lo ul li ul li input[type="checkbox"] {
        float: right
    }

    .filter-lo ul li ul li img {
        position: absolute;
        right: 4px;
        top: 10px
    }

.filter-lo ul:last-child li ul li {
    margin-bottom: 7px;
    padding-bottom: 7px;
    vertical-align: top;
    position: relative
}

.filter-lo > h3:nth-of-type(2) {
    border-bottom: 0px;
    padding: 15px 0px 0px 0px;
    margin-bottom: 0px
}

.element-table-learning-outcome .table-content-3col .table-info-3col:last-child {
    border: 0px
}

.element-table-learning-outcome .table-content-3col .table-info-3col:first-child {
    border-right: 1px solid #cacaca;
}

.postprimaryAcc .ui-accordion-header {
    background: #728d66 none repeat scroll 0 0;
    border-radius: 0px;
    border: 0px;
    margin-bottom: 15px;
    color: #ffffff;
    text-align: center;
    padding: 15px;
    font-size: 90%;
    position: relative;
    font-weight: bold;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}

.postprimaryAcc .ui-accordion-content {
    background: none;
    border: 0px;
    padding: 10px 1px 10px 1px
}

.postprimaryAcc .ui-icon {
    width: 32px;
    height: 32px;
}

.postprimaryAcc .head-icon {
    position: absolute;
    top: 15px;
    right: 60px;
    display: block
}

.postprimaryAcc .ui-accordion-content h2 {
}

.postprimaryAcc .ui-accordion-content p {
    font-size: 14px;
    font-weight: normal;
}

.postprimaryAcc .ui-accordion-content ul li, ol li {
    font-size: 14px;
    font-weight: normal;
}

.postprimaryAcc .table-title {
    font-size: inherit;
    width: 25%;
    padding: 15px 10px 0px 10px;
    line-height: 120%;
}

    .postprimaryAcc .table-title h2 {
        font-weight: normal
    }

.postprimaryAcc .table-info {
    width: 75%
}

    .postprimaryAcc .table-info h2 {
        font-weight: normal
    }

    .postprimaryAcc .table-info ol {
        margin: 0
    }

        .postprimaryAcc .table-info ol li {
            margin: 0;
            padding: 0
        }

            .postprimaryAcc .table-info ol li p {
                display: inline
            }

            .postprimaryAcc .table-info ol li ul li {
                margin: 0 20px;
                padding-left: 10px
            }

            .postprimaryAcc .table-info ol li ul {
                padding: 0;
                margin: 0 0 10px 0
            }

.postprimaryAcc .table-content {
    float: left;
    clear: both;
    font-size: 85%;
    width: 100%;
}

    .postprimaryAcc .table-content:nth-child(1) {
        border-top: 0px;
    }

.postprimaryAcc .element-table-head {
    margin-bottom: 0px;
}

.table-info-learning-outcome ol > li:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px
}

.table-info-learning-outcome ol li ul.icons {
    text-align: right;
    padding-top: 7px;
}

    .table-info-learning-outcome ol li ul.icons li {
        padding: 0 7px 0 0;
        margin: 0;
        width: auto
    }

.postprimaryAcc .accordion-lo2 .ui-accordion-header {
    background: #d0e7c4;
    border: 1px solid #6d8961;
    color: #6d8860;
    background: url("../images/person-icon-green.png") #d9f0ce no-repeat 93% 50%;
    font-weight: normal
}

.postprimaryAcc .accordion-lo2 .ui-state-default .ui-icon {
    background-image: url("/App_Themes/Curriculum/images/pp-lo-arrow-down.png");
}

.postprimaryAcc .accordion-lo2 .ui-state-active .ui-icon {
    background-image: url("/App_Themes/Curriculum/images/pp-lo-arrow-up.png");
}

.element-table .table-content:last-child {
    border-bottom: 0px
}

.table-learning-outcome ul.icons {
    text-align: right;
    padding-top: 7px;
    list-style-type: none
}

    .table-learning-outcome ul.icons li {
        padding: 0 7px 0 0;
        margin: 0;
        width: auto;
        display: inline-block;
    }

.pp-outcome-boxes-2-col ol {
    width: 50%;
    float: left;
}

    .pp-outcome-boxes-2-col ol:first-child {
        border-right: 1px solid #cacaca;
        ;
        padding-left: 0px;
        padding-right: 20px
    }

    .pp-outcome-boxes-2-col ol:nth-of-type(2) {
        padding-left: 20px;
        padding-right: 0px
    }

    .pp-outcome-boxes-2-col ol > li {
        border-bottom: 0px
    }

.postprimaryAcc .level {
    width: 210px
}

.exp-learn-title {
    font-weight: bold;
    display: inline-block;
    margin-right: 3px
}

article.read-more + a {
    font-size: 16px
}


.my-account table .EditingFormLabelCell {
    width: 250px;
}

.my-account table .FieldLabel {
    width: 250px;
}

.DialogPosition {
    width: 100%
}

    .DialogPosition table {
        width: 100%
    }

    .DialogPosition .LogonDialog table tr td:nth-of-type(1) {
        width: 20%
    }

table.CustomRegistrationForm {
    width: 100%
}

    table.CustomRegistrationForm tr td:nth-of-type(1) {
        width: 20%
    }

table.register-captcha {
    width: 100%
}

    table.register-captcha tr td:nth-of-type(1) {
        width: 20%;
        display: none;
    }

table.CaptchaTable tr td:nth-of-type(1) {
    width: auto;
    display: block;
}

.EditingFormControlNestedControl {
    width: 220px
}

.CalendarTextBox {
    width: 180px !important
}

.CalendarIcon {
    position: relative;
    top: 0px;
}

.register-form {
    width: 50%;
    float: left;
    border-bottom: none !important;
}

.register-content {
    width: 50%;
    float: right;
    margin-top: 50px;
    padding-left: 20px
}

.CustomRegistrationForm .EditingFormLabel {
    line-height: 1.75;
}

.jigsaw-images-1 .image,
.jigsaw-images-1 .video {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    background: #ddd;
    padding: 2px;
}

    .jigsaw-images-1 .image img,
    .jigsaw-images-1 .video iframe {
        display: block;
        height: 160px;
    }

    .jigsaw-images-1 .image img {
        width: 100%;
    }

.jigsaw-images-1 .description {
    background: rgba(109,140,95,0.6);
    padding: 5px 10px;
}

    .jigsaw-images-1 .description h3 {
        color: #fff;
        margin: 0;
        font-size: 100%;
    }

.free-text-area {
    margin-bottom: 20px;
}

.videoName {
    text-align: center;
    word-wrap: break-word;
}

    .videoName h4 {
        line-height: 125%;
        margin-top: 6px;
    }

/* Colours for sections */
.OralLanguage {
    background: #336699;
}

.Reading {
    background: #6699cc;
}

.Writing {
    background: #333366;
}

/* Milestones */
.milestone-arrows {
    width: 46px;
}

    .milestone-arrows > span {
        width: 19px;
        display: inline-block;
        border-radius: 12px;
        vertical-align: top;
        margin: 0 2px;
    }

        .milestone-arrows > span.stage-one.en-IE {
            background: url('/App_Themes/Curriculum/Images/stageOneMilestones-mini.png') no-repeat #D8D8D8 center center;
        }

        .milestone-arrows > span.stage-two.en-IE {
            background: url('/App_Themes/Curriculum/Images/stageTwoMilestones-mini.png') no-repeat #B0B0B0 center center;
        }

        .milestone-arrows > span.stage-one.ga-IE {
            background: url('/App_Themes/Curriculum/Images/stageOneMilestones-mini-ga.png') no-repeat #D8D8D8 center center;
        }

        .milestone-arrows > span.stage-two.ga-IE {
            background: url('/App_Themes/Curriculum/Images/stageTwoMilestones-mini-ga.png') no-repeat #B0B0B0 center center;
        }


        .milestone-arrows > span.stage-one.a-d.ga-IE {
            background: url('/App_Themes/Curriculum/Images/ceim1-a-d-a-e.png') no-repeat #D8D8D8 center center;
        }

        .milestone-arrows > span.stage-two.d-h.ga-IE {
            background: url('/App_Themes/Curriculum/Images/ceim2-d-h-d-h.png') no-repeat #B0B0B0 center center;
        }

        .milestone-arrows > span.stage-one.a-e.ga-IE {
            background: url('/App_Themes/Curriculum/Images/ceim1-a-e-a-e.png') no-repeat #D8D8D8 center center;
        }

        .milestone-arrows > span.stage-two.c-g.ga-IE {
            background: url('/App_Themes/Curriculum/Images/ceim2-c-g-d-h.png') no-repeat #B0B0B0 center center;
        }


    .milestone-arrows > .a-b {
        height: 363px;
    }

    .milestone-arrows > .a-c {
        height: 561px;
    }

    .milestone-arrows > .a-d {
        height: 758px;
    }

    .milestone-arrows > .a-e {
        height: 956px;
    }

    .milestone-arrows > .c-g {
        height: 956px;
        margin-top: 396px;
    }

    .milestone-arrows > .c-h {
        height: 1154px;
        margin-top: 396px;
    }

    .milestone-arrows > .d-h {
        height: 957px;
        margin-top: 594px;
    }

.bar-nav > div {
    border-radius: 12px;
    margin: 2px 0;
    font-size: 13px;
}

.lo-circle-img {
    float: right;
    padding: 0 0 10px 10px;
}

#accordion .ui-accordion-content .separator {
    border-top: 2px dotted #aaa;
    padding-top: 20px;
}

.legend {
    padding: 10px;
    border: 1px solid #666;
    float: right;
}

    .legend p {
        margin-bottom: 15px;
    }

    .legend ul {
        list-style-type: disc;
        padding-left: 25px;
    }

        .legend ul li {
            list-style-type: disc;
            text-transform: none;
            font-weight: normal;
            border-bottom: 0;
            line-height: 1em;
            display: list-item;
            float: none !important;
        }

.accordion-lo .ui-state-default span:nth-child(2) {
    display: none;
}

.accordion-lo .ui-state-active span:nth-child(2) {
    display: none;
}

.outcomes {
    padding: 10px;
    border-left: 2px solid #cacaca;
    border-bottom: 2px solid #cacaca;
    border-right: 2px solid #cacaca;
    margin-top: -20px;
}

    .outcomes > h2 {
        font-weight: bold;
        margin-bottom: 10px;
    }

    .outcomes .loc-step {
        margin-bottom: 15px;
        padding-left: 35px;
        list-style-type: disc;
    }


/* Resource Section*/

div.resources-overlay {
    padding-right: 20px;
}

    div.resources-overlay h2 {
        margin-top: 0px;
        font-size: 18px;
        margin-bottom: 20px;
        background: #eee;
        padding: 10px;
        box-sizing: border-box;
    }

    div.resources-overlay h3 {
        margin-bottom: 20px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 8px;
    }

.resource-section {
    margin-bottom: 20px;
}

    .resource-section.pdfs ul li a {
        background: url('/App_Themes/Curriculum/Images/icon-pdf.png') no-repeat;
        padding-left: 32px;
    }

    .resource-section.videos {
        width: 100%;
        margin-top: 20px;
    }

        .resource-section.videos iframe {
            width: 48%;
            float: left;
            margin-right: 4%;
            min-height: 200px;
            margin-bottom: 20px;
        }

            .resource-section.videos iframe:nth-last-of-type(2n+1) {
                margin-right: 0px;
            }

.fancybox-wrap {
    min-width: 663px;
}

.fancybox-inner {
    width: 100% !important;
}

/*******************************/
/* #Responsive# */
/*******************************/


/* iPads (landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {

    .base {
        width: 1000px;
    }

    .arr-left-slick {
        background: url("/App_Themes/Curriculum/images/arr-left-slick-big.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
        width: 38px;
        height: 117px;
        margin-left: -53px;
    }

    .arr-right-slick {
        background: url("/App_Themes/Curriculum/images/arr-right-slick-big.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
        width: 38px;
        height: 117px;
        margin-left: 945px
    }

    /* Homepage */
    .iosSlider {
        width: 988px !important
    }

    footer .nav .menu ul {
        width: 265px
    }

        footer .nav .menu ul:nth-child(2) {
            margin-right: 0px
        }

    .pod-1-col {
        width: 485px;
    }

    .pod-2-col > div:first-child {
        width: 48%;
        float: left;
    }

    .pod-2-col > div:last-child {
        width: 48%;
        float: right;
    }

    .sectors section {
        width: 25%
    }

        .sectors section div.arrow {
            display: none
        }

        .sectors section h1 {
            min-height: 85px
        }

    .pod-small-image {
        width: 323px;
        float: left !important
    }

    /* Standard page */
    .lower-standard-col-1 {
        width: 745px;
        float: left
    }

    .lower-standard-col-2 {
        width: 236px;
        float: right
    }

    /* Learning outcomes */
    .outcomes-btn:last-child {
        float: none;
        padding: 10px 40px 0;
        margin-top: 10px;
        clear: left;
    }

    /* Subject landing */
    .site-buttons-white a {
        background: none repeat scroll 0 0 #fff;
        font-size: 120%;
        padding: 20px 65px;
    }

    .resource-letters ul li:nth-child(6n) {
        margin-right: 54px;
    }

    .resource-letters ul li:nth-child(5n) {
        margin-right: 0;
    }

    /* #Conntinum slider# */
    .prog-steps {
        padding: 19px
    }

    .step-row {
        width: 760px;
    }

    .progression-nav {
        width: 970px
    }

    .letters-bar ul li {
        margin-right: 12px;
    }

        .letters-bar ul li a {
            width: 79px
        }

    .ipad-g {
        display: inline-block !important
    }

    .desk-g {
        display: none !important
    }

    .ipad-h {
        display: inline-block !important;
    }

    .desk-h {
        display: none !important
    }

    .letters-bar ul li:nth-child(9) {
        background: #2c97dd;
        margin-right: 12px;
    }

    .letters-bar ul li:nth-child(10) {
        background: #33495e;
        margin-right: 0px;
    }

    #bar-selector {
        width: 459px;
    }

    .bar-selector-right {
        width: 457px !important;
        margin-right: 38px !important
    }

    .arr-left-slick {
        display: none
    }

    .arr-right-slick {
        display: none
    }

    .slide-headings {
        float: left;
        margin-left: 190px !important
    }

    /* Progression intro */
    .progression-intro > div {
        margin-top: 0px 0px 20px 0px !important;
    }

    .progression-intro h2 {
        display: block;
        margin: 0px;
        color: #ffffff
    }

    .progression-intro div.prog-left {
        width: 100%;
        height: auto
    }

        .progression-intro div.prog-left h2 {
            margin: 3px 0px 7px 0px;
            line-height: 100%;
            font-size: 200%
        }

    .progression-intro div.prog-right {
        width: 100% !important;
        margin: 0px 0px 30px 0px !important;
        padding: 10px 10px 65px 10px !important;
        overflow: visible !important;
        height: auto !important
    }

    .prog-intro-desktop {
        display: block
    }

    .prog-intro-mobile {
        display: none
    }

    .progression-intro .prog-left img {
        display: none
    }

    .letter-list {
        display: none
    }

    .letter-list-r2 {
        display: block
    }

    .progression-intro h1 {
        margin-bottom: 60px;
    }

    .milestone-arrows {
        display: none
    }

    .letter-list > div {
        width: 100%;
        margin-bottom: 0px;
    }

    .progression-intro-title h1 {
        margin-left: 0px
    }

    /* Chris amends */
    .col-960 {
        width: 710px;
    }

    .lower-standard-col-1 #jQuery-toggle-a, .lower-standard-col-1 .jQuery-toggle-b {
        display: none;
    }

    .lower-standard-col-1 .col-210 {
        width: 100%;
        padding-right: 0;
    }

    .col-content-2-ln {
        width: 670px
    }

    /* Buttons only on landscape 3 col */
    .lower-standard-col-1 .language {
        background: url(/App_Themes/Curriculum/images/accord-arrow-up-grey.png) no-repeat right 20px top 15px;
        border: 1px solid #6d8a60;
        padding: 5px 10px;
        border-radius: 5px;
        margin-bottom: 15px;
        -webkit-box-shadow: 1px 1px 1px 0px rgba(51,51,51,0.5);
        -moz-box-shadow: 1px 1px 1px 0px rgba(51,51,51,0.5);
        box-shadow: 1px 1px 1px 0px rgba(51,51,51,0.5);
    }

    .lower-standard-col-1 .filter {
        background: url(/App_Themes/Curriculum/images/accord-arrow-up-grey.png) no-repeat right 20px top 15px;
        border: 1px solid #6d8a60;
        padding: 5px 10px;
        border-radius: 5px;
        margin-bottom: 15px;
        -webkit-box-shadow: 1px 1px 1px 0px rgba(51,51,51,0.5);
        -moz-box-shadow: 1px 1px 1px 0px rgba(51,51,51,0.5);
        box-shadow: 1px 1px 1px 0px rgba(51,51,51,0.5);
    }

    /* Existing site ammends */
    .pod-2-col-download div:nth-of-type(1) {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }

    /* Accordion */
    .play-btn {
        left: 78px;
        position: absolute;
        top: 30px;
        width: 70px;
        height: 70px
    }

    .fancybox.video {
        height: 150px;
    }

    .videoName {
        text-align: center;
    }

        .videoName h4 {
            line-height: 125%;
            margin-top: 6px;
        }

    /* learning outcomes */

    .table-title-3col {
        width: 100%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .table-info-3col {
        width: 25%;
    }

    .level {
        width: auto;
    }

    .element-table-head-3col .table-info-3col {
        width: 100%;
        float: right;
    }

    .table-info ol li ul li {
        padding-right: 12px;
    }

    .table-title {
        width: 100%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .table-info {
        float: right;
        border-left: 0 none;
        padding-top: 10px;
        width: 100%;
    }

    .table-info-fullwidth {
        width: 100%;
        border-left: 0px;
        padding-top: 10px
    }

    /* Features of quality */
    .slider-features-quality {
        float: left
    }

    .slider-features-strands {
        width: 658px;
        margin: 0px 0px 10px 0px;
        float: left
    }

    .featuresq-nav {
        width: 681px;
    }

    .assessment-label-nav {
        width: 99%;
        margin-right: 0px;
        float: left;
    }

    .slider-features-row {
        margin-left: 25px;
    }

    .register-form {
        width: 100%;
        float: none;
        border-bottom: none !important;
    }

    .register-content {
        width: 100%;
        float: none;
    }

    .progression-intro {
        float: none;
        width: auto;
    }
}


/* #iPads (portrait)# ---and (orientation : portrait)-------- */
/* NB This is left activated for testing in a browser but must be set to ipad when going live/testing on Ipad */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {

    .base {
        width: 680px;
    }

    .selectnav {
        display: block;
        width: 100%;
        position: absolute;
        top: -50px;
        left: 0px;
    }

    header.site {
        height: 200px
    }

        header.site img.logo {
            width: 50%;
            left: 0px;
            position: absolute;
            top: 49px;
        }

    nav.main ul {
        display: none;
    }

    .footer-tag {
        clear: both;
        position: relative;
        float: right;
        margin: 25px 0px 0px 0px;
    }

    .kentico-i3-credit {
        padding: 0px;
        float: right;
        clear: both
    }

    footer.site {
        padding-bottom: 30px
    }

    #jQuery-toggle-a, .jQuery-toggle-b {
        display: none;
    }

    .colour-menu {
        position: absolute;
        right: 81px;
        top: 123px;
    }

    .social-icons {
        position: absolute;
        right: 0;
        top: 123px;
    }

    /* Homepage */
    .iosSlider {
        width: 668px !important
    }

    footer .nav .menu ul {
        width: 265px
    }

        footer .nav .menu ul:nth-child(2) {
            margin-right: 0px
        }

    .pod-1-col {
        width: 100%
    }

    .pod-1-col-long {
        width: 100%
    }

    .pod-2-col > div:first-child {
        width: 48%;
        float: left;
    }

    .pod-2-col > div:last-child {
        width: 48%;
        float: right;
    }

    .sectors section {
        width: 25%
    }

        .sectors section div.arrow {
            display: none
        }

        .sectors section h1 {
            min-height: 85px
        }

    .pod-small-image {
        width: 216px;
        float: left !important
    }

        .pod-small-image h1 {
            font-size: 60%
        }

    .sectors a {
        height: 50px
    }

    /* Standard page */
    .lower-standard-col-1 {
        width: 413px;
        float: left
    }

    .lower-standard-col-2 {
        width: 236px;
        float: right
    }

    .site-buttons a {
        min-width: 154px;
    }

    /* Download PDF */
    .pod-download ul {
        width: 48%
    }

    /* Learning outcomes */
    .outcome-boxes section {
        padding: 20px 50px 20px 55px;
        min-height: 200px
    }

    .outcomes-list {
        margin-bottom: 0px
    }

        .outcomes-list ul li {
            float: left;
            width: 50%;
            list-style: none;
            height: 60px;
        }

            .outcomes-list ul li input {
                float: left;
                margin-right: 5px
            }

            .outcomes-list ul li label {
                float: left;
                width: 240px;
            }

    .outcome-boxes section .box-left {
        min-height: 200px
    }

    .outcome-boxes section .box-right {
        min-height: 200px
    }

        .outcome-boxes section .box-right div a:nth-child(2) {
            position: absolute;
            top: 85px;
            left: 11px
        }

    .outcome-boxes .SearchResults .PagerControl {
        padding-bottom: 25px
    }

    .outcomes-btn {
        width: 190px;
        height: 65px
    }


    /* #Clipboard boxes# */
    .clipboard-btn-up {
        position: absolute;
        top: 20px;
        left: 11px;
    }

    .clipboard-btn-del {
        position: absolute;
        top: 57px;
        left: 11px;
    }

    .clipboard-btn-down {
        position: absolute;
        top: 100px;
        left: 11px;
    }

    /* Resources */
    .res-img {
        position: absolute;
        right: 20px;
        top: 80px;
        width: 50%;
        width: 181px;
        height: 183px;
        display: none
    }

    .resource-letters ul {
        width: 81%
    }

        .resource-letters ul li:nth-child(3n) {
            margin-right: 0px !important;
        }

        .resource-letters ul li:nth-child(6n) {
            margin-right: 54px;
        }

    /* Subject landing */
    .pod-table table {
        font-size: 80%
    }

    .site-buttons-white a {
        width: 48%
    }

        .site-buttons-white a:nth-of-type(2n) {
            margin-right: 0px
        }

    /* Contact */
    .contact-form table td.col1 {
        width: 110px
    }

    .contact-form label {
        width: 100px
    }

    /* Cookie */
    .cookieInfo {
        width: 680px;
        border: 1px solid #333;
        height: 90px;
        margin: 0 auto;
        position: relative;
    }

        .cookieInfo p {
            color: #fff;
            float: left;
            font-size: 15px;
            text-align: left;
            width: 520px;
            margin: 10px 0 10px 10px
        }

    /* Progression slider */
    .prog-steps {
        padding: 14px
    }

    .progression-nav {
        width: 650px;
        height: 150px
    }

    .progression-labels {
        width: 100%;
        margin-bottom: 10px
    }

        .progression-labels .label-column {
            width: 100%;
            min-height: 40px;
        }

    .element-label {
        width: 100%;
        margin-bottom: 15px;
        height: auto !important
    }

    .prog-nav-back {
        display: none
    }

    .letters-bar ul {
        margin: 0px 0px 13px 0px
    }

        .letters-bar ul li {
            margin-right: 11px;
        }

            .letters-bar ul li a {
                width: 68px
            }

    .progression-slider {
        width: 100%
    }

    .step-row {
        width: 668px;
        margin: 0px -18px 0px 0px
    }

    .arr-left-slick {
        background: url("/App_Themes/Curriculum/images/arr-left-slick-big.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
        width: 38px;
        height: 117px;
        margin-left: -52px;
    }

    .arr-right-slick {
        background: url("/App_Themes/Curriculum/images/arr-right-slick-big.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
        width: 38px;
        height: 117px;
        margin-left: 665px
    }

    .res-icon {
        display: none
    }

    #bar-selector {
        width: 398px;
        margin: 10px 0px 15px 0px
    }

    .bar-selector-right {
        width: 400px !important;
        margin-right: 2px !important
    }

    .desk-g {
        display: none !important
    }

    .desk-h {
        display: none !important
    }

    .port-g {
        display: inline-block !important
    }

    .port-h {
        display: inline-block !important
    }

    .letters-bar ul li:nth-child(12) {
        background: #2c97dd;
        margin-right: 12px;
    }

    .letters-bar ul li:nth-child(13) {
        background: #33495e;
        margin-right: 0px;
    }

    /* Progression intro */
    .progression-intro > div {
        margin-top: 0px 0px 20px 0px !important;
    }

    .progression-intro h2 {
        display: block;
        margin: 0px;
        color: #ffffff
    }

    .progression-intro div.prog-left {
        width: 100% !important;
        margin: 0px !important;
        height: auto;
    }

        .progression-intro div.prog-left h2 {
            line-height: 100%;
            margin: 6px 0px 6px 0px;
            font-size: 140%
        }

    .progression-intro div.prog-right {
        width: 100% !important;
        margin: 0px 0px 30px 0px !important;
        padding: 10px 10px 70px 10px !important;
        overflow: visible !important;
        height: auto !important
    }

    .prog-intro-desktop {
        display: block
    }

    .prog-intro-mobile {
        display: none
    }

    .progression-intro .prog-left img {
        display: none
    }

    .letter-list > div {
        width: 100%;
        margin-bottom: 0px
    }

    .letter-list {
        display: none
    }

    .letter-list-r3 {
        display: block
    }

    /* Chris amends */
    #jQuery-toggle-a, .jQuery-toggle-b {
        display: none;
    }

    .base {
        width: 680px;
    }

    .col-960 {
        width: 100%;
    }

    .col-210 {
        width: 100%;
        padding-right: 0;
    }

    .learning-outcomes-img span {
        font-size: 13px;
    }

    .learning {
        position: relative;
        left: 50px;
    }

    .support {
        position: relative;
    }

    .continua {
        position: relative;
        bottom: 70px;
        left: 55px;
    }

    .development {
        position: relative;
        top: -150px;
        right: 49px;
    }

    .tooltip-wrap {
        display: inline-block;
    }

    .language {
        background: url(/App_Themes/Curriculum/images/accord-arrow-up-grey.png) no-repeat right 20px top 15px;
        border: 1px solid #6d8a60;
        padding: 5px 10px;
        border-radius: 5px;
        margin-bottom: 15px;
        -webkit-box-shadow: 1px 1px 1px 0px rgba(51,51,51,0.5);
        -moz-box-shadow: 1px 1px 1px 0px rgba(51,51,51,0.5);
        box-shadow: 1px 1px 1px 0px rgba(51,51,51,0.5);
    }

    .filter {
        background: url(/App_Themes/Curriculum/images/accord-arrow-up-grey.png) no-repeat right 20px top 15px;
        border: 1px solid #6d8a60;
        padding: 5px 10px;
        border-radius: 5px;
        margin-bottom: 15px;
        -webkit-box-shadow: 1px 1px 1px 0px rgba(51,51,51,0.5);
        -moz-box-shadow: 1px 1px 1px 0px rgba(51,51,51,0.5);
        box-shadow: 1px 1px 1px 0px rgba(51,51,51,0.5);
    }

    /* Prog nav re-design */
    .progression-navigation-inpage ul {
        display: inline-block !important;
    }

    .progression-navigation-inpage > div {
        border: 0px;
        text-shadow: none;
        box-shadow: none
    }


    /* Slicknav */
    .slicknav_menu {
        display: block;
    }

    #mob-menu-slick {
        position: absolute;
        top: 158px;
        left: 0px;
        width: 100%
    }

    .progressive-intro {
        min-height: 100px; /*height:861px;*/
    }

    .progression-intro h1 {
        margin-bottom: 60px;
    }

    /* Existing site ammends */
    .pod-2-col-download div:nth-of-type(1) {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }

    /* Jigsaw */
    .jigsaw-intro-pod div:first-child {
        width: 100%;
        margin-bottom: 20px;
    }

    .jigsaw-container {
        float: left !important;
        margin: 0px auto 0px auto;
        clear: both;
        padding-top: 30px
    }

    /* Accordion */
    .play-btn {
        left: 70px;
        position: absolute;
        top: 30px;
        width: 50px;
        height: 50px
    }

    .fancybox.video {
        height: 120px;
    }

    .videoName h4 {
        line-height: 125%;
        margin-top: 6px
    }

    /* Milestone image */
    .milestone-indicator {
        display: none
    }

    .milestone-arrows {
        display: none
    }

    /* Learning outcomes */
    .table-title-3col {
        float: left;
        width: 100%;
        border: 0px
    }

    .table-info-3col {
        width: 100% !important;
        border: 0px
    }

    .level {
        width: auto;
    }

    .level-ol {
        width: auto;
    }

    .level-hl {
        width: auto;
    }

    .element-table-head-3col .table-info-3col {
        width: 70%;
        float: right;
    }

    .table-info ol li ul li {
        padding-right: 12px;
    }

    .table-info ol li ul li {
        padding-right: 12px;
    }

    .table-title {
        float: left;
        width: 100%;
        border: 0px
    }

    .table-info {
        width: 100% !important;
        border: 0px
    }

    .table-info-fullwidth {
        width: 100%;
        border: 0px;
        padding: 10px
    }

    /* Features of quality */
    .featuresq-nav {
        width: 616px;
    }

    .slider-features-quality {
        width: 100%;
        float: left;
    }

    .slider-features-strands {
        width: 602px;
        float: left;
        margin: 0px 0px 12px 0px
    }

    #slider-features-quality-0 .slick-slide {
        height: 50px;
        font-size: 100%
    }

    .assessment-label-nav {
        width: 98%;
        margin: 0px;
        float: left
    }

    .featuresQMob {
        width: 335px
    }

    .slider-features-row {
        margin-left: 5px;
    }

    /* #Learning outcomes post primary# */
    .postprimaryAcc .ui-accordion-header {
        background: #728d66 url("/App_Themes/Curriculum/images/person-icon-white.png") no-repeat scroll 90% 50%;
    }

    .postprimaryAcc .accordion-lo2 .ui-accordion-header {
        background: #d9f0ce url("/App_Themes/Curriculum/images/person-icon-green.png") no-repeat scroll 90% 50%;
    }

    .postprimaryAcc .element-table-head .table-info {
        width: 75%
    }

    .postprimaryAcc .table-title h2 {
        font-size: 90%
    }

    .postprimaryAcc .element-table-head .table-info {
        font-size: 90%
    }

    .postprimaryAcc .table-title {
        padding-left: 20px;
        font-weight: bold;
        width: 100%
    }

    .pp-outcome-boxes-2-col ol {
        width: 100%;
        padding: 10px !important;
        border-left: 0px;
        border-bottom: 1px solid #cacaca;
    }

        .pp-outcome-boxes-2-col ol:last-child {
            font-weight: bold
        }

    .postprimaryAcc .level {
        display: none
    }

    .element-table-head .table-title {
        display: none
    }

    .register-form {
        width: 100%;
        float: none;
        border-bottom: none !important;
    }

    .register-content {
        width: 100%;
        float: none;
    }

    .progression-intro {
        float: none;
        width: auto;
    }

    .video-thumbnail {
        height: 176px;
        margin-right: 7px;
    }

    .pod-2-col > div:nth-of-type(1) {
        width: 100%;
    }

    .pod-2-col > div:nth-of-type(2) {
        width: 100%; /* max-width: 480px; */
    }

        .pod-2-col > div:nth-of-type(2) .jigsaw > div:first-child {
            width: 150px;
        }
}


/* Lightbox Fix */

@media only screen and (max-width: 600px) {
    .resource-section.videos iframe {
        width: 100%;
        float: left;
        margin-right: 0;
        min-height: 200px;
    }
}


/* #Smartphones (landscape)# ----------- */
@media only screen and (min-width :480px) and (max-width :767px) {

    /* Homepage + global */
    html {
        -webkit-text-size-adjust: none;
    }

    .base {
        width: 460px;
    }

    .selectnav {
        display: block;
        width: 100%;
        position: absolute;
        top: -50px;
        left: 0px;
    }

    header.site {
        height: 270px
    }

        header.site img.logo {
            width: 75%;
            left: 0px;
            position: absolute;
            top: 60px;
        }

    nav.main ul {
        display: none;
    }

    .search {
        position: absolute;
        top: 185px;
        right: 0px;
        width: 100%
    }

    .colour-menu {
        position: absolute;
        right: 81px;
        top: 149px;
    }

    .social-icons {
        position: absolute;
        right: 0;
        top: 149px;
    }

    .grey-search {
        position: absolute;
        right: -6px;
        top: 88px;
    }

    .search-btn {
        position: absolute;
        right: 10px;
        top: 193px;
        width: 22px;
    }

    nav.util {
        position: absolute;
        left: 0px;
        top: 20px;
    }

    footer .nav2 ul li {
        margin-bottom: 10px
    }

    .user-content table th, .user-content table td {
        display: block
    }

    /* Homepage */
    .iosSlider {
        width: 448px !important
    }

    .pod-1-col {
        width: 100%
    }

    .pod-1-col-long {
        width: 100%
    }

    .pod-2-col > div {
        width: 100% !important
    }

        .pod-2-col > div:first-child {
            margin-bottom: 30px
        }

    .sectors section {
        width: 50%;
    }

        .sectors section div.arrow {
            display: none
        }

        .sectors section h1 {
            min-height: 85px
        }

        .sectors section:nth-child(3), .sectors section:nth-child(4) {
            margin-top: 3px
        }

    .pod-small-image {
        width: 216px;
        float: left !important
    }

        .pod-small-image:nth-of-type(2) {
            margin-right: 0px
        }

        .pod-small-image h1 {
            font-size: 60%
        }

    footer .nav .menu ul {
        width: 185px
    }

        footer .nav .menu ul:nth-child(2) {
            margin-right: 0px
        }

    .footer-tag {
        float: right;
        position: relative;
        margin-top: 30px
    }

    .kentico-i3-credit {
        padding: 0px
    }

    /* Standard page */
    .lower-standard-col-1 {
        width: 100%;
        float: left
    }

    .lower-standard-col-2 {
        width: 100%;
        float: right
    }

    .site-buttons a {
        min-width: 174px;
    }

    /* Download PDF */
    .pod-download ul {
        width: 98%
    }

    /* Learning outcomes */
    .outcome-boxes section {
        padding: 10px 45px 20px 50px;
        min-height: 250px;
    }

    .outcomes-list {
        margin-bottom: 0px
    }

        .outcomes-list ul li {
            float: left;
            width: 50%;
            list-style: none;
            height: 60px;
        }

            .outcomes-list ul li input {
                float: left;
                margin-right: 5px
            }

            .outcomes-list ul li label {
                float: left;
                width: 170px;
                font-size: 80%
            }

    .outcomes-btn {
        width: 100%;
        margin-bottom: 10px;
        height: 55px;
    }

    .outcome-boxes div[id*="UpdatePanel1"] {
        width: 100%;
    }

    .outcome-boxes section ul {
        margin-top: 10px
    }

    .outcome-boxes section .box-left {
        min-height: 250px
    }

    .outcome-boxes section .box-right {
        min-height: 250px
    }

        .outcome-boxes section .box-right div a:nth-child(2) {
            left: 11px;
            position: absolute;
            top: 105px;
        }

    .outcome-boxes .SearchResults .PagerControl {
        padding-bottom: 25px
    }

    /* Resources */
    .res-img {
        display: none
    }

    .resource-letters ul li:nth-child(2n) {
        margin-right: 0px
    }

    .resource-letters ul li:nth-child(5n) {
        margin-right: 54px;
    }

    .resources-text {
        padding-right: 0px
    }

    /* Subject landing */
    .pod-table table {
        font-size: 70%
    }

    .pod-full-explore > a {
        width: 43%;
        float: left;
        margin-right: 21px !important;
        font-size: 60%
    }

        .pod-full-explore > a:nth-of-type(2n) {
            margin-right: 0px
        }

    .site-buttons-white a {
        width: 100%
    }

    .pod-2-col-list > div {
        width: 100% !important;
        margin-bottom: 20px;
        border: 0px !important
    }

    /* Cookie */
    .cookieInfo {
        width: 460px;
        border: 1px solid #333;
        height: 130px;
        margin: 0 auto;
        position: relative;
    }

        .cookieInfo p {
            color: #fff;
            float: left;
            font-size: 15px;
            text-align: left;
            width: 300px;
            margin: 10px 0 10px 10px
        }

    .util {
        width: 100%;
    }

    /* #Clipboard boxes# */
    .clipboard-btn-up {
        position: absolute;
        top: 20px;
        left: 11px;
    }

    .clipboard-btn-del {
        position: absolute;
        top: 80px;
        left: 11px;
    }

    .clipboard-btn-down {
        position: absolute;
        top: 150px;
        left: 11px;
    }

    /* Pagination */
    .PagerControl a, .PagerControl .current {
        background: none;
        padding: 3px;
        border: 0px;
        box-shadow: none
    }

    /* Add all button verification section */
    .outcome-boxes .validation {
        position: static;
        width: 100%;
        margin-bottom: 30px;
    }


    /* Progression slider */
    .prog-steps {
        padding: 14px
    }

    .progression-container-fixed {
        margin-top: 127px;
    }

    .progression-nav {
        width: 430px;
        padding-top: 50px;
        height: 114px
    }

    .progression-labels {
        width: 100%;
        margin-bottom: 0px
    }

        .progression-labels .label-column {
            width: 100%;
            min-height: 40px;
        }

    .element-label {
        width: 100%;
        margin-bottom: 15px;
        height: auto !important
    }

    .prog-nav-back {
        display: none
    }

    #letters-responisve {
        position: absolute;
        top: 0px;
        left: 0px;
        display: block;
        z-index: 998;
    }

    .rc1 {
        display: inline-block;
        font-family: "proxima-nova",sans-serif;
        text-align: center;
        width: 430px;
        height: 38px;
        border: 1px solid #cccccc;
        text-decoration: none;
        font-size: 120%;
        padding: 9px;
        margin-top: 5px
    }

    .rs1 {
        margin-top: 1px;
        background: #ffffff
    }

        .rs1 ul li {
            font-weight: bold;
            text-align: center;
            width: 430px;
            margin-bottom: 1px
        }

            .rs1 ul li a {
                color: #ffffff;
                display: block;
                height: 28px;
                padding-top: 5px;
                text-decoration: none;
                width: 100%;
                font-family: "freight-sans-pro",serif;
            }

    .letters-bar {
        display: none
    }

        .letters-bar ul {
            margin-bottom: 0px;
            padding-bottom: 5px
        }

            .letters-bar ul li {
                margin: 0px 17px 10px 0px
            }

                .letters-bar ul li a {
                    width: 92px
                }

                .letters-bar ul li:nth-child(4n) {
                    margin-right: 0px
                }

    .progression-slider {
        width: 100%
    }

    .step-row {
        width: 447px;
        margin: 0px -18px 0px 0px
    }

    .arr-left-slick {
        display: none
    }

    .arr-right-slick {
        display: none;
        margin-left: 445px
    }

    .progression-labels .label-column:first-child {
        margin-bottom: 10px
    }

        .progression-labels .label-column:first-child h1 {
            font-family: "freight-sans-pro";
            font-size: 110%;
            line-height: 140%
        }

    .progression-labels .label-column:last-child h1 {
        font-family: "proxima-nova", sans-serif;
        font-size: 110%;
        line-height: 140%;
    }

    .res-icon {
        display: none
    }

    .slide-headings {
        padding-top: 6px
    }

    .slick-slider {
        margin-bottom: 10px !important;
    }

    .desk-h {
        display: inline-block !important
    }

    .mob-h {
        display: none !important;
    }

    .desk-h-intro {
        display: block
    }

    .mob-h-intro {
        display: none
    }

    #bar-selector {
        display: none
    }

    /* Prog nav re-design */
    .progression-navigation-inpage ul {
        display: inline-block !important;
    }

    .progression-navigation-inpage > div {
        border: 0px;
        text-shadow: none;
        box-shadow: none
    }

    /* Progression intro */
    .progression-intro > div {
        margin-top: 0px 0px 20px 0px !important;
    }

    .progression-intro h2 {
        display: block;
        margin: 0px;
        color: #ffffff
    }

    .progression-intro div.prog-left {
        width: 100% !important;
        margin: 0px !important;
        height: auto
    }

        .progression-intro div.prog-left h2 {
            margin: 6px 0px 6px 0px;
            font-size: 150%
        }

    .progression-intro div.prog-right {
        width: 100% !important;
        margin: 0px 0px 30px 0px !important;
        padding: 10px 10px 70px 10px !important;
        overflow: visible !important;
        height: auto !important
    }

    .prog-intro-desktop {
        display: none
    }

    .prog-intro-mobile {
        display: block
    }

    .progression-intro .prog-left img {
        display: none
    }

    .letter-list {
        display: none
    }

    .letter-list-r4 {
        display: block
    }

    .milestone-arrows {
        display: none
    }

    .letter-list > div {
        width: 100%;
        margin-bottom: 0px
    }

    /* Chris amends */
    #jQuery-toggle-a, .jQuery-toggle-b {
        display: none;
    }

    .introduction p {
        width: auto;
    }

    .col-960 {
        width: 100%;
    }

    .col-210 {
        width: 100%;
        padding-right: 0;
    }

    .slide section h1 {
        left: inherit;
    }

    .slide section h2 {
        left: inherit;
    }

    .language {
        background: url(/App_Themes/Curriculum/images/accord-arrow-up-grey.png) no-repeat right 20px top 15px;
        border: 1px solid #6d8a60;
        padding: 5px 10px;
        border-radius: 5px;
        margin-bottom: 15px;
        -webkit-box-shadow: 1px 1px 1px 0px rgba(51,51,51,0.5);
        -moz-box-shadow: 1px 1px 1px 0px rgba(51,51,51,0.5);
        box-shadow: 1px 1px 1px 0px rgba(51,51,51,0.5);
    }

    .filter {
        background: url(/App_Themes/Curriculum/images/accord-arrow-up-grey.png) no-repeat right 20px top 15px;
        border: 1px solid #6d8a60;
        padding: 5px 10px;
        border-radius: 5px;
        margin-bottom: 15px;
        -webkit-box-shadow: 1px 1px 1px 0px rgba(51,51,51,0.5);
        -moz-box-shadow: 1px 1px 1px 0px rgba(51,51,51,0.5);
        box-shadow: 1px 1px 1px 0px rgba(51,51,51,0.5);
    }

    /* Slicknav */
    .slicknav_menu {
        display: block;
    }

    #mob-menu-slick {
        position: absolute;
        top: 228px;
        left: 0px;
        width: 100%;
    }

    .progressive-intro { /*height:803px;overflow:hidden*/
        min-height: 100px
    }

    .progression-intro h1 {
        margin-bottom: 60px;
    }

    .element-label {
        width: 99%
    }

    /* Existing site ammends */
    .pod-2-col-download div:nth-of-type(1) {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }

    /* Jigsaw */
    .jigsaw, .jigsaw-key {
        margin-left: 15px
    }

    /* Accordion */
    .video-thumbnail {
        width: 47.2%;
        height: 160px;
    }

    .play-btn {
        left: 70px;
        position: absolute;
        top: 30px;
        width: 50px;
        height: 50px
    }

    .fancybox.video {
        height: 120px;
    }

    .videoName h4 {
        line-height: 125%;
        margin-top: 6px
    }

    .video-thumbnail:nth-of-type(2n) {
        margin-right: 0px;
    }

    .video-thumbnail:nth-of-type(3n) {
        margin-right: 10px;
    }

    /* Milestone image */
    .milestone-indicator {
        display: none
    }

    /* Learning outcomes */
    .table-info-3col {
        width: 35%;
    }

    .level {
        width: auto;
    }

    .level-ol {
        width: auto;
    }

    .level-hl {
        width: auto;
    }

    .element-table-head-3col .table-info-3col {
        width: 70%;
        float: right;
    }

    .table-info ol li ul li {
        padding-right: 12px;
    }

    .table-info ol li ul li {
        padding-right: 12px;
    }

    .table-title {
        float: left;
        width: 100%;
        border: 0px
    }

    .table-info {
        width: 100% !important;
        border: 0px
    }

    .table-title-3col {
        float: left;
        width: 100%;
        border: 0px
    }

    .table-info-3col {
        width: 100% !important;
        border: 0px
    }

    .table-info-fullwidth {
        width: 100%;
        border: 0px;
        padding: 10px
    }

    /* Features of quality */
    #slider-features-quality-0 .slick-slide {
        font-size: 100%
    }

    .slider-features-quality {
        width: 100%;
        float: right;
    }

    .slider-features-strands {
        width: 380px;
        float: left;
        margin: 0px 0px 12px 0px
    }

    .assessment-label-nav {
        width: 381px;
        margin-right: 14px
    }

    .featuresq-nav {
        width: 394px
    }

    .featuresQMob {
        width: 100%
    }

        .featuresQMob ul li {
            padding: 6px 6px 6px 10px;
            font-size: 90%
        }

    .features-menu {
        padding: 70px 0px 0px 30px
    }

        .features-menu .language {
            position: absolute;
            top: 30px;
            left: 30px;
            background-color: #ffffff;
            width: 370px
        }

    .slider-features-row {
        margin-left: 4px;
    }


    /* Learning outcome V2 */
    .element-table-learning-outcome .table-content .table-title {
        width: 100%
    }

    .table-info-learning-outcome {
        width: 100%;
        border: 0px
    }

    .element-table-head-learning-outcome .table-title {
        width: 100%
    }

    .element-table-head-learning-outcome .table-info {
        width: 100%;
        border: 0px
    }

    .element-table-learning-outcome .table-content-3col .table-title-3col {
        width: 100%
    }

    /* #Learning outcomes post primary# */
    .postprimaryAcc .element-table-head .table-title {
        display: none
    }

    .postprimaryAcc .table-info {
        width: 100%
    }

    .postprimaryAcc .ui-accordion-header-icon {
        display: none
    }

    .postprimaryAcc .head-icon {
        display: block;
        position: absolute;
        right: 15px;
        top: 15px;
    }

    .pp-outcome-boxes-2-col ol {
        width: 100%;
        padding: 10px !important;
        border-left: 0px;
        border-bottom: 1px solid #cacaca;
    }

        .pp-outcome-boxes-2-col ol:last-child {
            font-weight: bold
        }

    .postprimaryAcc .level {
        display: none
    }

    .register-form {
        width: 100%;
        float: none;
        border-bottom: none !important;
    }

    .register-content {
        width: 100%;
        float: none;
    }

    .jigsaw-images-1 .image,
    .jigsaw-images-1 .video {
        width: 100%;
    }

    .jigsaw-images-1 .image {
        margin-bottom: 20px;
    }

    .progression-intro {
        float: none;
        width: auto;
    }

    .legend {
        display: none;
    }

    .fancybox-wrap {
        min-width: 396px;
    }
}


/* #Smartphones (portrait)# ----------- */
@media only screen and (min-width : 320px) and (max-width : 479px) {

    /* Homepage + global */
    html {
        -webkit-text-size-adjust: none;
    }

    .base {
        width: 300px;
        padding: 0px;
    }

    .selectnav {
        display: block;
        width: 100%;
        position: absolute;
        top: -50px;
        left: 0px;
    }

    header.site {
        height: 290px
    }

        header.site img.logo {
            width: 100%;
            left: 0px;
            position: absolute;
            top: 75px;
        }

    nav.main ul {
        display: none;
    }

    .search {
        position: absolute;
        top: 160px;
        right: 0px;
        width: 100%
    }

    .search-btn {
        height: 22px;
        position: absolute;
        right: 8px;
        top: 168px;
        width: 22px;
    }

    .colour-menu {
        position: absolute;
        right: 0px;
        top: 212px;
        width: 100%;
    }

    .social-icons {
        position: absolute;
        right: 0px;
        top: 133px;
    }

    .grey-search {
        display: none;
        position: absolute;
        left: 0px;
        top: 173px;
    }

    .social-icons {
        position: absolute;
        right: 0;
        top: 210px;
    }

    .cookieInfo {
        width: 100%
    }

    footer .nav2 ul li {
        margin-bottom: 10px
    }

    .user-content table th, .user-content table td {
        display: block
    }

    /* Homepage */
    .iosSlider {
        display: none
    }

    .pod-1-col {
        width: 100%
    }

    .pod-1-col-long {
        width: 100%
    }

    .pod-2-col > div {
        width: 100% !important
    }

        .pod-2-col > div:first-child {
            margin-bottom: 30px
        }

    .pod-1-col h1 {
        width: 50%
    }

    .sectors section {
        width: 100%;
        border-right: 0px
    }

        .sectors section div.arrow {
            display: none
        }

        .sectors section h1 {
            min-height: inherit
        }

        .sectors section:nth-child(2), .sectors section:nth-child(3), .sectors section:nth-child(4) {
            margin-top: 3px
        }

    .pod-small-image {
        width: 100%;
        float: left !important
    }

        .pod-small-image:nth-of-type(2) {
            margin-right: 0px
        }

    footer .nav .menu ul {
        width: 100%;
        margin-right: 0px
    }

    .footer-tag {
        float: left;
        position: relative;
        margin-top: 30px;
        font-size: 80%
    }

    .kentico-i3-credit {
        padding: 0px;
        font-size: 80%;
        float: left
    }

    /* Standard page */
    .lower-standard-col-1 {
        width: 100%;
        float: left
    }

    .lower-standard-col-2 {
        width: 100%;
        float: right
    }

    .site-buttons a {
        width: 100%;
    }

    /* Download PDF */
    .pod-download ul {
        width: 98%
    }

    /* Learning outcomes */
    .outcome-boxes section {
        padding: 10px 45px 20px 47px;
        height: 470px
    }

        .outcome-boxes section .box-left {
            height: 278px
        }

        .outcome-boxes section .box-right {
            height: 278px
        }

    .outcomes-list {
        margin-bottom: 0px
    }

        .outcomes-list ul li {
            float: left;
            width: 100%;
            list-style: none;
            height: 60px;
        }

            .outcomes-list ul li input {
                float: left;
                margin-right: 5px
            }

            .outcomes-list ul li label {
                float: left;
                width: 85%;
                font-size: 80%
            }

    .outcomes-btn {
        width: 100%;
        margin-bottom: 10px;
        height: 55px;
    }

    .outcome-boxes section .box-right div a:nth-child(2) {
        position: absolute;
        top: 195px;
        left: 11px
    }

    .outcome-boxes section .box-right div a:nth-child(3) {
        position: absolute;
        top: 240px;
        left: 11px
    }

    .outcome-boxes section .box-left {
        min-height: 470px
    }

    .outcome-boxes section .box-right {
        min-height: 470px
    }

    /* Resources */
    .resources-text {
        padding-right: 0px
    }

    .res-img {
        display: none
    }

    /* Subject landing */
    .pod-table table {
        font-size: 60%;
    }

        .pod-table table td a {
            padding: 60px 20px 60px 20px
        }

    .pod-full-explore > a {
        width: 100%;
        float: left;
        margin-right: 21px !important;
        font-size: 60%
    }

        .pod-full-explore > a:nth-of-type(2n) {
            margin-right: 0px
        }

    .pod-full-explore .view-all {
        position: absolute;
        top: 10px;
        right: 10px;
        margin: 0px;
        font-family: "proxima-nova", sans-serif;
        font-size: 80%
    }

    .pod-dropdown div {
        float: left;
        width: 100%;
        margin-bottom: 20px
    }

    .pod-dropdown select {
        width: 100%
    }

    .pod-2-col-list > div {
        width: 100% !important;
        margin-bottom: 20px;
        border: 0px !important
    }

    /* Search */
    .search-fields {
        margin: 0px 0px 30px 0px
    }

        .search-fields input[type="text"] {
            border: 1px solid #303a3f;
            padding: 10px;
            margin: 20px 10px 0px 0px;
            width: 100%
        }

        .search-fields input[type="submit"] {
            margin-top: 10px
        }

    /* #Site forms - Login_reg# */
    .site-form tr td {
        display: inline-block
    }

    .site-form label {
        display: block;
        margin: 10px 0px 15px 0px
    }

    .site-form input[type="text"], .site-form input[type="password"] {
    }

    /* Cookie */
    .cookieInfo {
        width: 320px;
        border: 1px solid #333;
        height: 240px;
        margin: 0 auto;
        position: relative;
    }

        .cookieInfo p {
            color: #fff;
            float: left;
            font-size: 15px;
            text-align: left;
            width: 170px;
            margin: 10px 0 10px 10px
        }

    nav.util {
        position: absolute;
        left: 0px;
        top: 20px;
        width: 95%;
    }

    /* #Clipboard boxes# */
    .clipboard-btn-up {
        position: absolute;
        top: 20px;
        left: 11px;
    }

    .clipboard-btn-del {
        position: absolute;
        top: 190px;
        left: 11px;
    }

    .clipboard-btn-down {
        position: absolute;
        top: 370px;
        left: 11px;
    }

    /* Pagination */
    .PagerControl a, .PagerControl .current {
        background: none;
        padding: 3px;
        border: 0px;
        box-shadow: none
    }

    /* Add all button verification section */
    .outcome-boxes .validation {
        position: static;
        width: 100%;
        margin-bottom: 30px;
    }

    /* Progression slider */
    .prog-steps {
        padding: 15px
    }

    .progression-container-fixed {
        margin-top: 127px;
    }

    .progression-nav {
        width: 270px;
        height: 105px;
        padding-top: 40px
    }

    .progression-labels {
        width: 100%;
        margin-bottom: 0px
    }

        .progression-labels .label-column {
            width: 100%;
            min-height: 40px;
        }

    .element-label {
        width: 100%;
        margin-bottom: 15px;
        height: auto !important
    }

    .prog-nav-back {
        display: none
    }

    .letters-bar {
        display: none
    }

    #letters-responisve {
        position: absolute;
        top: 0px;
        left: 0px;
        display: block;
        z-index: 999
    }

    .rs1 ul li {
        font-weight: bold;
        text-align: center;
        width: 269px;
        margin-bottom: 1px
    }

        .rs1 ul li a {
            color: #ffffff;
            display: block;
            height: 38px;
            padding-top: 10px;
            text-decoration: none;
            width: 100%;
            font-family: "freight-sans-pro",serif;
        }

    .progression-slider {
        width: 100%
    }

    .step-row {
        width: 288px;
        margin: 0px -19px 0px 0px
    }

    .arr-left-slick {
        display: none;
        margin-left: -29px;
        background: url("/App_Themes/Curriculum/images/arr-left-slick-big.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
        width: 38px;
        height: 117px;
    }

    .arr-right-slick {
        display: none;
        margin-left: 262px;
        background: url("/App_Themes/Curriculum/images/arr-right-slick-big.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
        width: 38px;
        height: 117px;
    }

    .progression-labels .label-column:first-child {
        margin-bottom: 10px
    }

        .progression-labels .label-column:first-child h1 {
            font-size: 110%;
            line-height: 140%
        }

    .progression-labels .label-column:last-child h1 {
        font-size: 110%;
        line-height: 140%;
    }

    .res-icon {
        display: none
    }

    .slide-headings {
        padding-top: 13px
    }

    .slick-slider {
        margin-bottom: 10px !important;
    }

    .desk-h {
        display: none !important
    }

    .mob-h {
        display: inline-block !important;
    }

    .desk-h-intro {
        display: none
    }

    .mob-h-intro {
        display: block
    }

    .rc1 {
        display: inline-block;
        font-family: "proxima-nova",sans-serif;
        text-align: center;
        width: 270px;
        height: 38px;
        border: 1px solid #cccccc;
        text-decoration: none;
        font-size: 120%;
        padding: 9px;
        margin-top: 5px
    }

    .rs1 {
        margin-top: 1px;
        background: #ffffff
    }

    #bar-selector {
        display: none
    }

    /* Prog nav re-design */
    .progression-navigation-inpage ul {
        display: inline-block !important;
    }

    .progression-navigation-inpage > div {
        border: 0px;
        text-shadow: none;
        box-shadow: none
    }

    /* Progression intro */
    .progression-intro > div {
        margin-top: 0px 0px 20px 0px !important;
    }

    .progression-intro h2 {
        display: block;
        margin: 0px;
        color: #ffffff;
    }

    .progression-intro div.prog-left {
        width: 100% !important;
        margin: 0px !important;
        height: auto
    }

        .progression-intro div.prog-left h2 {
            margin: 6px 0px 6px 0px;
            font-size: 150%
        }

    .progression-intro div.prog-right {
        width: 100% !important;
        margin: 0px 0px 30px 0px !important;
        padding: 10px 10px 70px 10px !important;
        overflow: visible !important;
        height: auto !important
    }

    .prog-intro-desktop {
        display: none
    }

    .prog-intro-mobile {
        display: block
    }

    .progression-intro .prog-left img {
        display: none
    }

    .letter-list {
        display: none
    }

    .letter-list-r5 {
        display: block
    }

    .milestone-arrows {
        display: none
    }

    .letter-list > div {
        width: 100%;
        margin-bottom: 0px
    }

    /*Chris amends - 28.04.15*/
    #jQuery-toggle-a, .jQuery-toggle-b {
        display: none;
    }

    .introduction p {
        width: auto;
    }

    .col-960 {
        width: 100%;
    }

    .col-210 {
        width: 100%;
        padding-right: 0;
    }

    .learning-outcomes-img span {
        font-size: 13px;
    }

    .learning {
        position: static;
        left: 50px;
        width: 50%;
    }

    .support {
        position: static;
    }

    .continua {
        position: static;
        bottom: 70px;
        left: 55px;
    }

    .development {
        position: static;
        top: -150px;
        right: 49px;
    }

    .tooltip-wrap {
        display: inline-block;
    }

    .lhs-div {
        border: 0;
    }


    .language {
        background: url(/App_Themes/Curriculum/images/accord-arrow-up-grey.png) no-repeat right 20px top 15px;
        border: 1px solid #6d8a60;
        padding: 5px 10px;
        border-radius: 5px;
        margin-bottom: 15px;
        -webkit-box-shadow: 1px 1px 1px 0px rgba(51,51,51,0.5);
        -moz-box-shadow: 1px 1px 1px 0px rgba(51,51,51,0.5);
        box-shadow: 1px 1px 1px 0px rgba(51,51,51,0.5);
    }

    .filter {
        background: url(/App_Themes/Curriculum/images/accord-arrow-up-grey.png) no-repeat right 20px top 15px;
        border: 1px solid #6d8a60;
        padding: 5px 10px;
        border-radius: 5px;
        margin-bottom: 15px;
        -webkit-box-shadow: 1px 1px 1px 0px rgba(51,51,51,0.5);
        -moz-box-shadow: 1px 1px 1px 0px rgba(51,51,51,0.5);
        box-shadow: 1px 1px 1px 0px rgba(51,51,51,0.5);
    }

    /* Slicknav 248 */
    .slicknav_menu {
        display: block;
        z-index: 999;
        overflow: hidden;
    }

    #mob-menu-slick {
        position: relative;
        top: 172px;
        left: 0px;
        width: 100%;
    }

    .progressive-intro { /*height:765px;overflow:hidden;*/
        min-height: 100px;
        padding: 0px
    }

    .progression-intro h1 {
        margin-bottom: 60px;
    }

    /* Existing site ammends */
    .pod-2-col-download div:nth-of-type(1) {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }

    /* Jigsaw */
    .jigsaw section {
        width: 100%;
        margin: 0px 0px 5px 0px !important
    }

    .jigsaw > div {
        position: relative;
        top: inherit;
        left: inherit;
        width: 100%;
        background: #f0f0f0;
        border: 2px solid #0b2749;
        margin-bottom: 5px;
        font-size: 100%;
        padding: 10px;
        height: auto
    }

        .jigsaw > div h1 {
            transform: translateY(0);
        }

    /* Accordian */
    .video-thumbnail {
        width: 100%;
        margin: 0px !important;
        float: none;
        height: auto;
    }

    .play-btn {
        left: 70px;
        position: absolute;
        top: 30px;
        width: 50px;
        height: 50px
    }

    .fancybox.video {
        height: 130px;
    }

    .videoName h4 {
        line-height: 125%;
        margin-top: 6px
    }

    .pdf-list li {
        padding: 7px 0px 0px 0px;
        font-size: 12px !important
    }

    /* Milestone image */
    .milestone-indicator {
        display: none
    }

    /* Learning outcomes */
    .table-info {
        border-left: 0 !important;
    }

    .table-title {
        text-align: left
    }

    .table-title-3col {
        width: 100%;
    }

    .table-info-3col {
        width: 100%;
        float: none;
    }

    .level {
        width: auto;
    }

    .level-ol {
        width: auto;
    }

    .level-hl {
        width: auto;
    }

    .element-table-head-3col .table-info-3col {
        width: 100%;
        float: none;
    }

    .table-title {
        width: 100%;
        float: left;
    }

    .element-table-head .table-info {
        width: 100%;
        border-left: 0;
    }

    .table-info {
        width: 100%;
        float: none;
        text-align: left;
        padding: 20px 10px 20px 10px
    }

    .table-title-3col {
        float: left;
        width: 100%;
        border: 0px
    }

    .table-info-3col {
        width: 100% !important;
        border: 0px
    }

    .table-info-fullwidth {
        width: 100%;
        border: 0px;
        padding: 10px
    }

    .fullwidth-2subcol ol li {
        width: 100%;
        display: block
    }

    /* Glossary */
    .glossary-table {
        width: 100%
    }

        .glossary-table tr th {
            width: 100%;
            display: block
        }

        .glossary-table tr td {
            width: 100%;
            display: block
        }

            .glossary-table tr td:nth-child(1) {
                background: #eeeeee
            }

        .glossary-table tr {
            background: none !important
        }

    /* Features of quality */
    #slider-features-quality-0 .slick-slide {
        font-size: 80%;
    }

    .slider-features-quality {
        width: 100%;
        float: right;
    }

    .slider-features-strands {
        width: 215px;
        float: left;
        margin: 0px 0px 12px 0px
    }

    .featuresq-nav {
        width: 230px
    }

    .assessment-label-nav {
        float: left;
        width: 217px;
        margin-right: 0px
    }

    .featuresQMob {
        width: 100%
    }

        .featuresQMob ul li {
            padding: 6px;
            font-size: 90%
        }

    .features-menu {
        padding: 70px 0px 0px 30px
    }

        .features-menu .language {
            position: absolute;
            top: 30px;
            left: 30px;
            background-color: #ffffff;
            width: 245px
        }

    .slider-features-row {
        margin-left: 7px;
    }

    #slider-features-quality-0 .slick-next {
        position: absolute;
        right: -19px;
        top: 0;
    }

    /* #Learning outcomes post primary# */
    .postprimaryAcc .ui-accordion-header {
        padding-right: 40px
    }

    .postprimaryAcc .element-table-head .table-title {
        display: none
    }

    .postprimaryAcc .table-info {
        width: 100%
    }

    .postprimaryAcc .table-title {
        width: 100%
    }

    .postprimaryAcc .ui-accordion-header-icon {
        display: none
    }

    .postprimaryAcc .head-icon {
        display: block;
        position: absolute;
        right: 15px;
        top: 25px;
    }

    .pp-outcome-boxes-2-col ol {
        width: 100%;
        padding: 10px !important;
        border-left: 0px;
        border-bottom: 1px solid #cacaca;
    }

        .pp-outcome-boxes-2-col ol:last-child {
            font-weight: bold
        }

    .postprimaryAcc .level {
        display: none
    }

    .register-form {
        width: 100%;
        float: none;
        border-bottom: none !important;
    }

    .register-content {
        width: 100%;
        float: none;
    }

    .jigsaw-images-1 .image,
    .jigsaw-images-1 .video {
        width: 100%;
    }

    .jigsaw-images-1 .image {
        margin-bottom: 20px;
    }

    .progression-intro {
        float: none;
        width: auto;
    }

    .legend {
        display: none;
    }

    .fancybox-wrap {
        min-width: 236px;
    }
}

/*******************************/
/* Responsive */
/*******************************/