#content .topicScroller {
    width: 502px !important;
    ;
    padding-bottom: 1px;
    background-color: #DEDEDE;
}

    #content .topicScroller .title {
        background: #076a73;
        color: #fff;
        padding: 4px;
        font-size: 1.3em;
        font-family: "Times New Roman";
    }

        #content .topicScroller .title .title-text {
            display: block;
        }

    #content .topicScroller .footer {
        background: #076a73;
        color: #fff;
        padding: 3px;
        font-size: 0.9em;
        line-height: 20px;
    }

        #content .topicScroller .footer a {
            color: white;
            display: block;
            text-align: right;
            padding-right: 50px;
            font-size: 0.9em;
        }

    #content .topicScroller .title #backSumm {
        background-image: url(/pantheon/dynamic/images/polygon/24x11/0,11,12,0,24,11,/dedede-transparent.png);
        background-repeat: no-repeat;
        background-position: 0 3px;
        height: 15px;
        width: 24px;
        display: block;
        cursor: pointer;
        float: right;
        padding: 0 5px 0 0;
        margin-top: -18px;
    }

        #content .topicScroller .title #backSumm:hover {
            background-image: url(/pantheon/dynamic/images/polygon/24x11/0,11,12,0,24,11,/c7c7c7-transparent.png);
        }

    #content .topicScroller .blocks {
        background: #dedede;
        width: 100%;
        padding-top: 8px;
    }

    #content .topicScroller .blocks-dynamic {
        overflow: hidden;
        height: 300px;
    }

    #content .topicScroller .blocks .fader {
        background: url(/pantheon/images/Chronos/snippets/Summary/fade.png) repeat-x bottom;
        width: 502px;
        position: absolute;
        bottom: 0;
        height: 59px;
    }

    #content .topicScroller .footer #nextSumm {
        background-image: url(/pantheon/dynamic/images/polygon/24x11/0,0,24,0,12,11,/dedede-transparent.png);
        background-repeat: no-repeat;
        background-position: 0 3px;
        height: 15px;
        width: 24px;
        display: block;
        cursor: pointer;
        float: right;
        padding: 0 5px 0 0;
        margin-top: -18px;
    }

        #content .topicScroller .footer #nextSumm:hover {
            background-image: url(/pantheon/dynamic/images/polygon/24x11/0,0,24,0,12,11,/c7c7c7-transparent.png);
        }

    #content .topicScroller .blocks ul {
        margin: 0;
        top: 8px;
    }

#content .topicItem .picture {
    width: 112px;
    float: left;
    height: 69px;
}

    #content .topicItem .picture img {
        width: 112px;
        height: 69px;
        border: 0;
    }

#content .topicItem {
    float: left;
    width: 502px;
    display: block;
    margin-bottom: 8px !important;
    list-style: none;
    padding-bottom: 0 !important;
}

#content .topic:hover {
    text-decoration: none;
}

#content .topicItem .topic {
    display: block;
    margin: 0 10px;
    background-color: #f4f4f4;
    height: 90px;
}

#content .topicItem .name {
    background: #478d95;
    color: #fff;
    font-size: 1.1em;
    padding: 3px 5px;
}

#content .topicItem .body {
    font-size: 0.9em;
    padding: 2px;
    height: 65px;
    line-height: 13px;
    overflow: hidden;
    color: #000;
}

    #content .topicItem .body ul {
        padding-left: 6px;
        list-style-type: disc;
        padding-right: 5px;
    }

#content .topicItem a.more-information {
    display: block;
    background: #f3693f url(/pantheon/dynamic/images/polygon/8x14/0,0,8,7,0,14/f3693f-dedede.png) no-repeat 100% 0;
    color: #fff;
    font-size: 0.8em;
    padding: 1px 0 0 4px;
    width: 100px;
    height: 13px;
    text-decoration: none;
}

    #content .topicItem a.more-information:hover {
        background: #bc9746 url(/pantheon/dynamic/images/polygon/8x14/0,0,8,7,0,14/bc9746-dedede.png) no-repeat 100% 0;
    }

.newCallout {
    padding: 0;
    margin: 0;
}

    .newCallout.floatRight {
        padding: 5px 0 5px 5px !important;
    }

    .newCallout.floatLeft {
        padding: 5px 5px 5px 0 !important;
    }

.contentRightColumn .newCallout.floatRight, .rightColumnDivide .newCallout.floatRight, .leftColumnDivide .newCallout.floatLeft, .contentRightColumn .newCallout.floatLeft {
    padding: 0;
    margin: 0 !important;
    margin-bottom: 10px !important;
}

.newCallout .calloutInner {
    padding: 10px;
}

#content .newCallout .calloutInner a {
    text-decoration: underline;
    color: #fff;
    border: none !important;
}

#content .newCallout .calloutInner p img {
    border: none !important;
}

#content .newCallout .calloutInner p a {
    text-decoration: underline;
    color: #fff;
}

#content .newCallout .calloutInner a:hover {
    text-decoration: none;
}

#content .newCallout .calloutInner.transCallout a:link, #content .newCallout .calloutInner.transCallout a:visited {
    color: #1F4F82;
    text-decoration: none;
}

#content .newCallout .calloutInner.transCallout a:hover {
    color: #1F4F82 !important;
    text-decoration: underline;
}

div.callout {
    padding: 10px;
    margin: 10px;
    width: 250px;
    display: inline-block;
    margin: 5px;
    color: #333333;
}

.callout p {
    margin-top: 10px;
    color: #333333;
}

.twoColumn-callout ul, .separateTabs .callout1 ul, .separateTabs .callout2 ul, .separateTabs .callout3 ul, .separateTabs .callout4 ul, .separateTabs .callout5 ul, .separateTabs .callout6 ul, .separateTabs .callout7 ul, .separateTabs .callout8 ul, .separateTabs .callout9 ul, .separateTabs .callout10 ul, .separateTabs .callout11 ul, .separateTabs .callout12 ul, .separateTabs .callout13 ul, .separateTabs .callout14 ul, .separateTabs .callout15 ul, .tabsLive .callout1 ul, .tabsLive .callout2 ul, .tabsLive .callout3 ul, .tabsLive .callout4 ul, .tabsLive .callout5 ul, .tabsLive .callout6 ul, .tabsLive .callout7 ul, .tabsLive .callout8 ul, .tabsLive .callout9 ul, .tabsLive .callout10 ul, .tabsLive .callout11 ul, .tabsLive .callout12 ul, .tabsLive .callout13 ul, .tabsLive .callout14 ul, .tabsLive .callout15 ul, .callout1 ul, .callout2 ul, .callout3 ul, .callout4 ul, .callout5 ul, .callout6 ul, .callout7 ul, .callout8 ul, .callout9 ul, .callout10 ul, .callout11 ul, .callout12 ul, .callout13 ul, .callout14 ul, .callout15 ul, .twoColumn-callout ol, .separateTabs .callout1 ol, .separateTabs .callout2 ol, .separateTabs .callout3 ol, .separateTabs .callout4 ol, .separateTabs .callout5 ol, .separateTabs .callout6 ol, .separateTabs .callout7 ol, .separateTabs .callout8 ol, .separateTabs .callout9 ol, .separateTabs .callout10 ol, .separateTabs .callout11 ol, .separateTabs .callout12 ol, .separateTabs .callout13 ol, .separateTabs .callout14 ol, .separateTabs .callout15 ol, .tabsLive .callout1 ol, .tabsLive .callout2 ol, .tabsLive .callout3 ol, .tabsLive .callout4 ol, .tabsLive .callout5 ol, .tabsLive .callout6 ol, .tabsLive .callout7 ol, .tabsLive .callout8 ol, .tabsLive .callout9 ol, .tabsLive .callout10 ol, .tabsLive .callout11 ol, .tabsLive .callout12 ol, .tabsLive .callout13 ol, .tabsLive .callout14 ol, .tabsLive .callout15 ol, .callout1 ol, .callout2 ol, .callout3 ol, .callout4 ol, .callout5 ol, .callout6 ol, .callout7 ol, .callout8 ol, .callout9 ol, .callout10 ol, .callout11 ol, .callout12 ol, .callout13 ol, .callout14 ol, .callout15 ol {
    color: #fff !important;
}

.callout h2, .callout h3, .callout h4, .callout h5, .callout h6 {
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
}

.callout h2 {
}

.twoColumn-callout h2, .twoColumn-callout h3, .twoColumn-callout h4, .twoColumn-callout h5, .twoColumn-callout h6, .twoColumn-callout a, .separateTabs .callout1 h2, .separateTabs .callout1 h3, .separateTabs .callout1 h4, .separateTabs .callout1 h5, .separateTabs .callout1 h6, .separateTabs .callout1 a, .tabsLive .callout1 h2, .tabsLive .callout1 h3, .tabsLive .callout1 h4, .tabsLive .callout1 h5, .tabsLive .callout1 h6, .tabsLive .callout1 a, .callout1 h2, .callout1 h3, .callout1 h4, .callout1 h5, .callout1 h6, .callout1 a {
    font-family: Arial, Helvetica, sans-serif;
    color: #fff !important;
}

.callout1 {
    padding: 10px;
    margin: 10px;
    color: #fff !important;
    background-color: #478d95;
}

    .callout1 p {
        font-family: "CenturySchoolbookStdRegular","Century Schoolbook", "Times New Roman", Times, serif;
        color: #fff !important;
    }

    .callout1 h2, .callout1 h3, .callout1 h4, .callout1 h5, .callout1 h6, .callout1 a {
        font-family: Arial, Helvetica, sans-serif;
        color: #fff !important;
    }

.callout2 {
    padding: 10px;
    margin: 10px;
    color: #fff !important;
    background-color: #f3693f;
}

    .callout2 p {
        font-family: "CenturySchoolbookStdRegular","Century Schoolbook", "Times New Roman", Times, serif;
        color: #fff !important;
    }

    .callout2 h2, .callout2 h3, .callout2 h4, .callout2 h5, .callout2 h6, .callout2 a {
        font-family: Arial, Helvetica, sans-serif;
        color: #fff !important;
    }

.callout3 {
    padding: 10px;
    margin: 10px;
    color: #fff !important;
    background-color: #478d95;
}

    .callout3 p {
        font-family: "CenturySchoolbookStdRegular","Century Schoolbook", "Times New Roman", Times, serif;
        color: #fff !important;
    }

    .callout3 h2, .callout3 h3, .callout3 h4, .callout3 h5, .callout3 h6, .callout3 a {
        font-family: Arial, Helvetica, sans-serif;
        color: #fff !important;
    }

.callout4 {
    padding: 10px;
    margin: 10px;
    color: #fff !important;
    background-color: #076a73;
}

    .callout4 p {
        font-family: "CenturySchoolbookStdRegular","Century Schoolbook", "Times New Roman", Times, serif;
        color: #fff !important;
    }

    .callout4 h2, .callout4 h3, .callout4 h4, .callout4 h5, .callout4 h6, .callout4 a {
        font-family: Arial, Helvetica, sans-serif;
        color: #fff !important;
    }

.callout5 {
    padding: 10px;
    margin: 10px;
    color: #fff !important;
    background-color: #f3693f;
}

    .callout5 p {
        font-family: "CenturySchoolbookStdRegular","Century Schoolbook", "Times New Roman", Times, serif;
        color: #fff !important;
    }

    .callout5 h2, .callout5 h3, .callout5 h4, .callout5 h5, .callout5 h6, .callout5 a {
        font-family: Arial, Helvetica, sans-serif;
        color: #fff !important;
    }

.callout6 {
    padding: 10px;
    margin: 10px;
    color: #fff !important;
    background-color: #478d95;
}

    .callout6 p {
        font-family: "CenturySchoolbookStdRegular","Century Schoolbook", "Times New Roman", Times, serif;
        color: #fff !important;
    }

    .callout6 h2, .callout6 h3, .callout6 h4, .callout6 h5, .callout6 h6, .callout6 a {
        font-family: Arial, Helvetica, sans-serif;
        color: #fff !important;
    }

.callout7 {
    padding: 10px;
    margin: 10px;
    color: #fff !important;
    background-color: #076a73;
}

    .callout7 p {
        font-family: "CenturySchoolbookStdRegular","Century Schoolbook", "Times New Roman", Times, serif;
        color: #fff !important;
    }

    .callout7 h2, .callout7 h3, .callout7 h4, .callout7 h5, .callout7 h6, .callout7 a {
        font-family: Arial, Helvetica, sans-serif;
        color: #fff !important;
    }

.callout8 {
    padding: 10px;
    margin: 10px;
    color: #fff !important;
    background-color: #f3693f;
}

    .callout8 p {
        font-family: "CenturySchoolbookStdRegular","Century Schoolbook", "Times New Roman", Times, serif;
        color: #fff !important;
    }

    .callout8 h2, .callout8 h3, .callout8 h4, .callout8 h5, .callout8 h6, .callout8 a {
        font-family: Arial, Helvetica, sans-serif;
        color: #fff !important;
    }

.callout9 {
    padding: 10px;
    margin: 10px;
    color: #fff !important;
    background-color: #478d95;
}

    .callout9 p {
        font-family: "CenturySchoolbookStdRegular","Century Schoolbook", "Times New Roman", Times, serif;
        color: #fff !important;
    }

    .callout9 h2, .callout9 h3, .callout9 h4, .callout9 h5, .callout9 h6, .callout9 a {
        font-family: Arial, Helvetica, sans-serif;
        color: #fff !important;
    }

.callout10 {
    padding: 10px;
    margin: 10px;
    color: #fff !important;
    background-color: #076a73;
}

    .callout10 p {
        font-family: "CenturySchoolbookStdRegular","Century Schoolbook", "Times New Roman", Times, serif;
        color: #fff !important;
    }

    .callout10 h2, .callout10 h3, .callout10 h4, .callout10 h5, .callout10 h6, .callout10 a {
        font-family: Arial, Helvetica, sans-serif;
        color: #fff !important;
    }

.callout11 {
    padding: 10px;
    margin: 10px;
    color: #fff !important;
    background-color: #f3693f;
}

    .callout11 p {
        font-family: "CenturySchoolbookStdRegular","Century Schoolbook", "Times New Roman", Times, serif;
        color: #fff !important;
    }

    .callout11 h2, .callout11 h3, .callout11 h4, .callout11 h5, .callout11 h6, .callout11 a {
        font-family: Arial, Helvetica, sans-serif;
        color: #fff !important;
    }

.callout12 {
    padding: 10px;
    margin: 10px;
    color: #fff !important;
    background-color: #478d95;
}

    .callout12 p {
        font-family: "CenturySchoolbookStdRegular","Century Schoolbook", "Times New Roman", Times, serif;
        color: #fff !important;
    }

    .callout12 h2, .callout12 h3, .callout12 h4, .callout12 h5, .callout12 h6, .callout12 a {
        font-family: Arial, Helvetica, sans-serif;
        color: #fff !important;
    }

.callout13 {
    padding: 10px;
    margin: 10px;
    color: #fff !important;
    background-color: #076a73;
}

    .callout13 p {
        font-family: "CenturySchoolbookStdRegular","Century Schoolbook", "Times New Roman", Times, serif;
        color: #fff !important;
    }

    .callout13 h2, .callout13 h3, .callout13 h4, .callout13 h5, .callout13 h6, .callout13 a {
        font-family: Arial, Helvetica, sans-serif;
        color: #fff !important;
    }

.callout14 {
    padding: 10px;
    margin: 10px;
    color: #fff !important;
    background-color: #f3693f;
}

    .callout14 p {
        font-family: "CenturySchoolbookStdRegular","Century Schoolbook", "Times New Roman", Times, serif;
        color: #fff !important;
    }

    .callout14 h2, .callout14 h3, .callout14 h4, .callout14 h5, .callout14 h6, .callout14 a {
        font-family: Arial, Helvetica, sans-serif;
        color: #fff !important;
    }

.callout15 {
    padding: 10px;
    margin: 10px;
    color: #fff !important;
    background-color: #478d95;
}

    .callout15 p {
        font-family: "CenturySchoolbookStdRegular","Century Schoolbook", "Times New Roman", Times, serif;
        color: #fff !important;
    }

    .callout15 h2, .callout15 h3, .callout15 h4, .callout15 h5, .callout15 h6, .callout15 a {
        font-family: Arial, Helvetica, sans-serif;
        color: #fff !important;
    }

    .callout1 h2, .callout2 h2, .callout3 h2, .callout4 h2, .callout5 h2, .callout6 h2, .callout7 h2, .callout8 h2, .callout9 h2, .callout10 h2, .callout11 h2, .callout12 h2, .callout13 h2, .callout14 h2, .callout15 h2 {
        font-size: 1.3em !important;
    }

.callout1 h2, .callout4 h2, .callout7 h2, .callout10 h2, .callout13 h2 {
    color: #fff !important;
}

.callout2 h2, .callout5 h2, .callout8 h2, .callout11 h2, .callout14 h2 {
    color: #fff !important;
}

.callout3 h2, .callout6 h2, .callout9 h2, .callout12 h2, .callout15 h2 {
    color: #fff !important;
}

.callout1 a, .callout4 a, .callout7 a, .callout10 a, .callout13 a, .callout2 a, .callout5 a, .callout8 a, .callout11 a, .callout14 a, .callout3 a, .callout6 a, .callout9 a, .callout12 a, .callout15 a {
    text-decoration: underline !important;
}

    .callout1 a:hover, .callout4 a:hover, .callout7 a:hover, .callout10 a:hover, .callout13 a:hover, .callout2 a:hover, .callout5 a:hover, .callout8 a:hover, .callout11 a:hover, .callout14 a:hover, .callout3 a:hover, .callout6 a:hover, .callout9 a:hover, .callout12 a:hover, .callout15 a:hover {
        text-decoration: none !important;
    }

.callout1 ol li, .callout2 ol li, .callout3 ol li, .callout4 ol li, .callout5 ol li, .callout6 ol li, .callout7 ol li, .callout8 ol li, .callout9 ol li, .callout10 ol li, .callout11 ol li, .callout12 ol li, .callout13 ol li, .callout14 ol li, .callout15 ol li {
    list-style: decimal !important;
}

div.expandable {
    max-width: 400px;
    width: auto;
}

.expandable img {
    max-width: 96%;
}

.floatRight {
    float: right;
    width: 200px;
}

.floatLeft {
    float: left;
    width: 200px;
}

.department2, .department3, .department4, .department5 {
    padding: 10px;
    margin: 10px;
    color: #fff !important;
    background-color: #fff;
}

    .department2 p, .department3 p, .department4 p, .department5 p {
        font-family: "CenturySchoolbookStdRegular","Century Schoolbook", "Times New Roman", Times, serif;
        color: #fff !important;
    }

    .department2 h4, .department2 h5, .department2 h6, .department2 a, .department3 h4, .department3 h5, .department3 h6, .department3 a, .department4 h4, .department4 h5, .department4 h6, .department4 a, .department5 h4, .department5 h5, .department5 h6, .department5 a {
        font-family: Arial, Helvetica, sans-serif;
        color: #fff !important;
    }

.twoColumn-callout {
    padding: 0px;
    margin: 0px;
    width: 495px;
    background-color: #076a73;
    display: inline-block;
    margin: 5px;
}

    .twoColumn-callout .left-column {
        float: left;
        width: 340px;
        display: inline-block;
    }

    .twoColumn-callout .right-column {
        float: right;
        display: inline-block;
    }

    .twoColumn-callout h4 {
        padding: 12px;
        padding-bottom: 0;
        color: #fff;
        font-family: "CenturySchoolbookStdRegular","Century Schoolbook","Times New Roman",Times,serif;
        font-size: 14.58px;
    }

    .twoColumn-callout p {
        padding: 12px;
        padding-top: 0;
        color: #fff;
        font-size: 12.0px;
    }

    .twoColumn-callout img {
        padding: 12px;
        border: none;
    }

.primary, .primary p, .primary h2, .primary h3, .primary h4, .primary h5, .primary h6 {
    background-color: #076a73;
    color: #fff;
}

#content .primary, #content .primary p, #content .primary h2, #content .primary h3, #content .primary h4, #content .primary h5, #content .primary h6, #content .primary ul {
    background-color: #076a73;
    color: #fff;
}

#content .bg_secondary, #content .bg_secondary p, #content .bg_secondary h2, #content .bg_secondary h3, #content .bg_secondary h4, #content .bg_secondary h5, #content .bg_secondary h6, #content .callout .bg_secondary ul, #content .callout .bg_secondary li, #content .callout .bg_secondary a {
    background-color: #478d95;
    color: #fff !important;
}

#content .bg_highlight, #content .bg_highlight, #content .bg_highlight p, #content .bg_highlight h2, #content .bg_highlight h3, #content .bg_highlight h4, #content .bg_highlight h5, #content .bg_highlight h6, #content .callout .bg_highlight ul, #content .callout .bg_highlight li, #content .callout .bg_highlight a {
    background-color: #f3693f;
    color: #fff !important;
}

#content .callout.newCallout .calloutInner.default p, #content .callout.newCallout .calloutInner.default h2, #content .callout.newCallout .calloutInner.default h3, #content .callout.newCallout .calloutInner.default h4, #content .callout.newCallout .calloutInner.default h5, #content .callout.newCallout .calloutInner.default h6, #content .callout .default ul, #content .callout .default li, #content .callout .default a {
    background-color: transparent;
}

#content .callout.newCallout .calloutInner.default {
    background-color: #E3E3E3;
}

#content .callout .default a, #content .callout .default a:hover, #content .callout .default a:active, #content .callout .default p a, #content .callout .default p a:hover, #content .callout .default p a:active, #content .calloutInner.default p a, #content .calloutInner.default p a:active, #content .calloutInner.default a p, #content .calloutInner.default a:active p {
    color: #1F4F82 !important;
    text-decoration: none;
}

    #content .callout .default a:visited, #content .callout .default p a:visited {
        color: #4A7194;
    }

    #content .callout .default a:hover, #content .callout .default p a:hover {
        text-decoration: underline;
    }

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

    .scroll-wrapper > .scroll-content {
        border: none !important;
        box-sizing: content-box !important;
        height: auto;
        left: 0;
        margin: 0;
        max-height: none !important;
        max-width: none !important;
        overflow: scroll !important;
        padding: 0;
        position: relative !important;
        top: 0;
        width: auto !important;
    }

        .scroll-wrapper > .scroll-content::-webkit-scrollbar {
            height: 0;
            width: 0;
        }

.scroll-element {
    display: none;
}

    .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
        display: block;
    }

.scrollbar > .scroll-content.scroll-scrolly_visible {
    left: -17px;
    margin-left: 17px;
}

.scrollbar > .scroll-content.scroll-scrollx_visible {
    top: -17px;
    margin-top: 17px;
}

.scrollbar > .scroll-element, .scrollbar > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

    .scrollbar > .scroll-element .scroll-element_outer, .scrollbar > .scroll-element .scroll-element_size, .scrollbar > .scroll-element .scroll-element_inner-wrapper, .scrollbar > .scroll-element .scroll-element_inner, .scrollbar > .scroll-element .scroll-bar, .scrollbar > .scroll-element .scroll-bar div {
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
    }

    .scrollbar > .scroll-element.scroll-x {
        border-top: solid 1px #fcfdff;
        bottom: 0;
        height: 16px;
        left: 0;
        min-width: 100%;
        width: 100%;
    }

    .scrollbar > .scroll-element.scroll-y {
        height: 100%;
        min-height: 100%;
        right: 0;
        top: 0;
        width: 6px;
        padding: 0 6px;
        overflow: visible;
        background: #E3E3E3;
    }

.primary .scrollbar > .scroll-element.scroll-y {
    background: #076a73;
}

.bg_secondary .scrollbar > .scroll-element.scroll-y {
    background: #478d95;
}

.bg_highlight .scrollbar > .scroll-element.scroll-y {
    background: #f3693f;
}

.scrollbar > .scroll-element.scroll-x .scroll-arrow {
}

.scrollbar > .scroll-element.scroll-x .scroll-bar {
    min-width: 16px;
    background-position: 0 -34px;
    background-repeat: no-repeat;
}

.scrollbar > .scroll-element.scroll-x .scroll-bar_body {
    left: 2px;
}

.scrollbar > .scroll-element.scroll-x .scroll-bar_body-inner {
    left: -4px;
    background-position: 0 -17px;
}

.scrollbar > .scroll-element.scroll-x .scroll-bar_center {
    left: 50%;
    margin-left: -6px;
    width: 12px;
    background-position: 24px -34px;
}

.scrollbar > .scroll-element.scroll-x .scroll-bar_bottom {
    left: auto;
    right: 0;
    width: 2px;
    background-position: 37px -34px;
}

.scrollbar > .scroll-element.scroll-y .scroll-bar {
    min-height: 16px;
    background-position: -34px 0;
    background-repeat: no-repeat;
    background: #727272;
    border-radius: 5px;
    width: 5px;
}

.scrollbar > .scroll-element.scroll-y .scroll-bar_body {
    top: 2px;
    background: #727272;
}

.scrollbar > .scroll-element.scroll-y .scroll-bar_body-inner {
    top: -4px;
    background-position: -17px 0;
}

.scrollbar > .scroll-element.scroll-y .scroll-bar_center {
    top: 50%;
    margin-top: -6px;
    height: 12px;
    background-position: -34px 24px;
}

.scrollbar > .scroll-element.scroll-y .scroll-bar_bottom {
    top: auto;
    bottom: 0;
    height: 2px;
    background-position: -34px 37px;
}

.scrollbar > .scroll-element .scroll-arrow {
    display: none;
}

.scrollbar > .scroll-element.scroll-element_arrows_visible .scroll-arrow {
    display: block;
    z-index: 12;
}

.scrollbar > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-arrow_less {
    height: 100%;
    width: 17px;
    background-position: 0 -51px;
}

.scrollbar > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-arrow_more {
    height: 100%;
    left: auto;
    right: 0;
    width: 17px;
    background-position: 17px -51px;
}

.scrollbar > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-element_outer {
    left: 17px;
}

.scrollbar > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-element_inner {
    left: -34px;
}

.scrollbar > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-element_size {
    left: -34px;
}

.scrollbar > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_less {
    width: 100%;
    height: 17px;
    width: 14px;
    margin: 0 -4px;
    background: url(/pantheon/dynamic/images/polygon/14x13/0,12,0,6,6,0,7,0,13,6,13,12,7,6,6,6/868686-E3E3E3.png) no-repeat 0 5px;
}

.scrollbar > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_more {
    width: 100%;
    top: auto;
    bottom: 0;
    height: 17px;
    width: 14px;
    margin: 0 -4px;
    background: url(/pantheon/dynamic/images/polygon/14x13/0,0,6,6,7,6,13,0,13,6,7,12,6,12,0,6/868686-E3E3E3.png) no-repeat 0 5px;
}

.scrollbar > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_outer {
    top: 17px;
    overflow: visible;
    width: 5px;
    margin: 0 6px;
    background: #aeaeae;
}

.scrollbar > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_size {
    top: -34px;
}

.primary .scrollbar > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_less {
    width: 100%;
    height: 17px;
    width: 14px;
    margin: 0 -4px;
    background: url(/pantheon/dynamic/images/polygon/14x13/0,12,0,6,6,0,7,0,13,6,13,12,7,6,6,6/868686-076a73.png) no-repeat 0 5px;
}

.primary .scrollbar > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_more {
    width: 100%;
    top: auto;
    bottom: 0;
    height: 17px;
    width: 14px;
    margin: 0 -4px;
    background: url(/pantheon/dynamic/images/polygon/14x13/0,0,6,6,7,6,13,0,13,6,7,12,6,12,0,6/868686-076a73.png) no-repeat 0 5px;
}

.bg_secondary .scrollbar > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_less {
    width: 100%;
    height: 17px;
    width: 14px;
    margin: 0 -4px;
    background: url(/pantheon/dynamic/images/polygon/14x13/0,12,0,6,6,0,7,0,13,6,13,12,7,6,6,6/868686-478d95.png) no-repeat 0 5px;
}

.bg_secondary .scrollbar > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_more {
    width: 100%;
    top: auto;
    bottom: 0;
    height: 17px;
    width: 14px;
    margin: 0 -4px;
    background: url(/pantheon/dynamic/images/polygon/14x13/0,0,6,6,7,6,13,0,13,6,7,12,6,12,0,6/868686-478d95.png) no-repeat 0 5px;
}

.bg_highlight .scrollbar > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_less {
    width: 100%;
    height: 17px;
    width: 14px;
    margin: 0 -4px;
    background: url(/pantheon/dynamic/images/polygon/14x13/0,12,0,6,6,0,7,0,13,6,13,12,7,6,6,6/868686-f3693f.png) no-repeat 0 5px;
}

.bg_highlight .scrollbar > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_more {
    width: 100%;
    top: auto;
    bottom: 0;
    height: 17px;
    width: 14px;
    margin: 0 -4px;
    background: url(/pantheon/dynamic/images/polygon/14x13/0,0,6,6,7,6,13,0,13,6,7,12,6,12,0,6/868686-f3693f.png) no-repeat 0 5px;
}

.scrollbar > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -17px;
}

.scrollbar > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -17px;
}

.scrollbar > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_inner {
    left: -17px;
}

.scrollbar > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_inner {
    top: -17px;
}

.scrollbar > .scroll-element.scroll-x.scroll-element_arrows_visible.scroll-scrolly_visible .scroll-arrow_more {
    right: 17px;
}

.scrollbar > .scroll-element.scroll-x.scroll-element_arrows_visible.scroll-scrolly_visible .scroll-element_inner {
    left: -51px;
}

.scrollbar > .scroll-element.scroll-x.scroll-element_arrows_visible.scroll-scrolly_visible .scroll-element_size {
    left: -51px;
}

.scrollbar > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-arrow_more {
    bottom: 17px;
}

.scrollbar > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-element_inner {
    top: -51px;
}

.scrollbar > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-element_size {
    top: -51px;
}

div#content div.callout.newCallout.default {
    background-color: #E3E3E3;
}

div#content div.callout.newCallout div.calloutInner {
    overflow: hidden;
    padding: 5px;
    margin: 5px;
}

    div#content div.callout.newCallout div.calloutInner p {
        margin-bottom: 12px;
    }

div#content div.callout.newCallout div.scrollbar {
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    padding-right: 5px;
}

    div#content div.callout.newCallout div.scrollbar div.heightRestriction {
        width: 100%;
    }

pre, code {
    font-size: 1.1em;
    white-space: pre;
    background-color: #e3e3e3;
    color: #000;
    border: 1px solid #aeaeae;
    padding: 10px;
    display: block;
    margin-bottom: 20px;
    width: 97%;
}

code {
    padding-top: 20px;
    background-image: url(/pantheon/images/Chronos/snippets/Miscellaneous/code.gif);
    background-repeat: no-repeat;
}

    code strong {
        color: const(mainColour);
    }

.tabsLive .warning, .seperateTabs .warning, .warning {
    background-image: url(/pantheon/images/Chronos/snippets/Miscellaneous/warning.gif);
    padding-left: 25px;
    color: red;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: top left;
    margin: 3px 0 20px 0;
    min-height: 20px;
    display: block;
}

p.warning {
    margin: 3px 0 20px 0;
}

.str {
    color: #3C9F1D;
}

.kwd {
    color: #008;
}

.com {
    color: #656565;
}

.typ {
    color: #EF483B;
}

.lit {
    color: #066;
}

.pun {
    color: #660;
}

.pln {
    color: #000;
}

.tag {
    color: #008;
}

.atn {
    color: #606;
}

.atv {
    color: #080;
}

.dec {
    color: #606;
}

div#content div.is.catalogue.small.custom-button {
    position: relative;
    display: table;
    width: 100%;
    height: 45px;
    color: white;
    text-align: center;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-top: 3%;
    padding-bottom: 3%;
    margin: 0;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    div#content div.is.catalogue.small.custom-button div.label {
        display: table-cell;
        vertical-align: middle;
    }

    div#content div.is.catalogue.small.custom-button div.value {
        display: none;
    }

    div#content div.is.catalogue.small.custom-button.com {
        background-color: #586f8f;
        border: 3px #586f8f solid;
    }

        div#content div.is.catalogue.small.custom-button.com:focus, div#content div.is.catalogue.small.custom-button.com:hover, div#content div.is.catalogue.small.custom-button.com.active {
            background-color: #8092aa;
        }

        div#content div.is.catalogue.small.custom-button.com:focus, div#content div.is.catalogue.small.custom-button.com:hover {
            border: 3px #8092aa solid;
            border-top: 3px #586f8f solid;
        }

        div#content div.is.catalogue.small.custom-button.com.active {
            border: 3px #586f8f solid;
        }

    div#content div.is.catalogue.small.custom-button.corp {
        background-color: #865151;
        border: 3px #865151 solid;
    }

        div#content div.is.catalogue.small.custom-button.corp:focus, div#content div.is.catalogue.small.custom-button.corp:hover, div#content div.is.catalogue.small.custom-button.corp.active {
            background-color: #a47d7d;
        }

        div#content div.is.catalogue.small.custom-button.corp:focus, div#content div.is.catalogue.small.custom-button.corp:hover {
            border: 3px #a47d7d solid;
            border-top: 3px #865151 solid;
        }

        div#content div.is.catalogue.small.custom-button.corp.active {
            border: 3px #865151 solid;
        }

    div#content div.is.catalogue.small.custom-button.infras {
        background-color: #55734a;
        border: 3px #55734a solid;
    }

        div#content div.is.catalogue.small.custom-button.infras:focus, div#content div.is.catalogue.small.custom-button.infras:hover, div#content div.is.catalogue.small.custom-button.infras.active {
            background-color: #809677;
        }

        div#content div.is.catalogue.small.custom-button.infras:focus, div#content div.is.catalogue.small.custom-button.infras:hover {
            border: 3px #809677 solid;
            border-top: 3px #55734a solid;
        }

        div#content div.is.catalogue.small.custom-button.infras.active {
            border: 3px #55734a solid;
        }

    div#content div.is.catalogue.small.custom-button.learn {
        background-color: #6e5c89;
        border: 3px #6e5c89 solid;
    }

        div#content div.is.catalogue.small.custom-button.learn:focus, div#content div.is.catalogue.small.custom-button.learn:hover, div#content div.is.catalogue.small.custom-button.learn.active {
            background-color: #9285a7;
        }

        div#content div.is.catalogue.small.custom-button.learn:focus, div#content div.is.catalogue.small.custom-button.learn:hover {
            border: 3px #9285a7 solid;
            border-top: 3px #6e5c89 solid;
        }

        div#content div.is.catalogue.small.custom-button.learn.active {
            border: 3px #6e5c89 solid;
        }

    div#content div.is.catalogue.small.custom-button.res {
        background-color: #a38d20;
        border: 3px #a38d20 solid;
    }

        div#content div.is.catalogue.small.custom-button.res:focus, div#content div.is.catalogue.small.custom-button.res:hover, div#content div.is.catalogue.small.custom-button.res.active {
            background-color: #cbbf80;
        }

        div#content div.is.catalogue.small.custom-button.res:focus, div#content div.is.catalogue.small.custom-button.res:hover {
            border: 3px #cbbf80 solid;
            border-top: 3px #a38d20 solid;
        }

        div#content div.is.catalogue.small.custom-button.res.active {
            border: 3px #a38d20 solid;
        }

    div#content div.is.catalogue.small.custom-button.supp {
        background-color: #308b84;
        border: 3px #308b84 solid;
    }

        div#content div.is.catalogue.small.custom-button.supp:focus, div#content div.is.catalogue.small.custom-button.supp:hover, div#content div.is.catalogue.small.custom-button.supp.active {
            background-color: #9dc4c1;
        }

        div#content div.is.catalogue.small.custom-button.supp:focus, div#content div.is.catalogue.small.custom-button.supp:hover {
            border: 3px #9dc4c1 solid;
            border-top: 3px #308b84 solid;
        }

        div#content div.is.catalogue.small.custom-button.supp.active {
            border: 3px #308b84 solid;
        }

div#content div.is.catalogue.large.custom-button {
    position: relative;
    display: block;
    height: 99px;
    background-color: rgb(232,234,233);
    overflow: hidden;
    padding: 0;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    div#content div.is.catalogue.large.custom-button.com {
        border-bottom: 3px #586f8f solid;
    }

    div#content div.is.catalogue.large.custom-button.corp {
        border-bottom: 3px #865151 solid;
    }

    div#content div.is.catalogue.large.custom-button.infras {
        border-bottom: 3px #55734a solid;
    }

    div#content div.is.catalogue.large.custom-button.learn {
        border-bottom: 3px #6e5c89 solid;
    }

    div#content div.is.catalogue.large.custom-button.res {
        border-bottom: 3px #a38d20 solid;
    }

    div#content div.is.catalogue.large.custom-button.supp {
        border-bottom: 3px #308b84 solid;
    }

    div#content div.is.catalogue.large.custom-button a.link {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        background-color: transparent;
        background-image: none;
    }

    div#content div.is.catalogue.large.custom-button div.screen {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    div#content div.is.catalogue.large.custom-button.com div.screen:hover {
        background-color: rgba(88, 111, 143, 0.2);
    }

    div#content div.is.catalogue.large.custom-button.corp div.screen:hover {
        background-color: rgba(134, 81, 81, 0.2);
    }

    div#content div.is.catalogue.large.custom-button.infras div.screen:hover {
        background-color: rgba(85, 115, 74, 0.2);
    }

    div#content div.is.catalogue.large.custom-button.learn div.screen:hover {
        background-color: rgba(110, 92, 137, 0.2);
    }

    div#content div.is.catalogue.large.custom-button.res div.screen:hover {
        background-color: rgba(163, 141, 32, 0.2);
    }

    div#content div.is.catalogue.large.custom-button.supp div.screen:hover {
        background-color: rgba(48, 139, 132, 0.2);
    }

    div#content div.is.catalogue.large.custom-button div.icon-wrapper {
        position: relative;
        display: inline-block;
        width: 100px;
        height: 100%;
        margin: 0;
        float: left;
    }

    div#content div.is.catalogue.large.custom-button div.icon {
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    div#content div.is.catalogue.large.custom-button.com div.icon {
        background-image: url(/pantheon/images/Chronos/snippets/ISButtonSet/communications-icon.png);
        width: 77px;
        height: 63px;
    }

    div#content div.is.catalogue.large.custom-button.corp div.icon {
        background-image: url(/pantheon/images/Chronos/snippets/ISButtonSet/corporate-systems-icon.png);
        width: 90px;
        height: 63px;
    }

    div#content div.is.catalogue.large.custom-button.infras div.icon {
        background-image: url(/pantheon/images/Chronos/snippets/ISButtonSet/infrastructure-icon.png);
        width: 62px;
        height: 64px;
    }

    div#content div.is.catalogue.large.custom-button.learn div.icon {
        background-image: url(/pantheon/images/Chronos/snippets/ISButtonSet/learning-teaching-icon.png);
        width: 72px;
        height: 64px;
    }

    div#content div.is.catalogue.large.custom-button.res div.icon {
        background-image: url(/pantheon/images/Chronos/snippets/ISButtonSet/research-icon.png);
        width: 55px;
        height: 63px;
    }

    div#content div.is.catalogue.large.custom-button.supp div.icon {
        background-image: url(/pantheon/images/Chronos/snippets/ISButtonSet/support-icon.png);
        width: 50px;
        height: 64px;
    }

    div#content div.is.catalogue.large.custom-button div.content-wrapper {
        position: static;
        display: inline-block;
        width: 262px;
        height: 100%;
        margin: 0;
        float: left;
        overflow: hidden;
    }

        div#content div.is.catalogue.large.custom-button div.content-wrapper div.title {
            position: static;
            display: block;
            height: 30px;
            margin: 15px 2px 10px 5px;
            overflow: hidden;
            white-space: nowrap;
        }

            div#content div.is.catalogue.large.custom-button div.content-wrapper div.title h2 {
                font-size: 1.5em;
            }

    div#content div.is.catalogue.large.custom-button.com div.content-wrapper div.title h2 {
        color: #586f8f;
    }

    div#content div.is.catalogue.large.custom-button.corp div.content-wrapper div.title h2 {
        color: #865151;
    }

    div#content div.is.catalogue.large.custom-button.infras div.content-wrapper div.title h2 {
        color: #55734a;
    }

    div#content div.is.catalogue.large.custom-button.learn div.content-wrapper div.title h2 {
        color: #6e5c89;
    }

    div#content div.is.catalogue.large.custom-button.res div.content-wrapper div.title h2 {
        color: #a38d20;
    }

    div#content div.is.catalogue.large.custom-button.supp div.content-wrapper div.title h2 {
        color: #308b84;
    }

    div#content div.is.catalogue.large.custom-button div.content-wrapper div.description {
        display: block;
        height: 40px;
        margin: 10px 2px 10px 5px;
        color: black;
    }

div.calendarSnippet ul.tabsNav {
    width: 100%;
    color: black;
}

div.calendarSnippet div.tabContent {
    border-bottom: 0;
}

table.calSnippet {
    margin: 0;
    margin-left: 2px;
    padding: 0;
    position: relative;
    left: 0;
    top: 0;
    border: none;
}

    table.calSnippet th {
        background-color: #f3693f;
    }

    table.calSnippet td {
        vertical-align: top;
    }

        table.calSnippet td.calDate {
            background-color: #e9e9e9 !important;
        }

            table.calSnippet td.calDate div.calClock {
                background-image: url(/pantheon/images/Bacchus/snippets/Calendar/clock.png);
                background-repeat: no-repeat;
                height: 21px;
                padding-left: 23px;
                padding-top: 3px;
            }

            table.calSnippet td.calDate p {
                margin-bottom: 0;
                font-size: 81%;
                color: black;
                font-weight: bold;
            }

div.calendarSnippet p {
    color: black;
}

div.calendarSnippet td {
    color: black;
}

    div.calendarSnippet td.clDate h3 a {
        font-size: 14px !important;
    }

#content a:link {
    border-bottom: 1px solid #d4d4d4;
    color: #1F4F82;
    text-decoration: none;
}

#content a:visited {
    border-bottom: 1px solid #d4d4d4;
    color: #4A7194;
    text-decoration: none;
}

#content a:hover, #content a:focus {
    border-bottom: 1px solid #1F4F82;
    color: #1F4F82;
    text-decoration: none;
}

#content > p, #content .contentLeftColumn > p, #content .contentLeftColumn > div > p, #content .contentRightColumn > p, #content .threeColumnDivide div > p, #content .threeColumnDivide > p, #content .newsMainCol > p, #content .row-fluid div > p, #content .row-fluid div section > p, #content .tabContent > p, #content .tab-content > p, #content .showHideContent > p, #content .eventsMainCol > p, #kbcontent .content-area p, div#content table.strong td p, div#content table.strong th p, #content .news-snippet-lister .full-item p.summary, .snippetBox > p, .grid_2 > p {
    margin-bottom: 2em;
    line-height: 1.5em;
}

#content .photofade .lefttext p {
    margin-bottom: 0;
}

div#content table.strong td, div#content table.strong th {
    line-height: 1.5em;
}

#content p + ul, #content p + ol {
    margin-top: -0.8em;
}

#content ul + h2, #content ol + h2, #content ul + h3, #content ol + h3, #content ul + h4, #content ol + h4 {
    margin-top: 1.3em;
}

#content ol li, #content ul li {
    line-height: 1.5em;
}

#content ol.collapsed li, #content ul.collapsed li {
    margin: 4px 0 4px 10px;
    line-height: 1.2em;
}

#content .chronoButton .photolist .bottom ul li, #content .chronoButton .photolist-index-right ul li, #content .chronoButton .photolist-index-left ul li, #content .contentlist-index-top ul li, #content .imageContent ul li, #content .feature_accordion ol li, #content .pattern-scroller ul li, #content .summary2 ul li {
    margin: 4px 0 4px 10px;
    line-height: 1.2em;
}

#content .summary2.summary2-content ul li, #content .summary2.summary2-content ol li {
    line-height: 1.5em;
}

#content .chronoButton .photolist-index-right ul li {
    margin: 4px 0 6px 0;
}

#content .chronoButton .photolist-index-left ul li {
    line-height: 1.2em;
    margin: 4px 0 6px 0;
}

#content #int-index .chronoButton .photolist .bottom ul li, #content #int-index .chronoButton.largePhotoList .bottom ul li, #content #courses-index .chronoButton .photolist .bottom ul li, #content #courses-index .chronoButton.largePhotoList .bottom ul li {
    margin: 1px;
}

#content .frontPageEvents .text a:link, #content .frontPageEvents .text a:visited, #content .frontPageEvents .full-guide a:link, #content .frontPageEvents .full-guide a:visited {
    border-bottom: 0;
    color: #000;
}

#business-index .chronoButton .photolist-index-left ul li {
    margin-bottom: 1px !important;
    margin-top: 1px !important;
}

#content .contentlist-index-top ul li {
    margin-left: 0 !important;
}

#content .summary2 .text .text p {
    line-height: 1.5em !important;
    margin-bottom: 2em !important;
}

#content p:empty {
    margin-bottom: 0.9em !important;
    line-height: 0;
}

#content .news-snippet .news-selected h2 a:hover, #content .news-snippet .news-selected p.more-information a:hover, #content #more-news a:hover {
    text-decoration: underline;
}

#content .simpleSearchBoxSnippet a:link, #content .simpleSearchBoxSnippet a:visited, #content .simpleSearchBoxSnippet a:hover, #content .promo .frame.highlighted.dark-blue .promo-links a:link {
    color: #fff;
    text-decoration: none !important;
}

#content .courseFinderSnippet a:link, #content .courseFinderSnippet a:visited, #content .newCallout .calloutInner.primary p a {
    color: #fff;
}

#content .imageContent .mainContent a:hover, #content .promo .frame.highlighted.dark-blue a:hover {
    text-decoration: none !important;
}

#content .chronoButton p, #content blockquote.floatLeft p, #content blockquote p, #content .simpleSearchBoxSnippet p, #content .courseFinderSnippet p, #content .callout p, #content .imageContent p, #content .CallToAction p, #content p.showHideTitle, #content .tweet-list p, #content .eventInfo p, #content .eventInfo p.day, #content #staff-colour-bar p, #content #case-studies-colour-bar p, #content .summary2 p, #content .news-snippet p, #content #news-wrapper .news-snippet .news-selected p.summary, #content .pattern-profile-list p, #content .event-highlight p, #content .shaded, #content .shadedtext, #content .summary3.pattern-scroller .blocks .block .text .body p, #content .summary2.pattern-scroller .blocks .block .text .body p, #content .summary2 .blocks .block .text .body p #content .summary2 .date p, #content .upcomingEventsSnippet p, #content .chronoButton .phototext-index2 p {
    line-height: 1.19em !important;
}

#content div.callout p, #content .chronoButton .phototext-index2 p, #content .tabsLive .tabContent p[align='right'], {
    margin-bottom: 12px;
}

#content .row-fluid div.showHide p.showHideTitle {
    margin-bottom: 0;
}

#content .summary2 .date p {
    margin-bottom: 0 !important;
}

#content .row-fluid div.fifty-introduction p {
    margin-bottom: 0;
}

#content .our-campuses a, #content .chronoButton a, #content a.chronoButtonLink, #content .twitter-text a, #content .tweet-list-footer a, #content .scrollerSnippetBox a, #content .simpleSearchBoxSnippet a, #content .courseFinderSnippet a, #content .tabsNav a, #content .tab-navigation a, #content .thumbnails-wrapper a, #content .titleBar a, #content .tweet-content a, #content #case-studies-colour-bar a, #content #staff-colour-bar a, #content .summary2-full .block .title a, #content .summary2-newsevent a, #content .news-snippet a, #content #more-news a, #content .summary2-next, #content .summary2-prev, #content .profiles-footer a, #content .miniCal a, #content .callout1 a, #content .callout4 a, #content .callout7 a, #content .callout10 a, #content .callout13 a, #content .callout2 a, #content .callout5 a, #content .callout8 a, #content .callout11 a, #content .callout14 a, #content .callout3 a, #content .callout6 a, #content .callout9 a, #content .callout12 a, #content .callout15 a, #content a.pattern-profile-course, #content .courses-list a, #content .upcomingEventsSnippet a, #content div.CallToAction div.CTABody div.CTAButtons a, #content .maps .search_bar ul.search_links li.toplink > a, #maps .list_over_img li a {
    border-bottom: 0 !important;
}

#maps .chzn-container a.chzn-single {
    border-bottom: solid 1px #aaaaaa !important;
}

#content .newCallout .calloutInner p a {
    border-bottom: 1px solid #d4d4d4 !important;
    color: #1F4F82;
    text-decoration: none !important;
}

    #content .newCallout .calloutInner p a:hover, #content .newCallout .calloutInner p a:focus {
        border-bottom: 1px solid #1F4F82 !important;
    }

#content .summary2-full .pagination {
    padding-bottom: 10px;
}

.dataGridContainer {
    min-height: 200px;
    min-width: 200px;
}

#content .dataGridContainer table {
    width: auto;
    margin: 0px !important;
}

.dataGridContainer a.lightbox-icon {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    background-image: url(/pantheon/images/Default/snippets/dataGrid/image_zoom.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin: 0 auto;
}

.filter-map .leaflet-map-pane, .filter-map .leaflet-tile, .filter-map .leaflet-marker-icon, .filter-map .leaflet-marker-shadow, .filter-map .leaflet-tile-pane, .filter-map .leaflet-tile-container, .filter-map .leaflet-overlay-pane, .filter-map .leaflet-shadow-pane, .filter-map .leaflet-marker-pane, .filter-map .leaflet-popup-pane, .filter-map .leaflet-overlay-pane svg, .filter-map .leaflet-zoom-box, .filter-map .leaflet-image-layer, .filter-map .leaflet-layer {
    position: absolute;
    left: 0;
    top: 0;
}

.filter-map .leaflet-container {
    overflow: hidden;
    -ms-touch-action: none;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    background: #b5d0d0;
    outline: 0;
    font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}

    .filter-map .leaflet-container img {
        max-width: none !important;
    }

        .filter-map .leaflet-container img.leaflet-image-layer {
            max-width: 15000px !important;
        }

    .filter-map .leaflet-container a {
        color: #0078A8;
    }

        .filter-map .leaflet-container a.leaflet-active {
            outline: 2px solid orange;
        }

    .filter-map .leaflet-container .leaflet-control-attribution {
        background: #fff;
        background: rgba(255, 255, 255, 0.7);
        margin: 0;
    }

#content .filter-map .leaflet-container a.leaflet-popup-close-button {
    position: absolute;
    margin-top: 58px;
    top: -14px;
    right: -14px;
    text-align: center;
    width: 28px;
    height: 28px;
    color: #e5e5e5;
    text-decoration: none;
    font-weight: bold;
    background-color: #666;
    border-radius: 50%;
    line-height: 28px;
    border: 0;
    font-size: 18px;
    cursor: pointer;
}

    #content .filter-map .leaflet-container a.leaflet-popup-close-button:hover {
        color: #fff;
        background-color: #888;
    }

.filter-map .leaflet-tile, .filter-map .leaflet-marker-icon, .filter-map .leaflet-marker-shadow {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}

.filter-map .leaflet-marker-icon, .filter-map .leaflet-marker-shadow {
    display: block;
}

.filter-map .leaflet-tile {
    filter: inherit;
    visibility: hidden;
}

.filter-map .leaflet-tile-loaded {
    visibility: inherit;
}

.filter-map .leaflet-zoom-box {
    width: 0;
    height: 0;
    border: 2px dotted #38f;
    background: rgba(255, 255, 255, 0.5);
}

.filter-map .leaflet-overlay-pane {
    z-index: 4;
}

    .filter-map .leaflet-overlay-pane svg {
        -moz-user-select: none;
    }

.filter-map .leaflet-tile-pane {
    z-index: 2;
}

.filter-map .leaflet-objects-pane {
    z-index: 3;
}

.filter-map .leaflet-shadow-pane {
    z-index: 5;
}

.filter-map .leaflet-marker-pane {
    z-index: 6;
}

.filter-map .leaflet-popup-pane {
    z-index: 7;
}

.filter-map .leaflet-vml-shape {
    width: 1px;
    height: 1px;
}

.filter-map .lvml {
    behavior: url(#default#VML);
    display: inline-block;
    position: absolute;
}

.filter-map .leaflet-control {
    position: relative;
    z-index: 7;
    pointer-events: auto;
    float: left;
    clear: both;
}

.filter-map .leaflet-top, .filter-map .leaflet-bottom {
    position: absolute;
    z-index: 1000;
    pointer-events: none;
}

.filter-map .leaflet-top {
    top: 0;
}

    .filter-map .leaflet-top .leaflet-control {
        margin-top: 10px;
    }

.filter-map .leaflet-right {
    right: 0;
}

    .filter-map .leaflet-right .leaflet-control {
        float: right;
        margin-right: 10px;
    }

.filter-map .leaflet-bottom {
    bottom: 0;
}

    .filter-map .leaflet-bottom .leaflet-control {
        margin-bottom: 10px;
    }

    .filter-map .leaflet-bottom .leaflet-control-scale {
        margin-bottom: 5px;
    }

.filter-map .leaflet-left {
    left: 0;
}

    .filter-map .leaflet-left .leaflet-control {
        margin-left: 10px;
    }

    .filter-map .leaflet-left .leaflet-control-scale {
        margin-left: 5px;
    }

.filter-map .leaflet-fade-anim .leaflet-tile, .filter-map .leaflet-fade-anim .leaflet-popup {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.filter-map .leaflet-fade-anim .leaflet-tile-loaded, .filter-map .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    opacity: 1;
}

.filter-map .leaflet-zoom-anim .leaflet-zoom-animated {
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
    -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
    -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
    transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.filter-map .leaflet-zoom-anim .leaflet-zoom-hide {
    visibility: hidden;
}

.filter-map .leaflet-zoom-anim .leaflet-tile, .filter-map .leaflet-pan-anim .leaflet-tile, .filter-map .leaflet-touching .leaflet-zoom-animated {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.filter-map .leaflet-clickable {
    cursor: pointer;
}

.filter-map .leaflet-popup-pane, .filter-map .leaflet-control {
    cursor: auto;
}

.filter-map .leaflet-dragging .leaflet-container, .filter-map .leaflet-dragging .leaflet-clickable {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
}

.filter-map .leaflet-bar {
    border: 1px solid #888;
}

#content .filter-map .leaflet-bar a:hover {
    background-color: #f4f4f4;
}

#content .filter-map .leaflet-bar a:last-child, #content .filter-map .leaflet-bar a:last-child:link, #content .filter-map .leaflet-bar a:last-child:hover, #content .filter-map .leaflet-bar a:last-child:visited, #content .filter-map .leaflet-bar a:last-child:active {
    border-bottom: none;
}

#content .filter-map .leaflet-bar a.leaflet-disabled, #content .filter-map .leaflet-bar a.leaflet-disabled:link, #content .filter-map .leaflet-bar a.leaflet-disabled:hover, #content .filter-map .leaflet-bar a.leaflet-disabled:visited, #content .filter-map .leaflet-bar a.leaflet-disabled:active {
    cursor: default;
    background-color: #f4f4f4;
    color: #bbb;
}

#content .filter-map .leaflet-bar a, #content .filter-map .leaflet-bar a:link, #content .filter-map .leaflet-bar a:hover, #content .filter-map .leaflet-bar a:visited, #content .filter-map .leaflet-bar a:active {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: black;
}

.filter-map .leaflet-bar a, .filter-map .leaflet-control-layers-toggle {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
}

.filter-map .leaflet-touch .leaflet-bar a {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.filter-map .leaflet-touch .leaflet-control-zoom-in {
    font-size: 22px;
}

.filter-map .leaflet-touch .leaflet-control-zoom-out {
    font-size: 24px;
}

.filter-map .leaflet-touch .leaflet-control-layers-toggle {
    width: 44px;
    height: 44px;
}

.filter-map .leaflet-control-zoom-in, .filter-map .leaflet-control-zoom-out {
    font: bold 18px 'Lucida Console', Monaco, monospace;
    text-indent: 1px;
}

.filter-map .leaflet-control-zoom-out {
    font-size: 20px;
}

.filter-map .leaflet-control-layers {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    background: #fff;
    border-radius: 5px;
}

    .filter-map .leaflet-control-layers label {
        display: block;
    }

.filter-map .leaflet-control-layers-toggle {
    background-image: url(images/layers.png);
    width: 36px;
    height: 36px;
}

.filter-map .leaflet-retina .leaflet-control-layers-toggle {
    background-image: url(images/layers-2x.png);
    background-size: 26px 26px;
}

.filter-map .leaflet-control-layers .leaflet-control-layers-list, .filter-map .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
    display: none;
}

.filter-map .leaflet-control-layers-expanded {
    padding: 6px 10px 6px 6px;
    color: #333;
    background: #fff;
}

    .filter-map .leaflet-control-layers-expanded .leaflet-control-layers-list {
        display: block;
        position: relative;
    }

.filter-map .leaflet-control-layers-selector {
    margin-top: 2px;
    position: relative;
    top: 1px;
}

.filter-map .leaflet-control-layers-separator {
    height: 0;
    border-top: 1px solid #ddd;
    margin: 5px -10px 5px -6px;
}

.filter-map .leaflet-control-attribution, .filter-map .leaflet-control-scale-line {
    padding: 0 5px;
    color: #333;
}

    .filter-map .leaflet-control-attribution a {
        text-decoration: none;
    }

        .filter-map .leaflet-control-attribution a:hover {
            text-decoration: underline;
        }

.filter-map .leaflet-container .leaflet-control-attribution, .filter-map .leaflet-container .leaflet-control-scale {
    font-size: 11px;
}

.filter-map .leaflet-control-scale-line {
    border: 2px solid #777;
    border-top: none;
    line-height: 1.1;
    padding: 2px 5px 1px;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background: #fff;
    background: rgba(255, 255, 255, 0.5);
}

    .filter-map .leaflet-control-scale-line:not(:first-child) {
        border-top: 2px solid #777;
        border-bottom: none;
        margin-top: -2px;
    }

        .filter-map .leaflet-control-scale-line:not(:first-child):not(:last-child) {
            border-bottom: 2px solid #777;
        }

.filter-map .leaflet-touch .leaflet-control-attribution, .filter-map .leaflet-touch .leaflet-control-layers, .filter-map .leaflet-touch .leaflet-bar {
    box-shadow: none;
}

.filter-map .leaflet-touch .leaflet-control-layers, .filter-map .leaflet-touch .leaflet-bar {
    border: 2px solid rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
}

.filter-map .leaflet-popup {
    position: absolute;
    text-align: center;
}

.filter-map .leaflet-popup-content-wrapper {
    padding: 1px;
    text-align: left;
    border-radius: 2px;
    color: #fff;
    margin-top: 58px;
    font-size: 15px;
}

.filter-map .leaflet-popup-content {
    margin: 13px 19px;
    line-height: 1.4;
}

#content .filter-map .leaflet-popup-content p {
    margin: 18px 0;
}

.filter-map .leaflet-popup-tip-container {
    margin: 0 auto;
    width: 40px;
    height: 20px;
    position: relative;
    overflow: hidden;
}

.filter-map .leaflet-popup-tip {
    width: 17px;
    height: 17px;
    padding: 1px;
    margin: -10px auto 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.filter-map .leaflet-popup-content-wrapper, .filter-map .leaflet-popup-tip {
    background: #3E3E3E;
    background-color: rgba(0,0,0, .7);
}

.filter-map .leaflet-popup-scrolled {
    overflow: auto;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.filter-map .leaflet-oldie .leaflet-popup-content-wrapper {
    zoom: 1;
}

.filter-map .leaflet-oldie .leaflet-popup-tip {
    width: 24px;
    margin: 0 auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}

.filter-map .leaflet-oldie .leaflet-popup-tip-container {
    margin-top: -1px;
}

.filter-map .leaflet-oldie .leaflet-control-zoom, .filter-map .leaflet-oldie .leaflet-control-layers, .filter-map .leaflet-oldie .leaflet-popup-content-wrapper, .filter-map .leaflet-oldie .leaflet-popup-tip {
    border: 1px solid #999;
}

.filter-map .leaflet-div-icon {
    background: #fff;
    border: 1px solid #666;
}

.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
    -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
    -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
    -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
    transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.marker-cluster-small {
    background-color: rgba(181, 226, 140, 0.6);
}

    .marker-cluster-small div {
        background-color: rgba(110, 204, 57, 0.6);
    }

.marker-cluster-medium {
    background-color: rgba(241, 211, 87, 0.6);
}

    .marker-cluster-medium div {
        background-color: rgba(240, 194, 12, 0.6);
    }

.marker-cluster-large {
    background-color: rgba(253, 156, 115, 0.6);
}

    .marker-cluster-large div {
        background-color: rgba(241, 128, 23, 0.6);
    }

.leaflet-oldie .marker-cluster-small {
    background-color: rgb(181, 226, 140);
}

    .leaflet-oldie .marker-cluster-small div {
        background-color: rgb(110, 204, 57);
    }

.leaflet-oldie .marker-cluster-medium {
    background-color: rgb(241, 211, 87);
}

    .leaflet-oldie .marker-cluster-medium div {
        background-color: rgb(240, 194, 12);
    }

.leaflet-oldie .marker-cluster-large {
    background-color: rgb(253, 156, 115);
}

    .leaflet-oldie .marker-cluster-large div {
        background-color: rgb(241, 128, 23);
    }

.marker-cluster {
    background-clip: padding-box;
    border-radius: 20px;
}

    .marker-cluster div {
        width: 30px;
        height: 30px;
        margin-left: 5px;
        margin-top: 5px;
        text-align: center;
        border-radius: 15px;
        font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
    }

    .marker-cluster span {
        line-height: 30px;
    }

#filter-map-container {
    width: 100%;
    height: 570px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #aaa;
    margin: 0 auto 20px;
}

    #filter-map-container:-webkit-full-screen {
        width: 100%;
        height: 100%;
        margin-bottom: 0;
    }

    #filter-map-container:-ms-fullscreen {
        width: 100%;
        height: 100%;
        margin-bottom: 0;
    }

    #filter-map-container:focus {
        border: 1px solid #000;
    }

.filter-map .leaflet-control.leaflet-control-filters {
    width: 100%;
    z-index: 1001;
}

.filter-map-fullscreen, #filter-map-container.filter-map-fullscreen {
    height: 100%;
    margin: 0;
}

.filter-map #filter-map-container .filter-map-filters {
    background-color: #3E3E3E;
    background-color: rgba(0,0,0, .7);
    position: relative;
    z-index: 1000;
    color: #fff;
    font-size: 1.286em;
    cursor: auto;
}

    .filter-map #filter-map-container .filter-map-filters ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .filter-map #filter-map-container .filter-map-filters > ul {
        width: 100%;
        height: 44px;
        display: table;
    }

#content .filter-map #filter-map-container .filter-map-filters ul li {
    margin: 0;
    line-height: 44px;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}

.filter-map #filter-map-container .filter-map-filters > ul > li {
    border-left: 1px solid #888;
    border-right: 1px solid #333;
    position: relative;
    display: table-cell;
}

.filter-map #filter-map-container .filter-map-filters ul li:first-child {
    border-left: 0;
}

.filter-map #filter-map-container .filter-map-filters ul li.filter-map-active {
    background-color: #888;
    background-color: rgba(130,130,130, .7);
}

.filter-map #filter-map-container .filter-map-filters ul li span {
    color: #fff;
    padding: 0 26px 0 10px;
    display: block;
    border: 0;
    text-align: center;
    text-transform: capitalize;
}

    .filter-map #filter-map-container .filter-map-filters ul li span.arrow:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 8%;
        width: 0;
        height: 0;
        border-top: 5px solid #fff;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        margin-top: -2px;
    }

.filter-map #filter-map-container .filter-map-filters ul li:hover span, .filter-map #filter-map-container .filter-map-filters ul li:hover a {
    background-color: #888;
    background-color: rgba(130,130,130, .7);
}

.filter-map #filter-map-container .filter-map-filters ul ul {
    position: absolute;
    top: 44px;
    left: -4000px;
    background-color: #3E3E3E;
    background-color: rgba(0,0,0, .7);
    margin-left: 0;
    min-width: 100%;
    max-height: 442px;
    overflow-x: hidden;
    overflow-y: auto;
}

    .filter-map #filter-map-container .filter-map-filters ul ul::-webkit-scrollbar {
        width: 14px;
        height: 14px;
    }

    .filter-map #filter-map-container .filter-map-filters ul ul::-webkit-scrollbar-track {
        background-color: rgba(113,112,107,0.8);
    }

        .filter-map #filter-map-container .filter-map-filters ul ul::-webkit-scrollbar-track:hover {
            background-color: rgba(113,112,107,0.8);
        }

    .filter-map #filter-map-container .filter-map-filters ul ul::-webkit-scrollbar-thumb:vertical {
        background-color: rgba(0,0,0,.6);
    }

        .filter-map #filter-map-container .filter-map-filters ul ul::-webkit-scrollbar-thumb:vertical:hover {
            background: #9e9e9e;
        }

#content .filter-map #filter-map-container .filter-map-filters ul ul li {
    display: block;
    text-align: left;
    white-space: nowrap;
    padding: 0 32px;
    margin: 0;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    background-position: 8px center;
    background-repeat: no-repeat;
}

.filter-map #filter-map-container .filter-map-filters ul ul li {
    background-image: url(/pantheon/images/Chronos/snippets/FilterMap/radio-button.png);
}

    .filter-map #filter-map-container .filter-map-filters ul ul li.filter-map-active {
        background-image: url(/pantheon/images/Chronos/snippets/FilterMap/radio-button-checked.png);
    }

.filter-map #filter-map-container .filter-map-filters ul ul.leaflet-control-filterdropdown-multiselect li {
    background-image: url(/pantheon/images/Chronos/snippets/FilterMap/checkbox.png);
}

    .filter-map #filter-map-container .filter-map-filters ul ul.leaflet-control-filterdropdown-multiselect li.filter-map-active {
        background-image: url(/pantheon/images/Chronos/snippets/FilterMap/checkbox-checked.png);
    }

.filter-map #filter-map-container .filter-map-filters ul ul li:hover, .filter-map #filter-map-container .filter-map-filters ul ul li.filter-map-active:hover {
    background-color: #888;
    background-color: rgba(130,130,130, .7);
}

.filter-map #filter-map-container .filter-map-filters ul li:hover > ul, .filter-map #filter-map-container .filter-map-filters ul ul.hover {
    left: 0;
    margin: 0;
}

.filter-map #filter-map-container .filter-map-filters li li span.filter-map-active {
    border-bottom-style: none;
    border-left: 4px solid #77B;
}

.filter-map #filter-map-container .filter-map-filters .filter-map-fullscreen-container {
    width: 44px;
}

.filter-map #filter-map-container .filter-map-filters .filter-map-fullscreen, .filter-map #filter-map-container .filter-map-filters .filter-map-fullscreen:link, .filter-map #filter-map-container .filter-map-filters .filter-map-fullscreen:hover, .filter-map #filter-map-container .filter-map-filters .filter-map-fullscreen:visited, .filter-map #filter-map-container .filter-map-filters .filter-map-fullscreen:active {
    border-style: none;
    height: 100%;
    position: absolute;
    top: 0;
}

    .filter-map #filter-map-container .filter-map-filters .filter-map-fullscreen img {
        width: 44px;
        height: 44px;
    }

    .filter-map #filter-map-container .filter-map-filters .filter-map-fullscreen span.forPrint {
        color: #000;
        display: none;
    }

.filter-map .filter-map-overlay {
    display: none;
    position: absolute;
    z-index: 999;
    width: 280px;
    height: 100px;
    margin-left: -140px;
    margin-top: -50px;
    text-align: center;
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 15px;
    line-height: 100px;
    background-color: #3E3E3E;
    background-color: rgba(0,0,0,.7);
}

    .filter-map .filter-map-overlay.visible {
        display: block;
    }

.filter-map .leaflet-control-filterslider {
    width: 200px;
    border: 0;
    margin: 0 auto -15px;
    float: none;
}

.filter-map .leaflet-control-filterslider-toggle {
    position: absolute;
    font-size: 13px;
    line-height: 13px;
    top: 4px;
    width: 150px;
    left: 50%;
    margin-left: -75px;
    text-align: center;
}

.filter-map .filterslider-disabled {
    width: 150px;
}

    .filter-map .filterslider-disabled .leaflet-control-filterslider-toggle {
        line-height: 44px;
        font-size: 15px;
        top: 0;
    }

    .filter-map .filterslider-disabled .leaflet-control-filterslider-wrapper {
        display: none;
    }

.filter-map .leaflet-control-filterslider-wrapper {
    height: 24px;
    cursor: pointer;
}

.filter-map .leaflet-control-filterslider-start, .filter-map .leaflet-control-filterslider-end {
    position: absolute;
    line-height: 13px;
    font-size: 13px;
    top: 4px;
}

.filter-map .leaflet-control-filterslider-start {
    left: 10px;
}

.filter-map .leaflet-control-filterslider-end {
    right: 10px;
}

.filter-map .leaflet-control-filterslider-bar {
    position: relative;
    height: 9px;
    border-bottom: 3px solid #fff;
}

    .filter-map .leaflet-control-filterslider-bar:after, .filter-map .leaflet-control-filterslider-bar:before {
        content: '';
        position: absolute;
        height: 12px;
        width: 0;
        bottom: -3px;
        border-left: 3px solid #fff;
    }

    .filter-map .leaflet-control-filterslider-bar:before {
        left: -1px;
    }

    .filter-map .leaflet-control-filterslider-bar:after {
        z-index: -1;
        right: -1px;
    }

.filter-map .leaflet-control-filterslider-handle {
    position: absolute;
    border: 1px solid #000;
    height: 18px;
    width: 8px;
    border-radius: 3px;
    background: #fff;
    margin-left: -5px;
}

.filter-map .leaflet-control-filterslider-tooltip {
    position: absolute;
    top: 34px;
    left: -21px;
    height: 30px;
    line-height: 30px;
    width: 50px;
    background: #3E3E3E;
    background-color: rgba(0,0,0, .7);
    text-align: center;
    display: none;
}

.filter-map .leaflet-control-filterslider-tooltip-tip-container {
    margin: 0 auto;
    width: 40px;
    height: 20px;
    position: relative;
    overflow: hidden;
}

.filter-map .filterslider-tooltip-tip {
    background: #3E3E3E;
    background-color: rgba(0,0,0, .7);
}

.filter-map .filterslider-tooltip-tip {
    width: 17px;
    height: 17px;
    padding: 1px;
    margin: -10px auto 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.filter-map .leaflet-control-filterslider-tooltip.over {
    display: block;
}

.filter-map .leaflet-top {
    margin-top: 44px;
}

.filter-map .leaflet-bottom {
    margin-bottom: 34px;
}

.leaflet-control-filterslider-toggle, .filter-map .filter-map-underline {
    cursor: pointer;
    text-decoration: underline;
}

#content .filter-map .leaflet-popup-content ul {
    list-style: none;
    margin: 0;
}

#content .filter-map .leaflet-popup-content li {
    margin: 14px 0;
}

.filter-map .filter-map-infobar {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1000;
    line-height: 34px;
    width: 100%;
    color: #fff;
    cursor: auto;
    background-color: #3E3E3E;
    background-color: rgba(0,0,0, .7);
    ;
}

.filter-map .filter-map-filters-info {
    padding: 8px 10px;
    display: block;
    width: 70%;
    float: left;
    line-height: 17px;
}

#content .filter-map .filter-map-reset-filters {
    margin-right: 14px;
}

.filter-map .filter-map-infobar .filter-map-key {
    position: absolute;
    right: 0;
    top: 0;
    width: 245px;
}

.filter-map .filter-map-infobar .filter-map-key-bar {
    width: 42%;
    height: 16px;
    float: right;
    margin: 9px 8px 0 10px;
}

.filter-map .filter-map-infobar .filter-map-sm, .filter-map .filter-map-infobar .filter-map-md, .filter-map .filter-map-infobar .filter-map-lg {
    height: 100%;
    width: 33%;
    display: block;
    float: left;
}

.filter-map .filter-map-infobar .filter-map-sm {
    background-color: #94D668;
}

.filter-map .filter-map-infobar .filter-map-md {
    background-color: #F0CC40;
}

.filter-map .filter-map-infobar .filter-map-lg {
    background-color: #F5984E;
}

div#content #case-studies-profile {
    width: 752px;
}

    div#content #case-studies-profile #case-studies-colour-bar {
        width: 752px;
        overflow: auto;
    }

        div#content #case-studies-profile #case-studies-colour-bar.navClass .imgWrapper {
            float: left;
            width: 137px;
            height: 147px;
            margin-top: 5px;
            display: table;
            text-align: center;
        }

        div#content #case-studies-profile #case-studies-colour-bar.noImg.imgWrapper {
            float: left;
            width: 137px;
            height: 137px;
            margin-top: 5px;
            display: none;
        }

        div#content #case-studies-profile #case-studies-colour-bar #student-details h1 {
            margin-left: 16px;
        }

        div#content #case-studies-profile #case-studies-colour-bar #student-details p {
            margin-left: 18px;
        }

        div#content #case-studies-profile #case-studies-colour-bar img {
            max-width: 137px;
            max-height: 147px;
        }

        div#content #case-studies-profile #case-studies-colour-bar #student-details {
            width: 725px;
            float: left;
            margin-left: 0px;
        }

div#content .navClass #student-details {
    width: 585px !important;
    float: left;
    padding: 0 0 0 5px;
}

div#content #case-studies-profile #case-studies-colour-bar #student-details.wide {
    width: 588px;
}

div#content #case-studies-profile #case-studies-colour-bar #student-case-study-links {
    float: left;
    width: 168px;
    padding: 20px 0 0 30px;
    color: #fff;
    min-height: 70px;
}

div#content #case-studies-profile #case-studies-colour-bar #student-details h1 {
    color: #000;
}

div#content #case-studies-profile #case-studies-colour-bar #student-details p a:hover {
    text-decoration: underline;
}

div#content #case-studies-profile #case-studies-colour-bar #student-details ul {
    overflow: auto;
    margin: 0 0 10px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding-bottom: 5px;
}

    div#content #case-studies-profile #case-studies-colour-bar #student-details ul li {
        float: left;
        list-style: none;
        margin-left: 0;
        color: #000;
    }

        div#content #case-studies-profile #case-studies-colour-bar #student-details ul li.student-email:before {
            font-family: "kentfont";
            content: "\f0e0";
            color: #000;
            margin-right: 10px;
        }

        div#content #case-studies-profile #case-studies-colour-bar #student-details ul li.student-email a {
            color: #000;
        }

            div#content #case-studies-profile #case-studies-colour-bar #student-details ul li.student-email a:hover {
                text-decoration: underline;
            }

div#content #case-studies-profile #case-studies-colour-bar #student-details p, div#content #case-studies-profile #case-studies-colour-bar #student-details p a {
    color: #000;
}

div#content #case-studies-profile #case-studies-colour-bar #student-details ul li {
    padding: 6px 0 0 20px;
    list-style-type: none;
    margin-left: 0;
}

    div#content #case-studies-profile #case-studies-colour-bar #student-details ul li.student-fb:hover {
        text-decoration: underline;
    }

    div#content #case-studies-profile #case-studies-colour-bar #student-details ul li.student-twitter:hover {
        text-decoration: underline;
    }

    div#content #case-studies-profile #case-studies-colour-bar #student-details ul li.student-fb:before {
        font-family: "kentfont";
        content: "\f09a";
        color: #000;
        margin-right: 10px;
    }

    div#content #case-studies-profile #case-studies-colour-bar #student-details ul li.student-twitter:before {
        font-family: "kentfont";
        content: "\f099";
        color: #000;
        margin-right: 10px;
    }

    div#content #case-studies-profile #case-studies-colour-bar #student-details ul li a {
        color: #000;
    }

div#content #case-studies-profile .navClass + .staff-tabsLive {
    margin-top: 0;
}

div#content #case-studies-profile .noImg + .staff-tabsLive {
    margin-top: 45px;
}

div#content #case-studies-profile .staff-tabsLive .tabsNav {
    border-bottom: none;
    position: absolute;
    margin-top: -45px;
}

#case-studies-profile .tabsLive.staff-tabsLive ul.tabsNav li:only-child {
    display: none;
}

div#content #case-studies-profile .staff-tabsLive .tabsNav li a:active, div#content #case-studies-profile .staff-tabsLive .tabsNav li.active a, div#content #case-studies-profile .staff-tabsLive .tabsNav li.active a:hover {
    background: #478d95;
    color: #fff;
    border-bottom: 3px solid #478d95 !important;
}

div#content #case-studies-profile .staff-tabsLive .tabsNav li a {
    font-size: 14px;
    padding: 5px 18px 3px;
    background: #fff;
    color: #478d95;
    border-bottom: 3px solid #ccc !important;
    margin-right: 10px;
}

    div#content #case-studies-profile .staff-tabsLive .tabsNav li a:hover {
        background: #fff;
        color: #478d95;
        border-bottom: 3px solid #478d95 !important;
    }

#content .navClass + .tabsLive .tabsNav {
    margin-left: 158px;
    position: relative;
}

#content .navClass .tabContent {
    position: relative;
    top: -30px;
}

.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none;
}

    .mCustomScrollbar.mCS_no_scrollbar {
        -ms-touch-action: auto;
        touch-action: auto;
    }

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px;
}

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-left: 0;
    }

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1;
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        position: relative;
        width: 4px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        text-align: center;
    }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0;
}

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto;
    }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

    .mCSB_container_wrapper > .mCSB_container {
        padding-right: 30px;
        padding-bottom: 30px;
    }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
}

    .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover {
        opacity: 0.75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)";
    }

    .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active {
        opacity: 0.9;
        filter: "alpha(opacity=90)";
        -ms-filter: "alpha(opacity=90)";
    }

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0,0,0,0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0,0,0,0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}

.tab-snippet {
    position: relative;
    height: auto;
    overflow: auto;
    margin: 0 0 10px 0;
}

#content .tab-snippet .tab-navigation {
    list-style: none;
    border-bottom: 2px solid #478d95;
    overflow: auto;
    margin: 0;
    padding: 0;
}

    #content .tab-snippet .tab-navigation li {
        display: inline;
        margin: 0;
    }

        #content .tab-snippet .tab-navigation li a {
            display: block;
            float: left;
            padding: 5px 9px 3px 9px;
            background: #e3e3e3;
            color: #478d95;
            margin: 0 3px 0 0;
            text-decoration: none;
            font-size: 0.9em;
        }

            #content .tab-snippet .tab-navigation li a:hover, #content .tab-snippet .tab-navigation li a:active, #content .tab-snippet .tab-navigation li a.active {
                color: #fff;
                background: #478d95;
            }

#content .tab-snippet .tab-content {
    border-bottom: 2px solid #478d95;
    padding: 15px 0 5px 0;
    overflow: hidden;
}

#content .tabsLive .tabContent h2, #content .tabsLive .tabContent .tabsLive h3 {
    padding-top: 10px;
    padding-bottom: 0px;
}

#content .tabsLive .tabContent .tabsLive {
    padding-left: 15px;
}

#content .tab-snippet .tab-navigation-secondary {
    list-style: none;
    background: #478d95;
    overflow: auto;
    margin: 0;
    padding: 0;
    border-top: 1px solid #478d95;
}

    #content .tab-snippet .tab-navigation-secondary li {
        display: inline;
    }

        #content .tab-snippet .tab-navigation-secondary li a {
            display: block;
            float: left;
            padding: 3px 12px 3px 12px;
            color: #fff;
            margin: 0 0 0 3px;
            text-decoration: none;
            font-size: 0.9em;
        }

            #content .tab-snippet .tab-navigation-secondary li a:hover, #content .tab-snippet .tab-navigation-secondary li a.active, #content .tab-snippet .tab-navigation-secondary li a.active {
                color: #478d95;
                background: #fff;
            }

#content .tab-snippet .tab-within-content {
    background: #478d95;
    padding: 13px 15px 5px 15px;
    color: #fff;
}

    #content .tab-snippet .tab-within-content h2, #content .tab-snippet .tab-within-content h3, #content .tab-snippet .tab-within-content h4, #content .tab-snippet .tab-within-content p, #content .tab-snippet .tab-within-content ul {
        color: #fff;
    }

.tabsSnippet {
    position: relative;
    overflow: auto;
    width: 100%;
    height: auto;
}

    .tabsSnippet .tabsNavigation {
        list-style: none;
        overflow: auto;
        border: 1px solid #478d95;
        border-width: 0 0 2px 0;
        margin: 0 !important;
    }

        .tabsSnippet .tabsNavigation li {
            display: block;
            float: left;
            margin: 0 3px 0 0 !important;
        }

            .tabsSnippet .tabsNavigation li a {
                display: block;
                float: left;
                padding: 5px 9px;
                background: #e3e3e3;
                color: #478d95;
                font-weight: bold;
                text-decoration: none;
            }

                .tabsSnippet .tabsNavigation li.tabsActiveTab a, .tabsSnippet .tabsNavigation li a:hover {
                    background: #478d95;
                    color: #fff;
                }

    .tabsSnippet .tabsMainContent {
        padding: 20px;
        border: 1px solid #478d95;
        border-width: 0 0 2px 0;
        color: #5b5b5b;
    }

    .tabsSnippet .tabsMainNavigationContent {
        padding: 20px;
        background: #478d95;
        color: #fff;
    }

    .tabsSnippet .tabsContentHead {
        font-size: 15px;
        margin-bottom: 10px;
        color: #7b7b7b;
    }

    .tabsSnippet .tabsMainNavigationContent .tabsContentHead {
        color: #fff !important;
    }

    .tabsSnippet .tabsSecondaryNavigation {
        list-style: none;
        overflow: auto;
        background: #478d95;
        margin: 0 !important;
    }

        .tabsSnippet .tabsSecondaryNavigation li {
            display: block;
            float: left;
            margin: 0 3px 0 0 !important;
            padding: 3px 3px 0 3px;
        }

            .tabsSnippet .tabsSecondaryNavigation li a {
                display: block;
                float: left;
                padding: 3px 12px 5px 12px;
                background: #478d95;
                color: #fff;
                font-weight: bold;
                text-decoration: none;
            }

            .tabsSnippet .tabsSecondaryNavigation li.tabsActiveTab a {
                background: #fff;
                color: #478d95;
            }

.tabsLive .tabContentHide {
    display: none;
}

.tabs {
    padding: 0px;
}

.tabsLive, .seperateTabs {
    background: none !important;
}

.separateTabs {
    background: none !important;
}

    .tabsLive p, .tabsLive ul, .separateTabs p, .separateTabs ul {
        color: #000;
    }

#content .tabsLive .tabsNav {
    list-style: none;
    border-bottom: 2px solid #478d95;
    overflow: auto;
    margin: 0;
    padding: 0;
}

    #content .tabsLive .tabsNav li {
        display: inline;
        margin: 0;
    }

        #content .tabsLive .tabsNav li a {
            display: block;
            float: left;
            padding: 5px 9px 3px 9px;
            background: #e3e3e3;
            color: #478d95;
            margin: 0 3px 0 0;
            text-decoration: none;
            font-size: 0.9em;
        }

            #content .tabsLive .tabsNav li a:hover, #content .tabsLive .tabsNav li a:active, #content .tabsLive .tabsNav li.active a {
                color: #fff;
                background: #478d95;
            }

#content .separatePageTabs .tabsNav {
    list-style: none;
    border-bottom: 2px solid #478d95;
    overflow: auto;
    margin: 0;
    padding: 0;
}

    #content .separatePageTabs .tabsNav li {
        display: inline;
    }

        #content .separatePageTabs .tabsNav li a {
            display: block;
            float: left;
            padding: 5px 9px 3px 9px;
            background: #e3e3e3;
            color: #478d95;
            margin: 0 3px 0 0;
            text-decoration: none;
            font-size: 0.9em;
        }

            #content .separatePageTabs .tabsNav li a:hover, #content .separatePageTabs .tabsNav li a:active, #content .separatePageTabs .tabsNav li.active a {
                color: #fff;
                background: #478d95;
            }

#content .tabContent {
    padding: 10px 13px 10px 15px;
    border-bottom: 1px solid #478d95;
    margin-bottom: 15px;
    margin-top: 10px;
    overflow: hidden;
}

#content .tabPermalink {
    padding: 5px 15px;
    border-bottom: 1px solid #ddd;
    margin-top: -15px;
    width: 540px;
    padding-right: 13px;
    overflow: visible;
    color: #aaa;
    font-size: 11px;
    display: none;
}

div#newsColumn .tabContent {
    width: 370px;
}

table.tabContent {
    padding: 0px;
}

table.tabContent {
    width: 100%;
}

.tabContent:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.tabs ul.tabsFallBackNav {
    margin-bottom: 10px;
}

.tabsLive ul.tabsFallBackNav, .tabsLive .tabContent ul.tabsFallBackNav, .tabsLive .tabContent a.toTop {
    display: none;
}

.tabsLive .tabContent ul, .tabsLive ul.tabsNav, .tabsLive .noJavaScript ul.tabsFallBackNav, .tabsLive .noJavaScript a.toTop {
    display: block;
}

.showHideContent .tabsLive {
    width: 95%;
}

    .showHideContent .tabsLive .tabContent {
        width: 95%;
    }

.background1 .tabContent a:link, .background1 .tabContent a:active, .background1 .tabContent a:visited, .background1 .tabContent a:hover, .background2 .tabContent a:link, .background2 .tabContent a:active, .background2 .tabContent a:visited, .background2 .tabContent a:hover, .background3 .tabContent a:link, .background3 .tabContent a:active, .background3 .tabContent a:visited, .background3 .tabContent a:hover, .background4 .tabContent a:link, .background4 .tabContent a:active, .background4 .tabContent a:visited, .background4 .tabContent a:hover, .background5 .tabContent a:link, .background5 .tabContent a:active, .background5 .tabContent a:visited, .background5 .tabContent a:hover, .background6 .tabContent a:link, .background6 .tabContent a:active, .background6 .tabContent a:visited, .background6 .tabContent a:hover, .background7 .tabContent a:link, .background7 .tabContent a:active, .background7 .tabContent a:visited, .background7 .tabContent a:hover, .background8 .tabContent a:link, .background8 .tabContent a:active, .background8 .tabContent a:visited, .background8 .tabContent a:hover, .background9 .tabContent a:link, .background9 .tabContent a:active, .background9 .tabContent a:visited, .background9 .tabContent a:hover, .background10 .tabContent a:link, .background10 .tabContent a:active, .background10 .tabContent a:visited, .background10 .tabContent a:hover, .background11 .tabContent a:link, .background11 .tabContent a:active, .background11 .tabContent a:visited, .background11 .tabContent a:hover, .background12 .tabContent a:link, .background12 .tabContent a:active, .background12 .tabContent a:visited, .background12 .tabContent a:hover, .background13 .tabContent a:link, .background13 .tabContent a:active, .background13 .tabContent a:visited, .background13 .tabContent a:hover, .background14 .tabContent a:link, .background14 .tabContent a:active, .background14 .tabContent a:visited, .background14.tabContent a:hover, .background15 .tabContent a:link, .background15 .tabContent a:active, .background15 .tabContent a:visited, .background15 .tabContent a:hover {
    background: none;
    color: #003682;
}

.background1 ul.tabsNav {
    border-bottom: 1px solid #A8034F;
}

    .background1 ul.tabsNav li a {
        border-color: #e7e2d7;
        background-color: #e7e2d7;
        color: #505050;
    }

        .background1 ul.tabsNav li a:hover {
            color: #fff;
            background-color: #D35E77;
            border-color: #D35E77;
        }

    .background1 ul.tabsNav li.active a:link, .background1 ul.tabsNav li.active a:hover, .background1 ul.tabsNav li.active a:visited, .background1 ul.tabsNav li.active a:active {
        color: #fff;
        border-bottom: 1px solid #A8034F;
        border-color: #A8034F;
        background-color: #A8034F;
    }

.background1 .tabContent {
    border-bottom-color: #A8034F;
}

.background2 ul.tabsNav {
    border-bottom: 1px solid #00789C;
}

    .background2 ul.tabsNav li a {
        border-color: #e7e2d7;
        background-color: #e7e2d7;
        color: #505050;
    }

        .background2 ul.tabsNav li a:hover {
            color: #fff;
            background-color: #82B8C9;
            border-color: #82B8C9;
        }

    .background2 ul.tabsNav li.active a:link, .background2 ul.tabsNav li.active a:hover, .background2 ul.tabsNav li.active a:visited, .background2 ul.tabsNav li.active a:active {
        color: #fff;
        border-bottom: 1px solid #00789C;
        border-color: #00789C;
        background-color: #00789C;
    }

.background2 .tabContent {
    border-bottom: 1px solid #00789C;
}

.background3 ul.tabsNav {
    border-bottom: 1px solid #007A5E;
}

    .background3 ul.tabsNav li a {
        border-color: #e7e2d7;
        background-color: #e7e2d7;
        color: #505050;
    }

        .background3 ul.tabsNav li a:hover {
            color: #fff;
            background-color: #75A38C;
            border-color: #75A38C;
        }

    .background3 ul.tabsNav li.active a:link, .background3 ul.tabsNav li.active a:hover, .background3 ul.tabsNav li.active a:visited, .background3 ul.tabsNav li.active a:active {
        color: #fff;
        border-bottom: 1px solid #007A5E;
        border-color: #007A5E;
        background-color: #007A5E;
    }

.background3 .tabContent {
    border-bottom-color: #007A5E;
}

.background4 ul.tabsNav {
    border-bottom: 1px solid #EDD959;
}

    .background4 ul.tabsNav li a {
        border-color: #e7e2d7;
        background-color: #e7e2d7;
        color: #505050;
    }

        .background4 ul.tabsNav li a:hover {
            color: #333333;
            background-color: #EBD178;
            border-color: #EBD178;
        }

    .background4 ul.tabsNav li.active a:link, .background4 ul.tabsNav li.active a:hover, .background4 ul.tabsNav li.active a:visited, .background4 ul.tabsNav li.active a:active {
        color: #333333;
        border-bottom: 1px solid #EDD959;
        border-color: #EDD959;
        background-color: #EDD959;
    }

.background4 .tabContent {
    border-bottom-color: #EDD959;
}

.background5 ul.tabsNav {
    border-bottom: 1px solid #E87D0D;
}

    .background5 ul.tabsNav li a {
        border-color: #e7e2d7;
        background-color: #e7e2d7;
        color: #505050;
    }

        .background5 ul.tabsNav li a:hover {
            color: #fff;
            background-color: #EDBD3D;
            border-color: #EDBD3D;
        }

    .background5 ul.tabsNav li.active a:link, .background5 ul.tabsNav li.active a:hover, .background5 ul.tabsNav li.active a:visited, .background5 ul.tabsNav li.active a:active {
        color: #fff;
        border-bottom: 1px solid #E87D0D;
        border-color: #E87D0D;
        background-color: #E87D0D;
    }

.background5 .tabContent {
    border-bottom-color: #E87D0D;
}

.background6 ul.tabsNav {
    border-bottom: 1px solid #DE5433;
}

    .background6 ul.tabsNav li a {
        border-color: #e7e2d7;
        background-color: #e7e2d7;
        color: #505050;
    }

        .background6 ul.tabsNav li a:hover {
            color: #fff;
            background-color: #FA8A75;
            border-color: #FA8A75;
        }

    .background6 ul.tabsNav li.active a:link, .background6 ul.tabsNav li.active a:hover, .background6 ul.tabsNav li.active a:visited, .background6 ul.tabsNav li.active a:active {
        color: #fff;
        border-bottom: 1px solid #DE5433;
        border-color: #DE5433;
        background-color: #DE5433;
    }

.background6 .tabContent {
    border-bottom-color: #DE5433;
}

.background7 ul.tabsNav {
    border-bottom: 1px solid #D12421;
}

    .background7 ul.tabsNav li a {
        border-color: #e7e2d7;
        background-color: #e7e2d7;
        color: #505050;
    }

        .background7 ul.tabsNav li a:hover {
            color: #fff;
            background-color: #E67D6D;
            border-color: #E67D6D;
        }

    .background7 ul.tabsNav li.active a:link, .background7 ul.tabsNav li.active a:hover, .background7 ul.tabsNav li.active a:visited, .background7 ul.tabsNav li.active a:active {
        color: #fff;
        border-bottom: 1px solid #D12421;
        border-color: #D12421;
        background-color: #D12421;
    }

.background7 .tabContent {
    border-bottom-color: #D12421;
}

.background8 ul.tabsNav {
    border-bottom: 1px solid #80293D;
}

    .background8 ul.tabsNav li a {
        border-color: #e7e2d7;
        background-color: #e7e2d7;
        color: #505050;
    }

        .background8 ul.tabsNav li a:hover {
            color: #fff;
            background-color: #E29A74;
            border-color: #E29A74;
        }

    .background8 ul.tabsNav li.active a:link, .background8 ul.tabsNav li.active a:hover, .background8 ul.tabsNav li.active a:visited, .background8 ul.tabsNav li.active a:active {
        color: #fff;
        border-bottom: 1px solid #80293D;
        border-color: #80293D;
        background-color: #80293D;
    }

.background8 .tabContent {
    border-bottom-color: #80293D;
}

.background9 ul.tabsNav {
    border-bottom: 1px solid #C985A3;
}

    .background9 ul.tabsNav li a {
        border-color: #e7e2d7;
        background-color: #e7e2d7;
        color: #505050;
    }

        .background9 ul.tabsNav li a:hover {
            color: #fff;
            background-color: #DEADBF;
            border-color: #DEADBF;
        }

    .background9 ul.tabsNav li.active a:link, .background9 ul.tabsNav li.active a:hover, .background9 ul.tabsNav li.active a:visited, .background9 ul.tabsNav li.active a:active {
        color: #fff;
        border-bottom: 1px solid #C985A3;
        border-color: #C985A3;
        background-color: #C985A3;
    }

.background9 .tabContent {
    border-bottom-color: #C985A3;
}

.background10 ul.tabsNav {
    border-bottom: 1px solid #664A78;
}

    .background10 ul.tabsNav li a {
        border-color: #e7e2d7;
        background-color: #e7e2d7;
        color: #505050;
    }

        .background10 ul.tabsNav li a:hover {
            color: #fff;
            background-color: #A891B0;
            border-color: #A891B0;
        }

    .background10 ul.tabsNav li.active a:link, .background10 ul.tabsNav li.active a:hover, .background10 ul.tabsNav li.active a:visited, .background10 ul.tabsNav li.active a:active {
        color: #fff;
        border-bottom: 1px solid #664A78;
        border-color: #664A78;
        background-color: #664A78;
    }

.background10 .tabContent {
    border-bottom-color: #664A78;
}

.background11 ul.tabsNav {
    border-bottom: 1px solid #5CBACC;
}

    .background11 ul.tabsNav li a {
        border-color: #e7e2d7;
        background-color: #e7e2d7;
        color: #505050;
    }

        .background11 ul.tabsNav li a:hover {
            color: #fff;
            background-color: #B5D9DE;
            border-color: #B5D9DE;
        }

    .background11 ul.tabsNav li.active a:link, .background11 ul.tabsNav li.active a:hover, .background11 ul.tabsNav li.active a:visited, .background11 ul.tabsNav li.active a:active {
        color: #fff;
        border-bottom: 1px solid #5CBACC;
        border-color: #5CBACC;
        background-color: #5CBACC;
    }

.background11 .tabContent {
    border-bottom-color: #5CBACC;
}

.background12 ul.tabsNav {
    border-bottom: 1px solid #008AC4;
}

    .background12 ul.tabsNav li a {
        border-color: #e7e2d7;
        background-color: #e7e2d7;
        color: #505050;
    }

        .background12 ul.tabsNav li a:hover {
            color: #fff;
            background-color: #B8CCDE;
            border-color: #B8CCDE;
        }

    .background12 ul.tabsNav li.active a:link, .background12 ul.tabsNav li.active a:hover, .background12 ul.tabsNav li.active a:visited, .background12 ul.tabsNav li.active a:active {
        color: #fff;
        border-bottom: 1px solid #008AC4;
        border-color: #008AC4;
        background-color: #008AC4;
    }

.background12 .tabContent {
    border-bottom-color: #008AC4;
}

.background13 ul.tabsNav {
    border-bottom: 1px solid #B3C98C;
}

    .background13 ul.tabsNav li a {
        border-color: #e7e2d7;
        background-color: #e7e2d7;
        color: #505050;
    }

        .background13 ul.tabsNav li a:hover {
            color: #fff;
            background-color: #C7D6A3;
            border-color: #C7D6A3;
        }

    .background13 ul.tabsNav li.active a:link, .background13 ul.tabsNav li.active a:hover, .background13 ul.tabsNav li.active a:visited, .background13 ul.tabsNav li.active a:active {
        color: #fff;
        border-bottom: 1px solid #B3C98C;
        border-color: #B3C98C;
        background-color: #B3C98C;
    }

.background13 .tabContent {
    border-bottom-color: #B3C98C;
}

.background14 ul.tabsNav {
    border-bottom: 1px solid #C2B50D;
}

    .background14 ul.tabsNav li a {
        border-color: #e7e2d7;
        background-color: #e7e2d7;
        color: #505050;
    }

        .background14 ul.tabsNav li a:hover {
            color: #fff;
            background-color: #E8E394;
            border-color: #E8E394;
        }

    .background14 ul.tabsNav li.active a:link, .background14 ul.tabsNav li.active a:hover, .background14 ul.tabsNav li.active a:visited, .background14 ul.tabsNav li.active a:active {
        color: #fff;
        border-bottom: 1px solid #C2B50D;
        border-color: #C2B50D;
        background-color: #C2B50D;
    }

.background14 .tabContent {
    border-bottom-color: #C2B50D;
}

.background15 ul.tabsNav {
    border-bottom: 1px solid #A8B50A;
}

    .background15 ul.tabsNav li a {
        border-color: #e7e2d7;
        background-color: #e7e2d7;
        color: #505050;
    }

        .background15 ul.tabsNav li a:hover {
            color: #fff;
            background-color: #D6DE6B;
            border-color: #D6DE6B;
        }

    .background15 ul.tabsNav li.active a:link, .background15 ul.tabsNav li.active a:hover, .background15 ul.tabsNav li.active a:visited, .background15 ul.tabsNav li.active a:active {
        color: #fff;
        border-bottom: 1px solid #A8B50A;
        border-color: #A8B50A;
        background-color: #A8B50A;
    }

.background15 .tabContent {
    border-bottom-color: #A8B50A;
}

#content #news-wrapper .tabsLive {
    margin-top: 0;
}

    #content #news-wrapper .tabsLive .tabsNav {
        list-style: none;
        border-bottom: none;
        overflow: auto;
        margin: 0;
        padding: 0;
    }

        #content #news-wrapper .tabsLive .tabsNav li a {
            display: block;
            float: left;
            padding: 5px 15px 3px 15px;
            background: #e7e7e7;
            color: #000;
            margin: 0 3px 0 0;
            text-decoration: none;
            font-size: 1.1em;
        }

            #content #news-wrapper .tabsLive .tabsNav li a:hover, #content #news-wrapper .tabsLive .tabsNav li a:active, #content #news-wrapper .tabsLive .tabsNav li.active a {
                color: #fff;
                background: #292929;
            }

#content .tabContent {
    padding: 0;
    border-bottom: none;
}

#content .pageListSnippet .tab-snippet .tab-navigation li a {
    padding: 7px 15px 5px 13px;
}

#content .tab-snippet .tab-content .contentTwoColumn {
    overflow: hidden;
}

.ContentFlow {
}

    .ContentFlow .flow {
    }

        .ContentFlow .flow * {
        }

        .ContentFlow .flow .item {
        }

            .ContentFlow .flow .item canvas.content {
                height: 100%;
                width: 100%;
            }

            .ContentFlow .flow .item img.content {
                width: 100%;
            }

            .ContentFlow .flow .item img.reflection, .ContentFlow .flow .item canvas.reflection {
                width: 100%;
            }

            .ContentFlow .flow .item.active {
                cursor: pointer;
            }

            .ContentFlow .flow .item .caption {
                font-size: 100%;
                font-weight: bold;
                text-align: center;
                color: white;
                max-height: 30%;
                bottom: 10%;
                background: url(img/1x1_0.5_black.png);
                width: 100%;
            }

            * html .ContentFlow .flow .item .caption {
                background-image: none;
                filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='img/1x1_0.5_black.png');
            }

                .ContentFlow .flow .item .caption a, .ContentFlow .flow .item .caption a:link, .ContentFlow .flow .item .caption a:visited, .ContentFlow .flow .item .caption a:active, .ContentFlow .flow .item .caption a:hover {
                    text-decoration: none;
                    color: white;
                    font-style: italic;
                    font-size: 0.8em;
                }

                    .ContentFlow .flow .item .caption a:hover {
                        text-decoration: underline;
                    }

            .ContentFlow .flow .item.active .caption {
            }

    .ContentFlow .scrollbar {
        width: 50%;
        margin: 0 auto;
        margin-top: 10px;
        height: 16px;
        background: url(img/scrollbar_white.png) left center repeat-x;
        position: relative;
        overflow: visible;
    }

        .ContentFlow .scrollbar .slider {
            width: 16px;
            height: 16px;
            background: url(img/slider_white.png) center center no-repeat;
            cursor: move;
        }

        * html .ContentFlow .scrollbar .slider {
            background-image: none;
        }

            * html .ContentFlow .scrollbar .slider .virtualSlider {
                filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='img/slider_white.png');
            }

            .ContentFlow .scrollbar .slider .position {
                top: 120%;
                font-size: 16px;
                font-weight: bold;
                color: silver;
            }

    .ContentFlow .globalCaption {
        text-align: center;
        font-weight: bold;
        color: #000;
        font-size: 14px;
        height: 20px;
        margin: 2em auto;
    }

        .ContentFlow .globalCaption .caption {
        }

            .ContentFlow .globalCaption .caption a, .ContentFlow .globalCaption .caption a:link, .ContentFlow .globalCaption .caption a:visited, .ContentFlow .globalCaption .caption a:active, .ContentFlow .globalCaption .caption a:hover {
                text-decoration: none;
                color: white;
                font-style: italic;
                font-size: 0.8em;
            }

                .ContentFlow .globalCaption .caption a:hover {
                    text-decoration: underline;
                }

    .ContentFlow .loadIndicator {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: black;
    }

        .ContentFlow .loadIndicator .indicator {
            background: url(img/loader.gif) center center no-repeat;
            width: 100%;
            height: 100%;
        }

        * html .ContentFlow .loadIndicator .indicator {
            height: 100px;
        }

.ContentFlow {
    position: relative;
    overflow: hidden;
}

    .ContentFlow * {
        margin: 0;
        padding: 0;
    }

    .ContentFlow img {
        -ms-interpolation-mode: bicubic;
    }

    .ContentFlow .mouseoverCheckElement {
        position: absolute;
        width: 0;
        height: 0;
        left: 0;
        visibility: hidden;
    }

    .ContentFlow:hover .mouseoverCheckElement {
        left: 1px;
    }

    .ContentFlow .flow {
        position: relative;
        z-index: 0;
        visibility: hidden;
        width: 100%;
        margin: 0 auto;
    }

        .ContentFlow .flow.hidden {
            visibility: hidden;
        }

        .ContentFlow .flow .item {
            position: absolute;
            visibility: hidden;
            top: 0;
            left: 0;
        }

            .ContentFlow .flow .item.active {
            }

            .ContentFlow .flow .item .content {
                display: block;
            }

            .ContentFlow .flow .item div.content {
                width: 100%;
                height: 100%;
            }

            .ContentFlow .flow .item .label {
                display: none;
            }

            .ContentFlow .flow .item .reflection {
                display: block;
            }

            .ContentFlow .flow .item canvas.reflection {
                margin-top: -1px;
            }

            .ContentFlow .flow .item .caption {
                position: absolute;
                display: none;
            }

            .ContentFlow .flow .item.active .caption {
            }

    .ContentFlow .scrollbar {
        position: relative;
        z-index: 1;
        visibility: hidden;
    }

        .ContentFlow .scrollbar .slider {
            position: absolute;
        }

            * html .ContentFlow .scrollbar .slider .virtualSlider {
                height: 100%;
            }

            .ContentFlow .scrollbar .slider .position {
                position: absolute;
                text-align: center;
            }

    .ContentFlow .globalCaption {
        position: relative;
        z-index: 1;
    }

    .ContentFlow .loadIndicator {
        position: absolute;
        z-index: 65000;
    }

#slider-container {
    width: 660px;
}

.preButton, .nextButton {
    background: #fff;
    color: #999;
    display: block;
    height: 44px;
    width: 19px;
    position: absolute;
    top: 50px;
    z-index: 50000;
    cursor: pointer;
}

.preButton {
    left: 5px;
    background-image: url(/pantheon/images/Default/snippets/Coverflow/prevButton.jpg);
}

.nextButton {
    right: 15px;
    background-image: url(/pantheon/images/Default/snippets/Coverflow/nextButton.jpg);
}

    .preButton img, .nextButton img {
        margin: 0;
        padding: 0;
    }

.hoverCaption {
    background: #fff;
    color: #444;
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    padding: 5px;
    font-size: 10px;
    height: 15px;
    z-index: 60000;
}

#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}

#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

    #jquery-lightbox a img {
        border: none;
    }

#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#lightbox-container-image {
    padding: 10px;
}

#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav {
    left: 0;
}

#lightbox-nav a {
    outline: none;
}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    display: block;
}

#lightbox-nav-btnPrev {
    left: 0;
    float: left;
    background-image: url(/pantheon/images/Chronos/snippets/Gallery/lightbox-btn-prev.png) !important;
    background-position: left 5% !important;
}

#lightbox-nav-btnNext {
    right: 0;
    float: right;
    background-image: url(/pantheon/images/Chronos/snippets/Gallery/lightbox-btn-next.png) !important;
    background-position: right 5% !important;
}

#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}

#lightbox-container-image-data {
    padding: 0 10px;
    color: #666;
}

    #lightbox-container-image-data #lightbox-image-details {
        width: 70%;
        float: left;
        text-align: left;
    }

#lightbox-image-details-caption {
    font-weight: bold;
}

#lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}

#lightbox-secNav-btnClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
}

.gallerySnippetBox {
    margin: 8px 0;
}

.gallerySnippetDescription p {
    text-align: justify;
}

.gallerySnippetControls {
    height: 25px;
    margin-bottom: 6px;
}

.gallerySnippetPagination {
    float: left;
}

    .gallerySnippetPagination img {
        border: 0;
        margin: 0 !important;
        float: left;
    }

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

    .gallerySnippetPagination li {
        float: left;
        margin: 0;
        padding: 4px 6px;
        background: url(/pantheon/images/Chronos/snippets/Gallery/pagination-bg.png) repeat-x 0 0;
    }

        .gallerySnippetPagination li a {
            float: left;
            text-decoration: none;
        }

            .gallerySnippetPagination li a:link {
                color: #4a4a4a;
            }

.gallerySnippetPaginationPrevious {
    display: block;
    float: left;
    background-image: url(/pantheon/images/Chronos/snippets/Gallery/previous.png);
    height: 22px;
    width: 22px;
    cursor: pointer;
}

.gallerySnippetPaginationNext {
    display: block;
    float: left;
    background-image: url(/pantheon/images/Chronos/snippets/Gallery/next.png);
    height: 22px;
    width: 22px;
    cursor: pointer;
    margin-right: 15px;
}

.gallerySnippetPause {
    float: left;
    background-image: url(/pantheon/images/Chronos/snippets/Gallery/pause.png);
    height: 22px;
    width: 26px;
    cursor: pointer;
}

.gallerySnippetResume {
    float: left;
    background-image: url(/pantheon/images/Chronos/snippets/Gallery/resume.png);
    height: 22px;
    width: 26px;
    cursor: pointer;
}

.gallerySnippetThumbs {
    background-image: url(/pantheon/images/Chronos/snippets/Gallery/thumbs.png);
    height: 22px;
    width: 28px;
    display: block;
    float: left;
    cursor: pointer;
}

.gallerySnippetThumbsSelected {
    background-image: url(/pantheon/images/Chronos/snippets/Gallery/selected-thumbs.png);
    height: 22px;
    width: 28px;
    display: block;
    float: left;
    cursor: pointer;
}

.gallerySnippetFull {
    background-image: url(/pantheon/images/Chronos/snippets/Gallery/full.png);
    height: 22px;
    width: 29px;
    display: block;
    float: left;
    cursor: pointer;
}

.gallerySnippetFullSelected {
    background-image: url(/pantheon/images/Chronos/snippets/Gallery/selected-full.png);
    height: 22px;
    width: 29px;
    display: block;
    float: left;
    cursor: pointer;
}

.gallerySnippetToggle {
    float: right;
}

    .gallerySnippetToggle img {
        border: 0;
        margin: 0 !important;
        float: left;
    }

.gallerySnippetItems {
    margin: 0 auto;
    text-align: center;
}

    .gallerySnippetItems img {
        padding: 2px;
        border: 1px solid #949393;
        margin: 3px !important;
    }

.gallerySnippetFullItems {
    overflow: hidden;
    width: 490px;
    margin: 0 auto;
    text-align: center;
}

    .gallerySnippetFullItems img {
        padding: 2px;
        border: 1px solid #949393;
        margin: 10px !important;
        background: black;
        vertical-align: middle;
    }

.gallerySnippetCaption {
    clear: both;
    width: 90%;
    background: url(/pantheon/images/Chronos/snippets/Gallery/caption-bg.png) repeat-x 0 0;
    border-top: 1px solid #656060;
    padding: 6px;
    margin: 0 auto;
}

    .gallerySnippetCaption p {
        background: url(/pantheon/images/Chronos/snippets/Gallery/caption-icon.png) no-repeat 1px 2px;
        padding-left: 28px;
        height: 40px;
        overflow: hidden;
        margin-bottom: 0;
    }

.galleryToTop {
    text-align: right;
    height: 1em;
    margin: 0.2em 2em 0 1em;
}

.gallerySnippetRow {
    display: block;
    clear: both;
    margin-bottom: 1px;
}

.gallerySnippetControls h6 {
    font-size: 1em;
    float: left;
    padding-top: 4px;
}

.gallerySnippetControls .gallery_back {
    float: left;
    padding-right: 3px;
    background-image: url(/pantheon/images/Chronos/snippets/Gallery/bk-arrow.png);
    width: 32px;
    height: 22px;
    background-repeat: no-repeat;
}

.gallerySnippetPaginationCurrentPage a {
    font-weight: bold;
}

#content .gallerySnippetPagination ul, #content .gallerySnippetPagination ul li {
    margin: 0;
}

.gallerySnippetPaginationSlides {
    padding-top: 2px;
    float: left;
    font-weight: bold;
    margin-right: 15px;
}

div.gallerySnippetToggle {
    clear: none;
}

div.gallerySnippetThumb {
    text-align: center;
    font-size: 0.9em;
    margin: 0 2px 10px 2px;
    height: auto;
}

span.gallerySnippetThumbCaption {
    display: block;
    height: 30px;
    overflow: hidden;
}

.opening-times-snippet {
    border: 1px solid #cecece;
    margin-bottom: 8px;
    color: #3e3e3e;
}

    .opening-times-snippet .ots-top {
        font-size: 1.4em;
        background-color: #f5f5f5;
        padding: 16px;
        background-image: url(/pantheon/images/Chronos/snippets/OpeningTimes/clockxs.png);
        background-repeat: no-repeat;
        background-position: 15px 50px;
    }

        .opening-times-snippet .ots-top div {
            margin-left: 0px;
            margin-bottom: 10px;
        }

        .opening-times-snippet .ots-top strong {
            display: block;
            padding: 0px 0 4px 0;
            margin-left: 23px;
        }

    .opening-times-snippet .ots-link {
        text-align: right;
        padding: 11px;
    }

        .opening-times-snippet .ots-link a {
            background-image: url(/pantheon/images/Chronos/snippets/OpeningTimes/arrow.png);
            background-repeat: no-repeat;
            background-position: right;
            padding-right: 15px;
            text-decoration: none;
        }

#content .opening-times-snippet .ots-link a:hover {
    text-decoration: none;
    border-bottom: 1px solid #4A7194;
}

div#content table {
    border-collapse: separate;
    width: 100%;
    margin: 0 0 12px 0;
    color: #4A4A4A;
}

    div#content table td, div#content table th {
        padding: 4px 4px 2px 4px;
    }

        div#content table td p, div#content table th p {
            margin: 0 2px 4px 2px;
            padding: 0;
        }

    div#content table th {
        text-align: left;
    }

    div#content table.strong {
        border-collapse: separate;
        width: 100%;
        margin: 0 0 12px 0;
        border: 1px solid const(mainColour);
    }

        div#content table.strong td, div#content table.strong th {
            padding: 4px 4px 2px 4px;
        }

        div#content table.strong td {
            border: 1px solid #E7E2D7;
            background: #f8f6f0;
        }

            div#content table.strong td.alt {
                background: #dedcd7;
            }

            div#content table.strong td p, div#content table.strong th p {
                margin: 0 2px 12px 2px;
                padding: 0;
            }

        div#content table.strong th {
            background: #478d95;
            color: const(darkBgTextColour);
            text-align: left;
        }

    div#content table.em {
        border-collapse: separate;
        width: 100%;
        margin: 0 0 12px 0;
    }

    div#content table.floatRight {
        width: 200px;
    }

    div#content table.em td, div#content table.em th {
        background: #f8f6f0;
        padding: 4px 4px 2px 4px;
    }

        div#content table.em td.alt {
            background: #dedcd7;
        }

        div#content table.em td p, div#content table.em th p {
            margin: 0 2px 4px 2px;
            padding: 0;
        }

    div#content table.em th {
        background: #478d95;
        color: const(darkBgTextColour);
        text-align: left;
    }

#googleSearchGo {
    background: url(/pantheon/images/Default/snippets/autocomplete/zoom.png) no-repeat;
    width: 15px;
    height: 15px;
    border: 0;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

#pgprogrammeTitle, #ugprogrammeTitle {
    width: 300px;
    height: 20px;
    font-size: 12pt;
    margin: 0 5px 0 0;
    border: solid 2px #777777;
    padding: 0 0 0 5px;
}

#pgprogrammesq, #ugprogrammesq {
    width: 300px;
    height: 20px;
    font-size: 12pt;
    margin: 0;
    border: solid 2px #777777;
    padding: 0;
}

#pgprogrammeTitleSearch, #ugprogrammeTitleSearch {
    padding: 0;
    display: none;
    margin: 0 0 10px 0;
}

#ugprogrammeCodeSearch {
    padding: 20px 0 20px 0;
    display: none;
}

#ugprogrammeCodeSearchButton {
    background: url(/pantheon/images/Default/snippets/autocomplete/zoom.png) 0 0 no-repeat;
    position: relative;
    width: 35px;
    height: 35px;
    border: 0;
    cursor: pointer;
    top: 8px;
}

#pgprogrammeCodeSearchButton {
    background: url(/pantheon/images/Default/snippets/autocomplete/zoom.png) no-repeat;
    position: relative;
    width: 35px;
    height: 35px;
    border: 0;
    cursor: pointer;
}

#ugprogrammeCode {
    width: 300px;
    height: 20px;
    font-size: 12pt;
    margin: 0 5px 0 0;
    float: left;
    border: solid 2px #777777;
    padding: 0 0 0 5px;
}

#pgprogrammesAdvancedSearchContainer, #ugprogrammesAdvancedSearchContainer {
    margin: 20px 0 0 0;
}

#pgprogrammesAdvancedSearch, #ugprogrammesAdvancedSearch {
}

#pgprogrammesGoogleSearch, #ugprogrammesGoogleSearch {
    margin: 20px 0 0 0;
}

#pgprogrammesSearch, #ugprogrammesSearch {
    margin: 0 0 20px 0;
}

table.strong {
    border: 1px solid #a3b0bf;
    background: #eeeeee;
    margin-bottom: 10px;
    padding: 3px;
}

    table.strong td {
        color: black;
    }

        table.strong td.alt {
            background: white;
        }

    table.strong tr {
        background: #478d95;
        color: #fff;
    }

    table.strong th {
        text-align: left;
        font-weight: normal;
        background: #478d95;
        padding: 4px 6px;
        color: #fff;
        font-size: 1em;
    }

    table.strong td {
        text-align: left;
        background: #f7f7f7;
        border: 1px solid #a3b0bf;
        padding: 4px 6px;
    }

table.subtle {
    background: #eeeeee;
    margin-bottom: 10px;
    padding: 3px;
    border-spacing: 3px;
}

    table.subtle td {
        color: black;
    }

        table.subtle td.alt {
            background: white;
        }

    table.subtle th {
        text-align: left;
        font-weight: normal;
        background: #478d95;
        padding: 4px 6px;
        color: #fff;
        font-size: 1em;
    }

    table.subtle td {
        text-align: left;
        background: #f7f7f7;
        padding: 4px 6px;
    }

table.em {
    background: #eeeeee;
    margin-bottom: 10px;
    padding: 2px;
}

    table.em td {
        color: black;
    }

        table.em td.alt {
            background: white;
        }

    table.em tr {
        background: #478d95;
        color: #fff;
    }

    table.em th {
        text-align: left;
        font-weight: normal;
        background: #478d95;
        padding: 4px 6px;
        color: #fff;
        font-size: 1em;
    }

    table.em td {
        text-align: left;
        background: #f7f7f7;
        border: 1px solid #a3b0bf;
        padding: 4px 6px;
    }

table {
    text-align: left;
}

.PGProgrammesListSubject {
    list-style: none;
}

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

.PGProgrammesListSubjectLink {
    font-size: 1.1em;
    font-weight: bold;
}

#content .news-snippet {
    width: 716px;
    margin: 0 0 10px 0;
}

#content .news-snippet-wrapper {
    position: relative;
    background: #f1f1f1;
}

#content .news-snippet .news-image {
    position: absolute;
    top: 20px;
    left: 20px;
    border: 1px solid #000;
}

#content .news-snippet .news-selected {
    background-color: #478d95;
    padding: 8px 8px 0 20px;
    height: 130px;
    position: relative;
}

    #content .news-snippet .news-selected p {
        color: #fff;
        margin-bottom: 8px;
    }

    #content .news-snippet .news-selected h2 {
        color: #fff;
        font-size: 1.2em;
        margin-bottom: 6px;
    }

        #content .news-snippet .news-selected h2 a {
            color: #fff;
        }

    #content .news-snippet .news-selected p.published {
        font-size: 0.8em;
        margin: 0 0 8px 0;
    }

    #content .news-snippet .news-selected p.summary {
        font-size: 1em;
    }

    #content .news-snippet .news-selected p.more-information {
        text-align: right;
        position: absolute;
        right: 10px;
        bottom: 0;
    }

        #content .news-snippet .news-selected p.more-information a {
            color: #fff;
        }

#content .news-snippet .news-items {
    position: relative;
}

    #content .news-snippet .news-items .current {
        float: left;
        width: 472px;
    }

        #content .news-snippet .news-items .current .forPrint {
            display: none !important;
        }

        #content .news-snippet .news-items .current h3 {
            position: absolute;
            top: -1000px;
            left: -1000px;
        }

        #content .news-snippet .news-items .current ul {
            padding: 0;
            margin: 0;
        }

            #content .news-snippet .news-items .current ul li {
                list-style: none;
                padding: 0;
                margin: 2px 0 0 0;
                position: relative;
            }

                #content .news-snippet .news-items .current ul li a {
                    display: block;
                    padding: 0;
                    height: 38px;
                    margin: 0;
                    text-decoration: none;
                    color: #333;
                    cursor: pointer;
                    background-color: #e7e7e7;
                }

                    #content .news-snippet .news-items .current ul li a.active, #content .news-snippet .news-items .current ul li a:hover {
                    }

                    #content .news-snippet .news-items .current ul li a span {
                        display: block;
                        padding: 9px 6px 6px 35px;
                    }

    #content .news-snippet .news-items .arrow {
        width: 26px;
        height: 12px;
        background: url(/pantheon/dynamic/images/polygon/26x12/0,0,26,0,13,12/478d95-transparent.png);
        position: absolute;
        z-index: 2;
        left: 8px;
    }

    #content .news-snippet .news-items .archive {
        float: right;
        width: 240px;
    }

        #content .news-snippet .news-items .archive h3 {
            font-size: 1.2em;
            margin: 8px 0 2px 8px;
            color: #333;
            font-family: arial,verdana,sans;
            margin-left: 20px;
        }

        #content .news-snippet .news-items .archive ul {
            margin: 0;
            padding: 0;
            font-size: 0.9em;
        }

            #content .news-snippet .news-items .archive ul li {
                margin: 3px 6px 3px 24px;
            }

        #content .news-snippet .news-items .archive a {
            color: #777;
            text-decoration: none;
        }

            #content .news-snippet .news-items .archive a:hover {
                color: #000;
                text-decoration: underline;
            }

.newsSnippet {
    position: relative;
    overflow: auto;
    width: 100%;
    height: auto;
    background: #f0f0f0;
}

#content .newsSnippet h4 {
    color: #fff;
    font-size: 1.2em;
}

.newsSnippet .newsPaddingWrap {
    padding: 7px 7px 7px 192px;
    overflow: auto;
}

.newsSnippet .newsHeadText, .newsSnippet .newsMain, .newsSnippet .newsExtra, .newsSnippet .newArchive {
    float: left;
    width: 100%;
}

.newsSnippet .newsExtra {
    width: 70%;
    position: relative;
    color: #5f5f5f;
}

.newsSnippet .newsArchive {
    width: 30%;
    padding-left: 0;
    float: left;
}

.newsSnippet .newsImage {
    margin: 0;
    width: 150px;
    height: auto;
    border: 1px solid #818783;
    position: absolute;
    top: 15px;
    left: 20px;
    z-index: 100;
}

.newsSnippet .newsSelected {
    background-color: #294628;
    color: #fff;
    overflow: auto;
}

    .newsSnippet .newsSelected .newsHeadText, .newsSnippet .newsSelected .newsTitle, .newsSnippet .newsSelected .newsDate, .newsSnippet .newsSelected .newsText, .newsSnippet .newsSelected .newsMoreInfo {
        color: #fff;
        padding-bottom: 5px;
    }

    .newsSnippet .newsSelected .newsMoreInfo {
        display: block;
        text-align: right;
        text-decoration: none;
        font-size: 0.9em;
        padding-right: 10px;
    }

.newsSnippet .newsActive {
    background-color: #b0bab1;
    border-top: 3px solid #e0e0e0;
}

.newsSnippet .newsSelectedPointer {
    position: absolute;
    top: 0;
    left: 200px;
    z-index: 50;
    margin: 0;
}

.newsSnippet .newsDate {
    font-size: 0.7em;
}

.newsSnippet .newsExtra .newsPaddingWrap {
    padding-bottom: 0;
    padding-top: 0;
}

.newsSnippet .newsExtra .newsTitle {
    border: 1px solid #d1d1d1;
    border-width: 0 0 1px 0;
    padding-bottom: 7px;
    padding-top: 7px;
    padding-right: 25px;
    background-image: url(../images/news/inactive-arrow.gif);
    background-position: 99% 50%;
    background-repeat: no-repeat;
}

.newsSnippet .newsExtra .newsActive .newsTitle {
    border: none;
    background-image: url(../images/news/active-arrow.gif);
}

.newsSnippet .newsExtra .newsLast .newsTitle {
    border: none;
}

.newsSnippet .newsArchive {
    padding-top: 10px;
}

    .newsSnippet .newsArchive .newsTitle {
        padding-bottom: 5px;
    }

    .newsSnippet .newsArchive .newsTitle, .newsSnippet .newsArchive ul {
        padding-left: 20px;
    }

    .newsSnippet .newsArchive ul {
        list-style: none;
    }

        .newsSnippet .newsArchive ul li {
            padding: 0 0 5px 10px;
            background: transparent url(../images/news/bullet.png) no-repeat left 10px;
            color: #949494;
        }

.newsSnippet .newsHeadText {
}

#content #more-news {
    width: 472px;
    background-color: #f1f1f1;
    position: relative;
    height: 25px;
    border-top: 1px solid #fff;
    margin-bottom: 10px;
}

    #content #more-news a, #content #more-news-large a {
        position: absolute;
        right: 5px;
        padding: 5px;
    }

#content .news-snippet-large {
    width: 716px;
    margin: 0;
}

    #content .news-snippet-large .news-items .current {
        float: left;
        width: 472px;
    }

#content #more-news-large {
    width: 716px;
    background-color: #f1f1f1;
    position: relative;
    height: 25px;
    border-top: 1px solid #fff;
    margin-bottom: 10px;
}

#content .news-snippet-medium {
    width: 472px;
    margin: 0;
}

    #content .news-snippet-medium .news-selected {
        padding-left: 15px;
    }

    #content .news-snippet-medium .news-items .current {
        float: left;
        width: 472px;
    }

#content .news-snippet-small {
    width: 228px;
    margin: 0;
}

#content .news-snippet .news-selected h2 {
    margin-bottom: 4px;
}

#content .news-snippet-small .news-selected {
    height: 95px;
    padding-left: 10px;
    padding-top: 5px;
}

    #content .news-snippet-small .news-selected p.more-information {
        font-size: 0.9em;
    }

    #content .news-snippet-small .news-selected p.summary {
        font-size: 0.9em;
    }

    #content .news-snippet-small .news-selected p.published {
        margin-bottom: 3px;
    }

#content .news-snippet-small .news-items .current {
    float: left;
    width: 228px;
}

#content .news-snippet-small .news-selected h2 {
    font-size: 1.2em;
}

#content .news-snippet-small .news-items .current ul li a {
    height: 28px;
}

    #content .news-snippet-small .news-items .current ul li a span {
        padding-left: 32px;
        padding-top: 7px;
        padding-bottom: 3px;
        padding-right: 2px;
    }

#content .news-snippet-lister {
}

    #content .news-snippet-lister .full-item {
    }

        #content .news-snippet-lister .full-item .headline {
            font-weight: bold;
        }

        #content .news-snippet-lister .full-item .summary {
            margin-top: 2px;
            margin-bottom: 18px;
        }

#kent-main-index .news-snippet-frontpage {
    margin-bottom: 0;
    width: 472px;
}

#kent-main-index .news-snippet-wrapper {
}

#content #news-wrapper .news-snippet-wrapper {
    background: #fff;
}

#content #news-wrapper .news-snippet .news-selected {
    background-color: #cecece;
    padding: 8px 8px 0 10px;
    height: 105px;
    position: relative;
}

    #content #news-wrapper .news-snippet .news-selected p {
        color: #000;
        margin-bottom: 4px;
    }

    #content #news-wrapper .news-snippet .news-selected h2 {
        color: #000;
        font-size: 1.2em;
        margin-bottom: 4px;
        padding-top: 1px;
    }

        #content #news-wrapper .news-snippet .news-selected h2 a {
            color: #000;
        }

    #content #news-wrapper .news-snippet .news-selected p.published {
        font-size: 0.8em;
        margin: 0 0 4px 2px;
    }

    #content #news-wrapper .news-snippet .news-selected p.summary {
        font-size: 1em;
    }

    #content #news-wrapper .news-snippet .news-selected p.more-information {
        text-align: right;
        position: absolute;
        right: 5px;
        bottom: 5px;
    }

        #content #news-wrapper .news-snippet .news-selected p.more-information a {
            color: #000;
        }

#content #news-wrapper .news-snippet .news-items .arrow {
    display: none;
}

#content .news-snippet .news-items .current ul li {
    margin: 1px 0 0 0;
}

#content #news-wrapper .news-snippet .news-items .current ul li:first-child a {
    background-color: #dadada;
}

    #content #news-wrapper .news-snippet .news-items .current ul a:hover, #content #news-wrapper .news-snippet .news-items .current ul li:first-child a:hover {
        background: #cecece;
    }

#content #news-wrapper .news-snippet .news-items .current ul li a {
    height: 33px;
    background-color: #e7e7e7;
}

    #content #news-wrapper .news-snippet .news-items .current ul li a span {
        display: block;
        padding: 9px 0 0 10px;
    }

#content #more-news {
    width: 472px;
    background-color: #f1f1f1;
    position: relative;
    height: 25px;
    border-top: 1px solid #fff;
    margin-bottom: 10px;
}

    #content #more-news a {
        position: absolute;
        right: 5px;
        padding: 5px;
    }

div#content div.infoSlider {
    padding: 3px;
    background: #478d95;
    left: -6px;
    position: relative;
    width: 565px;
}

    div#content div.infoSlider div.infoBox {
        width: 312px;
        height: 235px;
        float: left;
    }

    div#content div.infoSlider div.infoBoxImage {
        float: left;
        width: 136px;
        height: 235px;
    }

    div#content div.infoSlider div.infoBoxText {
        height: 225px;
        width: 136px;
        padding: 5px;
    }

    div#content div.infoSlider div.infoBoxDisplay {
        position: relative;
        height: 235px;
    }

        div#content div.infoSlider div.infoBoxDisplay img {
            position: absolute;
            width: 136px;
            height: 235px;
            z-index: 1;
            cursor: pointer;
            margin: 0;
        }

        div#content div.infoSlider div.infoBoxDisplay div.textBox {
            position: absolute;
            width: 140px;
            height: 235px;
            z-index: 0;
            background: #fff;
            overflow: hidden;
        }

        div#content div.infoSlider div.infoBoxDisplay img.imageArrow {
            position: absolute;
            width: 14px;
            height: 14px;
        }

div#content div.kbsInfoSlider div.infoSlider {
    padding: 2px;
    background: #F2F0E9;
    left: -6px;
    position: relative;
}

    div#content div.kbsInfoSlider div.infoSlider div.infoBox {
        width: 312px;
        height: 125px;
        float: left;
    }

    div#content div.kbsInfoSlider div.infoSlider div.infoBoxImage {
        float: left;
        width: 130px;
        height: 125px;
    }

    div#content div.kbsInfoSlider div.infoSlider div.infoBoxText {
        height: 125px;
        width: 160px !important;
        padding: 5px;
    }

    div#content div.kbsInfoSlider div.infoSlider div.infoBoxDisplay {
        position: relative;
        height: 125px;
    }

        div#content div.kbsInfoSlider div.infoSlider div.infoBoxDisplay img {
            position: absolute;
            height: 125px;
            z-index: 1;
            cursor: pointer;
            margin: 0;
        }

        div#content div.kbsInfoSlider div.infoSlider div.infoBoxDisplay div.textBox {
            position: absolute;
            width: 140px;
            height: 125px;
            z-index: 0;
            background: #fff;
            overflow: hidden;
        }

        div#content div.kbsInfoSlider div.infoSlider div.infoBoxDisplay div#textBox_0 {
            position: absolute;
            width: 140px;
            height: 125px;
            z-index: 0;
            background: #fff;
            overflow: hidden;
        }

        div#content div.kbsInfoSlider div.infoSlider div.infoBoxDisplay img.imageArrow {
            position: absolute;
            height: 14px;
        }

div#content #staff-profile-page {
    width: 752px;
}

    div#content #staff-profile-page #staff-colour-bar {
        background-color: #478d95;
        width: 752px;
        overflow: auto;
    }

        div#content #staff-profile-page #staff-colour-bar img {
            float: left;
            width: 129px;
            padding: 10px 0 0 10px;
            margin-bottom: 10px;
        }

        div#content #staff-profile-page #staff-colour-bar #staff-details {
            width: 400px;
            float: left;
            padding: 0 0 0 15px;
        }

        div#content #staff-profile-page #staff-colour-bar #staff-profile-links {
            float: right;
            width: 168px;
            padding: 30px 0 0 30px;
            color: #fff;
            background: #478d95 url(/pantheon/images/Chronos/snippets/StaffProfile/links-backdrop.png) no-repeat 0 10px;
            min-height: 150px;
        }

        div#content #staff-profile-page #staff-colour-bar #staff-details h1 {
            color: #fff;
            font-family: arial,verdana,sans;
            padding-top: 9px;
            margin-bottom: 0;
        }

        div#content #staff-profile-page #staff-colour-bar #staff-details .jobTitle {
            color: #fff;
            font-family: arial,verdana,sans;
            margin-bottom: 0;
            font-size: 18px;
        }

        div#content #staff-profile-page #staff-colour-bar #staff-details .dept {
            color: #fff;
            font-family: arial,verdana,sans;
            font-size: 14px;
        }

        div#content #staff-profile-page #staff-colour-bar #staff-details #staffDetailList {
            margin-top: 5px;
        }

        div#content #staff-profile-page #staff-colour-bar #staff-details ul {
            overflow: auto;
            margin: 0 0 10px 0;
        }

            div#content #staff-profile-page #staff-colour-bar #staff-details ul li {
                float: left;
                list-style: none;
                padding-left: 20px;
                margin-left: 0;
                color: #fff;
            }

                div#content #staff-profile-page #staff-colour-bar #staff-details ul li.staff-email {
                    background: url(/pantheon/images/Chronos/snippets/StaffProfile/email-icon.gif) no-repeat 1px 5px;
                }

            div#content #staff-profile-page #staff-colour-bar #staff-details ul .staff-email a {
                color: #fff;
            }

            div#content #staff-profile-page #staff-colour-bar #staff-details ul li.staff-phone {
                padding-left: 50px;
                background: url(/pantheon/images/Chronos/snippets/StaffProfile/phone-icon.png) no-repeat 33px 4px;
            }

        div#content #staff-profile-page #staff-colour-bar #staff-details p {
            color: #fff;
        }

        div#content #staff-profile-page #staff-colour-bar #staff-profile-links ul {
            margin: 0;
        }

            div#content #staff-profile-page #staff-colour-bar #staff-profile-links ul li {
                padding: 6px 0 0 20px;
                list-style-type: none;
                margin-left: 0;
            }

                div#content #staff-profile-page #staff-colour-bar #staff-profile-links ul li.staff-cv {
                    background: url(/pantheon/images/Chronos/snippets/StaffProfile/cv-icon.gif) no-repeat 1px 7px;
                }

                div#content #staff-profile-page #staff-colour-bar #staff-profile-links ul li.staff-site {
                    background: url(/pantheon/images/Chronos/snippets/StaffProfile/website-icon.png) no-repeat 1px 11px;
                }

                div#content #staff-profile-page #staff-colour-bar #staff-profile-links ul li a {
                    color: #fff;
                }

    div#content #staff-profile-page .staff-tabsLive {
        margin-top: 0;
    }

        div#content #staff-profile-page .staff-tabsLive .tabsNav {
            padding-left: 10px;
            background: #478d95;
            border-bottom: none;
        }

            div#content #staff-profile-page .staff-tabsLive .tabsNav li a:hover, div#content #staff-profile-page .staff-tabsLive .tabsNav li a:active, div#content #staff-profile-page .staff-tabsLive .tabsNav li.active a {
                background: #fff;
                color: #478d95;
            }

            div#content #staff-profile-page .staff-tabsLive .tabsNav li a {
                font-size: 14px;
                padding: 5px 18px 3px;
                background: #478d95;
                color: #fff;
            }

.course-summary .courses-list {
    background: #E7E7E7;
}

#map_canvas {
    border: 4px solid #ddd;
    margin: 5px;
}

.ug-sl-pdf a {
    background: url(/pantheon/images/Chronos/snippets/FileList/page_white_acrobat.gif) no-repeat right center;
    padding-right: 20px;
}

.UGProgrammesListSubject {
    list-style: none;
}

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

.UGProgrammesListSubjectLink {
    font-size: 1.1em;
    font-weight: bold;
}

.UGProgrammesListRelatedSubject {
    font-style: italic;
}

#content #kbContent .title {
    background-color: #478d95;
    color: #fff;
    padding: 10px;
}

    #content #kbContent .title h1 {
        color: #fff;
        margin-bottom: 8px;
    }

#content #kbContent .content-area .tabsLive, #content #kbContent .content-area .tab-snippet {
    margin-top: -10px;
}

    #content #kbContent .content-area .tab-navigation, #content #kbContent .content-area .tabsLive .tabsNav {
        border: 0;
    }

        #content #kbContent .content-area .tab-navigation li a, #content #kbContent .content-area .tabsLive .tabsNav li a {
            color: #fff;
            background: #478d95;
            padding: 5px 18px 4px;
            margin: 6px 6px 0 0;
            height: 16px;
            font-size: 1.0em;
        }

            #content #kbContent .content-area .tab-navigation li a.active, #content #kbContent .content-area .tab-navigation li a:hover, #content #kbContent .content-area .tabsLive .tabsNav li.active a, #content #kbContent .content-area .tabsLive .tabsNav li a:hover {
                background-color: #f3693f;
                color: #fff;
            }

    #content #kbContent .content-area .tab-snippet .tab-content {
        border: 0;
    }

#content .kbButton {
    display: block;
    margin: 0 0 10px 0;
    background-color: #f5f5f5;
    padding: 5px;
    border: 1px solid #d9d9d9;
    width: 354px;
}

    #content .kbButton:hover {
        text-decoration: none;
        background-color: #e7e7e7;
    }

    #content .kbButton h4 {
        height: auto;
        font-size: 1em;
        margin: 0;
        color: #076a73;
        font-weight: bold;
        padding: 3px;
        overflow: hidden;
    }

    #content .kbButton hr {
        border: 0;
        background-color: #CCC;
        height: 1px;
        margin: 5px 2px;
    }

    #content .kbButton p {
        color: #000;
        width: auto;
        height: 48px;
        margin: 0 0 7px 0;
        padding: 0 3px;
        font-size: 1em;
        overflow: hidden;
        position: relative;
        float: left;
    }

    #content .kbButton img {
        float: left;
        width: 150px;
        padding-right: 7px;
    }

img {
    border: 0;
}

:focus {
    outline: 0;
}

#close {
    cursor: pointer;
    position: absolute;
    right: -15px;
    top: -15px;
}

#content #mapWrapper a:link, #content #mapWrapper a:visited, #content #mapWrapper a:active {
    border-bottom: none;
    color: #000;
}

#content #mapWrapper a:focus, #content #mapWrapper a:hover {
    text-decoration: underline;
}

#content #mapWrapper ul, #content #mapWrapper li {
    list-style-type: none;
    margin: 0 0 10px;
}

#lightbox {
    display: none;
}

#map {
    position: relative;
}

#mapWrapper {
    background: rgb(165, 196, 227);
    background: rgba(165, 196, 227, 0.9);
    padding: 10px;
    width: 675px;
    text-align: center;
}

    #mapWrapper > div {
        display: inline-block;
        text-align: left;
        vertical-align: top;
    }

        #mapWrapper > div:before {
            background: #88ACD0;
            bottom: 10px;
            content: " ";
            margin: 0 -10px;
            position: absolute;
            top: 10px;
            width: 1px;
        }

    #mapWrapper span {
        margin-left: 15px;
    }

#ame {
    left: 0;
    position: absolute;
    top: 0;
}

#eur {
    left: 280px;
    position: absolute;
    top: 44px;
}

#asi {
    left: 380px;
    position: absolute;
    top: 26px;
}

#mid {
    left: 391px;
    position: absolute;
    top: 232px;
}

#afr {
    left: 283px;
    position: absolute;
    top: 242px;
}

#oce {
    left: 547px;
    position: absolute;
    top: 312px;
}

#trans {
    height: 452px;
    left: 0;
    position: absolute;
    top: 0;
    width: 700px;
}

.enforceSize {
    height: 18px;
    width: 27px;
    vertical-align: top;
}

.no-border:before {
    background: transparent !important;
}

.no-border {
    margin-right: 10px;
}

.flags {
    display: inline-block;
    margin-right: 45px;
    vertical-align: top;
}

    .flags.last {
        margin-right: 0;
    }

.hidden {
    display: none;
}

.chronos-form button[type="submit"] {
    float: right;
    height: 35px;
    width: 124px;
    border: none;
    cursor: pointer;
    background: url(/pantheon/images/Default/snippets/FormMailer/submit.jpg) no-repeat;
    text-indent: -999px;
    font-size: 0;
    line-height: 0;
    margin: -5px -2px 0 0;
}

div#content .chronos-form .form-body {
    margin: 0 0 30px 0;
    border: 0;
    padding: 10px 20px 20px 20px;
    width: 91%;
}

div#content .chronos-form label {
    margin-bottom: 5px;
}

div#content .chronos-form fieldset {
    padding: 20px 15px;
    border: 1px solid #bbb;
    margin: 15px 0 25px;
    width: 95%;
}

    div#content .chronos-form fieldset legend {
        font-family: Arial, Helvetica, sans-serif;
        color: #505050;
        margin-left: -5px;
        background: #f3f3f3;
        padding: 8px 10px;
        font-size: 14px;
        font-weight: normal;
        border-bottom: 1px solid #ccc;
    }

div#content .chronos-form .control-group {
    margin: 0 0 15px 0;
    padding: 0 0 10px 0;
}

div#content .chronos-form .errors {
    margin: 0;
    border: 0;
    padding: 20px;
}

div#content .chronos-form {
    margin: 0 8px;
    background: url(/pantheon/images/Chronos/forms/contactBackground.jpg) no-repeat;
    padding: 0 10px;
}

    div#content .chronos-form h5 {
        padding: 15px 0 0 45px;
        margin-bottom: 10px;
    }

    div#content .chronos-form .inputArea {
        border: 1px solid #c1c1c1;
    }

    div#content .chronos-form input#submitButton {
        cursor: pointer;
        float: right;
        margin: -5px -2px 0 0;
    }

    div#content .chronos-form textarea {
        display: block;
        height: 150px;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    div#content .chronos-form input {
        padding: 2px;
    }

    div#content .chronos-form input, div#content .chronos-form textarea {
        border: 1px solid #c1c1c1;
    }

.course-content {
}

    .course-content .aside {
        margin-top: 5px;
    }

        .course-content .aside .chronoButton {
            margin-bottom: 5px;
        }

        .course-content .aside aside {
            background-color: #F0F0F0;
            padding: 8px;
            margin: 10px 0;
        }

#content .course-content .aside aside h2 {
    font-size: 1.4em;
}

.course-content .aside .fee-container {
    margin-bottom: 1.5em;
}

#content .course-content .aside .fee-container h2 {
    margin-bottom: 0;
    cursor: pointer;
}

#content .course-content .span4.aside {
    margin-top: 10px;
}

#content .course-content .aside .fee-container h2:focus {
    outline: none;
}

.course-content .aside .fees-tables {
    margin-top: 10px;
}

#content .course-content .aside .fees-tables table.table {
    margin: 10px 0;
}

#content .course-content .aside .icon-chevron-down {
    margin-top: -2px;
    background: url(/pantheon/images/Chronos/icons/icon-chevron-down.png) no-repeat;
    width: 14px;
    height: 10px;
    display: inline-block;
    margin-left: 4px;
}

#content .course-content .chronoButton {
    cursor: pointer;
}

#content .course-content .aside .chronoButton {
    margin-bottom: 10px;
}

    #content .course-content .aside .chronoButton div.classic {
        background-image: none;
    }

#content .course-content .tab-content h2 {
    margin: 10px 0;
}

#content .course-content .tab-content h4 {
    font-weight: bold;
    font-size: 1em;
}

.screenreader-only {
    position: absolute !important;
    clip: rect(1px);
    clip: rect(1px,1px,1px,1px);
}

#content .course-content .enquire-block {
    margin-bottom: 14px;
}

    #content .course-content .enquire-block ul {
        margin-left: 20px;
        margin-bottom: 1.8em;
    }

    #content .course-content .enquire-block strong {
        width: 65px;
        display: inline-block;
    }

    #content .course-content .enquire-block h3 {
        margin: 12px 0;
    }

.info-section .contacts-enquiries > p {
    margin-bottom: 1em !important;
}

#content .info-section .contacts-enquiries > h4 {
    font-weight: bolder;
    font-size: 1em;
}

#content .info-section .contacts-enquiries > h5 {
    font-weight: 600;
    font-size: 0.98em;
}

#content .course-content .info-section a[href='#more-modules'] {
    display: block;
    padding: 5px 0;
}

.course-content .carousel {
    position: relative;
    margin-bottom: 20px;
    line-height: 1;
    padding-top: 2em;
    padding-bottom: 2em;
    margin-top: 0;
    background: #F0F0F0;
}

.course-content .carousel-inner {
    position: relative;
    width: 652px;
    overflow: hidden;
    margin-left: 50px;
    height: 60px;
}

    .course-content .carousel-inner .cell {
        width: 100%;
    }

    .course-content .carousel-inner a span {
        display: block;
        line-height: 20px;
    }

        .course-content .carousel-inner a span.forPrint {
            display: none;
        }

    .course-content .carousel-inner > .item {
        position: relative;
        display: none;
        -webkit-transition: 0.6s ease-in-out left;
        -moz-transition: 0.6s ease-in-out left;
        -o-transition: 0.6s ease-in-out left;
        transition: 0.6s ease-in-out left;
    }

        .course-content .carousel-inner > .item > img, .course-content .carousel-inner > .item > a > img {
            display: block;
            line-height: 1;
        }

    .course-content .carousel-inner > .active, .course-content .carousel-inner > .next, .course-content .carousel-inner > .prev {
        display: block;
    }

    .course-content .carousel-inner > .active {
        left: 0;
    }

    .course-content .carousel-inner > .next, .course-content .carousel-inner > .prev {
        position: absolute;
        top: 0;
        width: 100%;
    }

    .course-content .carousel-inner > .next {
        left: 100%;
    }

    .course-content .carousel-inner > .prev {
        left: -100%;
    }

        .course-content .carousel-inner > .next.left, .course-content .carousel-inner > .prev.right {
            left: 0;
        }

    .course-content .carousel-inner > .active.left {
        left: -100%;
    }

    .course-content .carousel-inner > .active.right {
        left: 100%;
    }

#content .course-content a.carousel-control {
    position: absolute;
    top: 30px;
    left: 0;
    width: 25px;
    height: 70px;
    margin-top: -10px;
    font-size: 60px;
    font-weight: 100;
    line-height: 60px;
    color: #fff;
    text-align: center;
    background: #777;
    opacity: 0.6;
    filter: alpha(opacity=60);
    text-decoration: none;
}

    #content .course-content a.carousel-control.right {
        right: 0;
        left: auto;
    }

    #content .course-content a.carousel-control:hover, #content .course-content a.carousel-control:focus {
        color: #fff;
        text-decoration: none;
        opacity: 0.7;
        filter: alpha(opacity=70);
    }

.course-content .carousel-inner-left {
    height: 50px;
    text-align: center;
    margin: 0 40px;
}

    .course-content .carousel-inner-left .cell {
        width: 100%;
    }

    .course-content .carousel-inner-left a span {
        display: block;
        line-height: 20px;
    }

    .course-content .carousel-inner-left .forPrint {
        display: none;
    }

#content #staff .staff-profile {
    width: 100%;
    float: none;
}

    #content #staff .staff-profile p {
        margin-bottom: 1em;
    }

    #content #staff .staff-profile a {
        margin-bottom: 1em;
        display: inline-block;
    }

div.formmailerform h5 {
    padding: 15px 0 0 45px;
    margin-bottom: 10px;
}

div.formmailerform fieldset {
    border: none;
    margin: 0;
    padding: 0;
    padding: 5px 15px 15px 20px;
    width: 91%;
}

div.formmailerform ul {
    margin: 0 !important;
    padding: 0 !important;
}

    div.formmailerform ul li {
        margin: 0 0 15px 0 !important;
        padding: 0 0 10px 0 !important;
        list-style: none !important;
        background-image: none !important;
        xborder-bottom: 1px solid #ddd;
    }

div#content legend {
    padding: 0px 5px;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #505050;
    font-weight: bold;
    margin-left: -5px;
}

div.formmailerform label {
    display: block;
    margin-bottom: 5px;
}

div.formmailerform .inputArea {
    border: 1px solid #c1c1c1;
}

div.formmailerform .inputSized {
    width: 150px;
    border: 1px solid #c1c1c1;
}

div.formmailerform input, div.formmailerform select {
    padding: 2px;
    border: 1px solid #c1c1c1;
}

div.formmailerform textarea {
    display: block;
    height: 150px;
    width: 300px;
    margin: 0;
    padding: 0;
}

div.formmailerform input#submitButton {
    cursor: pointer;
    float: right;
    margin: -5px -2px 0 0;
    padding: 0;
    border: 0;
    width: 124px;
}

div.formmailerform input:focus, div.formmailerform textarea:focus {
    border-color: #0ff;
}

.hide {
    margin-left: -9999px;
    display: none;
}

div.formmailerform fieldset.innerfs {
    padding: 20px 15px !important;
    border: 1px solid #bbb !important;
    margin: 15px 0 25px;
    width: 100% !important;
}

    div.formmailerform fieldset.innerfs legend {
        background: #f3f3f3;
        padding: 8px 10px !important;
        font-size: 14px !important;
        font-weight: normal !important;
        border-bottom: 1px solid #ccc;
    }

label.error, label.validfield {
    display: inline;
    font-weight: bold;
    padding-left: 20px;
    margin-left: 5px;
    float: right;
    background: #fff url('Bacchus/snippets/FormMailer/accept.png') no-repeat left top;
}

label.error {
    color: #f00;
    background-image: url(/pantheon/images/Bacchus/snippets/FormMailer/cancel.png);
}

label.validfield {
    color: #093;
    background-image: url(/pantheon/images/Bacchus/snippets/FormMailer/accept.png) !important;
}

.ie label.error, .ie label.validfield {
    margin-top: -25px !important;
}

.dateField + img {
    position: relative;
    left: -20px;
    top: -3px;
}

.dateField {
    background-image: url(/pantheon/images/Bacchus/snippets/FormMailer/calendar.gif) !important;
    background: no-repeat;
    background-position: right 2px !important;
}

#datepicker_div, .datepicker_inline {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding: 0;
    margin: 0;
    background: #ddd;
    width: 185px;
}

#datepicker_div {
    display: none;
    border: 1px solid #777;
    z-index: 9999;
}

.datepicker_inline {
    float: left;
    display: block;
    border: 0;
}

.datepicker_rtl {
    direction: rtl;
}

.datepicker_dialog {
    padding: 5px !important;
    border: 4px ridge #ddd !important;
}

button.datepicker_trigger {
    width: 25px;
}

img.datepicker_trigger {
    margin: 2px;
    vertical-align: middle;
}

.datepicker_prompt {
    float: left;
    padding: 2px;
    background: #ddd;
    color: #000;
}

* html .datepicker_prompt {
    width: 185px;
}

.datepicker_control, .datepicker_links, .datepicker_header, .datepicker {
    clear: both;
    float: left;
    width: 100%;
    color: #fff;
}

.datepicker_control {
    background: #555;
    padding: 2px 0;
}

.datepicker_links {
    background: #999;
    padding: 2px 0;
}

.datepicker_control, .datepicker_links {
    font-weight: bold;
    font-size: 80%;
    letter-spacing: 1px;
}

    .datepicker_links label {
        padding: 2px 5px;
        color: #888;
    }

.datepicker_clear, .datepicker_prev {
    float: left;
    width: 34%;
}

.datepicker_rtl .datepicker_clear, .datepicker_rtl .datepicker_prev {
    float: right;
    text-align: right;
}

.datepicker_current {
    float: left;
    width: 30%;
    text-align: center;
}

.datepicker_close, .datepicker_next {
    float: right;
    width: 34%;
    text-align: right;
}

.datepicker_rtl .datepicker_close, .datepicker_rtl .datepicker_next {
    float: left;
    text-align: left;
}

.datepicker_header {
    padding: 1px 0 3px;
    background: #333;
    text-align: center;
    font-weight: bold;
    height: 1.3em;
}

    .datepicker_header select {
        background: #333;
        color: #fff;
        border: 0;
        font-weight: bold;
    }

.datepicker {
    background: #ccc;
    text-align: center;
    font-size: 100%;
}

    .datepicker a {
        display: block;
        width: 100%;
    }

.datepicker_titleRow {
    background: #777;
}

.datepicker_daysRow {
    background: #eee;
    color: #666;
}

.datepicker_weekCol {
    background: #777;
    color: #fff;
}

.datepicker_daysCell {
    color: #000;
    border: 1px solid #ddd;
}

    .datepicker_daysCell a {
        display: block;
    }

.datepicker_weekEndCell {
    background: #ddd;
}

.datepicker_titleRow .datepicker_weekEndCell {
    background: #777;
}

.datepicker_daysCellOver {
    background: #fff;
    border: 1px solid #777;
}

.datepicker_unselectable {
    color: #888;
}

.datepicker_today {
    background: #fcc !important;
}

.datepicker_currentDay {
    background: #999 !important;
}

.datepicker_status {
    background: #ddd;
    width: 100%;
    font-size: 80%;
    text-align: center;
}

#datepicker_div a, .datepicker_inline a {
    cursor: pointer;
    margin: 0;
    padding: 0;
    background: none;
    color: #000;
}

.datepicker_inline .datepicker_links a {
    padding: 0 5px !important;
}

.datepicker_control a, .datepicker_links a {
    padding: 2px 5px !important;
    color: #eee !important;
}

.datepicker_titleRow a {
    color: #eee !important;
}

.datepicker_control a:hover {
    background: #fdd !important;
    color: #333 !important;
}

.datepicker_links a:hover, .datepicker_titleRow a:hover {
    background: #ddd !important;
    color: #333 !important;
}

.datepicker_multi .datepicker {
    border: 1px solid #777;
}

.datepicker_oneMonth {
    float: left;
    width: 185px;
}

.datepicker_newRow {
    clear: left;
}

.datepicker_cover {
    display: none;
    display position:absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px;
}

.newsletterform #deptContact {
    background: none;
    margin: 0;
    padding: 0px;
}

    .newsletterform #deptContact h5 {
        background: #478d95;
        color: #fff;
        margin: 0;
        padding: 13px 0;
        text-align: center;
        font-family: "CenturySchoolbookStdRegular","Century Schoolbook","Times New Roman",Times,serif;
    }

    .newsletterform #deptContact form {
        background: #e6e6e6 url(/pantheon/dynamic/images/polygon/24x11/0,0,24,0,12,11,/478d95-transparent.png) no-repeat 104px 0;
    }

        .newsletterform #deptContact form fieldset {
            padding: 0 0 0 20px;
            width: 208px;
        }

            .newsletterform #deptContact form fieldset p {
                color: #555;
                font-size: 10px;
                padding: 6px 0 0 124px;
                margin-bottom: 5px;
            }

            .newsletterform #deptContact form fieldset ul {
                padding: 0 0 10px 0 !important;
            }

                .newsletterform #deptContact form fieldset ul li {
                    margin: 0 0 8px 0 !important;
                    padding: 0 0 7px 0 !important;
                    border-bottom: none;
                }

                    .newsletterform #deptContact form fieldset ul li label {
                        color: #555;
                    }

                        .newsletterform #deptContact form fieldset ul li label.error {
                            display: block !important;
                            margin-top: 8px;
                            width: 130px;
                        }

                        .newsletterform #deptContact form fieldset ul li label.validfield {
                            display: inline !important;
                        }

                        .newsletterform #deptContact form fieldset ul li label.error, .newsletterform #deptContact form fieldset ul li label.validfield {
                            float: none;
                            background-color: transparent;
                        }

            .newsletterform #deptContact form fieldset #submitButton {
                margin: 0;
                padding: 0 15px 15px 0;
            }

#content .newsletterform .newsletterSuccess h5, #content .newsletterform .newsletterError h5 {
    background: #478d95;
    color: #fff;
    margin: 0;
    padding: 13px 0;
    text-align: center;
}

#content .newsletterform .newsletterSuccess .message, #content .newsletterform .newsletterError .message {
    background: #e6e6e6 url(/pantheon/dynamic/images/polygon/24x11/0,0,24,0,12,11,/478d95-transparent.png) no-repeat 104px 0;
    color: #555;
    padding: 20px 20px 20px 20px;
}

div#ug-programme-warning {
    width: 96%;
    background: #fff8e1;
    border: 1px solid #ebde8d;
    padding: 13px 13px 0 13px;
    margin: 15px 0 20px;
}

#content .imageContent {
    overflow: auto;
}

    #content .imageContent .mainContent {
        background: #fff;
        color: #000;
    }

        #content .imageContent .mainContent ul {
            background: #fff;
            color: #000;
            padding: 0px;
            margin: 12px 7px 12px 21px;
        }

        #content .imageContent .mainContent p {
            padding: 0px;
            margin: 12px;
            background: #fff;
            color: #000;
        }

        #content .imageContent .mainContent a {
            color: #1f4f82;
            text-decoration: none;
        }

            #content .imageContent .mainContent a:hover {
                color: #1f4f82;
                text-decoration: underline;
            }

    #content .imageContent .topContent img {
        width: 100%;
        margin-bottom: 8px;
    }

    #content .imageContent .topContent h3 {
        padding: 10px 5px 10px 5px;
        margin: 0;
    }

    #content .imageContent.primary, #content .imageContent.highlight, #content .imageContent.secondary {
        margin: 5px 0 5px 0;
        max-width: 508px;
        background: #fff;
    }

    #content .imageContent.primary {
        border: solid 2px #076a73;
    }

        #content .imageContent.primary .topContent, #content .imageContent.primary .topContent h3 {
            color: #fff;
            background-color: #076a73;
        }

    #content .imageContent.secondary {
        border: solid 2px #478d95;
    }

        #content .imageContent.secondary .topContent, #content .imageContent.secondary .topContent h3 {
            color: #fff;
            background-color: #478d95;
        }

    #content .imageContent.highlight {
        border: solid 2px #f3693f;
    }

        #content .imageContent.highlight .topContent, #content .imageContent.highlight .topContent h3 {
            color: #fff;
            background-color: #f3693f;
        }

.quiz_option.correct.selected {
    background-image: url(/pantheon/images/Chronos/snippets/Quiz/check.png) !important;
    background-repeat: no-repeat;
    padding-left: 30px;
    min-height: 30px;
    padding-top: 5px;
}

.quiz_option.selected {
    background-image: url(/pantheon/images/Chronos/snippets/Quiz/cross.png);
    background-repeat: no-repeat;
    padding-left: 30px;
    min-height: 30px;
    padding-top: 5px;
}

.quiz_option.correct {
    color: #090;
    padding-left: 30px;
    min-height: 30px;
    padding-top: 5px;
}

.quiz_question_text {
    font-size: 1.5em;
}

.quiz_option input {
    float: left;
}

.quiz_option {
    padding-bottom: 5px;
}

#content .pattern-profile-list {
    padding-bottom: 2px;
    clear: both;
}

    #content .pattern-profile-list .pattern-title-bar {
        padding: 0 7px;
    }

    #content .pattern-profile-list.primary-colour .pattern-title-bar {
        background-color: #076a73;
    }

    #content .pattern-profile-list.secondary-colour .pattern-title-bar {
        background-color: #478d95;
    }

    #content .pattern-profile-list.highlight-colour .pattern-title-bar {
        background-color: #f3693f;
    }

    #content .pattern-profile-list.primary-colour .pattern-title-bar h3 {
        color: #fff;
    }

    #content .pattern-profile-list.secondary-colour .pattern-title-bar h3 {
        color: #fff;
    }

    #content .pattern-profile-list.highlight-colour .pattern-title-bar h3 {
        color: #fff;
    }

#content .pattern-profile-list {
    margin: 10px 0 0 0;
}

    #content .pattern-profile-list .profile-column {
        float: left;
        width: 376px;
    }

        #content .pattern-profile-list .profile-column p {
            margin: 0 0 7px 0;
        }

        #content .pattern-profile-list .profile-column ul {
            list-style: none;
            margin: 0;
        }

        #content .pattern-profile-list .profile-column.column-left ul {
            margin-right: 10px;
        }

        #content .pattern-profile-list .profile-column ul li {
            margin: 0 0 10px 0;
            background-color: #f5f5f5;
            padding: 5px;
            border: 1px solid #d9d9d9;
        }

    #content .pattern-profile-list.concise .profile-column .staff-info {
        padding-top: 10px;
        font-size: 0.8em;
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    #content .pattern-profile-list .profile-column ul li, #content .pattern-profile-list .profile-column ul li a {
        text-decoration: none !important;
    }

        #content .pattern-profile-list .profile-column ul li:hover {
            background-color: #e7e7e7;
        }

    #content .pattern-profile-list .text {
        cursor: pointer;
        color: #000;
    }

    #content .pattern-profile-list .pattern-title-bar h3 {
        padding: 2px 0;
    }

    #content .pattern-profile-list .text .title {
        color: #000;
        font-weight: bold;
        padding: 3px;
        margin-bottom: 5px;
        height: 32px;
        overflow: hidden;
    }

    #content .pattern-profile-list.concise .text .title {
        height: 16px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    #content .pattern-profile-list .text h4.title {
        height: auto;
        font-size: 1em;
        margin: 0;
    }

    #content .pattern-profile-list.primary-colour .text h4.title {
        color: #076a73;
    }

    #content .pattern-profile-list.secondary-colour .text h4.title {
        color: #478d95;
    }

    #content .pattern-profile-list.highlight-colour .text h4.title {
        color: #f3693f;
    }

    #content .pattern-profile-list .text hr {
        border: 0;
        background-color: #CCC;
        height: 1px;
        margin: 5px 2px;
    }

    #content .pattern-profile-list .picture {
        width: 64px;
        height: 88px;
        margin: 0;
        background: #ccc;
        float: right;
        border: 1px solid #fff;
    }

        #content .pattern-profile-list .picture img {
            width: 100%;
            height: 100%;
        }

    #content .pattern-profile-list .text .info {
        width: auto;
        height: 48px;
        padding: 0 3px;
        font-size: 1em;
        overflow: hidden;
        position: relative;
    }

        #content .pattern-profile-list .text .info.large {
            height: 67px;
            margin: 0 0 1px 0;
        }

#content a.pattern-profile-course {
    width: 230px;
    float: left;
    height: 90px;
    margin-right: 20px;
    margin-bottom: 20px;
    display: block;
    text-decoration: none;
}

    #content a.pattern-profile-course:hover {
        text-decoration: none;
    }

#content .pattern-profile-course p {
    font-size: 0.9em;
    height: 44px;
    overflow: hidden;
    margin-bottom: 6px;
    text-overflow: ellipsis;
    color: #000;
}

.pattern-profile-course .picture {
    width: 85px;
    height: 85px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
    background: #f6f6f6;
}

#content .pattern-profile-course h4 {
    font-weight: bold;
    color: #000;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.pattern-profile-course .picture img {
    height: 100%;
}

    .pattern-profile-course .picture img:hover {
        height: 100%;
        opacity: 0.9;
    }

.pattern-profile-course span {
    float: right;
}

    .pattern-profile-course span:hover {
        text-decoration: underline;
    }

#content .course-content .basic-tabs .tab-pane .pattern-profile-course {
    margin-right: 19px;
    ;
}

#dropletWrap {
    width: 100%;
    height: 376px;
    margin: 0 0 20px 0;
    overflow: hidden;
}

    #dropletWrap.subpage {
        overflow: visible;
        height: auto;
    }

#portfolio {
    position: relative;
}

    #portfolio h3 {
        font-family: Arial,Helvetica,sans-serif;
    }

.idrop_container #previous, .idrop_container #next {
    font-size: 75px;
    width: 40px;
    height: 40px;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 170px;
}

#next.pagination {
    background: url(/pantheon/images/Default/snippets/Droplet/right_arrow_on.gif) no-repeat;
}

#previous.pagination {
    background: url(/pantheon/images/Default/snippets/Droplet/left_arrow_on.gif) no-repeat;
}

#next.pagination.inactive {
    background: url(/pantheon/images/Default/snippets/Droplet/right_arrow_off.gif) no-repeat;
}

#previous.pagination.inactive {
    background: url(/pantheon/images/Default/snippets/Droplet/left_arrow_off.gif) no-repeat;
}

.pagination.inactive {
    cursor: default !important;
}

.hoverBlock .grid {
    margin-bottom: 20px;
    position: relative;
    width: 200px !important;
    height: 290px;
    border: 5px solid #292929;
    overflow: hidden;
}

.idrop_container {
    width: 469px;
    margin-left: 20px;
}

.grid img {
    border: 1px solid #eee;
    width: 198px;
    height: 178px;
}

.slidebox {
    margin-left: 50px;
    position: relative;
}

.hoverBlock .grid {
    border: 3px solid #ccc;
    height: 180px;
    margin-bottom: 2px;
    overflow: hidden;
    position: relative;
    width: 200px !important;
    display: inline;
    float: left;
    margin-left: 1px;
    margin-right: 1px;
}

    .hoverBlock .grid a {
        text-decoration: none;
        cursor: hand;
    }

#portfolio #previous {
    left: 0 px;
}

#portfolio #next {
    right: -47px;
}

#portfolio img.portfolio-image {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    margin: 0;
}

#portfolio .overlay {
    position: absolute;
    z-index: 1;
    display: block;
    margin-top: 1px;
    margin-left: 2px;
    padding: 11px 14px;
    background-image: url(/pantheon/images/Default/snippets/Droplet/back.png);
    height: 16px;
    width: 168px;
}

#portfolio .portfolio-info {
    height: 174px;
    padding: 12px 15px;
    width: 194px;
    background: #292929 url(/pantheon/images/Default/snippets/Droplet/portfolio_hover_bg.gif) repeat-x top;
}

.overlay h3 {
    font-size: 14px;
    margin: 0 0 1px 0;
    padding: 0;
    color: #fff;
    text-transform: uppercase;
}

.portfolio-info h3 {
    font-size: 14px;
    margin: 0 0 1px 0;
    padding: 0;
    color: #5aa5f1;
    text-transform: uppercase;
}

.portfolio-info small {
    font-size: 11px;
    color: #a7a7a7;
    display: block;
    margin: 0 0 10px 0;
    padding: 0;
}

.portfolio-info p {
    font-size: 14px;
    line-height: 17px;
    margin: 0 0 22px 0;
    color: #e4e4e4;
}

.portfolio-info .button {
    float: left;
}

    .portfolio-info .button.left {
        margin: 0 10px 0 0;
    }

pre, code {
    font-size: 1.1em;
    white-space: pre;
    background-color: #e3e3e3;
    color: #000;
    border: 1px solid #aeaeae;
    padding: 10px;
    display: block;
    margin-bottom: 20px;
    width: 97%;
}

code {
    padding-top: 20px;
    background-image: url(/pantheon/images/Chronos/snippets/Miscellaneous/code.gif);
    background-repeat: no-repeat;
}

    code strong {
        color: const(mainColour);
    }

    code pre {
        background-color: transparent;
        font-size: 1em;
        border: none;
        padding: 0;
        margin: 0;
        width: 500px;
    }

.tabsLive .warning, .seperateTabs .warning, .warning {
    background-image: url(/pantheon/images/Chronos/snippets/Miscellaneous/warning.gif);
    padding-left: 25px;
    color: red;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: top left;
    margin: 3px 0 20px 0;
    min-height: 20px;
    display: block;
}

p.warning {
    margin: 3px 0 20px 0;
}

#content .featureSnippet {
    width: 509px;
    height: 285px;
}

    #content .featureSnippet .feature_main {
        width: 383px;
        float: left;
        margin: 0 2px 2px 0;
        position: relative;
    }

    #content .featureSnippet h4 {
        width: 377px;
        float: left;
        height: 40px;
        background-color: #8f9686;
        margin-bottom: 0;
        line-height: 40px;
        padding-left: 6px;
        color: #fff;
        font-size: 1.25em;
        position: absolute;
        top: 0;
        left: 0;
    }

    #content .featureSnippet .feature_show {
        position: absolute;
        top: 44px;
        left: 0;
    }

        #content .featureSnippet .feature_show a {
            text-decoration: none;
            display: block;
            margin-bottom: 1px;
            position: absolute;
            top: 0;
            left: 0;
        }

            #content .featureSnippet .feature_show a h5 {
                background: url(/pantheon/images/Chronos/snippets/Feature/semi-transparent-black.png);
                margin-bottom: 0;
                position: absolute;
                color: #fff;
                font-size: 1em;
                font-weight: bold;
                line-height: 2em;
                padding-left: 6px;
                padding-right: 6px;
                top: 172px;
                z-index: 10;
            }

            #content .featureSnippet .feature_show a .img {
                height: 198px;
                width: 383px;
                border: none;
            }

        #content .featureSnippet .feature_show .foot {
            background-color: #8f9686;
            color: #fff;
            padding: 4px 4px 0 4px;
            position: absolute;
            top: 202px;
            left: 0;
            height: 36px;
            width: 375px;
        }

    #content .featureSnippet .hiddenShow {
        display: none;
        visibility: none;
    }

    #content .featureSnippet .feature_scroll {
        width: 122px;
        float: left;
        margin: 0 0 2px 2px;
    }

        #content .featureSnippet .feature_scroll .up {
            height: 40px;
            background-color: #8f9686;
            color: #fff;
            margin-bottom: 4px;
            background-image: url(/pantheon/dynamic/images/polygon/16x14/0,8,8,0,16,8,16,14,8,8,0,14/ffffff-transparent.png);
            background-repeat: no-repeat;
            background-position: center;
            cursor: pointer;
        }

        #content .featureSnippet .feature_scroll .down {
            height: 40px;
            margin-top: 4px;
            background-color: #8f9686;
            color: #fff;
            background-image: url(/pantheon/dynamic/images/polygon/16x14/0,0,8,8,16,0,16,8,8,14,0,8/ffffff-transparent.png);
            background-repeat: no-repeat;
            background-position: center;
            cursor: pointer;
        }

            #content .featureSnippet .feature_scroll .up:hover, #content .featureSnippet .feature_scroll .down:hover {
                background-color: #575850;
            }

        #content .featureSnippet .feature_scroll .images {
            height: 198px;
            overflow: hidden;
            position: relative;
        }

            #content .featureSnippet .feature_scroll .images #images_list {
                position: absolute;
                width: 122px;
            }

                #content .featureSnippet .feature_scroll .images #images_list .img_thumb {
                    width: 122px;
                    height: 62px;
                    margin: 0;
                    padding: 0;
                    border: 0;
                    margin-bottom: 8px;
                    float: left;
                    cursor: pointer;
                }

#content .feature_v_accordion_wrapper {
    width: 499px;
    height: 285px;
    overflow: hidden;
    border: 3px solid #333;
    padding: 2px;
}

    #content .feature_v_accordion_wrapper .hiddenShow {
        display: none;
        visibility: none;
    }

    #content .feature_v_accordion_wrapper .feature_v_accordion {
        width: 250px;
        float: left;
    }

    #content .feature_v_accordion_wrapper .img {
        width: 249px;
        float: right;
        height: 100%;
        background: #333333;
    }

        #content .feature_v_accordion_wrapper .img img {
            width: 100%;
            height: auto;
        }

    #content .feature_v_accordion_wrapper .feature_v_accordion h3 {
        background-color: #333333;
        margin-bottom: 0;
        color: white;
        border: 1px solid #fff;
        border-width: 0 1px 1px 0;
        cursor: pointer;
        padding: 0 4px;
        line-height: 25px;
    }

    #content .feature_v_accordion_wrapper .feature_v_accordion .feature_body {
        padding: 10px 0;
    }

#content .feature_accordion {
    text-align: left;
    font: 'Helvetica Neue', Verdana, Arial, sans-serif;
    border: 3px solid #a0a0a0;
    padding: 2px 2px 2px 0;
}

    #content .feature_accordion ol {
        position: relative;
        overflow: hidden;
        height: 100%;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    #content .feature_accordion li > h2 {
        border-top: 3px solid #fff;
        color: black;
        font-weight: normal;
        margin: 0;
        z-index: 2;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transform: translateX(-100%) rotate(-90deg);
        -webkit-transform-origin: right top;
        -moz-transform: translateX(-100%) rotate(-90deg);
        -moz-transform-origin: right top;
        -o-transform: translateX(-100%) rotate(-90deg);
        -o-transform-origin: right top;
        transform: translateX(-100%) rotate(-90deg);
        transform-origin: right top;
    }

        #content .feature_accordion li > h2.feature0 {
            background: #000;
        }

        #content .feature_accordion li > h2.feature1 {
            background: #053d30;
        }

        #content .feature_accordion li > h2.feature2 {
            background: #0e6c5c;
        }

        #content .feature_accordion li > h2.feature3 {
            background: #26a48e;
        }

        #content .feature_accordion li > h2 span {
            display: block;
            padding-right: 8%;
            text-align: right;
            width: 280px;
            height: 40px;
            margin-top: 5px;
        }

.ie #content .feature_accordion li > h2 span {
    width: auto;
    height: 285px;
}

#content .feature_accordion li > h2 b {
    display: inline-block;
    position: absolute;
    top: 10%;
    top: 42%\9;
    left: 10%;
    left: 5%\9;
    text-align: center;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

#content .feature_accordion li > h2:hover {
    cursor: pointer;
}

#content .feature_accordion li > div {
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    overflow: hidden;
    background: white;
}

#content .feature_accordion li > .feature-body .feature-content-wrap {
    height: 296px;
    border-left: 2px solid #fff;
    margin-left: 3px;
    overflow: hidden;
}

#content .feature_accordion noscript p {
    padding: 10px;
    margin: 0;
    background: white;
}

#content .feature_accordion .feature-arrow {
    width: 15px;
    height: 30px;
    z-index: 3;
    position: absolute;
    top: 30px;
    left: 5px;
    background: url(/pantheon/dynamic/images/polygon/15x30/0,0,0,30,15,15,/ffffff-transparent.png) no-repeat;
}

    #content .feature_accordion .feature-arrow span {
        width: 15px;
        height: 30px;
        z-index: 2;
        position: absolute;
        top: 0;
        left: -3px;
        background: url(/pantheon/dynamic/images/polygon/15x30/0,0,0,30,15,15,/333333-transparent.png) no-repeat;
    }

#content .feature_accordion .feature0arrow {
    width: 15px;
    height: 30px;
    z-index: 3;
    position: absolute;
    top: 30px;
    left: 5px;
    background: url(/pantheon/dynamic/images/polygon/15x30/0,0,0,30,15,15,/ffffff-transparent.png) no-repeat;
}

    #content .feature_accordion .feature0arrow span {
        width: 15px;
        height: 30px;
        z-index: 2;
        position: absolute;
        top: 0;
        left: -3px;
        background: url(/pantheon/dynamic/images/polygon/15x30/0,0,0,30,15,15,/000000-transparent.png) no-repeat;
    }

#content .feature_accordion .feature1arrow {
    width: 15px;
    height: 30px;
    z-index: 3;
    position: absolute;
    top: 30px;
    left: 5px;
    background: url(/pantheon/dynamic/images/polygon/15x30/0,0,0,30,15,15,/ffffff-transparent.png) no-repeat;
}

    #content .feature_accordion .feature1arrow span {
        width: 15px;
        height: 30px;
        z-index: 2;
        position: absolute;
        top: 0;
        left: -3px;
        background: url(/pantheon/dynamic/images/polygon/15x30/0,0,0,30,15,15,/053d30-transparent.png) no-repeat;
    }

#content .feature_accordion .feature2arrow {
    width: 15px;
    height: 30px;
    z-index: 3;
    position: absolute;
    top: 30px;
    left: 5px;
    background: url(/pantheon/dynamic/images/polygon/15x30/0,0,0,30,15,15,/ffffff-transparent.png) no-repeat;
}

    #content .feature_accordion .feature2arrow span {
        width: 15px;
        height: 30px;
        z-index: 2;
        position: absolute;
        top: 0;
        left: -3px;
        background: url(/pantheon/dynamic/images/polygon/15x30/0,0,0,30,15,15,/0e6c5c-transparent.png) no-repeat;
    }

#content .feature_accordion .feature3arrow {
    width: 15px;
    height: 30px;
    z-index: 3;
    position: absolute;
    top: 30px;
    left: 5px;
    background: url(/pantheon/dynamic/images/polygon/15x30/0,0,0,30,15,15,/ffffff-transparent.png) no-repeat;
}

    #content .feature_accordion .feature3arrow span {
        width: 15px;
        height: 30px;
        z-index: 2;
        position: absolute;
        top: 0;
        left: -3px;
        background: url(/pantheon/dynamic/images/polygon/15x30/0,0,0,30,15,15,/26a48e-transparent.png) no-repeat;
    }

#content .feature_accordion a .img {
    border: none;
    width: 100%;
    height: 225px;
    display: block;
}

#content .feature_accordion h4 {
    height: 30px;
    background: rgb(0,0,0);
    background: rgba(0,0,0, 0.6);
    margin: 0;
    position: absolute;
    bottom: 71px;
    width: 100%;
}

    #content .feature_accordion h4 a {
        color: #fff;
        font-size: 1.15em;
        padding-left: 6px;
        display: block;
        line-height: 30px;
    }

#content .feature_accordion .foot {
    padding: 7px;
}

#content .feature_accordion_basic li > h2 {
    background: #333;
    color: white;
    line-height: 1.8em;
}

#content .feature_accordion_basic li > div h3 {
    margin: 15px 10px;
}

#content .feature_accordion_basic li > div p {
    margin: 10px;
    font-size: 14px;
}

#content .feature_accordion_dark {
    border: 9px solid #353535;
    border-bottom-width: 8px;
    padding: 5px 5px 6px 0;
    background: #030303;
    -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
    box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
}

    #content .feature_accordion_dark li > h2 {
        background: #030303;
        font-size: 16px;
        line-height: 2.7em;
        text-shadow: 0 -1px 0 #030303;
    }

        #content .feature_accordion_dark li > h2 span {
            background: #353535;
            color: white;
        }

        #content .feature_accordion_dark li > h2 b {
            background: #353535\9;
            color: #030303;
            font-size: 20px;
            text-shadow: -1px 1px 0 #5b5b5b;
        }

    #content .feature_accordion_dark h2.selected span, .feature_accordion_dark h2.selected span:hover {
        background: #434343;
        background: -webkit- /*gradient(linear, left top, right top, color-stop(0, #353535)*/, color-stop(1, #555555));
        background: -moz-linear- /*gradient(top left, #353535 0%, #555555 100%)*/;
    }

    #content .feature_accordion_dark h2.selected b {
        background: #434343\9;
    }

    #content .feature_accordion_dark li > div {
        background: #030303;
        margin-left: 5px;
    }

#content .feature_accordion_rounded {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

    #content .feature_accordion_rounded li > h2 span {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

#content .feature_accordion.rpd {
    position: relative;
    border: 0;
    left: 11px;
}

    #content .feature_accordion.rpd li {
        overflow: visible;
    }

        #content .feature_accordion.rpd li > h2 {
            background: #478d95 url(/pantheon/images/Chronos/snippets/Feature/RPD/bg-map.png) bottom left no-repeat;
            width: 40px;
            border: 0;
            border-right: 15px solid #FFF;
            border-bottom: 1px solid #FFF;
            overflow: visible;
            z-index: 11;
        }

            #content .feature_accordion.rpd li > h2.feature0 {
                background-position: 16px 0;
                z-index: 18;
            }

            #content .feature_accordion.rpd li > h2.feature1 {
                background-position: 16px -44px;
                z-index: 16;
            }

            #content .feature_accordion.rpd li > h2.feature2 {
                background-position: 16px -88px;
                z-index: 14;
            }

            #content .feature_accordion.rpd li > h2.feature3 {
                background-position: 16px -132px;
                z-index: 12;
            }

            #content .feature_accordion.rpd li > h2.feature0:hover {
                background-position: 16px -176px;
                color: #f3693f;
            }

            #content .feature_accordion.rpd li > h2.feature1:hover {
                background-position: 16px -220px;
                color: #c59608;
            }

            #content .feature_accordion.rpd li > h2.feature2:hover {
                background-position: 16px -264px;
                color: #2abed9;
            }

            #content .feature_accordion.rpd li > h2.feature3:hover {
                background-position: 16px -308px;
                color: #afbd1f;
            }

            #content .feature_accordion.rpd li > h2 span {
                width: auto;
                padding-right: 25px;
                margin-top: 2px;
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }

            #content .feature_accordion.rpd li > h2 .right-border {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 425px;
                height: 1px;
                background: #FFF;
            }

            #content .feature_accordion.rpd li > h2.selecting .right-border, #content .feature_accordion.rpd li > h2.selected .right-border, #content .feature_accordion.rpd li > h2.prev-selected .right-border {
                display: none;
            }

            #content .feature_accordion.rpd li > h2 .top-border {
                position: absolute;
                top: 0;
                right: -13px;
                width: 14px;
                height: 43px;
                z-index: 3;
            }

            #content .feature_accordion.rpd li > h2.feature0 .top-border {
                background-color: #f3693f;
            }

            #content .feature_accordion.rpd li > h2.feature1 .top-border {
                background-color: #c59608;
            }

            #content .feature_accordion.rpd li > h2.feature2 .top-border {
                background-color: #2abed9;
            }

            #content .feature_accordion.rpd li > h2.feature3 .top-border {
                background-color: #afbd1f;
            }

        #content .feature_accordion.rpd li > .feature-body {
            background-repeat: no-repeat;
            background-position: -1px 1px;
            height: 381px;
            border-top: 15px solid #FFF;
            border-bottom: 15px solid #FFF;
            overflow: visible;
        }

        #content .feature_accordion.rpd li.lower-zindex > h2 {
            z-index: 5;
        }

        #content .feature_accordion.rpd li.lower-zindex > .feature-body {
            z-index: 6;
        }

        #content .feature_accordion.rpd li.prev-selected > .feature-body {
            z-index: 6;
        }

        #content .feature_accordion.rpd li.animating > .feature-body {
            z-index: 6;
        }

        #content .feature_accordion.rpd li.animating > h2 {
            z-index: 7;
        }

        #content .feature_accordion.rpd li.strong-zindex > .feature-body {
            z-index: 8;
        }

        #content .feature_accordion.rpd li.selected > .feature-body {
            z-index: 20;
        }

        #content .feature_accordion.rpd li.strong-zindex > h2, #content .feature_accordion.rpd li.selected > h2 {
            border-bottom: 0;
        }

        #content .feature_accordion.rpd li > .feature-body .shadow-left {
            position: absolute;
            left: 0;
            top: 0;
            background: url(/pantheon/images/Chronos/snippets/Feature/RPD/shadow-left.png) top left repeat-y;
            height: 100%;
            width: 4px;
        }

        #content .feature_accordion.rpd li > .feature-body .shadow-right {
            position: absolute;
            right: 0;
            top: 0;
            background: url(/pantheon/images/Chronos/snippets/Feature/RPD/shadow-right.png) top right repeat-y;
            height: 100%;
            width: 4px;
        }

        #content .feature_accordion.rpd li > .feature-body .feature-content-wrap {
            border: 0;
            position: relative;
            margin: 0;
            height: 325px;
            position: absolute;
            top: 36px;
            left: -2px;
            overflow: visible;
        }

            #content .feature_accordion.rpd li > .feature-body .feature-content-wrap .summary-text {
                background: #FFF;
                background: rgba(255, 255, 255, 0.75);
                width: 190px;
                padding: 10px;
                z-index: 6;
                max-height: 290px;
                box-shadow: 1px 2px 10px #222;
            }

        #content .feature_accordion.rpd li.feature0 .feature-body .feature-content-wrap > .summary-text {
            border-left: 2px solid #f3693f;
        }

        #content .feature_accordion.rpd li.feature1 .feature-body .feature-content-wrap > .summary-text {
            border-left: 2px solid #c59608;
        }

        #content .feature_accordion.rpd li.feature2 .feature-body .feature-content-wrap > .summary-text {
            border-left: 2px solid #2abed9;
        }

        #content .feature_accordion.rpd li.feature3 .feature-body .feature-content-wrap > .summary-text {
            border-left: 2px solid #afbd1f;
        }

        #content .feature_accordion.rpd li .feature-body .feature-content-wrap > .summary-text a {
            color: #4a7194;
        }

            #content .feature_accordion.rpd li .feature-body .feature-content-wrap > .summary-text a i.arrow-right {
                height: 9px;
                width: 5px;
                background: url(/pantheon/images/Chronos/snippets/Feature/RPD/right_arrow.png) center center no-repeat;
                display: inline-block;
            }

    #content .feature_accordion.rpd .farpd_left_border, #content .feature_accordion.rpd .farpd_right_border {
        border-top: 10px solid #FFF;
        border-bottom: 10px solid #FFF;
        width: 0;
        height: 361px;
        position: absolute;
        top: 17px;
    }

    #content .feature_accordion.rpd .farpd_left_border {
        border-right: 10px solid #478d95;
        left: -11px;
    }

    #content .feature_accordion.rpd .farpd_right_border {
        border-left: 10px solid #478d95;
        right: -7px;
    }

.ie #content .feature_accordion.rpd li > h2 span {
    height: 410px;
}

#content .feature_accordion.rpd li .feature-body > .top-border, #content .feature_accordion.rpd li .feature-body > .bottom-border {
    position: absolute;
    width: inherit;
    background-color: #FFF;
    z-index: 99;
}

#content .feature_accordion.rpd li .feature-body > .top-border {
    height: 14px;
    top: -13px;
}

#content .feature_accordion.rpd li .feature-body > .bottom-border {
    height: 14px;
    bottom: -14px;
}

#content .feature_accordion.rpd li .feature-body .top_left_corner, #content .feature_accordion.rpd li .feature-body .top_right_corner, #content .feature_accordion.rpd li .feature-body .bottom_left_corner, #content .feature_accordion.rpd li .feature-body .bottom_right_corner {
    width: 13px;
    height: 13px;
    background-image: url(/pantheon/images/Chronos/snippets/Feature/RPD/arrows.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    position: absolute;
}

#content .feature_accordion.rpd li .feature-body .top_left_corner {
    top: -13px;
    left: 0;
    background-position: top right;
}

#content .feature_accordion.rpd li .feature-body .top_right_corner {
    top: -13px;
    right: 0;
    background-position: top left;
}

#content .feature_accordion.rpd li .feature-body .bottom_left_corner {
    bottom: -14px;
    left: 0;
    background-position: bottom right;
}

#content .feature_accordion.rpd li .feature-body .bottom_right_corner {
    bottom: -14px;
    right: 0;
    background-position: bottom left;
}

#content .feature_accordion.rpd li:last-child .feature-body .top_right_corner, #content .feature_accordion.rpd li:last-child .feature-body .bottom_right_corner {
    display: none;
}

#content .feature_chss {
    width: 750px;
    background-color: #242424;
    position: relative;
    height: 300px;
    font-family: arial;
}

    #content .feature_chss ol {
        margin: 0;
        padding: 0;
        height: 300px;
        width: 250px;
        float: right;
    }

        #content .feature_chss ol li {
            list-style: none;
            height: 72px;
            background-color: #292929;
            width: 250px;
            margin: 0 0 4px 0;
            float: right;
        }

    #content .feature_chss p {
        position: absolute;
        left: 9px;
        bottom: 0;
        background-color: #242424;
        opacity: .9;
        height: 32px;
        width: 472px;
        padding: 5px;
        margin: 0;
        color: #fff;
        overflow: hidden;
    }

    #content .feature_chss h2 {
        font-size: 1em;
        float: right;
        margin: 20px 11px 20px 0;
        display: block;
        width: 166px;
        height: 32px;
        overflow: hidden;
        color: #fff;
        background-color: transparent;
        font-family: Arial, sans-serif;
    }

    #content .feature_chss a.see-more {
        color: #fff;
        font-weight: bold;
    }

    #content .feature_chss img {
        position: absolute;
        top: 0;
        left: 0;
        width: 500px;
        height: 300px;
    }

    #content .feature_chss li .thumb {
        position: static;
        width: 50px;
        height: 50px;
        margin: 11px;
        float: left;
    }

    #content .feature_chss li img.main, #content .feature_chss li p {
        z-index: 10;
    }

    #content .feature_chss li:focus img.main, #content .feature_chss li:focus p, #content .feature_chss li.chss-active img.main, #content .feature_chss li.chss-active p {
        z-index: 200;
    }

    #content .feature_chss .under img.main {
        z-index: 100;
    }

    #content .feature_chss li:hover, #content .feature_chss li:focus, #content .feature_chss li.chss-active {
        background-color: #3C3A3B;
        cursor: pointer;
        transition: background-color .4s ease-out;
        -webkit-transition: background-color .4s ease-out;
        -moz-transition: background-color .4s ease-out;
        -o-transition: background-color .4s ease-out;
        outline: none;
    }

    #content .feature_chss p a i.arrow-right {
        height: 9px;
        width: 5px;
        background-image: url(/pantheon/dynamic/images/polygon/5x9/0,0,5,4,0,9/ffffff-transparent.png);
        background-repeat: no-repeat;
        background-position: center center;
        display: inline-block;
    }

    #content .feature_chss.primary {
        background-color: #076a73;
    }

        #content .feature_chss.primary ol li {
            background-color: #478d95;
        }

        #content .feature_chss.primary p {
            background-color: #076a73;
            color: #fff;
        }

        #content .feature_chss.primary li:hover, #content .feature_chss.primary li:focus, #content .feature_chss.primary li.chss-active {
            background-color: #f3693f;
        }

        #content .feature_chss.primary h2 {
            color: #fff;
        }

        #content .feature_chss.primary a.read-more {
            color: #fff;
        }

.carouselSnippetBox div.frontPageInherit, .carouselSnippetBox div.frontPage_miniInherit {
    min-height: auto !important;
    background-color: #000;
}

html > body .carouselSnippetBox div.frontPageInherit, html > body .carouselSnippetBox div.frontPage_miniInherit {
    min-height: inherit !important;
}

.carouselSnippetBox div.contentCarouselInherit {
    min-height: auto !important;
}

.carouselSnippetBox div.primary {
    background: #076a73 url(/pantheon/images/Chronos/snippets/Scroller/contentCarouselBg.png) no-repeat;
}

.carouselSnippetBox div.secondary, #content .carouselSnippetBox div.secondary {
    background: #478d95 url(/pantheon/images/Chronos/snippets/Scroller/contentCarouselBg.png) no-repeat;
}

#content .carouselSnippetBox div.highlight {
    background: #f3693f url(/pantheon/images/Chronos/snippets/Scroller/contentCarouselBg.png) no-repeat;
}

html > body .carouselSnippetBox div.contentCarouselInherit {
    min-height: inherit !important;
}

#imageBox .carouselSnippetBox {
    overflow: hidden;
    position: relative;
    float: left;
}

#content .carouselSnippetBox {
    overflow: hidden;
    position: relative;
    width: 98%;
}

.carouselSnippetBox div.frontPageInherit div.carouselSnippetControls, .carouselSnippetBox div.frontPage_miniInherit div.carouselSnippetControls {
    position: absolute;
    right: 10px;
    bottom: 20px;
    width: auto;
    left: auto;
    z-index: 3;
}

.carouselSnippetBox div.frontPage_miniInherit div.carouselSnippetControls {
    bottom: -4px;
}

.carouselSnippetBox div.contentCarouselInherit div.carouselSnippetControls {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    left: auto;
    z-index: 3;
}

.carouselSnippetBox div.frontPageInherit div.carouselSnippetControls a.carouselItemSelector {
    color: #fff;
    background-color: #000;
    background: none;
}

#content .carouselSnippetBox .carouselSnippet ul.carouselItems li {
    margin: 0;
}

.carouselSnippetBox div.frontPageInherit div.carouselSnippetControls a.current {
    border-bottom: 1px solid white;
    font-weight: normal;
}

.carouselSnippetBox div.frontPageInherit div.carouselSnippetControls #pause-play, .carouselSnippetBox div.frontPage_miniInherit div.carouselSnippetControls #pause-play, .carouselSnippetBox div.contentCarouselInherit div.carouselSnippetControls #pause-play {
    display: none;
}

.carouselSnippetBox div.carouselItems div.frontPage, .carouselSnippetBox div.carouselItems div.frontPage_mini {
    background-color: #000;
    width: 100%;
}

.carouselSnippetBox div.carouselItems div.contentCarousel {
    width: 100%;
}

.carouselSnippetBox div.carouselItems div.primary {
    background-color: #076a73;
}

.carouselSnippetBox div.carouselItems div.secondary, #content .carouselSnippetBox div.carouselItems div.secondary {
    background-color: #478d95;
}

#content .carouselSnippetBox div.carouselItems div.highlight {
    background-color: #f3693f;
}

.carouselSnippetBox .carouselItems .frontPage img, .carouselSnippetBox .carouselItems .frontPage_mini img {
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.carouselSnippetBox .carouselItems .contentCarousel img {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 27px;
    border-top: 1px solid #fff;
    height: auto;
    width: auto;
    min-height: calc(100% - 31px);
    min-width: 100%;
}

#content .carouselSnippetBox .carouselItems .contentCarousel h4 {
    color: #fff;
    font-size: 12px;
    position: absolute;
    z-index: 2;
    left: 0px;
    top: 5px;
    font-size: 14px;
    left: 10px;
}

.carouselSnippetBox .carouselItems .contentCarousel .shaded {
    width: 166px;
    height: 77px;
    position: absolute;
    top: 33px;
    z-index: 1;
    left: 9px;
}

    .carouselSnippetBox .carouselItems .contentCarousel .shaded a:hover {
        text-decoration: none !important;
    }

.carouselSnippetBox .carouselItems .frontPage .shaded, .carouselSnippetBox .carouselItems .frontPage_mini .shaded {
    width: 100%;
    position: absolute;
    bottom: 0px;
    z-index: 1;
    left: 0px;
}

.carouselSnippetBox .carouselItems .frontPage .shaded {
    height: 25%;
}

.carouselSnippetBox .carouselItems .frontPage_mini .shaded {
    height: 24px;
}

.carouselSnippetBox .carouselItems .frontPage .shadedbox, .carouselSnippetBox .carouselItems .contentCarousel .shadedbox, .carouselSnippetBox .carouselItems .frontPage_mini .shadedbox {
    width: 100%;
    height: 100%;
    zoom: 1;
    position: absolute;
    background-color: #000;
    top: 0;
    left: 0;
    z-index: 2;
    cursor: pointer;
}

.carouselSnippetBox .carouselItems .frontPage .shadedtext, .carouselSnippetBox .carouselItems .frontPage_mini .shadedtext {
    color: #fff;
    top: 6px;
    left: 12px;
    width: 70%;
    position: absolute;
    z-index: 3;
    font-size: 12px;
    font-family: Arial;
    cursor: pointer;
}

.carouselSnippetBox .carouselItems a {
    text-decoration: none;
}

.carouselSnippetBox .carouselItems img {
    border: 0;
}

.carouselSnippetBox .carouselItems .contentCarousel .shadedtext {
    color: #fff;
    top: 4px;
    left: 7px;
    height: 80px;
    overflow: hidden;
    width: 155px;
    position: absolute;
    z-index: 3;
    font-size: 12px;
    font-family: Arial;
    background-image: url(/pantheon/images/Chronos/snippets/ChronoButton/classic-button.png);
    background-repeat: no-repeat;
    background-position: 140px 55px;
}

.carouselSnippetBox .carouselItems .frontPage_mini .shadedtext span {
    margin-left: 15px;
}

.carouselSnippetBox .carouselSnippet {
    width: 100%;
}

.carouselSnippetBox .carouselSnippetBox div.active {
    overflow: hidden;
    position: relative;
}

.carouselSnippetBox .carouselSnippet div.carouselSnippetItem {
    width: 100%;
    background: transparent;
}

.carouselSnippetBox .carouselSnippet div.carouselSnippetControls {
    overflow: hidden;
    position: absolute;
    bottom: 15px;
    left: 0;
    padding: 8px 10px;
    margin: 6px 0 0 0;
    width: 356px;
    display: none;
    vertical-align: middle;
}

    .carouselSnippetBox .carouselSnippet div.carouselSnippetControls a.carouselItemSelector {
        margin-left: 3px;
        font-size: 0.9em;
        text-decoration: none;
        background: transparent;
        padding: 1px 3px;
        margin: 0 3px;
        float: left;
    }

.carouselSnippetBox div.frontPageInherit div.carouselSnippetControls a.carouselItemSelector, .carouselSnippetBox div.frontPage_miniInherit div.carouselSnippetControls a.carouselItemSelector, #content .carouselSnippetBox div.contentCarouselInherit div.carouselSnippetControls a.carouselItemSelector {
    text-indent: -1000px;
    border: none;
    background: transparent url(/pantheon/images/Chronos/snippets/Scroller/fontpage-carousel-button-off.png) no-repeat;
}

.carouselSnippetBox div.frontPageInherit div.carouselSnippetControls a.current, .carouselSnippetBox div.frontPage_miniInherit div.carouselSnippetControls a.current, #content .carouselSnippetBox div.contentCarouselInherit div.carouselSnippetControls a.current {
    background: transparent url(/pantheon/images/Chronos/snippets/Scroller/fontpage-carousel-button-on.png) no-repeat;
}

div.carouselSnippetControls .carousel_left_arrow {
    float: left;
    top: -3px;
    right: 3px;
    width: 12px;
    height: 12px;
    position: relative;
    background: transparent url(/pantheon/images/Chronos/snippets/Scroller/leftarrow.png) no-repeat;
    cursor: pointer;
}

div.carouselSnippetControls .carousel_right_arrow {
    float: left;
    top: -3px;
    left: 3px;
    width: 12px;
    height: 12px;
    position: relative;
    background: transparent url(/pantheon/images/Chronos/snippets/Scroller/arrowright.png) no-repeat;
    cursor: pointer;
}

.carouselSnippetBox .carouselSnippet div.carouselSnippetControls a#pause-play {
    margin-left: 10px;
}

    .carouselSnippetBox .carouselSnippet div.carouselSnippetControls a#pause-play img {
        border: none;
        padding: 0;
        margin: 0 0 0 12px;
        float: left;
    }

.carouselSnippetBox .carouselSnippet div.carouselSnippetControls a:active {
    outline: none;
}

#content .carouselSnippetBox .carouselSnippet div.carouselSnippetControls a.current {
    font-weight: bold;
    background: #505050;
    color: #fff;
    text-decoration: none;
}

.carouselSnippetBox .carouselSnippet div.carouselItems {
    position: relative;
    top: 0;
}

    .carouselSnippetBox .carouselSnippet div.carouselItems div.carouselSnippetItem {
        position: absolute;
        top: 0;
    }

.carouselSnippetBox .carouselSnippet div.displayInBrowser {
    display: block;
}

.contentCarouselInherit a {
    cursor: pointer;
}

.carouselItems .frontPage .shadedbox {
    opacity: 0.8;
}

.carouselItems .frontPage_mini .shadedbox {
    opacity: 0.8;
}

.carouselItems .contentCarousel .shadedbox {
    opacity: 0.5;
}

.carouselSnippetBox .carouselSnippet.index .carouselItems .contentCarousel .shadedbox {
    background: url(/pantheon/images/Chronos/snippets/Carousel/background.png) repeat;
    opacity: 1.0;
}

.carouselSnippetBox .carouselSnippet.index .carouselItems .contentCarousel .shaded, .carouselSnippetBox .carouselSnippet.kenttheme .carouselItems .contentCarousel .shaded {
    top: auto;
    left: 0;
    bottom: 0;
    height: 60px !important;
    width: 100%;
}

.carouselSnippetBox .carouselSnippet.index .carouselItems .contentCarousel .shadedtext, .carouselSnippetBox .carouselSnippet.kenttheme .carouselItems .contentCarousel .shadedtext {
    width: auto;
    height: auto;
    padding: 10px;
    background: none;
    top: 0;
    left: 0;
}

#content .carouselSnippetBox .carouselSnippet.kenttheme .primary .shaded h2, #content .carouselSnippetBox .carouselSnippet.kenttheme .primary .shaded p, #content .carouselSnippetBox .carouselSnippet.kenttheme .primary .shaded h3, #content .carouselSnippetBox .carouselSnippet.kenttheme .primary .shaded h4, #content .carouselSnippetBox .carouselSnippet.kenttheme .primary .shaded h5, #content .carouselSnippetBox .carouselSnippet.kenttheme .primary .shaded h6, #content .carouselSnippetBox .carouselSnippet.kenttheme .primary .shaded ul, #content .carouselSnippetBox .carouselSnippet.kenttheme .primary .shaded {
    background-color: transparent;
}

.carouselSnippetBox .carouselSnippet.kenttheme .primary p {
    padding: 0;
}

.carouselSnippetBox .carouselSnippet.kenttheme .shadedbox {
    background: transparent;
}

.carouselSnippetBox .carouselSnippet.kenttheme .shadedtext {
    text-shadow: 0 2px 2px rgba(0,0,0,0.9);
}

#content .summary2 .clear {
    clear: both;
}

#content .summary2 .picture.nopicture {
    display: none;
}

#content .summary2 p, #content .summary2 h1, #content .summary2 h2, #content .summary2 h3 {
    margin: 0;
}

#content .summary2-content {
    margin-bottom: 20px;
}

    #content .summary2-content .text .text p {
        margin-bottom: 12px;
    }

    #content .summary2-content .content .picture {
        float: right;
        margin-bottom: 10px;
        margin-left: 10px;
    }

        #content .summary2-content .content .picture img {
            max-height: 240px;
            max-width: 240px;
        }

    #content .summary2-content .content h2 {
        margin: 0;
        padding: 0;
    }

#content .summary2-full {
    margin-top: 5px;
}

#content .summary2 .arrow {
    background: url(/pantheon/dynamic/images/polygon/5x8/0,0,5,4,0,8/000000-transparent.png) right 5px no-repeat;
    padding-left: 7px;
    zoom: 1;
}

#content .summary2-full .block {
    border-top: solid 1px #4a4a4a;
    height: 130px;
    margin-bottom: 2px;
    padding: 6px 0;
}

#content .summary2-full .no-header + .block {
    border-top: none;
    padding-top: 0;
}

#content .summary2-full .header + .block {
    border-top: none;
}

#content .summary2-full .block .contents {
    background: #f4f4f4;
    border-left: 3px solid #cacfc9;
    padding: 5px 5px 5px 10px;
}

#content .summary2-full .block .date {
    color: #666;
    padding: 1px 0;
}

#content .summary2-full .block .textleft {
    margin-right: 130px;
}

#content .summary2-full .block .bodytext {
    height: 0;
    overflow: hidden;
}

#content .summary2-full .block.main .contents {
    background: #e7e6e7;
    border-left: 3px solid #478d95;
    padding: 5px 5px 5px 10px;
}

#content .summary2-content .content .date {
    color: #666;
    padding: 10px 0;
}

#content .summary2-full .block .summary, #content .summary2-content .content .subheading {
    padding: 4px 0;
}

#content .summary2-full .block .title a {
    color: #000;
    text-decoration: none;
}

    #content .summary2-full .block .title a:hover {
        text-decoration: underline;
    }

#content .summary2-full .pagination .page_listing {
    text-align: center;
}

    #content .summary2-full .pagination .page_listing a {
        margin: 5px;
    }

        #content .summary2-full .pagination .page_listing a.apage.selected {
            background: #ddd;
            padding-left: 3px;
            padding-right: 3px;
        }

#content .summary2-full .pagination .page_next {
    float: right;
    margin-right: 5px;
    padding-right: 10px;
}

#content .summary2-full .pagination a:hover {
    text-decoration: underline;
}

#content .summary2-full .pagination .page_next::after {
    font-size: 10px;
    font-family: "kentfont";
    content: '\f054';
}

#content .summary2-full .pagination .page_prev {
    float: left;
    margin-left: 5px;
    padding-left: 10px;
}

    #content .summary2-full .pagination .page_prev::before {
        font-family: "kentfont";
        content: '\f053';
        font-size: 10px;
    }

#content .summary2-full .pagination a {
    color: #000;
    font-weight: bold;
    margin: 4px;
}

#content .summary2-full .picture {
    float: right;
    height: 120px;
    overflow: hidden;
    width: 120px;
}

#content .summary2-full img {
    width: 100%;
}

#content .summary2-newsevent .header {
    height: 16px;
    background-color: #076a73;
    padding: 4px;
}

    #content .summary2-newsevent .header h3 {
        font-size: 1.1em;
        font-family: arial, verdana, sans;
        color: #fff;
    }

#content .summary2-newsevent a.viewMoreLink {
    padding: 4px;
    padding-right: 4px;
    display: block;
    color: #000;
    text-align: right;
    background-color: #f1f1f1;
}

    #content .summary2-newsevent a.viewMoreLink:after {
        font-family: "kentfont";
        content: '\f054';
        font-size: 10px;
    }

    #content .summary2-newsevent a.viewMoreLink:hover {
        background-color: #DDDDDD;
        color: #000;
        text-decoration: underline;
    }

#content .summary2-newsevent .newsevent-mainblock {
    color: #000;
    display: block;
    height: 82px;
    margin-bottom: 2px;
    text-decoration: none;
    position: relative;
    cursor: pointer;
    position: relative;
}

    #content .summary2-newsevent .newsevent-mainblock .picture {
        background-color: #E7E7E7;
        border: 5px solid #DDD;
        float: right;
        height: 72px;
        overflow: hidden;
        width: 72px;
    }

        #content .summary2-newsevent .newsevent-mainblock .picture img {
            width: 100%;
        }

    #content .summary2-newsevent .newsevent-mainblock .text {
        height: 82px;
        background-color: #E7E7E7;
    }

        #content .summary2-newsevent .newsevent-mainblock .text:hover, #content .summary2-newsevent .newsevent-block:hover {
            background: #DDD;
        }

#content .summary2-newsevent .newsevent-block .text {
    height: 38px;
    margin-right: 5px;
}

#content .summary2-newsevent .newsevent-mainblock .text .title {
    color: #076a73;
    padding: 2px 0 0 10px;
    height: 24px;
    overflow: hidden;
}

#content .summary2-newsevent .newsevent-block {
    background: #F1F1F1;
    color: #000;
    display: block;
    height: 38px;
    margin-bottom: 2px;
    text-decoration: none;
    cursor: pointer;
}

    #content .summary2-newsevent .newsevent-block .text .title {
        color: #076a73;
        padding: 2px 0 0 10px;
        height: 18px;
        margin-right: 10px;
        overflow: hidden;
    }

    #content .summary2-newsevent .newsevent-mainblock .date, #content .summary2-newsevent .newsevent-block .text .date {
        color: #444;
        padding-left: 10px;
        font-size: 0.9em;
        overflow: hidden;
    }

#content .summary2-newsevent .newsevent-mainblock .date {
    position: absolute;
    bottom: 2px;
}

#content .summary2-newsevent .newsevent-mainblock .text .description {
    height: 32px;
    overflow: hidden;
    padding: 2px 5px 0 10px;
}

#content .contentRightColumn .summary2-newsevent .newsevent-mainblock .text .description {
    display: none;
}

#content .contentRightColumn .summary2-newsevent .newsevent-mainblock .text .title {
    height: auto;
    max-height: 44px;
}

#content .contentRightColumn.equalWidth .summary2-newsevent .newsevent-mainblock .text .description {
    display: block;
}

#content .threeColumnDivide .summary2-newsevent .newsevent-mainblock .text .title {
    height: auto;
    max-height: 44px;
}

#content .threeColumnDivide .summary2-newsevent .newsevent-mainblock .text .description {
    height: 0;
    padding: 0;
    display: none;
}

#content .tabsLive .tabContent .summary2-newsevent .header {
    display: none;
}

#content .tab-snippet .tab-content .summary2-newsevent {
}

    #content .tab-snippet .tab-content .summary2-newsevent .header {
        display: none;
    }

#content .summary2-mini {
    background-color: #DEDEDE;
}

    #content .summary2-mini .block .textleft {
        margin-right: 69px;
    }

    #content .summary2-mini .blocks {
        background: #dedede;
        margin: 0;
        width: 100%;
    }

        #content .summary2-mini .blocks .block {
            margin: 5px 0;
            height: 85px;
        }

            #content .summary2-mini .blocks .block a {
                cursor: pointer;
            }

        #content .summary2-mini .blocks .fader {
            background: url(/pantheon/images/Chronos/snippets/Summary/fade.png) repeat-x bottom;
            bottom: 0;
            height: 59px;
            position: absolute;
            width: 100%;
        }

        #content .summary2-mini .blocks ul {
            list-style: none;
            margin: 0;
            width: 100%;
        }

    #content .summary2-mini .blocks-dynamic {
        height: 270px;
        overflow: hidden;
        position: relative;
    }

        #content .summary2-mini .blocks-dynamic ul {
            position: absolute;
        }

    #content .summary2-mini .picture {
        background: #ccc;
        border: 1px solid #fff;
        float: right;
        height: 83px;
        margin: 0 5px;
        width: 62px;
        overflow: hidden;
    }

        #content .summary2-mini .picture img {
            height: 84px;
            width: 62px;
        }

    #content .summary2-mini .profiles-footer {
        background: #076a73;
        color: #fff;
        font-size: 0.9em;
        height: 16px;
        padding: 4px;
    }

        #content .summary2-mini .profiles-footer .summary2-next {
            background: url(/pantheon/dynamic/images/polygon/24x11/0,0,24,0,12,11/dedede-transparent.png) no-repeat 0 3px;
            cursor: pointer;
            float: right;
            height: 15px;
            padding: 0 5px 0 0;
            width: 24px;
        }

            #content .summary2-mini .profiles-footer .summary2-next:hover {
                background-image: url(/pantheon/dynamic/images/polygon/24x11/0,0,24,0,12,11/c7c7c7-transparent.png);
            }

        #content .summary2-mini .profiles-footer a {
            color: #FFF;
        }

    #content .summary2-mini .text {
        margin: 0 5px;
    }

        #content .summary2-mini .text a {
            color: #fff;
            cursor: pointer;
        }

            #content .summary2-mini .text a:hover {
                color: #fff;
                text-decoration: underline;
            }

        #content .summary2-mini .text .body {
            height: 64px;
            overflow: hidden;
            padding: 1px 0 0 4px;
        }

        #content .summary2-mini .text .name {
            background: #f3693f;
            color: #fff;
            padding: 1px 0 1px 4px;
        }

    #content .summary2-mini .title {
        background: #076a73;
        color: #fff;
        font-size: 1.1em;
        height: 16px;
        padding: 4px;
    }

        #content .summary2-mini .title .summary2-prev {
            background: url(/pantheon/dynamic/images/polygon/24x11/0,11,12,0,24,11/dedede-transparent.png) no-repeat 0 3px;
            cursor: pointer;
            float: right;
            height: 15px;
            padding: 0 5px 0 0;
            width: 24px;
        }

            #content .summary2-mini .title .summary2-prev:hover {
                background-image: url(/pantheon/dynamic/images/polygon/24x11/0,11,12,0,24,11/c7c7c7-transparent.png);
            }

#content .summary2-staff-profile {
}

#content .summary2-case-studies .text .body a {
    color: #000;
}

    #content .summary2-case-studies .text .body a:hover {
        text-decoration: underline;
    }

#content .summary2-case-studies .text .name span {
    color: #ccc;
    cursor: pointer;
}

#content .summary2-case-studies .text .research-title {
    background: #478d95;
    color: #fff;
    padding: 3px;
}

    #content .summary2-case-studies .text .research-title a {
        color: #fff;
    }

#content .summary2-mini.summary2-news-mini .blocks-dynamic {
    height: 185px;
    background-color: #f1f1f1;
}

#content .summary2-mini.summary2-news-mini .blocks .block {
    height: 58px;
}

    #content .summary2-mini.summary2-news-mini .blocks .block a, #content .summary2-mini.summary2-news-mini .blocks .block a:hover {
        text-decoration: none;
    }

#content .summary2-mini.summary2-news-mini .newsHover {
    margin: 0 5px;
}

    #content .summary2-mini.summary2-news-mini .newsHover:hover {
        background-color: #e6e6e6;
    }

#content .summary2-mini.summary2-news-mini .blocks .block .news-seperator {
    height: 2px;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    background: #fff;
}

#content .summary2-mini.summary2-news-mini .picture {
    width: 48px;
    height: 48px;
    margin-right: 0;
}

    #content .summary2-mini.summary2-news-mini .picture img {
        width: 48px;
        height: 48px;
    }

#content .summary2-mini.summary2-news-mini .text {
    color: #000;
    margin: 0;
    height: 50px;
    overflow: hidden;
}

    #content .summary2-mini.summary2-news-mini .text .itemTitle {
        padding-left: 4px;
        font-size: 0.9em;
        max-height: 50px;
    }

    #content .summary2-mini.summary2-news-mini .text .body {
        height: 33px;
    }

#content .summary2-mini.summary2-news-mini .block .textleft {
    margin-right: 55px;
    padding-right: 4px;
}

#content .summary2 .content .text .picture p.caption {
    text-align: right;
    color: #8f8f8f;
    padding: 0 0 10px 0;
}

.html5VideoSnippet {
    background: #000;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

    .html5VideoSnippet video {
        width: 100%;
    }

    .html5VideoSnippet img {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .html5VideoSnippet.playing {
        cursor: auto;
    }

        .html5VideoSnippet.playing img {
            display: none;
        }

    .html5VideoSnippet .play-icon:after, .youtube-video .video-placeholder .play-icon:after {
        font-family: "kentfont";
        content: "\f144";
        color: #fff;
        position: absolute;
        top: 35%;
        top: calc(50% - 40px);
        font-size: 90px;
        width: 100%;
        text-align: center;
        transition: 200ms opacity;
        opacity: 0.8;
        line-height: 80px;
        z-index: 5;
    }

    .html5VideoSnippet:hover .play-icon:after, .youtube-video .video-placeholder:hover .play-icon:after {
        opacity: 1;
    }

    .html5VideoSnippet.playing .play-icon:after, .youtube-video .video-placeholder.playing .play-icon:after {
        display: none;
    }

#pg-sub-trp {
    font-size: 0.9em;
}

    #pg-sub-trp dt {
        background: #478d95;
        border-bottom: 1px solid #fff;
        color: #fff;
        display: block;
        font-weight: bold;
        outline-style: none;
        outline-width: medium;
        padding: 2px 20px 2px 5px;
    }

    #pg-sub-trp dd {
        background: #fff url(/pantheon/images/Chronos/snippets/Accordion/background.jpg) no-repeat scroll left 2px;
        padding: 10px;
    }

        #pg-sub-trp dd ul li {
            margin: 2px 20px 2px 20px;
        }

    #pg-sub-trp p {
        font-family: arial, verdana, sans;
        margin: 5px 20px 2px 20px;
    }

.pg-ul {
    list-style: none;
    margin: 0 !important;
}

    .pg-ul li {
        list-style: none;
        margin: 0 !important;
        padding-bottom: 5px;
    }

.callout-wide ul, .callout-wide2 ul {
    color: #fff !important;
}

.callout-wide {
    clear: both;
    float: right;
    padding: 10px 10px 10px 10px;
    margin: 0 0 20px 0;
    width: 250px;
    background-color: #671115;
    color: #fff !important;
}

.callout-wide2 {
    clear: both;
    float: right;
    padding: 10px 10px 10px 10px;
    margin: 0 0 20px 0;
    width: 250px;
    background-color: #937227;
    color: #fff !important;
}

    .callout-wide a:hover, .callout-wide2 a:hover {
        text-decoration: none !important;
    }

    .callout-wide a, .callout-wide2 a {
        text-decoration: underline !important;
        color: #fff !important;
    }

    .callout-wide h2, .callout-wide2 h2 {
        font-family: Arial, Helvetica, sans-serif;
        color: #fff !important;
        font-size: 1.3em !important;
        padding: 0 !important;
    }

.pg-keyfacts {
    padding: 0;
    margin: 0 0 30px 0;
    width: 450px;
}

    .pg-keyfacts a:hover {
    }

    .pg-keyfacts a {
    }

    .pg-keyfacts h2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.3em !important;
    }

#contentContainerNoMenu #content {
    padding-top: 5px;
}

#content .ProgrammeLanding {
}

    #content .ProgrammeLanding .rightArrow {
        display: inline-block;
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid #FFF;
        vertical-align: top;
        margin-top: 2px;
        margin-right: 5px;
    }

    #content .ProgrammeLanding .view_more {
        float: right;
        background-color: #478d95;
        padding: 5px;
        position: absolute;
        bottom: 0;
        right: 0;
    }

        #content .ProgrammeLanding .view_more a {
            display: inline-block;
            color: #fff;
            padding: 0 12px 0 20px;
        }

    #content .ProgrammeLanding .top {
        border-bottom: 2px solid #FFF;
    }

    #content .ProgrammeLanding .bottom {
        border-top: 1px solid #FFF;
    }

    #content .ProgrammeLanding .right {
        float: left;
        width: 665px;
        overflow: hidden;
    }

    #content .ProgrammeLanding .programmes_list {
        position: relative;
        float: left;
        background-color: #076a73;
        width: 295px;
        height: 245px;
        border-right: 1px solid #FFF;
    }

        #content .ProgrammeLanding .programmes_list h3 {
            color: #fff;
            margin: 0;
            padding: 5px 0 0 13px;
            height: 27px;
        }

        #content .ProgrammeLanding .programmes_list .inner {
            position: relative;
            background-color: #478d95;
            border-top: 1px solid #FFF;
            border-bottom: 1px solid #FFF;
            height: 188px;
            overflow: hidden;
        }

            #content .ProgrammeLanding .programmes_list .inner ul {
                position: absolute;
                width: 100%;
                list-style: none;
                margin: 0;
            }

                #content .ProgrammeLanding .programmes_list .inner ul li {
                    margin: 0;
                }

                    #content .ProgrammeLanding .programmes_list .inner ul li a {
                        font-size: 0.9em;
                        font-weight: bold;
                        display: block;
                        color: #fff;
                        padding: 7px 0 7px 15px;
                    }

                    #content .ProgrammeLanding .programmes_list .inner ul li:hover, #content .ProgrammeLanding .programmes_list .inner ul li.active {
                        background-color: #f3693f;
                    }

        #content .ProgrammeLanding .programmes_list .page_list {
            position: absolute;
            text-align: center;
            height: 24px;
            width: 24px;
            right: 5px;
        }

            #content .ProgrammeLanding .programmes_list .page_list.top {
                top: 3px;
                border: 0;
            }

            #content .ProgrammeLanding .programmes_list .page_list.bottom {
                bottom: 0;
                border: 0;
            }

            #content .ProgrammeLanding .programmes_list .page_list a {
                display: block;
                margin-top: 6px;
                width: 100%;
                height: 12px;
                color: #fff;
            }

            #content .ProgrammeLanding .programmes_list .page_list.top a {
                background: url(/pantheon/dynamic/images/polygon/24x12/0,11,12,0,24,11/FFFFFF-transparent.png) center bottom no-repeat;
            }

                #content .ProgrammeLanding .programmes_list .page_list.top a:hover {
                    background: url(/pantheon/dynamic/images/polygon/24x12/0,11,12,0,24,11/f3693f-transparent.png) no-repeat;
                }

            #content .ProgrammeLanding .programmes_list .page_list.bottom a {
                background: url(/pantheon/dynamic/images/polygon/24x12/0,0,24,0,12,11/FFFFFF-transparent.png) no-repeat;
            }

                #content .ProgrammeLanding .programmes_list .page_list.bottom a:hover {
                    background: url(/pantheon/dynamic/images/polygon/24x12/0,0,24,0,12,11/f3693f-transparent.png) no-repeat;
                }

            #content .ProgrammeLanding .programmes_list .page_list a:hover {
                text-decoration: underline;
            }

    #content .ProgrammeLanding .main_content {
        position: relative;
        height: 245px;
        width: 664px;
    }

        #content .ProgrammeLanding .main_content .banner {
            position: relative;
            height: 95px;
            overflow: hidden;
        }

            #content .ProgrammeLanding .main_content .banner h1 {
                position: absolute;
                bottom: 0;
                left: 0;
                background-color: #FFF;
                margin: 0;
                padding: 4px 10px;
                font-size: 1.8em;
            }

        #content .ProgrammeLanding .main_content .content {
            padding: 10px 10px;
            height: 100px;
            overflow: hidden;
        }

    #content .ProgrammeLanding .bottom .quote_box {
        position: relative;
        float: left;
        background: url(/pantheon/images/Chronos/snippets/ProgrammeLanding/quotes.png) no-repeat;
        width: 295px;
        height: 263px;
        display: inline-block;
    }

    #content .ProgrammeLanding .bottom .quote_container {
        position: relative;
        height: 200px;
    }

        #content .ProgrammeLanding .bottom .quote_container .quote {
            display: table;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 45px;
            text-align: center;
            font-family: "CenturySchoolbookStdRegular","Century Schoolbook","Times New Roman",Times,serif;
            font-size: 1.3em;
            color: #076a73;
            width: 200px;
            margin: auto;
            padding: 10px 0;
        }

    #content .ProgrammeLanding .bottom .quote_author {
        color: #444;
        text-align: right;
        position: absolute;
        bottom: 12px;
        right: 12px;
    }

        #content .ProgrammeLanding .bottom .quote_author p {
            margin: 10px 0 0 0;
        }

    #content .ProgrammeLanding .bottom .left.inner {
        float: left;
        display: inline-block;
        height: 263px;
        width: 433px;
    }

        #content .ProgrammeLanding .bottom .left.inner embed, #content .ProgrammeLanding .bottom .left.inner img {
            height: 263px;
            width: 433px;
        }

            #content .ProgrammeLanding .bottom .left.inner img[src=""] {
                display: none;
            }

    #content .ProgrammeLanding .bottom .staff_box {
        float: left;
        background: url(/pantheon/images/Chronos/snippets/ProgrammeLanding/staff.png) no-repeat;
        width: 232px;
        height: 263px;
        display: inline-block;
    }

    #content .ProgrammeLanding .bottom .staff_box {
        position: relative;
        float: right;
    }

        #content .ProgrammeLanding .bottom .staff_box .inner {
            padding: 10px;
        }

        #content .ProgrammeLanding .bottom .staff_box img {
            float: left;
            padding-right: 5px;
            width: 100px;
        }

        #content .ProgrammeLanding .bottom .staff_box .staff_name {
            float: left;
            margin: 0;
            width: 100px;
            max-height: 65px;
            overflow: hidden;
        }

        #content .ProgrammeLanding .bottom .staff_box .staff_short {
            float: left;
            width: 100px;
            color: #076a73;
            font-size: 1.1em;
            padding-top: 5px;
            max-height: 70px;
            overflow: hidden;
        }

        #content .ProgrammeLanding .bottom .staff_box .staff_long {
            clear: both;
            padding-top: 5px;
            height: 80px;
        }

        #content .ProgrammeLanding .bottom .staff_box .view_more {
            position: absolute;
            bottom: 0;
            right: 0;
        }

div#content #profile {
    width: 752px;
}

    div#content #profile #profile-colour-bar {
        width: 752px;
        overflow: auto;
    }

        div#content #profile #profile-colour-bar.navClass .imgWrapper {
            float: left;
            width: 137px;
            height: 147px;
            margin-top: 5px;
            display: table;
            text-align: center;
        }

        div#content #profile #profile-colour-bar.noImg.imgWrapper {
            float: left;
            width: 137px;
            height: 137px;
            margin-top: 5px;
            display: none;
        }

        div#content #profile #profile-colour-bar #staff-details h1 {
            margin-left: 16px;
        }

        div#content #profile #profile-colour-bar #staff-details p {
            margin-left: 18px;
        }

        div#content #profile #profile-colour-bar img {
            max-width: 137px;
            max-height: 147px;
        }

        div#content #profile #profile-colour-bar #staff-details {
            width: 725px;
            float: left;
            margin-left: 0px;
            height: 152px;
            position: relative;
        }

div#content .kentProfileContent .navClass #staff-details {
    width: 585px !important;
    float: left;
    padding: 0 0 0 5px;
}

div#content #profile #profile-colour-bar #staff-details.wide {
    width: 588px;
}

div#content #profile #profile-colour-bar #staff-case-study-links {
    float: left;
    width: 168px;
    padding: 20px 0 0 30px;
    color: #fff;
    min-height: 70px;
}

div#content #profile #profile-colour-bar #staff-details h1 {
    color: #000;
}

div#content #profile #profile-colour-bar #staff-details p a:hover {
    text-decoration: underline;
}

div#content #profile #profile-colour-bar #staff-details ul {
    overflow: auto;
    margin: 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding-bottom: 5px;
    position: absolute;
    bottom: 0;
}

    div#content #profile #profile-colour-bar #staff-details ul li {
        float: left;
        list-style: none;
        margin-left: 0;
        color: #000;
    }

        div#content #profile #profile-colour-bar #staff-details ul li:before {
            font-family: "kentfont";
            color: #000;
            margin-right: 10px;
        }

div#content #profile ul.links li:before {
    font-family: "kentfont";
    color: #000;
    margin-right: 10px;
}

div#content #profile .staff-phone:before {
    content: "\f095";
}

div#content #profile .staff-email:before {
    content: "\f0e0";
}

div#content #profile .link-type-link:before {
    content: "\f08e";
}

div#content #profile .link-type-twitter:before {
    content: "\f099";
}

div#content #profile .link-type-blog:before {
    content: "\f09e";
}

div#content #profile .link-type-facebook:before {
    content: "\f09a";
}

div#content #profile .link-type-youtube:before {
    content: "\f167";
}

div#content #profile .link-type-linkedIn:before {
    content: "\f0e1";
}

div#content .kentProfileContent .tabContent ul.links li:before {
    font-family: "kentfont";
    color: #000;
}

div#content .kentProfileContent .tabContent ul.links {
    margin: 0;
    list-style: none;
}

div#content #profile #profile-colour-bar #staff-details ul li.staff-email a {
    color: #000;
}

div#content #profile #profile-colour-bar #staff-details p, div#content #profile #profile-colour-bar #staff-details p a {
    color: #000;
}

div#content #profile #profile-colour-bar #staff-details ul li {
    padding: 6px 0 0 20px;
    list-style-type: none;
    margin-left: 0;
}

    div#content #profile #profile-colour-bar #staff-details ul li.staff-fb:hover {
        text-decoration: underline;
    }

    div#content #profile #profile-colour-bar #staff-details ul li.staff-twitter:hover {
        text-decoration: underline;
    }

    div#content #profile #profile-colour-bar #staff-details ul li.staff-fb:before {
        font-family: "kentfont";
        content: "\f09a";
        color: #000;
        margin-right: 10px;
    }

    div#content #profile #profile-colour-bar #staff-details ul li.staff-twitter:before {
        font-family: "kentfont";
        content: "\f099";
        color: #000;
        margin-right: 10px;
    }

    div#content #profile #profile-colour-bar #staff-details ul li a {
        color: #000;
    }

div#content #profile .navClass + .staff-tabsLive {
    margin-top: 0;
}

div#content #profile .noImg + .staff-tabsLive {
    margin-top: 45px;
}

div#content #profile .staff-tabsLive .tabsNav {
    border-bottom: none;
    margin-top: 10px;
}

#profile .tabsLive.staff-tabsLive ul.tabsNav li:only-child {
    display: none;
}

div#content #profile .staff-tabsLive .tabsNav li a:active, div#content #profile .staff-tabsLive .tabsNav li.active a, div#content #profile .staff-tabsLive .tabsNav li.active a:hover {
    background: #478d95;
    color: #fff;
    border-bottom: 3px solid #478d95 !important;
}

div#content #profile .staff-tabsLive .tabsNav li a {
    font-size: 14px;
    padding: 5px 18px 3px;
    background: #fff;
    color: #478d95;
    border-bottom: 3px solid #ccc !important;
    margin-right: 10px;
    margin-bottom: 10px;
}

    div#content #profile .staff-tabsLive .tabsNav li a:hover {
        background: #fff;
        color: #478d95;
        border-bottom: 3px solid #478d95 !important;
    }

#content .kentProfileContent .navClass + .tabsLive .tabsNav {
    margin-left: 0;
    position: relative;
}

#content .kentProfileContent .navClass .tabContent {
    position: relative;
    top: -30px;
    margin-top: 0;
}

#content #profile .tabContent .address {
    padding-left: 25px;
    width: 40%;
    float: left;
    overflow: hidden;
    word-wrap: break-word;
}

    #content #profile .tabContent .address .icon:before {
        font-family: "kentfont";
        display: inline-block;
        color: black;
    }

    #content #profile .tabContent .address h3:before {
        content: "\f041";
        font-size: 25px;
        margin-left: -23px;
        padding-right: 9px;
        vertical-align: top;
    }

#content #profile .tabContent .office_hours {
    line-height: 20px;
}

    #content #profile .tabContent .office_hours:before {
        content: "\f017";
        padding-right: 5px;
        vertical-align: top;
        font-size: 20px;
        margin-left: -24px;
        line-height: 20px;
    }

#content #profile .tabContent .contact {
    line-height: 20px;
}

    #content #profile .tabContent .contact:before {
        content: "\f075";
        padding-right: 5px;
        vertical-align: top;
        font-size: 20px;
        margin-left: -24px;
        line-height: 20px;
    }

#content #profile .tabContent .links {
    width: 50%;
    float: left;
}

[class*="unikent-profile-mini-summary-visible-"] {
    overflow: hidden;
    max-height: 300px;
}

.unikent-profile-mini-summary-visible-1 {
    max-height: 100px;
}

.unikent-profile-mini-summary-visible-2 {
    max-height: 200px;
}

.unikent-profile-mini-summary-visible-4 {
    max-height: 400px;
}

.unikent-profile-mini-summary-visible-5 {
    max-height: 500px;
}

#content .quicklinks-snippet {
}

    #content .quicklinks-snippet h3 {
        font-size: 14px;
        font-family: arial, verdana, sans;
        background-color: #076a73;
        color: #fff;
        padding: 4px;
        padding-left: 15px;
        margin: 0;
    }

    #content .quicklinks-snippet ul {
        margin: 0;
        border-bottom: 1px solid #DDD;
        background-color: #E9E9E9;
    }

        #content .quicklinks-snippet ul li {
            list-style: none;
            margin: 0 0;
            padding: 0;
        }

            #content .quicklinks-snippet ul li a {
                display: block;
                word-wrap: break-word;
                padding: 2px 0 2px 10px;
                color: #000;
                cursor: pointer;
                border-left: 5px solid #BBB;
                border-right: 1px solid #DDD;
                margin: 1px 0;
            }

            #content .quicklinks-snippet ul li:first-child a, #content .quicklinks-snippet ul li:last-child a {
                margin: 0;
            }

            #content .quicklinks-snippet ul li a:hover, #content .quicklinks-snippet ul li a.active {
                border-left: 5px solid #478d95;
                background-color: #DDD;
                text-decoration: none;
            }

#content .quicklinks-snippet-secondary h3 {
    background-color: #478d95;
}

#content .quicklinks-snippet-secondary ul li a:hover, #content .quicklinks-snippet-secondary ul li a.active {
    border-left-color: #f3693f;
}

#content .quicklinks-snippet-highlight h3 {
    background-color: #f3693f;
}

#content .quicklinks-snippet-highlight ul li a:hover, #content .quicklinks-snippet-highlight ul li a.active {
    border-left-color: #999;
}

.kentAudio {
    width: 100%;
    height: 100%;
    position: relative;
}

.image {
    width: 100%;
    height: 100%;
}

.audioFeature {
    width: 100%;
    position: absolute;
    bottom: 3px;
    left: 0;
}

    .audioFeature:first-child {
        bottom: auto;
        left: auto;
    }

.button {
    background-color: #478d95;
    padding: 1px;
    width: 168px;
    margin: 5px 5px 5px 5px;
    position: relative;
}

    .button a {
        display: block;
        border: 1px solid white;
        background-color: #478d95;
        background-image: url(/pantheon/images/Chronos/snippets/Buttons/buttonbackground.png);
        background-position: top right;
        background-repeat: no-repeat;
        color: #fff;
        font-weight: normal;
        padding: 2px 25px 0 7px;
        text-decoration: none !important;
        font-size: 1em;
        min-width: 134px;
        min-height: 29px;
        white-space: normal;
    }

#content .button a:link, #content .button a:visited, #content .button a {
    color: #fff;
    font-size: 11px;
}

#content .button .image-bottom {
    margin-top: 18px;
}

#content .button .image-bottom-lineoftext {
    margin-top: 5px;
}

.button a:link {
    color: #fff;
}

.button a em, .button a strong {
    display: block;
    color: #fff;
    font-weight: bold;
    font-style: normal;
    font-family: "CenturySchoolbookStdRegular","Century Schoolbook","Times New Roman",Times,serif;
    font-size: 13px;
}

.button a strong {
    font-size: 1.181818em;
    padding: 5px 0 7px;
}

#content .button img {
    border: 1px solid white;
    border-bottom: none;
    margin: 0;
    margin-right: -26px;
    width: 166px;
    display: block;
}

#content .button a img {
    margin-left: -8px;
}

ul.button {
    background: none;
    margin: 0;
    list-style: none;
}

ul.floatRight {
    width: 200px;
}

.button li {
    background-image: none !important;
    background-color: #D5D2C9;
    padding: 1px !important;
    width: 168px !important;
    margin: 5px 5px !important;
}

    .button li img {
        margin-bottom: -3px;
    }

    .button li a img {
        margin-bottom: 0;
    }

    .background1, .button li.background1 {
        background-color: #076a73;
        color: #fff;
    }

        .background1 a:link, .background1 a:hover, .background1 a:visited, .background1 a:active, .background1 a:link strong, .background1 a:hover strong, .background1 a:visited strong, .background1 a:active strong, .background1 a:link em, .background1 a:hover em, .background1 a:visited em, .background1 a:active em {
            color: #fff !important;
        }

        .background1 a {
            background-image: url(/pantheon/images/Chronos/snippets/Buttons/buttonbackground.png);
            background-color: #076a73;
        }

    .background2, .button li.background2 {
        background: #f3693f !important;
        color: white;
    }

        .background2 a:link, .background2 a:hover, .background2 a:visited, .background2 a:active, .background2 a:link strong, .background2 a:hover strong, .background2 a:visited strong, .background2 a:active strong, .background2 a:link em, .background2 a:hover em, .background2 a:visited em, .background2 a:active em {
            color: white !important;
        }

        .background2 a {
            background-image: url(/pantheon/images/Chronos/snippets/Buttons/buttonbackground.png);
            background-color: #f3693f;
        }

    .background3, .button li.background3 {
        background: #478d95 !important;
        color: white;
    }

        .background3 a:link, .background3 a:hover, .background3 a:visited, .background3 a:active, .background3 a:link strong, .background3 a:hover strong, .background3 a:visited strong, .background3 a:active strong, .background3 a:link em, .background3 a:hover em, .background3 a:visited em, .background3 a:active em {
            color: white !important;
        }

        .background3 a {
            background-image: url(/pantheon/images/Chronos/snippets/Buttons/buttonbackground.png);
            background-color: #478d95;
        }

    .background4, .button li.background4 {
        background: #076a73 !important;
        color: white;
    }

        .background4 a:link, .background4 a:hover, .background4 a:visited, .background4 a:active, .background4 a:link strong, .background4 a:hover strong, .background4 a:visited strong, .background4 a:active strong, .background4 a:link em, .background4 a:hover em, .background4 a:visited em, .background4 a:active em {
            color: white !important;
        }

        .background4 a {
            background-image: url(/pantheon/images/Chronos/snippets/Buttons/buttonbackground.png);
            background-color: #076a73;
        }

    .background5, .button li.background5 {
        background: #f3693f !important;
        color: white;
    }

        .background5 a:link, .background5 a:hover, .background5 a:visited, .background5 a:active, .background5 a:link strong, .background5 a:hover strong, .background5 a:visited strong, .background5 a:active strong, .background5 a:link em, .background5 a:hover em, .background5 a:visited em, .background5 a:active em {
            color: white !important;
        }

        .background5 a {
            background-image: url(/pantheon/images/Chronos/snippets/Buttons/buttonbackground.png);
            background-color: #f3693f;
        }

    .background6, .button li.background6 {
        background: #478d95 !important;
        color: white;
    }

        .background6 a:link, .background6 a:hover, .background6 a:visited, .background6 a:active, .background6 a:link strong, .background6 a:hover strong, .background6 a:visited strong, .background6 a:active strong, .background6 a:link em, .background6 a:hover em, .background6 a:visited em, .background6 a:active em {
            color: white !important;
        }

        .background6 a {
            background-image: url(/pantheon/images/Chronos/snippets/Buttons/buttonbackground.png);
            background-color: #478d95;
        }

    .background7, .button li.background7 {
        background: #478d95 !important;
        color: white;
    }

        .background7 a:link, .background7 a:hover, .background7 a:visited, .background7 a:active, .background7 a:link strong, .background7 a:hover strong, .background7 a:visited strong, .background7 a:active strong, .background7 a:link em, .background7 a:hover em, .background7 a:visited em, .background7 a:active em {
            color: white !important;
        }

        .background7 a {
            background-image: url(/pantheon/images/Chronos/snippets/Buttons/buttonbackground.png);
            background-color: #478d95;
        }

    .background8, .button li.background8 {
        background: #f3693f !important;
        color: white;
    }

        .background8 a:link, .background8 a:hover, .background8 a:visited, .background8 a:active, .background8 a:link strong, .background8 a:hover strong, .background8 a:visited strong, .background8 a:active strong, .background8 a:link em, .background8 a:hover em, .background8 a:visited em, .background8 a:active em {
            color: white !important;
        }

        .background8 a {
            background-image: url(/pantheon/images/Chronos/snippets/Buttons/buttonbackground.png);
            background-color: #f3693f;
        }

    .background9, .button li.background9 {
        background: #478d95 !important;
        color: white;
    }

        .background9 a:link, .background9 a:hover, .background9 a:visited, .background9 a:active, .background9 a:link strong, .background9 a:hover strong, .background9 a:visited strong, .background9 a:active strong, .background9 a:link em, .background9 a:hover em, .background9 a:visited em, .background9 a:active em {
            color: white !important;
        }

        .background9 a {
            background-image: url(/pantheon/images/Chronos/snippets/Buttons/buttonbackground.png);
            background-color: #478d95;
        }

    .background10, .button li.background10 {
        background: #478d95 !important;
        color: white;
    }

        .background10 a:link, .background10 a:hover, .background10 a:visited, .background10 a:active, .background10 a:link strong, .background10 a:hover strong, .background10 a:visited strong, .background10 a:active strong, .background10 a:link em, .background10 a:hover em, .background10 a:visited em, .background10 a:active em {
            color: white !important;
        }

        .background10 a {
            background-image: url(/pantheon/images/Chronos/snippets/Buttons/buttonbackground.png);
            background-color: #478d95;
        }

    .background11, .button li.background11 {
        background: #f3693f !important;
        color: white;
    }

        .background11 a:link, .background11 a:hover, .background11 a:visited, .background11 a:active, .background11 a:link strong, .background11 a:hover strong, .background11 a:visited strong, .background11 a:active strong, .background11 a:link em, .background11 a:hover em, .background11 a:visited em, .background11 a:active em {
            color: white !important;
        }

        .background11 a {
            background-image: url(/pantheon/images/Chronos/snippets/Buttons/buttonbackground.png);
            background-color: #f3693f;
        }

    .background12, .button li.background12 {
        background: #478d95 !important;
        color: white;
    }

        .background12 a:link, .background12 a:hover, .background12 a:visited, .background12 a:active, .background12 a:link strong, .background12 a:hover strong, .background12 a:visited strong, .background12 a:active strong, .background12 a:link em, .background12 a:hover em, .background12 a:visited em, .background12 a:active em {
            color: white !important;
        }

        .background12 a {
            background-image: url(/pantheon/images/Chronos/snippets/Buttons/buttonbackground.png);
            background-color: #478d95;
        }

    .background13, .button li.background13 {
        background: #478d95 !important;
        color: white;
    }

        .background13 a:link, .background13 a:hover, .background13 a:visited, .background13 a:active, .background13 a:link strong, .background13 a:hover strong, .background13 a:visited strong, .background13 a:active strong, .background13 a:link em, .background13 a:hover em, .background13 a:visited em, .background13 a:active em {
            color: white !important;
        }

        .background13 a {
            background-image: url(/pantheon/images/Chronos/snippets/Buttons/buttonbackground.png);
            background-color: #478d95;
        }

    .background14, .button li.background14 {
        background: #f3693f !important;
        color: white;
    }

        .background14 a:link, .background14 a:hover, .background14 a:visited, .background14 a:active, .background14 a:link strong, .background14 a:hover strong, .background14 a:visited strong, .background14 a:active strong, .background14 a:link em, .background14 a:hover em, .background14 a:visited em, .background14 a:active em {
            color: white !important;
        }

        .background14 a {
            background-image: url(/pantheon/images/Chronos/snippets/Buttons/buttonbackground.png);
            background-color: #f3693f;
        }

    .background15, .button li.background15 {
        background: #478d95 !important;
        color: white;
    }

        .background15 a:link, .background15 a:hover, .background15 a:visited, .background15 a:active, .background15 a:link strong, .background15 a:hover strong, .background15 a:visited strong, .background15 a:active strong, .background15 a:link em, .background15 a:hover em, .background15 a:visited em, .background15 a:active em {
            color: white !important;
        }

        .background15 a {
            background-image: url(/pantheon/images/Chronos/snippets/Buttons/buttonbackground.png);
            background-color: #478d95;
        }

.courseFinderButton, .openDaysButton, .orderAProspectusButton {
    border: 1px solid #D5D2C9;
    border-top: 1px solid #D5D2C9;
    background-color: white;
    margin: 5px 5px 5px 10px;
}

    .courseFinderButton a, .courseFinderButton a:hover, .courseFinderButton a:visited, .openDaysButton a, .openDaysButton a:hover, .openDaysButton a:visited, .orderAProspectusButton a, .orderAProspectusButton a:hover, .orderAProspectusButton a:visited {
        color: white !important;
        text-decoration: none;
        display: block;
        padding: 7px 10px 7px 38px;
        width: 122px;
        font-weight: bold;
        font-size: 1.0769230em;
        background-position: 7px 4px;
        background-repeat: no-repeat;
    }

div.courseFinderButton a {
    background-color: #B5CC96;
    background-image: url(/pantheon/images/Bacchus/snippets/Buttons/coursefindericon.gif);
}

div.openDaysButton a {
    background-color: #2CBDD8;
    background-image: url(/pantheon/images/Bacchus/snippets/Buttons/opendaysicon.gif);
}

div.orderAProspectusButton a {
    background-color: #1595D4;
    background-image: url(/pantheon/images/Bacchus/snippets/Buttons/orderprospectusicon.gif);
}

div.FMFields table.em {
    width: 75% !important;
    margin: 5px 0 !important;
}

kentFormMailerForm table.FMFormTable tr.hidden {
    display: none !important;
    visibility: hidden !important;
}

kentFormMailerForm {
    padding-top: 30px !important;
    background: #fff url(/pantheon/images/Bacchus/Content/contactBackground.jpg) no-repeat left top;
    display: block;
}

    kentFormMailerForm table.FMFormTable th {
        background: #002536 !important;
    }

    kentFormMailerForm div.FMFields {
        border: 2px dotted #001425 !important;
        margin-top: 15px !important;
        padding: 10px 10px 40px 10px !important;
    }

kentFormMailerTextField {
    background: #fff url(/pantheon/images/Bacchus/dreamweaver/formmailer/textinput_bg.jpg) no-repeat right center;
    display: block;
}

    kentFormMailerTextField th {
        background: #889 !important;
    }

kentFormMailerTextArea {
    background: #fff url(/pantheon/images/Bacchus/dreamweaver/formmailer/textarea_bg.jpg) no-repeat right center;
    display: block;
}

    kentFormMailerTextArea th {
        background: #899 !important;
    }

kentFormMailerSelect {
    background: #fff url(/pantheon/images/Bacchus/dreamweaver/formmailer/select_bg.jpg) no-repeat right center;
    display: block;
}

    kentFormMailerSelect th {
        background: #a8a !important;
    }

kentFormMailerDateField {
    background: #fff url(/pantheon/images/Bacchus/dreamweaver/formmailer/date_bg.jpg) no-repeat right center;
    display: block;
}

kentFormMailetrateField th {
    background: #aa8 !important;
}

kentFormMailerRadioGroup {
    background: #fff url(/pantheon/images/Bacchus/dreamweaver/formmailer/radio_bg.jpg) no-repeat right center;
    display: block;
}

kentFormMaileRadioGroup th {
    background: #8aa !important;
}

kentFormMailerCheckBoxes {
    background: #fff url(/pantheon/images/Bacchus/dreamweaver/formmailer/checkbox_bg.jpg) no-repeat right center;
    display: block;
}

    kentFormMailerCheckBoxes th {
        background: #8a8 !important;
    }

#content .chronoButton {
    display: inline-block;
    position: relative;
}

    #content .chronoButton a {
        cursor: pointer;
    }

#content .chronoButtonLink:hover {
    color: #fff;
    text-decoration: underline;
}

#content .block-only {
    display: block;
}

#content .chronoButtonLink:hover .phototext-index h4, #content .chronoButtonLink:hover .phototext-wide h4, #content .chronoButtonLink:hover .phototext-index2 h4 {
    color: #fff;
    text-decoration: underline;
}

#content .chronoButtonLink:hover .image-top-main-index h4, #content .chronoButtonLink:hover .phototext-long h4, #content .chronoButton .photolist-index-right li a:hover, #content .chronoButton .photolist-index-left li a:hover, #content .chronoButton .thumbnail a:hover h4 {
    text-decoration: underline;
}

#content .chronoButton .classic {
    width: 228px;
    min-height: 38px;
    background-image: url(/pantheon/images/Chronos/snippets/ChronoButton/classic-button-dif.png);
    background-repeat: no-repeat;
    background-position: 210px bottom;
    position: relative;
    margin: 5px;
    overflow: hidden;
}

    #content .chronoButton .classic a:hover span {
        color: #fff;
        text-decoration: underline;
    }

#content .chronoButton .primary {
    background-color: #076a73;
}

#content .chronoButton .secondary {
    background-color: #478d95;
}

#content .chronoButton .highlight {
    background-color: #f3693f;
}

#content div.chronoButton .classic a.only {
    padding-top: 10px;
    min-height: 23px;
}

    #content div.chronoButton .classic a.only em {
        display: none;
    }

#content .chronoButton .image-top h4, #content .chronoButton .image-bottom h4 {
    color: #fff;
    font-family: "CenturySchoolbookStdRegular","Century Schoolbook","Times New Roman",Times,serif;
    width: 200px;
    background-color: transparent;
    font-size: 1.15em;
    margin-top: 0;
    margin-bottom: 3px;
    z-index: 5;
}

#content .chronoButtonLink:hover .image-top h4, #content .chronoButtonLink:hover .image-bottom h4 {
    color: #fff;
    text-decoration: underline;
}

#content .chronoButton .classic span {
    color: #fff;
    font-family: "CenturySchoolbookStdRegular","Century Schoolbook","Times New Roman",Times,serif;
    position: static;
    font-size: 1.15em;
    margin-top: 0;
}

#content .chronoButton .image-top p, #content .chronoButton .image-bottom p {
    color: #fff;
    font-family: Arial;
    font-size: 0.82em;
    margin: 0;
    width: 200px;
    background-color: transparent;
}

#content div.chronoButton .classic a em {
    color: #fff;
    font-family: Arial;
    position: static;
    font-size: 0.82em;
    width: 200px;
    font-style: normal;
}

#content div.chronoButton .classic a {
    text-decoration: none;
    width: 218px;
    min-height: 30px;
    display: block;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 5px;
}

#content .chronoButton .classic p, #content .chronoButton .image-top p, #content .chronoButton .image-bottom .callout p {
    color: #fff;
    font-family: Arial;
    top: 21px;
    left: 7px;
    font-size: 0.82em;
    margin: 0;
}

#content a.chronoButtonLink {
    text-decoration: none;
    cursor: pointer;
}

#content .chronoButton .image-top-main-index {
    width: 228px;
    margin: 5px;
    position: relative;
}

    #content .chronoButton .image-top-main-index img {
        width: 228px;
        margin: 0px;
        border: 0;
        display: block;
    }

    #content .chronoButton .image-top-main-index .top {
        width: 228px;
        background-color: #000;
        position: absolute;
        top: 0px;
        left: 0px;
        height: 25px;
        opacity: 0.8;
    }

    #content .chronoButton .image-top-main-index h4 {
        color: #fff;
        font-family: "CenturySchoolbookStdRegular","Century Schoolbook","Times New Roman",Times,serif;
        position: absolute;
        top: 3px;
        left: 7px;
        font-size: 1.15em;
        margin-top: 0;
    }

#content .chronoButton .image-top, #content .chronoButton .image-bottom {
    width: 228px;
    margin: 5px;
    position: relative;
}

    #content .chronoButton .image-top img, #content .chronoButton .image-bottom img {
        width: 228px;
        height: 83px;
        margin-top: 1px;
        margin-bottom: 1px;
        border: none;
        display: block;
    }

    #content .chronoButton .image-top .top {
        background-image: url(/pantheon/images/Chronos/snippets/ChronoButton/classic-button-dif.png);
        background-repeat: no-repeat;
        background-position: 210px bottom;
        position: relative;
        padding-left: 5px;
        padding-top: 3px;
        padding-bottom: 4px;
    }

    #content .chronoButton .image-top .bottom {
        width: 228px;
        height: 9px;
    }

    #content .chronoButton .image-bottom .top {
        width: 228px;
        height: 9px;
        position: relative;
    }

    #content .chronoButton .image-bottom .bottom {
        background-image: url(/pantheon/images/Chronos/snippets/ChronoButton/classic-button-dif.png);
        background-repeat: no-repeat;
        background-position: 210px bottom;
        padding-left: 5px;
        padding-top: 3px;
        padding-bottom: 4px;
    }

#content .chronoButton .image-left-main-index {
    width: 228px;
    display: inline-block;
    margin: 5px;
    position: relative;
    float: left;
}

    #content .chronoButton .image-left-main-index img {
        width: 59px;
        margin-top: 0;
        border: 1px solid #937227;
        display: block;
        float: left;
        margin-right: 5px;
    }

    #content .chronoButton .image-left-main-index h4 {
        color: #444;
        font-family: Arial;
        font-size: 1.15em;
        margin: 0;
        padding: 0;
        margin-top: -2px;
        margin-bottom: 3px;
        display: inline;
    }

    #content .chronoButton .image-left-main-index a h4:hover {
        border-bottom: 1px solid #444;
        display: inline !important;
    }

    #content .chronoButton .image-left-main-index p {
        color: #444;
        font-family: Arial;
        font-size: 0.9em;
        margin-bottom: 0;
        cursor: text;
    }

    #content .chronoButton .image-left-main-index .image-left-main-index-text {
        float: left;
        width: 162px;
    }

#content .chronoButton .image-left-index {
    width: 266px;
    height: 69px;
    display: inline-block;
    margin: 20px;
    position: relative;
    float: left;
    overflow-x: visible;
}

#content .chronoButton .image-left-index-background {
    background-color: #F4F2F2;
    float: left;
    margin: 10px;
    padding: 10px;
}

    #content .chronoButton .image-left-index-background .image-left-index {
        margin: 0px;
    }

#content .chronoButton .image-left-index img {
    width: 69px;
    height: 69px;
    margin-top: 1px;
    border: none;
    display: block;
}

#content .chronoButton .image-left-index .border-highlight {
    border: 1px solid #f3693f;
}

#content .chronoButton .image-left-index a h4:hover {
    border-bottom: 1px solid #444;
    display: inline;
}

#content .chronoButton .image-left-index h4 {
    color: #444;
    font-family: Arial;
    position: absolute;
    top: 4px;
    left: 87px;
    font-size: 1.15em;
    margin-top: 0;
    display: inline;
}

    #content .chronoButton .image-left-index h4 a {
        color: #444;
    }

#content .chronoButton .image-left-index p {
    color: #444;
    font-family: Arial;
    position: absolute;
    top: 25px;
    left: 87px;
    font-size: 0.9em;
    cursor: text;
}

#content .chronoButton .phototext-wide {
    width: 228px;
    height: 103px;
    margin: 5px;
    position: relative;
    display: inherit;
}

    #content .chronoButton .phototext-wide img {
        border: none;
        width: 228px;
        height: 103px;
    }

    #content .chronoButton .phototext-wide .top {
        left: 0;
        top: 0;
        position: absolute;
        background-color: #000;
        padding-left: 5px;
        padding-right: 20px;
        height: 21px;
    }

    #content .chronoButton .phototext-wide .bottom {
        left: 0;
        top: 72px;
        position: absolute;
        background-color: #000;
        opacity: 0.8;
        height: 31px;
        width: 228px;
    }

    #content .chronoButton .phototext-wide .top h4 {
        position: relative;
    }

    #content .chronoButton .phototext-wide h4 {
        color: #fff;
        font-family: "CenturySchoolbookStdRegular","Century Schoolbook","Times New Roman",Times,serif;
        position: absolute;
        top: 1px;
        left: 7px;
        margin-top: 0;
        font-size: 1.15em;
    }

    #content .chronoButton .phototext-wide p {
        color: #fff;
        font-family: Arial;
        position: absolute;
        top: 74px;
        left: 7px;
        font-size: 0.82em;
    }

#content .chronoButton .phototext-index2 {
    width: 228px;
    margin: 5px;
    position: relative;
    display: inherit;
}

#content .row-fluid .chronoButton .phototext-index2 img, #content .row-fluid .chronoButton .phototext-index2 .top {
    width: 100%;
}

#content .chronoButton .phototext-index2 img {
    border: none;
    width: 228px;
}

#content .chronoButton .phototext-index2 .top {
    left: 0;
    top: 0;
    position: absolute;
    background-color: #000;
    padding-left: 5px;
    padding-right: 10px;
    height: 24px;
    width: 213px;
}

#content .chronoButton .phototext-index2 .bottom {
    right: 0;
    bottom: 3px;
    position: absolute;
    background-color: #000;
    opacity: 0.8;
    height: 24px;
    width: 150px;
}

#content .chronoButton .phototext-index2 .top h4 {
    position: relative;
}

#content .chronoButton .phototext-index2 h4 {
    color: #fff;
    font-family: "CenturySchoolbookStdRegular","Century Schoolbook","Times New Roman",Times,serif;
    position: absolute;
    top: 1px;
    left: 7px;
    margin-top: 0;
    font-size: 1.25em;
}

#content .chronoButton .phototext-index2 p {
    color: #fff;
    font-family: Arial;
    position: absolute;
    bottom: -5px;
    right: 0;
    font-size: 1em;
    width: 140px;
    background-image: url(/pantheon/images/Chronos/snippets/ChronoButton/classic-button.png);
    background-repeat: no-repeat;
    background-position: 122px 0;
    margin-bottom: 12px;
}

#content .container_3 .chronoButton .phototext-index2 {
    margin: 0;
}

#content .chronoButton .phototext-index3 {
    width: 228px;
    margin: 5px;
    position: relative;
    display: inherit;
}

    #content .chronoButton .phototext-index3 img {
        border: none;
    }

    #content .chronoButton .phototext-index3 .top {
        left: 0;
        top: 0;
        position: absolute;
        background-color: #000;
        padding-left: 5px;
        padding-right: 20px;
        height: 24px;
        width: 213px;
    }

    #content .chronoButton .phototext-index3 .bottom {
        left: 0;
        bottom: 4px;
        position: absolute;
        background-color: #000;
        opacity: 0.8;
        height: 24px;
        width: 130px;
    }

    #content .chronoButton .phototext-index3 .top h4 {
        position: relative;
    }

    #content .chronoButton .phototext-index3 h4 {
        color: #fff;
        font-family: "CenturySchoolbookStdRegular","Century Schoolbook","Times New Roman",Times,serif;
        position: absolute;
        top: 1px;
        margin-top: 0;
        left: 5px;
        font-size: 1.25em;
    }

    #content .chronoButton .phototext-index3 p {
        color: #fff;
        font-family: Arial;
        position: absolute;
        bottom: -5px;
        left: 3px;
        font-size: 1em;
        width: 125px;
        background-image: url(/pantheon/images/Chronos/snippets/ChronoButton/classic-button.png);
        background-repeat: no-repeat;
        background-position: 110px 0;
    }

#content .chronoButton .phototext-index {
    width: 228px;
    height: 189px;
    margin: 5px;
    position: relative;
    display: inherit;
}

    #content .chronoButton .phototext-index img {
        border: none;
        width: 228px;
        height: 132px;
    }

    #content .chronoButton .phototext-index .top {
        left: 0;
        top: 0;
        position: absolute;
        background-color: #000;
        padding-left: 5px;
        padding-right: 20px;
        height: 21px;
    }

    #content .chronoButton .phototext-index .bottom {
        left: 0;
        top: 133px;
        position: absolute;
        height: 56px;
        width: 228px;
        background-image: url(/pantheon/images/Chronos/snippets/ChronoButton/classic-button.png);
        background-repeat: no-repeat;
        background-position: 209px 37px;
    }

    #content .chronoButton .phototext-index .top h4 {
        position: relative;
    }

    #content .chronoButton .phototext-index h4 {
        color: #fff;
        font-family: "CenturySchoolbookStdRegular","Century Schoolbook","Times New Roman",Times,serif;
        position: absolute;
        top: 1px;
        left: 7px;
        margin-top: 0;
        font-size: 1.15em;
    }

    #content .chronoButton .phototext-index p {
        color: #fff;
        font-family: Arial;
        position: absolute;
        top: 138px;
        left: 7px;
        font-size: 0.9em;
    }

#content .chronoButton .phototext-long {
    width: 228px;
    height: 203px;
    margin: 5px;
    position: relative;
    display: inherit;
}

    #content .chronoButton .phototext-long img {
        border: none;
        width: 228px;
        height: 203px;
    }

    #content .chronoButton .phototext-long .mid {
        left: 0;
        top: 145px;
        position: absolute;
        background-color: #FFF;
        opacity: 0.8;
        height: 50px;
        width: 228px;
    }

    #content .chronoButton .phototext-long h4 {
        color: #000;
        font-family: "CenturySchoolbookStdRegular","Century Schoolbook","Times New Roman",Times,serif;
        position: absolute;
        top: 147px;
        margin-top: 0;
        left: 7px;
        font-size: 1.15em;
    }

    #content .chronoButton .phototext-long p {
        color: #000;
        font-family: Arial;
        position: absolute;
        top: 167px;
        left: 7px;
        font-size: 0.85em;
    }

.chronoButton .photofade {
    width: 472px;
    position: relative;
    display: inline-block;
    margin: 5px;
}

.contentLeftColumn .chronoButton .photofade {
    width: 503px;
}

.chronoButton .photofade .lefttext {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 70%;
    width: 300px;
}

.chronoButton .photofade .righttext {
    position: absolute;
    top: 5px;
    right: 0;
    width: 70%;
    width: 300px;
}

.chronoButton .photofade img {
    width: 472px;
    height: 90px;
}

.contentLeftColumn .chronoButton .photofade img {
    width: 503px;
}

.chronoButton .photofade a h4:hover {
    border-bottom: 1px solid #444;
    display: inline !important;
}

#content .chronoButton .photofade .lefttext h4, #content .chronoButton .photofade .righttext h4 {
    color: #076a73;
    font-size: 1.3em;
    font-family: "CenturySchoolbookStdRegular","Century Schoolbook","Times New Roman",Times,serif;
    margin-bottom: 2px;
    display: inline;
}

#content .chronoButton .photofade .righttext h4 {
    margin-top: 0;
    position: relative;
}

#content .chronoButton .photofade .righttext p {
    clear: both;
}

.chronoButton .photofade a p:hover {
    border-bottom: 1px solid #444;
    display: inline !important;
}

#content .chronoButton .photofade .righttext p, #content .chronoButton .photofade .lefttext p {
    line-height: 14px;
    cursor: text;
    margin-top: 2px;
}

#content .chronoButton .photofade .righttext p {
    padding-right: 5px;
}

#content .chronoButton .photofade .lefttext, #content .chronoButton .photofade .righttext {
    color: #000;
    font-size: 1em;
}

#content .chronoButton .photofade .bottommid, #content .chronoButton .photofade .bottomright {
    width: 120px;
    color: #000;
    background-image: url(/pantheon/images/Chronos/snippets/ChronoButton/black-arrow.png);
    background-repeat: no-repeat;
    background-position: 105px 0;
    bottom: 0;
}

#content .chronoButton .photofade .bottommid {
    position: absolute;
    left: 222px;
    top: 72px;
    height: 15px;
}

#content .chronoButton .photofade .bottomright {
    position: absolute;
    left: 350px;
    height: 15px;
    top: 70px;
}

#content .chronoButton .photolist {
    width: 228px;
    margin: 5px;
    position: relative;
    display: inherit;
}

#content .container_3 .chronoButton .photolist {
    margin: 0px;
}

#content .chronoButton .photolist img {
    border: none;
    width: 228px;
    height: 147px;
}

#content .chronoButton .photolist .top {
    left: 0;
    top: 0;
    position: absolute;
    padding-left: 5px;
    padding-right: 10px;
    display: block;
}

    #content .chronoButton .photolist .top h4 {
        color: #fff;
        font-family: "CenturySchoolbookStdRegular","Century Schoolbook","Times New Roman",Times,serif;
        top: 2;
        left: 7px;
        margin-top: 0;
        font-size: 1.25em;
        margin-bottom: 2px;
    }

#content .chronoButton .photolist .bottom {
    position: relative;
    width: 228px;
    margin-top: -3px;
}

    #content .chronoButton .photolist .bottom p {
        padding: 7px;
        color: #fff;
        font-family: Arial;
        font-size: 0.85em;
    }

    #content .chronoButton .photolist .bottom ul, #content .chronoButton.largePhotoList .bottom ul {
        margin: 0;
        padding-bottom: 5px;
        margin-top: -10px;
        list-style: none;
        display: block;
        margin-left: 7px;
    }

        #content .chronoButton .photolist .bottom ul li {
            margin-left: 31px;
        }

        #content .chronoButton .photolist .bottom ul li {
            float: right;
            display: block;
            margin-left: 0;
            margin-top: 2px;
            position: relative;
            width: 100%;
            background: transparent;
        }

            #content .chronoButton .photolist .bottom ul li a:hover {
                color: #fff;
                text-decoration: underline;
            }

#content .chronoButton .bottom ul li.primary a {
    padding: 5px;
    background-color: #076a73;
}

#content .chronoButton .bottom ul li.secondary a {
    padding: 5px;
    background-color: #478d95;
}

#content .chronoButton .bottom ul li.highlight a {
    padding: 5px;
    background-color: const(highlightColour);
}

#content .chronoButton .photolist .bottom ul li .arrow {
    background-image: url(/pantheon/images/Chronos/snippets/ChronoButton/classic-button.png);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    right: 4px;
    top: 5px;
    position: absolute;
}

#content .chronoButton .photolist .bottom ul li a, #content .chronoButton.largePhotoList .bottom ul li a {
    color: #fff;
    text-decoration: none;
    padding-right: 25px;
    float: right;
    background-color: #076a73 !important;
    text-align: right;
}

#content .chronoButton.largePhotoList {
    width: 472px;
}

    #content .chronoButton.largePhotoList img {
        border: none;
        width: 472px;
        height: 185px;
    }

    #content .chronoButton.largePhotoList .secondary {
        width: 472px;
    }

#content .largePhotoList a.top.largeLink {
    display: block;
    width: 472px;
    height: 185px;
    background-position: left top;
    background-repeat: no-repeat;
    margin-bottom: 5px;
    position: relative;
    text-decoration: none;
}

#content .chronoButton.largePhotoList a.top .linkInner {
    position: absolute;
    top: 0;
    right: 0;
    background: #000;
    width: 200px;
    padding: 10px;
    color: #fff !important;
    opacity: 0.8;
}

#content .largePhotoList a.top.largeLink h4 {
    color: #fff;
}

#content .largePhotoList a.top.largeLink:hover h4 {
    text-decoration: underline;
}

#content .largePhotoList .bottom {
    margin-top: 12px;
    width: 472px;
}

    #content .largePhotoList .bottom ul {
        width: 47%;
        margin-bottom: 0;
    }

        #content .largePhotoList .bottom ul.leftList {
            float: left;
        }

        #content .largePhotoList .bottom ul.rightList {
            float: right;
            padding-right: 5px;
        }

        #content .largePhotoList .bottom ul li {
            margin-bottom: 0;
            background-color: transparent;
            float: right;
            display: block;
            margin-left: 0;
            margin-top: 2px;
            position: relative;
        }

#content .chronoButton.largePhotoList .bottom ul li a {
    color: #fff;
    text-decoration: none;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-right: 0;
    padding-right: 25px;
    background-color: #076a73;
    background: url(/pantheon/images/Chronos/snippets/ChronoButton/classic-button-extended.png) no-repeat right;
}

#content .chronoButton .photolist-index-left {
    width: 472px;
    margin: 5px;
    position: relative;
    display: inherit;
}

    #content .chronoButton .photolist-index-left img {
        border: none;
        width: 472px;
    }

    #content .chronoButton .photolist-index-left .top {
        left: 0;
        top: 0;
        position: absolute;
        height: 23px;
        display: block;
        background-color: #000;
        width: 472px;
        opacity: 0.8;
    }

    #content .chronoButton .photolist-index-left h4 {
        color: #fff;
        font-family: "CenturySchoolbookStdRegular","Century Schoolbook","Times New Roman",Times,serif;
        top: 2px;
        margin-top: 0;
        left: 7px;
        width: 400px;
        position: absolute;
        font-size: 1.25em;
    }

    #content .chronoButton .photolist-index-left ul {
        position: absolute;
        left: 0;
        bottom: -2px;
        list-style: none;
        display: block;
        margin: 0;
    }

        #content .chronoButton .photolist-index-left ul li {
            padding: 5px;
            padding-left: 15px;
            position: relative;
            background-color: #000;
            opacity: 0.8;
            margin: 0;
            margin-bottom: 5px;
        }

            #content .chronoButton .photolist-index-left ul li a {
                color: #fff;
                text-decoration: none;
                margin-right: 20px;
            }

            #content .chronoButton .photolist-index-left ul li .arrow {
                background-image: url(/pantheon/images/Chronos/snippets/ChronoButton/classic-button.png);
                width: 15px;
                height: 15px;
                background-repeat: no-repeat;
                right: 4px;
                top: 5px;
                position: absolute;
            }

#content .chronoButton .photolist-index-right {
    width: 228px;
    margin: 5px;
    position: relative;
    display: inherit;
}

#content .container_3 .chronoButton .photolist-index-right {
    margin: 0px;
}

#content .chronoButton .photolist-index-right img {
    border: none;
    width: 228px;
}

#content .chronoButton .photolist-index-right .top {
    left: 0;
    top: 0;
    position: absolute;
    height: 23px;
    display: block;
    background-color: #000;
    width: 228px;
    opacity: 0.8;
}

#content .chronoButton .photolist-index-right h4 {
    color: #fff;
    font-family: "CenturySchoolbookStdRegular","Century Schoolbook","Times New Roman",Times,serif;
    top: 2px;
    left: 7px;
    width: 215px;
    margin-top: 0;
    position: absolute;
    font-size: 1.25em;
}

#content .chronoButton .photolist-index-right ul {
    position: absolute;
    right: 0;
    bottom: -2px;
    list-style: none;
    display: block;
    margin: 0;
}

    #content .chronoButton .photolist-index-right ul li {
        padding: 5px;
        padding-left: 15px;
        position: relative;
        background-color: #000;
        opacity: 0.8;
        margin: 0;
        margin-bottom: 5px;
    }

        #content .chronoButton .photolist-index-right ul li a {
            color: #fff;
            text-decoration: none;
            margin-right: 20px;
        }

        #content .chronoButton .photolist-index-right ul li .arrow {
            background-image: url(/pantheon/images/Chronos/snippets/ChronoButton/classic-button.png);
            width: 15px;
            height: 15px;
            background-repeat: no-repeat;
            right: 4px;
            bottom: 5px;
            position: absolute;
        }

#content .chronoButton .photolist-index-right.chronostyle_primary .top, #content .chronoButton .photolist-index-left.chronostyle_primary .top, #content .chronoButton .photolist-index-right.chronostyle_primary li, #content .chronoButton .photolist-index-left.chronostyle_primary li {
    background-color: #076a73;
    opacity: 0.85;
}

#content .chronoButton .photolist-index-right.chronostyle_secondary .top, #content .chronoButton .photolist-index-left.chronostyle_secondary .top, #content .chronoButton .photolist-index-right.chronostyle_secondary li, #content .chronoButton .photolist-index-left.chronostyle_secondary li {
    background-color: #478d95 !important;
    opacity: 0.85;
}

#content .chronoButton .photolist-index-right.chronostyle_highlight .top, #content .chronoButton .photolist-index-left.chronostyle_highlight .top, #content .chronoButton .photolist-index-right.chronostyle_highlight li, #content .chronoButton .photolist-index-left.chronostyle_highlight li {
    background-color: #f3693f !important;
    opacity: 0.85;
}

#content .chronoButton .image-boxoverlay {
    width: 472px;
    height: 132px;
    position: relative;
}

    #content .chronoButton .image-boxoverlay .shadebox {
        background-color: #000;
        opacity: 0.8;
        position: absolute;
        top: 10px;
        right: 10px;
        width: 220px;
        height: 110px;
    }

        #content .chronoButton .image-boxoverlay .shadebox .shadetext {
            background-image: url(/pantheon/images/Chronos/snippets/ChronoButton/classic-button.png);
            background-position: 194px 86px;
            background-repeat: no-repeat;
            position: relative;
            width: 220px;
            height: 110px;
            color: #fff;
            padding: 5px;
        }

            #content .chronoButton .image-boxoverlay .shadebox .shadetext a {
                display: block;
                color: #fff;
                width: 200px;
                margin: 0 5px;
                height: 80px;
                overflow: hidden;
            }

                #content .chronoButton .image-boxoverlay .shadebox .shadetext a:hover {
                    text-decoration: none !important;
                }

            #content .chronoButton .image-boxoverlay .shadebox .shadetext:hover {
                text-decoration: none !important;
            }

#content .contentRightColumn .chronoButton {
    display: inline-block;
    position: relative;
}

    #content .contentRightColumn .chronoButton .classic, #content .contentRightColumn .chronoButton .image-top, #content .contentRightColumn .chronoButton .image-bottom, #content .contentRightColumn .chronoButton .image-left-main-index, #content .contentRightColumn .chronoButton .phototext-wide, #content .contentRightColumn .chronoButton .phototext-index2, #content .contentRightColumn .chronoButton .phototext-index3, #content .contentRightColumn .chronoButton .phototext-index, #content .contentRightColumn .chronoButton .phototext-long, #content .contentRightColumn .chronoButton .photofade, #content .contentRightColumn .chronoButton .photolist, #content .contentRightColumn .chronoButton .photolist-index-right {
        margin: 5px 0 5px 0;
    }

#about-index .chronoButton .photofade {
    margin-left: 0;
    margin-bottom: 22px;
    margin-top: 0;
}

#postgrad-index .chronoButton .photofade .lefttext h4 {
    margin-bottom: 1px;
}

#postgrad-index .chronoButton .photofade .bottommid {
    left: 155px;
    top: 71px;
}

#postgrad-index .chronoButton .phototext-index2 .top {
    height: 22px;
}

#postgrad-index .chronoButton .phototext-index2 .bottom {
    height: 20px;
    bottom: 3px;
}

#postgrad-index .chronoButton .phototext-index2 p {
    font-size: 1em;
    bottom: -7px;
}

#postgrad-index .chronoButton .phototext-index2 {
    margin: 0px;
}

#postgrad-index .chronoButton .phototext-index3 {
    margin: 0px;
}

#postgrad-index .chronoButton .photofade {
    margin: 0px;
}

    #postgrad-index .chronoButton .photofade img {
        width: 472px;
        display: block;
    }

    #postgrad-index .chronoButton .photofade .righttext {
        left: 135px;
    }

        #postgrad-index .chronoButton .photofade .righttext h4 {
            margin-left: 78px;
            margin-bottom: 5px;
        }

        #postgrad-index .chronoButton .photofade .righttext p {
            margin-left: 78px;
        }

    #postgrad-index .chronoButton .photofade .bottomright {
        top: 100px;
    }

#courses-index .chronoButton .image-left-index {
    width: 228px;
    margin: 0;
}

    #courses-index .chronoButton .image-left-index img {
        margin-top: 8px;
    }

    #courses-index .chronoButton .image-left-index h4 {
        top: 6px;
        left: 87px;
    }

    #courses-index .chronoButton .image-left-index p {
        top: 30px;
        left: 87px;
    }

#courses-index .courses-button-left {
    margin-top: 13px;
}

#courses-index .courses-button-right {
    margin-top: 13px;
}

#courses-index .courses-button-left .chronoButton {
    float: left;
}

#courses-index .courses-button-right .chronoButton {
    float: right;
}

    #courses-index .courses-button-left .chronoButton .image-top, #courses-index .courses-button-left .chronoButton .image-bottom, #courses-index .courses-button-right .chronoButton .image-top, #courses-index .courses-button-right .chronoButton .image-bottom {
        margin: 0;
    }

#business-index .chronoButton .image-left-index img {
    float: left;
    position: relative;
}

#business-index .chronoButton .image-left-index {
    width: 228px;
    margin: 0;
    position: relative;
}

    #business-index .chronoButton .image-left-index h4 {
        top: 2px;
        left: 11px;
        position: relative;
    }

    #business-index .chronoButton .image-left-index p {
        top: 8px;
        left: 11px;
        position: relative;
    }

#business-index .chronoButton .classic {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 9px;
}

#business-index .chronoButton .photolist-index-left {
    margin: 0px;
}

    #business-index .chronoButton .photolist-index-left ul {
        bottom: 2px;
    }

        #business-index .chronoButton .photolist-index-left ul li {
            margin-bottom: 1px;
        }

#business-index .chronoButton .photolist-index-right {
    margin: 0px;
}

    #business-index .chronoButton .photolist-index-right ul {
        bottom: 2px;
    }

        #business-index .chronoButton .photolist-index-right ul li {
            margin-bottom: 1px;
        }

#research-index .chronoButton .classic {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 13px;
    width: 228px;
}

#research-index .research-button-container {
    float: left;
    margin-left: 60px;
    display: inline;
    width: 250px;
}

#research-index .research-page-tidy {
    height: 10px;
    width: 10px;
    display: block;
    position: relative;
}

#research-index .chronoButton .image-left-index {
    width: 280px;
    margin-bottom: 0;
    padding: 0;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}

    #research-index .chronoButton .image-left-index img {
    }

    #research-index .chronoButton .image-left-index h4 {
        top: 0px;
        left: 87px;
    }

    #research-index .chronoButton .image-left-index p {
        top: 22px;
        left: 87px;
    }

#int-index .chronoButton .photolist, #courses-index .chronoButton .photolist {
    margin: 0;
    width: 228px;
}

    #int-index .chronoButton .photolist img, #courses-index .chronoButton .photolist img {
        height: 198px;
        width: 228px;
    }

    #int-index .chronoButton .photolist .bottom, #courses-index .chronoButton .photolist .bottom {
        width: 228px;
    }

        #int-index .chronoButton .photolist .bottom ul, #int-index .chronoButton.largePhotoList .bottom ul, #courses-index .chronoButton .photolist .bottom ul, #courses-index .chronoButton.largePhotoList .bottom ul {
            margin-top: -25px;
            padding-bottom: 3px;
        }

            #int-index .chronoButton .photolist .bottom ul li, #int-index .chronoButton.largePhotoList .bottom ul li, #courses-index .chronoButton .photolist .bottom ul li, #courses-index .chronoButton.largePhotoList .bottom ul li {
                padding: 0;
                margin: 1px;
                display: inline-block;
                width: 200px;
            }

                #int-index .chronoButton .photolist .bottom ul li.primary, #int-index .chronoButton.largePhotoList .bottom ul li.primary, #courses-index .chronoButton .photolist .bottom ul li.primary, #courses-index .chronoButton.largePhotoList .bottom ul li.primary {
                    background-color: transparent;
                }

                    #int-index .chronoButton .photolist .bottom ul li.primary a, #int-index .chronoButton.largePhotoList .bottom ul li.primary a, #courses-index .chronoButton .photolist .bottom ul li.primary a, #courses-index .chronoButton.largePhotoList .bottom ul li.primary a {
                        background-color: #076a73;
                        float: right;
                        padding: 2px;
                        padding-left: 4px;
                        position: relative;
                        padding-right: 30px;
                        margin-right: 0;
                    }

                        #int-index .chronoButton .photolist .bottom ul li.primary a .arrow, #int-index .chronoButton.largePhotoList .bottom ul li.primary a .arrow, #courses-index .chronoButton .photolist .bottom ul li.primary a .arrow, #courses-index .chronoButton.largePhotoList .bottom ul li.primary a .arrow {
                            margin-left: -30px;
                        }

#int-index .int-button-wrap-left {
    float: left;
    width: 228px;
}

#int-index .int-button-wrap-right {
    float: right;
    width: 228px;
    margin-right: 3px;
}

#int-index .chronoButton .classic {
    margin: 0px !important;
    margin-bottom: 6px !important;
}

#int-index .chronoButton .photolist .bottom ul li .arrow, #int-index .chronoButton.largePhotoList .bottom ul li .arrow, #courses-index .chronoButton .photolist .bottom ul li .arrow, #courses-index .chronoButton.largePhotoList .bottom ul li .arrow {
    top: 2px;
}

#int-index .chronoButton .photofade {
    margin: 0px;
}

#int-index .int-photofade-wrap {
    clear: both;
    padding-top: 15px;
}

#int-index .chronoButton .photofade .lefttext {
    top: 2px;
}

#int-index .chronoButton .photofade h4 {
    margin-bottom: 1px;
}

#int-index .chronoButton .photofade .bottommid {
    left: 150px;
    top: 68px;
}

#sac-index .chronoButton .photolist {
    margin: 0;
    width: 228px;
}

    #sac-index .chronoButton .photolist img {
        height: 198px;
        width: 228px;
    }

    #sac-index .chronoButton .photolist .bottom {
        width: 228px;
    }

        #sac-index .chronoButton .photolist .bottom ul, #sac-index .chronoButton.largePhotoList .bottom ul {
            margin-top: -25px;
            padding-bottom: 3px;
        }

            #sac-index .chronoButton .photolist .bottom ul li, #sac-index .chronoButton.largePhotoList .bottom ul li {
                padding: 0;
                margin: 1px;
                display: inline-block;
                width: 222px;
            }

                #sac-index .chronoButton .photolist .bottom ul li.primary, #sac-index .chronoButton.largePhotoList .bottom ul li.primary {
                    background-color: transparent;
                }

                    #sac-index .chronoButton .photolist .bottom ul li.primary a, #sac-index .chronoButton.largePhotoList .bottom ul li.primary a {
                        background-color: #076a73;
                        float: right;
                        padding: 2px;
                        padding-left: 4px;
                        position: relative;
                        padding-right: 30px;
                        margin-right: 0;
                    }

                        #sac-index .chronoButton .photolist .bottom ul li.primary a .arrow, #sac-index .chronoButton.largePhotoList .bottom ul li.primary a .arrow {
                            margin-left: -30px;
                        }

#sac-index .int-button-wrap-left {
    float: left;
    width: 228px;
}

#sac-index .int-button-wrap-right {
    float: right;
    width: 228px;
    margin-right: 3px;
}

#sac-index .chronoButton .classic {
    margin: 0px;
    margin-bottom: 6px;
}

#sac-index .chronoButton .photolist .bottom ul li .arrow, #sac-index .chronoButton.largePhotoList .bottom ul li .arrow {
    top: 2px;
}

#sac-index .chronoButton .photofade {
    margin: 0px;
}

#sac-index .int-photofade-wrap {
    clear: both;
    padding-top: 15px;
}

#sac-index .chronoButton .photofade .lefttext {
    top: 2px;
}

#sac-index .chronoButton .photofade h4 {
    margin-bottom: 1px;
}

#sac-index .chronoButton .photofade .bottommid {
    left: 150px;
    top: 68px;
}

#kent-main-index .chronoButton .classic {
    margin: 0px;
    margin-bottom: 2px;
    width: 228px;
}

#kent-main-index #prospectus-left {
    float: left;
    height: 115px;
}

#kent-main-index #prospectus-right {
    float: right;
    height: 115px;
}

#kent-main-index .chronoButton .image-top-main-index {
    margin: 0;
}

#kent-main-index #news-wrapper {
    clear: both;
    padding-top: 12px;
}

#kent-main-index .chronoButton .image-left-main-index {
    margin: 0;
    margin-top: 9px;
}

#kent-main-index .alpha .chronoButton {
    float: left;
}

#kent-main-index .long-image .chronoButton .image-left-main-index p {
    top: 36px;
}

#kent-main-index #social-media-wrapper {
    margin: 0;
    margin-top: 11px;
}

.contentlist-index-top {
    width: 472px;
    height: 126px;
    background-color: #e3e3e3;
}

    .contentlist-index-top .top {
        width: 472px;
        height: 25px;
        background-color: #076a73;
        position: relative;
    }

#content .contentlist-index-top ul {
    margin-top: 10px;
    position: relative;
    list-style: none;
}

    #content .contentlist-index-top ul li {
        padding-bottom: 2px;
        margin-left: 0;
    }

        #content .contentlist-index-top ul li a {
            text-decoration: none;
            font-size: 1.05em;
            color: #076a73;
        }

            #content .contentlist-index-top ul li a:hover {
                text-decoration: underline;
            }

#content .contentlist-index-top .top h4 {
    color: #fff;
    position: absolute;
    left: 7px;
    top: 3px;
    font-size: 1.25em;
    margin: 0;
    font-family: "CenturySchoolbookStdRegular","Century Schoolbook","Times New Roman",Times,serif;
}

.contentlist-index-top .left {
    width: 236px;
    float: left;
}

.contentlist-index-top .right {
    width: 236px;
    float: right;
}

#content .chronoButton .thumbnail {
    min-width: 200px;
    width: 100%;
    display: block;
}

    #content .chronoButton .thumbnail a h4 {
        color: #478d95;
        font-size: 1.6em;
        font-family: "CenturySchoolbookStdRegular","Century Schoolbook","Times New Roman",Times,serif;
        display: block;
    }

    #content .chronoButton .thumbnail p {
        padding-left: 90px;
    }

    #content .chronoButton .thumbnail ul {
        padding-left: 90px;
    }

    #content .chronoButton .thumbnail img {
        display: block;
        margin-right: 10px;
        width: 80px;
        float: left;
        height: 80px;
        border: 0;
        margin-top: 2px;
    }

#content .feature-video {
    background: #d0d0d0;
    padding: 10px;
}

    #content .feature-video a.feature-video-btn {
        background: #076a73 url(/pantheon/images/Chronos/snippets/ChronoButton/classic-button.png) no-repeat 430px 90px;
        display: block;
        width: 452px;
        height: 110px;
    }

        #content .feature-video a.feature-video-btn:hover {
            text-decoration: none;
        }

        #content .feature-video a.feature-video-btn h2 {
            color: #fff;
            width: 432px;
            border-bottom: 1px solid #fff;
            margin: 0px 10px 10px 10px;
            padding-top: 10px;
        }

        #content .feature-video a.feature-video-btn p {
            color: #fff;
            padding: 10px;
            margin-bottom: 0;
        }

#content .grid_4 .image-top-main-index, #content .grid_3 .image-top-main-index, #content .grid_2 .image-top-main-index, #content .grid_1 .image-top-main-index, #content .grid_4 .image-left-main-index, #content .grid_3 .image-left-main-index, #content .grid_2 .image-left-main-index, #content .grid_1 .image-left-main-index {
    margin: 0;
    padding: 0 0 10px 0;
}

#content .grid_4 .classic, #content .grid_3 .classic, #content .grid_2 .classic, #content .grid_1 .classic {
    margin: 0 0 10px 0;
}

#content .grid_4 .phototext-index, #content .grid_3 .phototext-index, #content .grid_2 .phototext-index, #content .grid_1 .phototext-index {
    margin: 0 0 10px 0;
}

#content .grid_4 .photolist-index-left, #content .grid_3 .photolist-index-left, #content .grid_2 .photolist-index-left, #content .grid_1 .photolist-index-left {
    margin: 0 0 10px 0;
}

#content .grid_4 .image-top, #content .grid_3 .image-top, #content .grid_2 .image-top, #content .grid_1 .image-top, #content .grid_4 .image-bottom, #content .grid_3 .image-bottom, #content .grid_2 .image-bottom, #content .grid_1 .image-bottom {
    margin: 0 0 10px 0;
}

#content .container_3 .chronoButton .photolist {
    margin: 0px;
}

#content .container_3 .chronoButton .phototext-wide {
    margin: 0px;
}

#content .container_3 .chronoButton .photolist-index-left {
    width: auto;
}

    #content .container_3 .chronoButton .photolist-index-left img {
        width: 100%;
    }

    #content .container_3 .chronoButton .photolist-index-left .top {
        width: 100%;
    }

    #content .container_3 .chronoButton .photolist-index-left h4 {
        width: 95%;
    }

#content .newCallout div.chronoButton .classic a, #content .newCallout div.chronoButton .top h4, #content .newCallout div.chronoButton .top p {
    background-color: transparent;
    color: #fff !important;
}

#content #kbContent .title {
    background-color: #478d95;
    color: #fff;
    padding: 10px;
}

    #content #kbContent .title h1 {
        color: #fff;
        margin-bottom: 5px;
    }

#content #kbContent .content-area {
    padding-top: 10px;
}

    #content #kbContent .content-area > .snippetBox > div > .tab-snippet, #content #kbContent .content-area > .snippetBox > .tabsLive {
        margin-top: -10px;
    }

        #content #kbContent .content-area > .snippetBox > div > .tab-snippet > .tab-navigation, #content #kbContent .content-area > .snippetBox > .tabsLive > .tabsNav {
            border: 0;
        }

            #content #kbContent .content-area > .snippetBox > div > .tab-snippet > .tab-navigation li a, #content #kbContent .content-area > .snippetBox > .tabsLive > .tabsNav li a {
                color: #fff;
                background: #076a73;
                padding: 5px 18px 4px;
                margin: 6px 6px 0 0;
                height: 16px;
                line-height: 16px;
                font-size: 1.0em;
                border-bottom: solid 2px #076a73 !important;
            }

                #content #kbContent .content-area > .snippetBox > div > .tab-snippet > .tab-navigation li a.active, #content #kbContent .content-area > .snippetBox > div > .tab-snippet > .tab-navigation li a:hover, #content #kbContent .content-area > .snippetBox > .tabsLive > .tabsNav li.active a, #content #kbContent .content-area > .snippetBox > .tabsLive > .tabsNav li a:hover {
                    background-color: #f3693f;
                }

    #content #kbContent .content-area .tabsLive .tabContent, #content #kbContent .content-area .tab-snippet .tab-content {
        border: 0;
        padding: 15px 0 5px 0;
    }

    #content #kbContent .content-area pre, #content #kbContent .content-area code {
        white-space: pre-wrap;
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        word-wrap: break-word;
    }

div#content #kbContent .content-area div.primary_bg p {
    color: #fff;
}

div#content #kbContent .content-area div.secondary_bg p {
    color: #fff;
}

div#content #kbContent .content-area div.highlight_bg p {
    color: #fff;
}

div#content #kbContent .content-area div.transparent_bg p {
    color: #555;
}

#content .tweet-list-wrapper {
    margin-bottom: 10px;
}

#content .tweet-list {
    margin-top: 0;
    padding-top: 0;
    background: url(/pantheon/images/Chronos/snippets/Twitter/tweet-list-bg.png) repeat-x scroll #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

#content .tweet-list-header {
    padding: 8px 12px 4px 12px;
    margin-bottom: 0;
}

    #content .tweet-list-header h4 {
        margin-top: 8px;
        background-color: transparent !important;
    }

    #content .tweet-list-header .twitter-logo {
        background: url(/pantheon/images/Chronos/snippets/Twitter/twitter-bird-16x16.png) no-repeat center center;
        width: 16px;
        height: 16px;
        position: absolute;
    }

    #content .tweet-list-header .twitter-text {
        display: inline-block;
        margin-left: 25px;
    }

        #content .tweet-list-header .twitter-text h4 {
            margin: 0;
            padding: 0;
            position: relative;
            top: -3px;
        }

            #content .tweet-list-header .twitter-text h4 a {
                color: #FFF !important;
            }

#content .tweet-list .posted {
    color: #666;
    font-size: 0.85em;
    padding-bottom: 13px;
    border-bottom: 1px solid #ccc;
}

#content .tweet-content, .posted {
    margin: 0 12px 0 12px !important;
    padding-top: 12px;
    background-color: transparent !important;
}

#content .tweet-list-footer {
    padding: 8px 12px 8px 12px;
}

#content .calloutInner.transCallout .tweet-list p, #content .calloutInner.primary .tweet-list p, #content .calloutInner.bg_secondary .tweet-list p, #content .calloutInner.bg_highlight .tweet-list p {
    color: #000 !important;
}

#content .calloutInner.transCallout .tweet-list a, #content .calloutInner.primary .tweet-list a, #content .calloutInner.bg_secondary .tweet-list a, #content .calloutInner.bg_highlight .tweet-list a {
    color: #1F4F82 !important;
    text-decoration: none !important;
}

    #content .calloutInner.transCallout .tweet-list a:hover, #content .calloutInner.primary .tweet-list a:hover, #content .calloutInner.bg_secondary .tweet-list a:hover, #content .calloutInner.bg_highlight .tweet-list a:hover {
        color: #1F4F82 !important;
        text-decoration: underline !important;
    }

#content .calloutInner.transCallout .tweet-list .posted, #content .calloutInner.primary .tweet-list .posted, #content .calloutInner.bg_secondary .tweet-list .posted, #content .calloutInner.bg_highlight .tweet-list .posted {
    color: #666 !important;
}

#content .calloutInner.transCallout .tweet-list-footer-colour-highlight a:hover {
    color: #fff !important;
}

#content .calloutInner.transCallout .tweet-list-footer-colour-secondary a:hover {
    color: #fff !important;
}

#content .calloutInner.transCallout .tweet-list-footer-colour-primary a:hover {
    color: #fff !important;
}

#content .tweet-list-header-colour-primary {
    background-color: #076a73;
}

#content .tweet-list-header-colour-secondary {
    background-color: #478d95;
}

#content .tweet-list-header-colour-highlight {
    background-color: #f3693f;
}

#content .tweet-list-header-colour-primary h4 {
    color: #fff !important;
}

#content .tweet-list-header-colour-secondary h4 {
    color: #fff !important;
}

#content .tweet-list-header-colour-highlight h4 {
    color: #fff !important;
}

#content .tweet-list-footer-colour-primary {
    background-color: #076a73;
}

#content .tweet-list-footer-colour-secondary {
    background-color: #478d95;
}

#content .tweet-list-footer-colour-highlight {
    background-color: #f3693f;
}

#content .tweet-list-footer-colour-primary a:link, #content .tweet-list-footer-colour-primary a:visited, #content .tweet-list-footer-colour-primary a:active {
    color: #fff !important;
    text-decoration: none !important;
}

#content .tweet-list-footer-colour-primary a:hover {
    color: #fff !important;
    text-decoration: underline !important;
}

#content .tweet-list-footer-colour-secondary a:link, #content .tweet-list-footer-colour-secondary a:visited, #content .tweet-list-footer-colour-secondary a:active {
    color: #fff !important;
    text-decoration: none !important;
}

#content .tweet-list-footer-colour-secondaryC a:hover {
    color: #fff !important;
    text-decoration: underline !important;
}

#content .tweet-list-footer-colour-highlight a:link, #content .tweet-list-footer-colour-highlight a:visited, #content .tweet-list-footer-colour-highlight a:active {
    color: #fff !important;
    text-decoration: none !important;
}

#content .tweet-list-footer-colour-highlight a:hover {
    color: #fff !important;
    text-decoration: underline !important;
}

.artsbody {
    margin-top: 20px;
    margin-bottom: -27px;
}

.artsInnerHTML {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: table;
    position: static !important;
    width:;

{
    maxItems;
}

00%;
}

.artsColorWhite {
    color: #fff;
    border-top: 1px solid #fff;
    margin-top: -1px;
    padding-top: 9px;
    text-align: center;
}

.artsCusorPointer {
    cursor: pointer;
}

.artsCusorPointerRight {
    cursor: pointer;
    float: right;
}

.artsNewsItemLi {
    height: 335px;
    background: #f3693f;
    display: inline-block;
    max-width: 230px;
    display: table-cell;
}

.artsNewsMainText {
    white-space: normal;
    text-align: justify;
    margin-top: 15px;
    max-height: 230px;
}

#content .artsbody h3 {
    color: #fff;
}

.arts-float-left {
    float: left;
}

.artsText {
    white-space: normal !important;
    margin-top: 10px;
    height: 180px;
    overflow: hidden;
}

.artsTextBorder {
    height: 182px;
}

.artsBlock {
    height: 279px !important;
    background: #f3693f;
    min-width: 255px;
    max-width: 255px;
    display: table-cell !important;
    padding-left: 0px;
}

.artsLowerRightBtn {
    width: 210px !important;
    float: left;
    margin-top: 15px;
}

.artsLowerLeftBar {
    background: #076a73;
    width: 15px;
    height: 103px;
    float: right;
    margin-right: 2px;
    margin-top: 15px;
}

.artsCarouselBox {
    width: 15px;
    height: 400px;
    background: #076a73;
    float: right;
    display: inline-block;
}

.artsTopBar {
    width: 100%;
    height: 15px;
    margin-top: 14px;
    background: #076a73;
}

.artsSocialTopBox {
    width: 100%;
    height: 15px;
    background: #076a73;
    margin-bottom: 9px;
}

.italic {
    font-style: italic;
    font-size: 11px;
}

#content .artsbody div.SocialMedia {
    margin-bottom: 25px;
}

div#content.artsbody div.unikent-news-mini-summary.old div.unikent-news-mini-summary-body ul.unikent-news-mini-summary-list li:hover div.unikent-news-mini-summary-card {
    background: #f3693f;
}

#content .artsbody .carouselSnippetBox div.primary {
    background: #fff;
}

#content .artsbody .carouselSnippetBox .carouselItems .contentCarousel h4 {
    display: none;
}

#content .artsbody .index img {
    margin-top: -30px;
}

.artsRemoval {
    display: none;
}

.artsScrollTitleLink:hover h4 {
    text-decoration: underline;
}

div#content .artsbody a > div.unikent-button.caption-overlay:hover div.labelbar h3 {
    text-decoration: none;
}

div#content .artsbody div.unikent-button div.labelbar h3 {
    margin-right: 10px;
}

div#content .artsbody div.unikent-news-mini-summary.old div.unikent-news-mini-summary-body ul.unikent-news-mini-summary-list li div.unikent-news-mini-summary-card {
    box-sizing: none;
    background: #f3693f;
    border-width: 0;
    border-color: none;
    transition: none;
    margin-left: 15px;
    margin-right: 15px;
}

#content a.artsContinueLink {
    color: #fff;
    text-decoration: none;
    border-bottom: none;
}

    #content a.artsContinueLink:hover {
        text-decoration: underline;
    }

div#content .artsbody div.unikent-news-mini-summary.old div.unikent-news-mini-summary-card div.unikent-news-mini-summary-info h4, div#content .artsbody div.unikent-news-mini-summary.old div.unikent-news-mini-summary-card div.unikent-news-mini-summary-info p {
    color: #fff;
}

div#content .artsbody div.unikent-news-mini-summary.old div.unikent-news-mini-summary-card div.unikent-news-mini-summary-info {
    margin-left: 0;
    margin-right: 0;
}

#content .artsbody div.SocialMedia .SocialMediaHeader.highlight {
    display: none;
}

#content .artsbody div.SocialMedia .SocialMediaItems .Items4 {
    width: 50px;
    background: #f3693f;
    border-right: 9px solid #fff;
    height: 50px;
}

#content .artsbody div.SocialMedia .SocialMediaItems .Facebook {
    background: url(/pantheon/images/Chronos/snippets/SocialMedia/arts/facebook.png);
}

#content .artsbody div.SocialMedia .SocialMediaItems .Twitter {
    background: url(/pantheon/images/Chronos/snippets/SocialMedia/arts/twitter.png);
}

#content .artsbody div.SocialMedia .SocialMediaItems .Instagram {
    background: url(/pantheon/images/Chronos/snippets/SocialMedia/arts/instagram.png);
}

#content .artsbody div.SocialMedia .SocialMediaItems .Youtube2 {
    background: url(/pantheon/images/Chronos/snippets/SocialMedia/arts/youtube2.png);
}

div#content .artsbody div.unikent-news-mini-summary.old div.unikent-news-mini-summary-card div.unikent-news-mini-summary-info {
    padding-bottom: 12px;
}

#content .artsbody .carouselSnippetBox {
    display: inline-block;
}

#content .artsbody div.SocialMedia .SocialMediaItems.highlight {
    background: #fff;
}

div#content.artsbody div.unikent-news-mini-summary.old div.unikent-news-mini-summary-header, div#content .artsbody div.unikent-news-mini-summary.old div.unikent-news-mini-summary-footer {
    background: #f3693f;
    padding-left: 8px;
    padding-right: 8px;
    height: 27px;
}

div#content .artsbody div.unikent-news-mini-summary.old div.unikent-news-mini-summary-body ul.unikent-news-mini-summary-list li div.unikent-news-mini-summary-card {
    color: #fff;
    background: #f3693f;
}

div#content .artsbody div.unikent-button div.image-frame:hover img {
    background: url(/pantheon/images/Chronos/snippets/Buttons/hover.png);
    opacity: 0.9;
}

div#content .artsbody div.unikent-button {
    background-color: #f3693f;
    margin-bottom: 13px;
}

.artsAddMargin20 {
    margin-top: 15px;
}

#content .artsbody .carouselSnippetBox .carouselSnippet div.carouselSnippetControls a.carouselItemSelector {
    margin: 0px;
    margin-right: 1px;
}

div#content .artsbody div.unikent-button.caption-overlay div.image-frame div.content-wrapper {
    margin-left: 0;
    margin-bottom: 10px;
}

#content .artsbody div.SocialMedia .SocialMediaItems .Facebook {
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

#content .artsbody div.SocialMedia .SocialMediaItems .Items4:hover .Facebook {
    opacity: 0.5;
}

#content .artsbody div.SocialMedia .SocialMediaItems .Twitter {
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

#content .artsbody div.SocialMedia .SocialMediaItems .Items4:hover .Twitter {
    opacity: 0.5;
}

#content .artsbody div.SocialMedia .SocialMediaItems .Instagram {
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

#content .artsbody div.SocialMedia .SocialMediaItems .Items4:hover .Instagram {
    opacity: 0.5;
}

#content .artsbody div.SocialMedia .SocialMediaItems .Youtube2 {
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

#content .artsbody div.SocialMedia .SocialMediaItems .Items4:hover .Youtube2 {
    opacity: 0.5;
}

.artsFacilitiesImg {
    margin-top: 15px;
}

#content .artsbody .row-fluid div.SocialMedia, #content .artsbody .row-fixed div.SocialMedia {
    margin-top: 0px;
}

.artsBtnMargin {
    margin-left: 8px;
    margin-right: 8px;
}

.carouselSnippetBox div.contentCarouselInherit div.carouselSnippetControls.arts {
    top: auto;
    bottom: 0;
    z-index: 3;
    display: flex;
    width: 100%;
    background-color: #fff;
}

.carouselSnippetBox div.frontPageInherit div.carouselSnippetControls.arts a.carouselItemSelector, .carouselSnippetBox div.frontPage_miniInherit div.carouselSnippetControls.arts a.carouselItemSelector, #content .artsbody .carouselSnippetBox div.contentCarouselInherit div.carouselSnippetControls.arts a.carouselItemSelector:last-child {
    margin-right: 0px;
}

.carouselSnippetBox .carouselSnippet div.carouselSnippetControls.arts {
    overflow: hidden;
    position: absolute;
    bottom: 15px;
    padding: 0 0;
    margin: 6px 0 0 0;
    width: 356px;
    display: none;
    vertical-align: middle;
}

    .carouselSnippetBox .carouselSnippet div.carouselSnippetControls.arts a.carouselItemSelector {
        margin-left: 1px;
        font-size: 0.9em;
        text-decoration: none;
        background: transparent;
        float: left;
    }

.carouselSnippetBox div.frontPageInherit div.carouselSnippetControls.arts a.carouselItemSelector, .carouselSnippetBox div.frontPage_miniInherit div.carouselSnippetControls.arts a.carouselItemSelector, #content .artsbody .carouselSnippetBox div.contentCarouselInherit div.carouselSnippetControls.arts a.carouselItemSelector {
    flex-basis: 100%;
    height: 7px;
    text-indent: -1000px;
    border: none;
    background: #000;
}

.carouselSnippetBox div.frontPageInherit div.carouselSnippetControls.arts a.current, .carouselSnippetBox div.frontPage_miniInherit div.carouselSnippetControls.arts a.current, #content .artsbody .carouselSnippetBox div.contentCarouselInherit div.carouselSnippetControls.arts a.current {
    flex-basis: 100%;
    height: 7px;
    background: #f3693f;
}

#content .artsbody .row-fluid .carouselSnippetBox, #content .artsbody .row-fluid .carouselSnippetBox li, #content .artsbody .row-fluid .carouselSnippetBox .carouselSnippetItem {
    float: left;
}

    #content .artsbody .row-fluid .carouselSnippetBox, #content .artsbody .row-fluid .carouselSnippetBox li, #content .artsbody .row-fluid .carouselSnippetBox .carouselSnippetItem {
        width: 407px !important;
    }

.artsMarginTopBottom10 {
    margin-top: 4px;
    margin-bottom: 4px;
}

.artsMarginLeft10 {
}

.artsMarginRight10 {
}

.artsbody .shadedtext .dotdotdot:after {
    font-family: kentfont;
    content: "\f0da";
    margin-left: 6px;
}

.carouselSnippetBox .carouselSnippet.index .carouselItems .contentCarousel .noLink .shadedtext .dotdotdot:after {
    font-family: kentfont;
    content: "";
    margin-left: 6px;
}

.artsRemoval + .shadedtext .dotdotdot:after {
    font-family: kentfont;
    content: "";
}

.artsbody .carouselSnippetBox .carouselItems .frontPage .shadedbox, .carouselSnippetBox .carouselItems .contentCarousel .shadedbox, .carouselSnippetBox .carouselItems .frontPage_mini .noLink .shadedbox {
    cursor: default;
}

div#content .artsbody div.unikent-button.caption-overlay.primary-color div.image-frame div.content-wrapper {
    background-color: #000;
    opacity: 0.8;
}

.artsMarginLeft5 {
    margin-left: 5px !important;
}

.artsMarginLeft4 {
    margin-left: 4px !important;
}

.artsbody .carouselSnippetBox .carouselSnippet.index .carouselItems .contentCarousel .shadedtext {
    height: 30px;
}

.carouselSnippetBox .carouselSnippet.index .carouselItems .contentCarousel .noLink {
    bottom: -366px;
}

.wraptitle {
    max-height: 50px;
}

.wraptext {
    height: 115px;
}

.artsTitle {
    border-bottom: 1px solid #fff;
    padding-bottom: 12px;
}

.artsSpan4Pecentage {
    width: 27% !important;
}

.artsSpan8Percentage {
    width: 71.9% !important;
}

#content .artsbody h3 {
    margin-bottom: 3px;
}

div#arts-container, div.arts-container {
    position: relative;
    width: 960px;
    margin: 0 auto;
    padding: 0;
}

.arts-column-row, .arts-row {
    margin: 0 0 2px -15px;
}

.arts-column-row-bottom, .arts-row-bottom {
    margin: 0 0 18px -15px;
}

.arts-column, .arts-columns {
    float: left;
    display: inline;
    margin: 0 0 0 15px;
}

.arts-one {
    width: 54px;
}

.arts-two {
    width: 118px;
}

.arts-three {
    width: 182px;
}

.arts-four {
    width: 230px;
}

.arts-five {
    width: 240px;
}

.arts-six {
    width: 369px;
}

.arts-seven {
    width: 310px;
}

.arts-eight {
    width: 449px;
}

.arts-nine {
    width: 566px;
}

.arts-ten {
    width: 630px;
}

.arts-eleven {
    width: 694px;
}

.arts-twelve {
    width: 758px;
}

.arts-thirteen {
    width: 812;
}

.arts-fourteen {
    width: 886;
}

.arts-fithteen {
    width: 950;
}

.arts-offset-by-one-half {
    margin-left: 39.5px;
}

.arts-offset-by-one {
    margin-left: 79px;
}

.arts-offset-by-two {
    margin-left: 158px;
}

.arts-offset-by-three {
    margin-left: 237px;
}

.arts-offset-by-four {
    margin-left: 316px;
}

.arts-offset-by-five {
    margin-left: 310px;
}

.arts-offset-by-six {
    margin-left: 474px;
}

.arts-offset-by-seven {
    margin-left: 553px;
}

.arts-offset-by-eight {
    margin-left: 632px;
}

.arts-offset-by-nine {
    margin-left: 711px;
}

.arts-offset-by-ten {
    margin-left: 790px;
}

.arts-column-row:after, .arts-row:after, .arts-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .arts-column-row, * html .arts-row, * html .arts-clearfix {
    height: 1%;
}

.arts-column-row, .arts-row, .arts-clearfix {
    display: inline-block;
}

.arts-column-row, .arts-row, .arts-clearfix {
    display: block;
}

body.ie .arts-column-row {
    width: 948px;
}

body.ie .arts-eight .arts-column-row {
    width: 632px;
}

body.ie .arts-nine .arts-column-row {
    width: 711px;
}

body.ie .arts-ten .arts-column-row {
    width: 790px;
}

body.ie .arts-eleven .arts-column-row {
    width: 869px;
}

body.ie .arts-two-thirds .arts-column-row {
    width: 647px;
}