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

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

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

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

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

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
}

.clearfix:after, .header-main-globals:after, .header-main-controls:after, .header-main-nav:after, .footer-main-columns:after, .columns:after, .home-content:after, .home-sections:after, .home-news-item:after, .rightbox:after, .leftbox:after, .dropdown-menu-nav:after {
    content: '';
    display: table;
    clear: both;
}

/*img, svg {
    display: block;
    width: 100%;
}*/
button {
    border: none;
    cursor: pointer;
}

.container {
    padding: 0 16px;
}

.content {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}

.bold {
    font-weight: 700;
}

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

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

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

input:focus {
    outline: 4px dashed black;
}

button:focus {
    outline: 4px dashed black;
}

a:focus {
    outline: 4px dashed black;
}

select:focus {
    outline: 4px dashed black;
}

blockquote, q {
    quotes: none;
}

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

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

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
}

.clearfix:after, .header-main-globals:after, .header-main-controls:after, .header-main-nav:after, .footer-main-columns:after, .columns:after, .home-content:after, .home-sections:after, .home-news-item:after, .rightbox:after, .leftbox:after, .dropdown-menu-nav:after {
    content: '';
    display: table;
    clear: both;
}

/*img, svg {
    display: block;
    width: 100%;
}*/
button {
    border: none;
    cursor: pointer;
}

.container {
    padding: 0 16px;
}

.content {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}

.bold {
    font-weight: 700;
}

.header-main {
    position: relative;
    z-index: 200;
    margin-bottom: 24px;
    background-color: #ffffff;
    border-top: 8px solid #157a9c;
}

.header-main-globals {
    display: none;
    margin-top: 8px;
}

@media screen and (min-width: 768px) {
    .header-main-globals {
        display: block;
    }
}

.header-main-globals li {
    margin-right: 16px;
    float: left;
}

.header-main-globals a {
    color: #333;
    font-size: 12px;
    text-decoration: none;
}

    .header-main-globals a:active, .header-main-globals a:hover {
        text-decoration: underline;
    }

.header-main-container {
    height: 76px;
    margin: 32px 0 24px;
}

@media screen and (min-width: 768px) {
    .header-main-container {
        height: auto;
    }
}

.header-main-logo {
    float: left;
}

.header-main-search {
    float: right;
}

@media screen and (min-width: 768px) {
    .header-main-search {
        margin-top: 12px;
    }
}

.header-main-search-form {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100vh;
    padding-top: 120px;
    background-color: rgba(0, 0, 0, 0.9);
    -webkit-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
}

    .header-main-search-form.-is-display-block {
        display: block;
        opacity: 0;
    }

    .header-main-search-form.-is-visible {
        opacity: 1;
    }

@media screen and (min-width: 768px) {
    .header-main-search-form {
        position: static;
        display: block;
        width: auto;
        height: auto;
        padding: 0;
        background-color: transparent;
    }
}

.header-main-search-close {
    position: absolute;
    right: 24px;
    top: 24px;
    height: 48px;
    padding: 0 16px;
    background-color: transparent;
    border: 2px solid white;
    color: white;
    font-size: 14px;
}

@media screen and (min-width: 768px) {
    .header-main-search-close {
        display: none;
    }
}

.header-main-search-close-icon {
    display: inline-block;
    position: relative;
    top: 1px;
    width: 12px;
    height: 12px;
    margin-right: 16px;
}

    .header-main-search-close-icon svg {
        fill: white;
    }

.header-main-search-title {
    margin-bottom: 16px;
    color: white;
    font-size: 20px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .header-main-search-title {
        display: none;
    }
}

.header-main-search-input {
    width: calc(100% - 48px);
    height: 48px;
    padding: 0 16px;
    float: left;
}

.header-main-search-submit {
    background-image: url("https://citb.beingbuilt.uk/App_Themes/CITB/build/images/icon-search--white.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
}

.header-main-search-submit, .header-main-search-open {
    width: 48px;
    height: 48px;
    padding: 12px;
    background-color: #157a9c;
    border: none;
}

    .header-main-search-submit svg, .header-main-search-open svg {
        fill: white;
    }

.header-main-search-open {
    margin-top: 12px;
}

@media screen and (min-width: 768px) {
    .header-main-search-open {
        display: none;
    }
}

.header-main-controls {
    max-width: 960px;
    margin: 0 auto;
}

.header-main-control {
    width: 50%;
    height: 48px;
    padding: 14px 0;
    float: left;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    text-decoration: none;
}

.header-main-control-logout, .header-main-control-login {
    background-color: #157a9c;
    color: white;
}

@media screen and (min-width: 768px) {
    .header-main-control-logout, .header-main-control-login {
        position: absolute;
        right: 16px;
        top: 0px;
        width: auto;
        padding: 14px 40px;
    }
}

.header-main-control-toggle {
    background-color: #656364;
    color: white;
}

@media screen and (min-width: 768px) {
    .header-main-control-toggle {
        display: none;
    }
}

.header-main-control-icon {
    display: inline-block;
    position: relative;
    top: 3px;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

    .header-main-control-icon svg {
        fill: white;
    }

.header-main-nav {
    display: none;
    position: absolute;
    left: 0;
    top: 180px;
    z-index: 9998;
    width: 100%;
    height: calc(100vh - 184px);
    padding: 0;
    background-color: #656364;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    -webkit-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
}

@media screen and (min-width: 768px) {
    .header-main-nav {
        display: block;
        position: static;
        height: auto;
    }
}

.header-main-nav.-is-display-block {
    display: block;
    opacity: 0;
}

.header-main-nav.-is-visible {
    opacity: 1;
}

.header-main-nav > li:nth-child(even) {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

@media screen and (min-width: 768px) {
    .header-main-nav > li:nth-child(even) {
        border: none;
    }
}

.header-main-nav li {
    position: relative;
    float: left;
    width: 50%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

@media screen and (min-width: 768px) {
    .header-main-nav li {
        width: auto;
        border: none;
    }
}

@media screen and (min-width: 768px) {
    .header-main-nav li:hover ul {
        display: block;
    }
}

.header-main-nav li ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1000;
    background-color: #157a9c;
}

@media screen and (min-width: 1024px) {
    .header-main-nav li ul {
        width: 300px;
    }
}

.header-main-nav li ul li {
    float: none;
    border-top: 1px solid white;
}

.header-main-nav li ul a {
    min-height: 48px;
    padding: 16px;
    color: white;
    line-height: 1.33333;
}

    .header-main-nav li ul a:active, .header-main-nav li ul a:hover {
        background-color: black;
    }

.header-main-nav a {
    display: block;
    padding: 0 24px;
    color: white;
    line-height: 48px;
    text-decoration: none;
}

    .header-main-nav a:active, .header-main-nav a:hover {
        background-color: #157a9c;
    }

@media screen and (min-width: 768px) {
    .header-main-nav a {
        font-size: 12px;
    }
}

.footer-main {
    padding: 24px 0;
    background-color: #656364;
    color: white;
    font-size: 14px;
    line-height: 1.42857;
}

@media screen and (min-width: 768px) {
    .footer-main-columns {
        margin-left: -24px;
    }
}

.footer-main-column {
    margin-bottom: 24px;
}

@media screen and (min-width: 768px) {
    .footer-main-column {
        width: calc(33.333% - 24px);
        margin-left: 24px;
        float: left;
    }
}

@media screen and (min-width: 1024px) {
    .footer-main-column {
        width: 25%;
    }
}

.footer-main-link {
    display: block;
    margin-bottom: 16px;
    color: white;
    text-decoration: none;
}

    .footer-main-link:active, .footer-main-link:hover {
        text-decoration: underline;
    }

.footer-main-link-icon {
    display: inline-block;
    position: relative;
    top: 2px;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

    .footer-main-link-icon svg {
        fill: white;
    }

.footer-main-copy {
    max-width: 960px;
    margin: 0 auto;
    padding: 24px 16px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

@media screen and (min-width: 1024px) {
    .footer-main-copy {
        padding: 24px 0 0;
    }
}

.collapsible_panel {
    position: relative;
}

@media print {
    .collapsible_panel {
        margin-bottom: 24px;
    }
}

.collapsible_panel-trigger {
    display: block;
    width: 100%;
    text-align: left;
}

@media print {
    .collapsible_panel-trigger {
        height: auto;
        padding: 0;
        font-size: 24px;
        font-weight: bold;
    }
}

.collapsible_panel-collapsible {
    height: 0;
    overflow: hidden;
    -webkit-transition: height 250ms cubic-bezier(0.4, 0, 0.4, 1);
    transition: height 250ms cubic-bezier(0.4, 0, 0.4, 1);
}

.collapsible_panel.-is-open > .collapsible_panel-collapsible {
    height: auto;
}

@media print {
    .collapsible_panel-collapsible {
        height: auto;
    }
}

strong {
    font-weight: 700;
}

@media screen and (min-width: 1024px) {
    .column-left {
        width: 720px;
        float: left;
    }
}

@media screen and (min-width: 1024px) {
    .column-right {
        width: 215px;
        float: right;
    }
}

.main-home {
    padding-top: 24px;
    background-image: url("https://citb.beingbuilt.uk/CMSTemplates/CITB/images/bg.gif");
    background-position: center top;
    background-repeat: no-repeat;
}

@media screen and (min-width: 768px) {
    .home-content {
        margin: 0 0 40px -24px;
    }
}

.home-article {
    margin-bottom: 32px;
}

@media screen and (min-width: 768px) {
    .home-article {
        width: calc(58% - 24px);
        margin-left: 24px;
        float: left;
    }
}

.home-aside {
    margin-bottom: 40px;
    padding: 16px 8px;
    background-color: #EBEBEB;
}

@media screen and (min-width: 768px) {
    .home-aside {
        width: calc(42% - 24px);
        margin-left: 24px;
        float: left;
        margin-bottom: 0px;
    }
}

.home-sections {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0 0 24px -16px;
}

.home-section {
    position: relative;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    width: calc(50% - 16px);
    margin: 0 0 16px 16px;
    padding-bottom: 8px;
    float: left;
    background-color: #EBEBEB;
    border-top: 16px solid;
    font-size: 16px;
    line-height: 1.25;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .home-section {
        width: calc(20% - 16px);
    }
}

.home-section:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 16px;
    border-right: 32px solid transparent;
    border-top: 16px solid;
}

.home-section-grants {
    border-top-color: #33927a;
}

    .home-section-grants:before {
        border-top-color: #33927a;
    }

.home-section-levy {
    border-top-color: #3c97bf;
}

    .home-section-levy:before {
        border-top-color: #3c97bf;
    }

.home-section-publications {
    border-top-color: #f5aa2e;
}

    .home-section-publications:before {
        border-top-color: #f5aa2e;
    }

.home-section-careers {
    border-top-color: #92759c;
}

    .home-section-careers:before {
        border-top-color: #92759c;
    }

.home-section-events {
    border-top-color: #dc509d;
}

    .home-section-events:before {
        border-top-color: #dc509d;
    }

.home-section-graphic {
    display: block;
    margin: 16px 0 8px;
    position: relative;
    height: 0;
    padding-bottom: 42.7027%;
}

    .home-section-graphic img {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

@media print {
    .home-section-graphic img {
        position: static;
    }
}

.home-news {
    position: relative;
    margin-bottom: 36px;
}

@media screen and (min-width: 768px) {
    .home-news {
        max-width: 560px;
        margin: 0 auto 36px;
    }
}

@media screen and (min-width: 1024px) {
    .home-news {
        max-width: none;
    }
}


@media screen and (min-width: 1024px) {
    .home-news .slick-track { height: 330px; }
}

@media screen and (min-width: 1024px) {
    .home-news .slick-slide {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.home-news .slick-slide img {
    display: block;
    width: 100%;
}

.home-news-item {
    background-color: #EBEBEB;
}

.slide {
    height: 100%;
}


.home-news-item-image {
    position: relative;
    width: 100%;
}


.home-news-item-image:before {
    content: '';
    display: block;
    position: relative;
    height: 0;
    padding-bottom: 50%;
}

    .home-news-item-image:after {
        display: block;
        position: absolute;
        right: -32px;
        top: 50%;
        width: 64px;
        height: 64px;
        background-color: #EBEBEB;
        -webkit-transform: translateY(-40px) rotate(45deg);
        -ms-transform: translateY(-40px) rotate(45deg);
        transform: translateY(-40px) rotate(45deg);
    }

@media screen and (min-width: 1024px) {
    .home-news-item-image:after {
        content: '';
    }
}

.home-news-item-image img {
    display: block;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

@media print {
    .home-news-item-image img {
        position: static;
    }
}

@media screen and (min-width: 1024px) {
    .home-news-item-image {
        width: 68%;
        float: left;
    }
}


.home-news-item-content {
    position: relative;
    padding: 16px 16px 72px;
}

@media screen and (min-width: 1024px) {
    .home-news-item-content {
        width: 32%;
        float: left;
    }
}


.home-news-item-title {
    margin-bottom: 16px;
    color: #333333;
    font-size: 18px;
    line-height: normal;
    text-transform: uppercase;
}

.home-news-item-time {
    display: block;
    margin-bottom: 8px;
    color: #157a9c;
    font-size: 14px;
    line-height: normal;
}

.home-news-item-copy {
    display: none;
}

@media screen and (min-width: 768px) {
    .home-news-item-copy {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 90px;
    }
}

.home-news-item-cta {
    display: block;
    position: absolute;
    left: 16px;
    bottom: 24px;
    width: 144px;
    height: 48px;
    background-color: #157a9c;
    color: #ffffff;
    font-size: 16px;
    line-height: 3;
    text-align: center;
}

.home-news-controls {
    position: absolute;
    right: 32px;
    bottom: 24px;
    margin-left: -16px;
}

@media screen and (min-width: 768px) {
    .home-news-controls {
        left: 0;
        top: 0;
        right: auto;
        bottom: auto;
        width: 100%;
        margin: 0;
    }
}

.home-news-control {
    width: 48px;
    height: 48px;
    margin-left: 16px;
    float: left;
    border: 2px solid #333333;
}

@media screen and (min-width: 768px) {
    .home-news-control {
        position: absolute;
        left: -48px;
        top: 198px;
        margin: 0;
    }
}

@media screen and (min-width: 768px) {
    .home-news-control-next {
        left: 100%;
    }
}

/** NEW STYLES FOR HOMEPAGE REBRAND AUGUST 2014  **/
/*.homeLeft h1, .homeRight h2{font-size: 20px; text-transform: uppercase; color: palette(grey, dark);}*/
.asdasd {
    width: 110px;
    display: inline-block;
}

.editButton a {
    background-color: #157a9c;
    padding: 5px;
    color: white; /*width: 90%;*/
    width: 50px !important;
    float: left;
    text-align: center;
}

    .editButton a:hover {
        text-decoration: none;
    }

.ButtonDel input[type=submit] {
    background-color: #157a9c;
    padding: 6px;
    color: white;
    width: 60px !important;
    float: left;
    text-align: center;
    border: none;
}

    .ButtonDel input[type=submit]:hover {
        cursor: pointer;
    }

#ctl00_cphallcontent_cphContent_purpleh2_pnlEditor {
    float: left;
}

:focus {
    outline: 0;
}

body {
    color: #333333;
    font-family: 'Lato', sans-serif;
    font-size: .875em;
    line-height: 1.3em;
}

ul {
    list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

@media screen and (min-width: 1024px) {
    caption, th, td {
        text-align: left;
        font-weight: normal;
    }
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

#container {
    width: 100%;
    position: relative;
    clear: both;
}

/****Universal Styles****/
.largeFont {
    font-size: 20px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.hide {
    display: none;
}

.input_box {
    padding: 8px;
    border: 1px solid #e6e6e6;
    width: 100%;
    color: #666;
}

.green {
    color: #33927a;
}

.blue {
    color: #3c97bf;
}

.purple {
    color: #92759c;
}

.red {
    color: #FF0000;
}

.errorMessage {
    float: left;
    color: #E41E20;
    margin-top: 5px;
}

.sub_text {
    display: block;
    font-size: 1.3em;
    font-style: italic;
    color: #999;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

hr {
    margin: 20px 0;
    background: #ccc;
    height: 1px;
    border: 0;
}

.site_width {
    margin: 0 auto;
}

@media screen and (min-width: 768px) {
    .site_width {
        width: 10px;
    }
}

@media screen and (min-width: 1024px) {
    .site_width {
        width: 960px;
    }
}

/***Lists***/
/*** mshilliday changed 20032014 Start ***/
#content #left ul {
    padding: 0;
    margin-top: 10px;
}

    #content #left ul li {
        display: block;
        padding: 0 0 0 22px;
        background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/cross.gif) no-repeat left 3px;
    }

        #content #left ul li ul li {
            background: none;
        }

#content #gridList ul {
    padding: 0;
    margin-top: 10px;
}

    #content #gridList ul li {
        display: block;
        padding: 0 0 0 22px;
        background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/cross.gif) no-repeat left 3px;
    }

        #content #gridList ul li ul li {
            background: none;
        }

.latest_news ul li {
    background: none !important;
    clear: both;
}

    .latest_news ul li img {
        display: block;
        float: left;
        padding: 5px;
    }

    .latest_news ul li .blank {
        display: block;
        padding: 5px;
        width: 91px;
        height: 67px;
        float: left;
    }

/* IE9 SVG, needs conditional override of 'filter' to 'none' */
.NewsPreviewSkillBuilder, .EventPreviewSkillBuilder {
    background: #e1ecf9; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZWNmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2YxZjhmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWYxZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, from(#e1ecf9), color-stop(51%, #f1f8fd), to(#e5f1fb));
    background: -webkit-linear-gradient(top, #e1ecf9 0%, #f1f8fd 51%, #e5f1fb 100%);
    background: linear-gradient(to bottom, #e1ecf9 0%, #f1f8fd 51%, #e5f1fb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5f1fb', GradientType=0); /* IE6-8 */
}

.NewsPreviewSkillBuilderAlt, .EventPreviewSkillBuilderAlt {
    background: #f2f2f2; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZjFmOWZkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -webkit-linear-gradient(315deg, #f2f2f2 0%, #f1f9fd 51%, #f2f2f2 100%);
    background: linear-gradient(135deg, #f2f2f2 0%, #f1f9fd 51%, #f2f2f2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#f2f2f2', GradientType=1); /* IE6-8 fallback on horizontal gradient */
}

/***News Preview***/
.NewsPreviewSkillBuilderAlt, .NewsPreviewSkillBuilder {
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #e6e6e6;
}

    .NewsPreviewSkillBuilderAlt h3, .NewsPreviewSkillBuilder h3 {
        margin: 2px 0 0 0;
        padding: 0;
    }

/***Events Preview***/
.EventPreviewSkillBuilderAlt, .EventPreviewSkillBuilder {
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #e6e6e6;
}

    .EventPreviewSkillBuilderAlt h3, .EventPreviewSkillBuilder h3 {
        margin: 2px 0 0 0;
        padding: 0;
    }

/*** mshilliday changed 20032014 End ***/
/****End Universal Styles****/
/***Font Styles***/
a {
    color: #0c6a8a;
    text-decoration: none;
}

.ajax__tab_active a {
    color: white;
}

a:hover {
    text-decoration: underline;
}

h1 {
    margin: 0 0 0.4em 0;
    color: #157a9c;
    font-size: 2em;
    line-height: normal;
}

h2 {
    margin: 0 0 1.8em 0;
    font-size: 2em;
    color: #157a9c;
    line-height: 1.3em;
}

h3 {
    color: #157a9c;
    margin: 0.8em 0 0.8em 0;
    font-size: 1.5em;
}

h4 {
    margin: 0 0 0.8em 0;
    font-size: 1.2em;
    font-weight: bold;
}

p {
    margin: 0 0 1em 0;
}

h3.noTitle {
    height: 27px;
}

/***End Font Styles***/
/****Header Styles****/
.search {
    float: left;
    border: none;
    padding: 5px 10px;
    *padding: 3px5px;
    width: 140px;
    font-size: 1em;
    height: 18px;
    border: 1px solid #ccc;
}

.search_btn {
    height: 30px;
    font-weight: bold;
    float: left;
    background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/search_icon.png) no-repeat center center #157a9c;
    padding: 3px 5px 3px 5px;
    width: 30px;
    border: 0;
    border: 1px solid #157a9c;
}

    .search_btn:hover {
        cursor: pointer;
    }

a.login_link {
    position: absolute;
    padding: 5px 10px 5px 30px;
    color: #ffffff;
    font-weight: bold;
    background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/memberIcon.png) 8px 5px no-repeat #157a9c;
    font-size: 0.875em;
}

@media screen and (min-width: 1024px) {
    a.login_link {
        display: block;
        right: 0px;
        top: 0;
    }
}

.mainNavHolder {
    float: left;
    background-color: #656364;
    width: 100%;
    clear: both;
}

.searchBox {
    float: right;
}

/****End Header Styles****/
ul.skillBuildMenu li ul {
    display: none;
}

/***Search***/
.SearchResult {
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #e6e6e6;
    background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/login_bg.gif) repeat-x bottom;
}

/***Footer Styles***/
/***End Footer Styles***/
/***Homepage Header Styles***/
#homepage_header {
    height: 69px;
    margin: 0 0 50px 0;
}

#home_banner { /*background: #0156BA;*/
    color: #333333;
    overflow: hidden;
    clear: both;
}

.home_banner_text {
    float: left;
    width: 350px;
    height: 100%;
    padding: 20px 0 20px 10px;
}

    .home_banner_text h2 {
        font-size: 1.7em;
        font-weight: bold;
    }

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

#home_banner_image {
    margin-right: -65px;
    float: right;
    width: 665px;
    height: 225px; /*background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/BannerBg.jpg);*/
}

    #home_banner_image img {
        margin-left: 60px;
        width: 542px;
        height: 225px;
    }

#grants_signup {
    display: block;
    width: 299px;
    height: 69px;
    background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/grants_btn.gif) no-repeat 0 0;
    float: left;
    margin: 0 30px 0 0;
}

    #grants_signup:hover {
        background-position: 0 -69px;
        cursor: pointer;
    }

    #grants_signup span {
        display: none;
    }

#levy_signup {
    display: block;
    width: 299px;
    height: 69px;
    background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/levy_btn.gif) no-repeat 0 0;
    float: left;
}

    #levy_signup:hover {
        background-position: 0 -69px;
        cursor: pointer;
    }

    #levy_signup span {
        display: none;
    }

/***End Homepage Header Styles***/
/***Content Styles***/
#content {
    margin: 20px auto;
    overflow: hidden;
}

@media screen and (min-width: 1024px) {
    #content {
        width: 960px;
        min-height: 640px;
    }
}

#content_banner {
    background: #0156BA;
    color: #ffffff;
    overflow: hidden; /*height: 60px; *height:42px;*/
}

#left {
    float: left;
    width: 720px;
    padding: 0 20px 0 0;
    margin: 0 0 40px 0;
}

#right {
    float: right;
    width: 220px;
}

.btnApply {
    display: block;
    width: 112px;
    height: 27px;
    background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/apply_btn.gif) no-repeat 0 0;
    float: left;
    margin: 20px 20px 20px 0;
}

    .btnApply:hover {
        background-position: 0 -27px;
        cursor: pointer;
    }

/***Homepage Left Top Styles***/
.left_top {
    float: left;
    margin: 0 10px 10px 0;
    background-color: #ffffff;
    padding: 0 0 0 0;
}

    .left_top img {
        border: 1px solid #e6e6e6;
        margin: 0 0 20px 0;
    }

    .left_top .headlines h3 {
        background: #62339D;
        color: #ffffff;
        padding: 10px;
        margin: 0;
        font-weight: bold;
    }

    .left_top .headlines h4 {
        font-weight: bold;
    }

    .left_top .headlines {
        float: left;
        width: 350px;
        overflow: hidden;
    }

        .left_top .headlines img {
            overflow: hidden;
            margin: 0 0 0 0;
        }

    .left_top .headlines_text {
        clear: both;
        background: #f5f5f5;
        padding: 10px;
    }

    .left_top .column {
        float: left;
        width: 160px;
        padding: 0 0 0 20px;
    }

        .left_top .column h3 {
            background: #0266C6;
            color: #ffffff;
            padding: 10px;
            font-size: 1.4em;
        }

        .left_top .column ul {
            margin: 20px 0 0 0;
        }

            .left_top .column ul li {
                margin: 0 0 0.8em 0;
                background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/cross.gif) no-repeat left;
                padding: 0 0 0 30px;
            }

    .left_top .last_column {
        float: left;
        width: 185px;
        padding: 0 15px 0 15px;
    }

        .left_top .last_column ul {
            margin: 20px 0 0 0;
        }

            .left_top .last_column ul li {
                margin: 0 0 0.8em 0;
                background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/cross.gif) no-repeat left;
                padding: 0 0 0 30px;
            }

/* headline scroller nav */
#content #left .left_top ul.headlineNavigation {
    float: right;
    margin: -28px 7px 0 0;
}

    #content #left .left_top ul.headlineNavigation li {
        margin: 0;
        padding: 0;
        list-style: none;
        background: none;
        float: left;
    }

        #content #left .left_top ul.headlineNavigation li a {
            display: block;
            height: 10px;
            width: 10px;
            padding: 3px;
            background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/headlineLiDeSelected.png) no-repeat top left;
        }

            #content #left .left_top ul.headlineNavigation li a.selected {
                list-style: none;
                background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/headlineLiSelected.png) no-repeat top left;
            }

.headlines .TransformationError {
    display: none;
}

/***End Homepage Left Top Styles***/
/***Homepage Bottom News Styles***/
.left_bottom {
    float: left;
    background-color: #ffffff;
}

    .left_bottom .latest_events {
        width: 350px;
        float: left;
        min-height: 100px;
        margin: 0 10px 20px 0;
        overflow: hidden;
    }

        .left_bottom .latest_events h3 {
            background: #0266C6;
            color: #ffffff;
            padding: 10px;
        }

    .left_bottom .latest_news {
        width: 710px;
        float: left;
        min-height: 100px;
        overflow: hidden;
    }

        .left_bottom .latest_news h3 {
            background: #0266C6;
            color: #ffffff;
            padding: 10px;
        }

        .left_bottom .latest_news ul.double li {
            background: none;
        }

    .left_bottom .block_listing {
        display: block;
        clear: both;
    }

        .left_bottom .block_listing img {
            float: left;
            margin: 0 10px 40px 0;
        }

        .left_bottom .block_listing span {
            float: left;
            width: 600px;
        }

            .left_bottom .block_listing span h4 {
                font-weight: bold;
                margin: 0;
            }

.nav_left {
    float: left;
    width: 45%;
    margin-right: 10px;
}

.nav_right {
    float: right;
    width: 45%;
}

/***End Homepage Bottom News Styles***/
/***End Content Styles***/
/*** Sidebar Styles ***/
#rightNav {
    float: left;
    width: 215px;
}

    #rightNav .navMenu {
        padding: 0 0 20px 3px;
        overflow: hidden;
    }

        #rightNav .navMenu ul.CMSTreeMenuTable {
            padding: 0;
        }

            /*#rightNav .navMenu ul.CMSTreeMenuTable li, #rightNav .navMenu ul.CMSTreeMenuTable li:hover { margin: 0 0 0 1px; display: block; float: left; padding: 0; background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/navBullet.png) no-repeat left 6px; }*/
            #rightNav .navMenu ul.CMSTreeMenuTable li, #rightNav .navMenu ul.CMSTreeMenuTable li:hover {
                margin: 0 0 0 1px;
                display: block;
                padding: 0;
                background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/navBullet.png) no-repeat left 6px;
            }

                /*#rightNav .navMenu ul.CMSTreeMenuTable li.CMSTreeMenuSelectedItem { margin: 0 0 0 1px; display: block; float: left; padding: 0; background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/navBulletActive.png) no-repeat left 6px; }*/
                #rightNav .navMenu ul.CMSTreeMenuTable li.CMSTreeMenuSelectedItem {
                    margin: 0 0 0 1px;
                    display: block;
                    padding: 0;
                    background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/navBulletActive.png) no-repeat left 6px;
                }

                #rightNav .navMenu ul.CMSTreeMenuTable li a {
                    background: none;
                    color: #0266c6;
                    display: block;
                    font-size: 110%;
                    padding: 5px 10px 5px 30px;
                }

                #rightNav .navMenu ul.CMSTreeMenuTable li ul li {
                    background: none;
                }

                    #rightNav .navMenu ul.CMSTreeMenuTable li ul li.CMSTreeMenuSelectedItem {
                        background: none;
                    }

                    #rightNav .navMenu ul.CMSTreeMenuTable li ul li a {
                        display: block;
                        font-size: 100%;
                        padding: 2px 10px 3px 40px;
                    }

#right .column {
    float: left;
    padding: 0 5px 0 0;
    width: 100%;
}

    #right .column h3 {
        background: #0266C6;
        color: #ffffff;
        padding: 10px;
        font-size: 1.4em;
    }

    #right .column ol {
        margin: -10px 0 0 20px;
        width: 90%;
    }

        #right .column ol li {
            padding: 10px 0 10px 0;
            border-bottom: 1px solid #ccc;
        }

#right ul li {
    display: block;
    padding: 0 0 5px 22px;
    background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/cross.gif) no-repeat left 3px;
}

#right #calDiv img#calBtn {
    z-index: 10000;
}

#homepage_sidebar_events {
    border: 1px solid #e6e6e6;
    padding: 5px;
}

#homepage_sidebar_events_content {
    padding-bottom: 10px;
}

    #homepage_sidebar_events_content p {
        margin: 0;
    }

/*** End Sidebar Styles ***/
/***Login Styles***/
.member-login {
    position: relative;
    background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/login_bg.gif) repeat-x bottom;
    padding: 16px 0;
}

@media screen and (min-width: 768px) {
    .member-login {
        width: 50%;
        left: 35%;
    }
}

@media screen and (min-width: 1024px) {
    .member-login {
        left: 39%;
    }
}

.member-login-outer {
    margin: 0 0 7% 0;
}

.member-login td {
    padding-bottom: 12px;
}

.member-login input[type=text], .member-login input[type=password] {
    width: 100%;
    padding: 8px 6px;
}

.member-login label {
    display: inline-block;
    margin-bottom: 4px;
}

.member-login div {
    margin-bottom: 24px;
}

.member-login-wrapper {
    padding: 0 24px;
}

.search-area {
    padding: 16px 0;
}

    .search-area .CMSSearchDialogSearchForTextBox {
        width: 80% !important;
        padding: 10px 6px;
    }

@media screen and (min-width: 768px) {
    .search-area .CMSSearchDialogSearchForTextBox {
        width: 40% !important;
    }
}

.search-area td {
    display: block;
    padding-top: 10px;
}

#login {
    width: 100%;
}

#MemberLoginOuter {
    width: 100%;
    position: relative;
}

#MemberLogin table, #MemberLogin table tr, #MemberLogin table tr td, #MemberLogin fieldset {
    border: 0 !important;
    border-collapse: collapse;
}

#MemberLogin input.TextBox {
    width: 90%;
    padding: 5px;
}

.login legend {
    font-size: 1.7em;
    font-weight: bold;
    color: #157a9c;
    margin-bottom: 24px;
}

.login-button {
    background-color: #157a9c;
    color: #ffffff;
    padding: 12px 16px;
    font-weight: 700;
    border: 0;
}

.login table.member-login-wrapper {
    border: none;
}

    .login table.member-login-wrapper td {
        border: none;
        background-color: transparent;
    }

    .login table.member-login-wrapper table {
        border: none;
    }

.CMSSearchDialogSearchButton, button-blue {
    background-color: #157a9c;
    color: #ffffff;
    padding: 12px 16px;
    font-weight: 700;
    border: 0;
}

.login_btn {
    float: right;
    color: transparent;
    display: inline-block;
    background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/login_btn.gif);
    height: 27px;
    width: 71px;
    border: 0;
}

    .login_btn:hover {
        background-position: 0 -27px;
        cursor: pointer;
    }

.details_request_btn {
    float: left;
    display: inline-block;
    margin: -48px 0 0 96px;
    background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/details_request_btn.gif);
    height: 29px;
    width: 116px;
    border: 0;
}

    .details_request_btn:hover {
        background-position: 0 -29px;
        cursor: pointer;
    }

#login .signoutButton {
    float: left;
    margin: 10px;
    display: inline-block;
    background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/signout_btn.gif);
    height: 27px;
    width: 71px;
    border: 0;
}

    #login .signoutButton:hover {
        background-position: 0 -27px;
        cursor: pointer;
    }

.loginerrortext {
    color: Red;
}

/***End Login Styles***/
#more_news {
    display: block;
    width: 112px;
    height: 27px;
    background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/news_btn.gif) no-repeat 0 0;
    float: left;
    margin: 0 20px 20px 0;
}

    #more_news:hover {
        background-position: 0 -27px;
        cursor: pointer;
    }

    #more_news span {
        display: none;
    }

#rss {
    display: block;
    width: 173px;
    height: 29px;
    background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/rss_btn.gif) no-repeat 0 0;
    float: left;
}

    #rss:hover {
        background-position: 0 -29px;
        cursor: pointer;
    }

    #rss span {
        display: none;
    }

/***Sitemap***/
.content .sitemap {
    padding: 0 20px;
}

    .content .sitemap ul li {
        padding: 0;
        background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/navBullet.png) no-repeat left 6px;
    }

        .content .sitemap ul li a {
            display: inline-block;
            font-size: 110%;
            padding: 5px 10px 5px 30px;
            font-weight: bold;
        }

#content #left #sitemap ul li ul li {
    background: none;
}

    #content #left #sitemap ul li ul li a {
        display: inline-block;
        font-size: 100%;
        font-weight: normal;
        padding: 2px 10px 3px 40px;
    }

    #content #left #sitemap ul li ul li ul li {
        background: none;
    }

        #content #left #sitemap ul li ul li ul li a {
            display: inline-block;
            font-size: 100%;
            margin: 2px 10px 3px 40px;
        }

/* FORMS */
span.block {
    width: 100%;
}

@media screen and (min-width: 1024px) {
    span.block {
        display: block;
        margin: 10px 0;
    }
}

.rtsLI {
    width: 100%;
}

@media screen and (min-width: 1024px) {
    .rtsLI {
        width: 10%;
    }
}

.dropdown {
    width: 100%;
}

@media screen and (min-width: 1024px) {
    .dropdown {
        width: 60%;
    }
}

span.block label {
    width: 190px;
    display: block;
    float: left;
    clear: left;
    text-align: left;
    margin: 0;
    padding: 3px 5px 0 0;
    font-weight: bold;
}

.levy-submit .RadButton {
    width: 33%;
}

    .levy-submit .RadButton .rbSkinnedButton {
        width: 100%;
    }

span.block .postcode {
    width: 40%;
}

span.block input, select, textarea {
    width: 100%;
    padding: 16px;
    background-color: white;
    border: 1px solid lightgray;
    margin-top: 8px;
    margin-bottom: 8px;
}

@media screen and (min-width: 1024px) {
    span.block input, select, textarea {
        width: 60%;
    }
}

/* Form Tabs */
.ajax__tab_citb .ajax__tab_header {
    background: transparent;
}

.ajax__tab_citb .ajax__tab_outer { /*padding-right: 4px;*/ /*background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/tab.gif) bottom repeat-x;*/
    border-right: 1px solid #efefef; /*border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;*/
    border-bottom: 0;
}

    .ajax__tab_citb .ajax__tab_outer a {
        color: #ffffff;
    }

.ajax__tab_citb .ajax__tab_inner { /*padding-left: 3px;*/
    background: transparent;
}

.ajax__tab_citb .ajax__tab_tab { /*font-size: 80%;*/
    padding: 6px 12px;
    margin: 0;
    background: transparent;
}

.ajax__tab_citb .ajax__tab_hover .ajax__tab_outer {
    background: rgba(255, 255, 255, 0.3);
}

.ajax__tab_citb .ajax__tab_hover .ajax__tab_inner {
    background: transparent;
}

.ajax__tab_citb .ajax__tab_hover .ajax__tab_tab {
    background: transparent;
}

.ajax__tab_citb .ajax__tab_active .ajax__tab_outer {
    background: rgba(0, 0, 0, 0.3);
    color: #ffffff;
}

.ajax__tab_citb .ajax__tab_active .ajax__tab_inner {
    background: transparent;
}

.ajax__tab_citb .ajax__tab_active .ajax__tab_tab {
    background: transparent;
}

.ajax__tab_citb .ajax__tab_body {
    border: 1px solid #ccc;
    padding: 0 15px 20px 15px;
}

#ctl00_cphContent_cphmaincontent_TcLevy_Tppart1_tab {
    background: #C2489A;
    display: inline-block;
}

#ctl00_cphContent_cphmaincontent_TcLevy_Tppart2_tab {
    background: #48B2E1;
    display: inline-block;
}

#ctl00_cphContent_cphmaincontent_TcLevy_Tppart3_tab {
    background: #3983C4;
    display: inline-block;
}

#ctl00_cphContent_cphmaincontent_TcLevy_Tppart4_tab {
    background: #2F723F;
    display: inline-block;
}

#ctl00_cphContent_cphmaincontent_TcLevy_Tppart5_tab {
    background: #948B1F;
    display: inline-block;
}

#ctl00_cphContent_cphmaincontent_TcLevy_Tppart6_tab {
    background: #6E3A2F;
    display: inline-block;
}

#ctl00_cphContent_cphmaincontent_TcLevy_Tppart7_tab {
    background: #01937B;
    display: inline-block;
}

#ctl00_cphContent_cphmaincontent_TcLevy_Tppart8_tab {
    background: #E0A129;
    display: inline-block;
}

#ctl00_cphContent_cphmaincontent_TcLevy_Tppart9_tab {
    background: #E05C2E;
    display: inline-block;
}

#ctl00_cphContent_cphmaincontent_TcLevy_Tppart11_tab {
    background: #002A55;
    display: inline-block;
}

/*h2.levy { background: #efefef; font-size: 1.125em; margin: 15px 0 0 0; line-height: 39px; color : palette(grey, dark);}
h2.levy span { background: #c2489b; padding: 10px; margin-right: 10px; color: white;}*/
h2.levy {
    margin: 15px 0 0 0;
    font-size: 1.75em;
}

#content .ajax__tab_citb td {
    padding: 5px;
}

#content .ajax__tab_citb h1 {
    font-size: 110%;
    font-weight: bold;
    margin: 8px -7px 2px -7px;
    padding: 0 10px;
    color: #000;
    border-bottom: 1px dotted #ccc;
    background: none;
}

/***Advisory service (postcode search)***/
.postcodeTxtInput {
    margin-bottom: 10px;
    display: inline-block;
    float: left;
}

.btnPostcodeSearch {
    display: inline-block;
    background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/search_btn.png);
    height: 27px;
    width: 71px;
    border: 0;
    margin: -4px 0 10px 10px;
}

    .btnPostcodeSearch:hover {
        background-position: 0 -27px;
        cursor: pointer;
    }

.PostcodePreview {
    width: 75%;
    padding: 5px;
    margin: 10px 0 0 0;
    border: 1px solid #e6e6e6;
    background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/login_bg.gif) repeat-x bottom;
}

    .PostcodePreview h2 {
        margin: 2px 0 0 0;
        padding: 0;
        font-size: 150%;
    }

    .PostcodePreview h3 {
        margin: 2px 0 0 0;
        padding: 0;
        font-size: 120%;
    }

/***News Preview***/
.NewsPreview {
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #e6e6e6;
    background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/login_bg.gif) repeat-x bottom;
}

    .NewsPreview h3 {
        margin: 2px 0 0 0;
        padding: 0;
    }

.date {
    margin: -25px 0 10px 0;
    font-style: italic;
    color: #999;
}

/***Events Preview***/
.EventPreview {
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #e6e6e6;
    background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/login_bg.gif) repeat-x bottom;
}

    .EventPreview h3 {
        margin: 2px 0 0 0;
        padding: 0;
    }

/***Publication Preview***/
.PublicationPreview {
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #e6e6e6;
    background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/login_bg.gif) repeat-x bottom;
}

    .PublicationPreview h3 {
        margin: 2px 0 0 0;
        padding: 0;
    }

/***Course Preview***/
.CoursePreview {
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #e6e6e6;
    background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/login_bg.gif) repeat-x bottom;
}

    .CoursePreview h3 {
        margin: 2px 0 0 0;
        padding: 0;
    }

/***Tables***/
#left table {
    width: 100%;
    font-size: 95%;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-right: none;
    border-top: none;
}

#left td {
    padding: 5px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

#left th {
    background-color: #157a9c;
    font-weight: bold;
    padding: 5px;
    color: #ffffff;
    border-right: 1px solid #ffffff;
}

    #left th.gvGrantHistory_GrantName {
        width: 360px;
    }

    #left th.gvGrantHistory_DateReceived {
        width: 200px;
    }

    #left th a {
        color: #ffffff;
    }

#left table .CaptchaTable {
    border: none !important;
    margin: 0 0 0 -6px;
    position: relative;
}

table .CaptchaTable td {
    position: relative;
}

table .CaptchaTable img {
    width: 60%;
}

@media screen and (min-width: 768px) {
    table .CaptchaTable img {
        width: 20%;
    }
}

/***Tables***/
#gridList table {
    width: 100%;
    font-size: 95%;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-right: none;
    border-top: none;
}

#gridList td {
    padding: 5px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

#gridList th {
    background-color: #157a9c;
    font-weight: bold;
    padding: 5px;
    color: #ffffff;
    border-right: 1px solid #ffffff;
}

    #gridList th.gvGrantHistory_GrantName {
        width: 360px;
    }

    #gridList th.gvGrantHistory_DateReceived {
        width: 90px;
    }

    #gridList th.gvGrantHistory_DateReceived2 {
        width: 200px;
    }

    #gridList th.gvGrantHistory_DateReceived3 {
        width: 350px;
    }

    #gridList th a {
        color: #ffffff;
    }

/* BizForm */
#left table.EditingFormTable, #left table.EditingFormTable td, #left table.EditingFormTable tbody, #left table.EditingFormTable tr {
    border: none;
    font-size: 100%;
}

.editor table.EditingFormTable {
    border: none;
}

@media screen and (min-width: 768px) {
    .editor table.EditingFormTable tr {
        padding: 8px 0;
    }
}

.editor table.EditingFormTable tr td {
    border: none;
    display: block;
    padding: 4px 0;
}

@media screen and (min-width: 768px) {
    .editor table.EditingFormTable tr td.EditingFormValueCell {
        padding: 0 0 8px 0;
        display: inline-block;
        width: 100%;
    }
}

.editor table.EditingFormTable tr td.EditingFormValueCell input[type=text], .editor table.EditingFormTable tr td.EditingFormValueCell select, .editor table.EditingFormTable tr td.EditingFormValueCell textarea, .editor table.EditingFormTable tr td.EditingFormValueCell dropdownfield {
    width: 100%;
}

@media screen and (min-width: 768px) {
    .editor table.EditingFormTable tr td.EditingFormValueCell input[type=text], .editor table.EditingFormTable tr td.EditingFormValueCell select, .editor table.EditingFormTable tr td.EditingFormValueCell textarea, .editor table.EditingFormTable tr td.EditingFormValueCell dropdownfield {
        padding: 8px;
        width: 65%;
    }
}

.editor table.EditingFormTable tr td.EditingFormValueCell .EditingFormControlNestedControl textarea, .editor table.EditingFormTable tr td.EditingFormValueCell .EditingFormControlNestedControl dropdownfield {
    margin-top: 0px;
}

.editor table.EditingFormTable tr td.EditingFormValueCell table.CaptchaTable {
    border: none;
}

@media screen and (min-width: 1024px) {
    .editor table.EditingFormTable tr td.EditingFormValueCell table.CaptchaTable td {
        display: block;
        padding-left: 0px;
    }
}

.editor table.EditingFormTable tr td.EditingFormValueCell table.CaptchaTable td input {
    width: 35%;
}

.editor table.EditingFormTable tr td.EditingFormValueCell table.CaptchaTable td img {
    width: 35% !important;
}

@media screen and (min-width: 768px) {
    .editor table.EditingFormTable tr td.EditingFormLabelCell {
        margin: 20px auto 0 auto;
        display: inline-block;
    }
}

.editor table.EditingFormTable tr td.EditingFormLabelCell .EditingFormLabel {
    display: block;
    margin: 0 0 8px 0;
    font-weight: 700;
}

.editor table.EditingFormTable tr td.EditingFormLabelCell label {
    display: block;
    margin: 0 0 8px 0;
    font-weight: 700;
}

@media screen and (min-width: 768px) {
    .editor table.EditingFormTable tr td.EditingFormButtonCell {
        width: 25%;
    }
}

.editor table.EditingFormTable tr td.EditingFormButtonCell input[type=submit] {
    background-color: #157a9c;
    color: #ffffff;
    padding: 12px 16px;
    font-weight: 700;
    border: 0;
}

/*** Careers Page Styles ***/
@media screen and (min-width: 1024px) {
    .rightbox, .leftbox {
        width: 50%;
        float: left;
    }
}

.rightbox div, .leftbox div {
    margin-bottom: 10px;
}

.rightbox span, .rightbox label, .rightbox .rightbox span, .rightbox .rightbox label, .leftbox span, .leftbox label, .leftbox .rightbox span, .leftbox .rightbox label {
    display: block;
    margin-bottom: 8px;
    padding-top: 5px;
}

@media screen and (min-width: 1024px) {
    .rightbox span, .rightbox label, .rightbox .rightbox span, .rightbox .rightbox label, .leftbox span, .leftbox label, .leftbox .rightbox span, .leftbox .rightbox label {
        float: left;
        width: 30%;
        margin-bottom: 0;
    }
}

.rightbox select, .rightbox input[type=text], .leftbox select, .leftbox input[type=text] {
    width: 100%;
    padding: 4px;
    border: 1px solid #dadada;
}

@media screen and (min-width: 1024px) {
    .rightbox select, .rightbox input[type=text], .leftbox select, .leftbox input[type=text] {
        width: 220px;
    }
}

.rightbox input[type=submit], .leftbox input[type=submit] {
    background: #157a9c;
    padding: 7px 15px;
    border: none;
    color: #ffffff;
    cursor: pointer;
}

/** Tab Styles **/
#content .tabs {
    overflow: hidden;
    margin: 0 0 30px 0;
}

    #content .tabs ul {
        background: #6ea2e8;
        overflow: hidden;
        padding: 0;
    }

        #content .tabs ul li {
            display: block;
            float: left;
        }

            #content .tabs ul li a {
                width: 160px;
                color: #000000;
                text-align: center;
                padding: 10px 0 10px 0;
            }

                #content .tabs ul li a.selected {
                    background: #0156BA !important;
                }

    #content .tabs > div {
        background: #0156BA;
        padding: 2em 2em 0 2em;
        overflow: hidden;
    }

.content_block {
    clear: both;
    margin: 0 0 30px 0;
    overflow: hidden;
    width: 100%;
}

.col {
    background-color: #ffffff;
}

    .col h3 {
        background: #0266C6;
        color: #ffffff;
        padding: 10px;
        font-size: 1.4em;
        margin: 0;
    }

.inner_padding {
    padding: 1em;
    overflow: hidden;
}

.col img.fleft {
    float: left;
    margin: 0 10px 0 0;
}

.col ul {
    margin: 20px 0 0 0;
}

    .col ul li {
        margin: 0 0 0.8em 0;
        background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/cross.gif) no-repeat left;
        padding: 0 0 0 30px;
    }

.career_links {
    background-color: #ffffff;
}

@media screen and (min-width: 768px) {
    .career_links {
        width: 51%;
        display: inline-block;
        float: left;
    }
}

@media screen and (min-width: 768px) {
    .career_links img {
        width: 100% !important;
    }
}

.career_pods { /*float: right; width: 50%;*/
}

@media screen and (min-width: 768px) {
    .career_pods {
        width: 48%;
        display: inline-block;
    }
}

.career_pods .column { /*float: left; width: 220px; padding: 0 0 0 20px;*/
    margin-top: 30px;
}

@media screen and (min-width: 1024px) {
    .career_pods .column {
        min-height: 204px;
    }
}

.career_pods .column h3 {
    background: #0266C6;
    color: #ffffff;
    padding: 10px;
    font-size: 1.4em;
}

.career_pods .column ul {
    margin: 20px 0 0 0;
}

    .career_pods .column ul li {
        margin: 0 0 0.8em 0;
        background: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/cross.gif) no-repeat left;
        padding: 0 0 0 30px;
    }

.career_pods .column img {
    width: 33%;
}

/** End Tab Styles **/
/*** End Careers Styles ***/
/*** MindMap (Spider) Diagram ***/
.spiderDiagram {
    margin: 0 10px;
    position: relative;
    overflow-y: scroll;
}

    .spiderDiagram a {
        cursor: pointer;
        text-decoration: none;
    }

.content .spiderDiagram ul {
    padding: 0;
    margin: 0;
}

.content .spiderDiagram .nodes li {
    font-size: 1.2em;
    padding: 0px;
    position: absolute !important;
    border-radius: 1000px;
    z-index: 4;
    -webkit-box-shadow: 5px 5px 10px #555;
    box-shadow: 5px 5px 10px #555;
    behavior: url(https://citb.beingbuilt.uk/PIE.htc);
}

.content.spiderDiagram .nodes[class] li {
    display: table !important;
}

.content .spiderDiagram .nodes li.first {
    font-size: 1.8em; /*width:250px; height:250px;*/
}

.spiderDiagram .nodes li span {
    position: relative;
    top: 50%;
    padding: 0;
    width: 100%;
}

.spiderDiagram .nodes[class] li span {
    position: relative;
    top: 0;
    vertical-align: middle;
}

.spiderDiagram .nodes li span p {
    line-height: 1.3em;
    font-weight: bold; /*color:palette(white);*/
    margin: 0 !important;
    position: relative !important;
    top: -50%;
    padding: 15px !important;
    text-align: center !important;
}

.spiderDiagram .nodes[class] li span p {
    top: 0;
}

.spiderDiagram .lineOuter {
    position: absolute !important;
    width: 10px;
    height: 200px;
}

    .spiderDiagram .lineOuter .line {
        height: 50%;
        background: #007504;
    }

/*** END MindMap (Spider) Diagram ***/
div.help ul {
    list-style: disc;
    padding-left: 30px;
}

div.help ol {
    list-style: decimal;
    padding-left: 30px;
}

div.help p.margin {
    margin: 0 20px 0 20px;
}

/*** End **/
/***Start of publication table ***/
#LeftPublicationTable {
    float: left;
    width: 720px;
    padding: 0 20px 0 0;
    margin: 0 0 40px 0;
}

.publications, table#publications {
    margin-top: 16px;
}

    .publications thead, table#publications thead {
        background-color: #656364;
        color: white;
        font-weight: bold;
    }

        .publications thead td, table#publications thead td {
            font-size: 14px;
        }

    .publications td, table#publications td {
        padding: 12px 8px;
        font-size: 12px;
    }

        .publications td.download, table#publications td.download {
            text-align: center;
            vertical-align: middle;
        }

    .publications tr:nth-child(even), table#publications tr:nth-child(even) {
        background: #f5f5f5;
    }

.skillbuild-collapsible_panel {
    position: relative;
    z-index: 100;
    background-color: #656364;
}

@media screen and (min-width: 768px) {
    .skillbuild-collapsible_panel {
        margin-top: -24px;
        background-color: #157a9c;
    }
}

.skillbuild-collapsible_panel .collapsible_panel-trigger {
    display: block;
    height: 48px;
    padding: 0 24px;
    background-color: transparent;
    color: #ffffff;
    font-size: 16px;
    line-height: normal;
}

@media screen and (min-width: 768px) {
    .skillbuild-collapsible_panel .collapsible_panel-trigger {
        display: none;
    }
}

.skillbuild-collapsible_panel .collapsible_panel-trigger-icon {
    display: inline-block;
    position: relative;
    top: -4px;
    width: 24px;
    height: 2px;
    margin-right: 8px;
    background-color: #ffffff;
}

    .skillbuild-collapsible_panel .collapsible_panel-trigger-icon:before, .skillbuild-collapsible_panel .collapsible_panel-trigger-icon:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: -6px;
        width: 24px;
        height: 2px;
        background-color: #ffffff;
    }

    .skillbuild-collapsible_panel .collapsible_panel-trigger-icon:after {
        top: 6px;
    }

@media screen and (min-width: 768px) {
    .skillbuild-collapsible_panel .collapsible_panel-collapsible {
        height: auto !important;
        overflow: visible;
    }
}

@media screen and (min-width: 768px) {
    .skillbuild-collapsible_panel .collapsible_panel-content {
        border-top: 1px solid #ffffff;
    }
}

@media screen and (min-width: 768px) {
    .skillbuild-nav {
        max-width: 960px;
        margin: 0 auto;
        padding: 0 24px;
    }
}

.skillbuild-nav-list {
    margin-bottom: 8px;
}

@media screen and (min-width: 768px) {
    .skillbuild-nav-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 768px) {
    .skillbuild-nav-list li > ul {
        display: none;
    }
}

.skillbuild-nav-list li a {
    display: block;
    padding: 8px 32px;
    border-top: 1px solid #dbdbdb;
    color: #ffffff;
    font-size: 16px;
    line-height: normal;
}

.skillbuild-nav-list > li {
    position: relative;
}

@media screen and (min-width: 768px) {
    .skillbuild-nav-list > li {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
    }
}

@media screen and (min-width: 768px) {
    .skillbuild-nav-list > li:hover ul {
        display: block;
        position: absolute;
        left: 0;
        top: 100%;
        background: #656364;
        width: 320px;
    }
}

.skillbuild-nav-list > li:last-child > a {
    border-right: 1px solid #ffffff;
}

@media screen and (min-width: 768px) {
    .skillbuild-nav-list > li > a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 48px;
        padding: 0;
        border-top: none;
        border-left: 1px solid #ffffff;
        font-size: 14px;
    }
}

.skillbuild-nav-list > li > a a {
    padding: 8px 24px;
}

/** Skill Builder  **/
@media screen and (min-width: 768px) {
    .skillBuildMenu {
        list-style: none;
        background-color: #157a9c;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

@media screen and (min-width: 768px) {
    .skillBuildMenu li {
        float: left;
        position: relative;
    }
}

@media screen and (min-width: 768px) {
    .skillBuildMenu li a {
        display: block;
        color: #ffffff;
        padding: 10px 16px;
    }
}

@media screen and (min-width: 768px) {
    .skillBuildMenu li a:hover, .skillBuildMenu li a.current {
        background-color: #ffffff;
        color: #0156BA;
        text-decoration: none;
    }
}

.skillBuildLeft {
    margin: 0 5% 0 0;
}

@media screen and (min-width: 1024px) {
    .skillBuildLeft {
        float: left;
        width: 55%;
    }
}

.skillBuildLeft img {
    margin: 0 0 20px 0;
}

@media screen and (min-width: 768px) {
    .skillBuildLeft img {
        width: 30%;
    }
}

@media screen and (min-width: 1024px) {
    .skillBuildLeft img {
        width: 55%;
    }
}

.skillBuildRight {
    margin: 0 0 0 0;
}

@media screen and (min-width: 1024px) {
    .skillBuildRight {
        float: left;
        width: 40%;
    }
}

@media screen and (min-width: 768px) {
    .skillBuildRight img {
        width: 45%;
    }
}

@media screen and (min-width: 1024px) {
    .skillBuildRight img {
        width: 100%;
    }
}

.skMemberLogin {
    float: left; /*width: 100%;*/
    margin: 0 0 10px 0;
    background: #f2f2f2;
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 20px;
}

    .skMemberLogin h2 {
        font-size: 18px;
        color: #0149af;
        margin: 0;
    }

    .skMemberLogin input[type=text], .skMemberLogin input[type=password] {
        padding: 7px 15px;
        border: 1px solid #e0e0e0;
        width: 220px;
        margin: 0 5px 0 0;
    }

/*.skMemberLogin input[type=submit] { background: #014fb4; color: palette(white); padding: 7px 25px; border: 1px solid #e0e0e0; cursor: pointer; border: none;}*/
.skFormSupport {
    float: left; /*width: 230px;*/
    margin: 6px 0 0 0;
}

.sbHomepageLogos {
    border-top: 1px solid #ccc;
    margin: 50px 0 0 0;
    padding: 20px 0;
    margin: 0 auto;
}

@media screen and (min-width: 1024px) {
    .sbHomepageLogos {
        text-align: center;
    }
}

.sbHomepageLogos ul {
    display: block;
}

    .sbHomepageLogos ul li {
        padding: 0 8px 8px 8px;
        display: inline-block;
        vertical-align: middle;
    }

@media screen and (min-width: 768px) {
    .sbHomepageLogos ul li {
        padding: 0 48px 8px 8px;
    }
}

.sbExtLinks {
    padding: 20px 0;
    margin: 0 auto;
    border-top: 1px solid #ccc;
    width: 960px;
}

ul.sbLogoLinks {
    width: 960px;
    margin: 40px 0;
}

    ul.sbLogoLinks li {
        display: inline-block;
        float: left;
        background: none !important;
        padding: 0 20px 0 30px !important;
    }

ul.sbNews, ul.sbCareer {
    float: left;
}

    ul.sbNews li, ul.sbCareer {
        border-bottom: 1px solid #e0e0e0;
        margin: 0 0 20px -15px;
        list-style-type: none;
        background: none !important;
    }

        ul.sbNews li h2, ul.sbCareer li h2 {
            font-size: 16px;
            margin: 0;
            color: #0266c6;
        }

/*.sbCareer { float: left; margin: 0 0 20px 0;}*/
.sbFleft {
    float: left;
    margin: 5px 20px 0 0;
}

.sbSideLogo {
    float: left;
    width: 220px;
}

    .sbSideLogo img {
        width: 210px;
    }

ul.publications {
    margin: 0 0 2em 0;
    padding: 0 0 0 0;
    list-style: none;
    float: left;
}

    ul.publications li h5 {
        font-size: 1.1em;
        margin: 0 0 1px 0;
        font-weight: bold;
    }

    ul.publications li {
        margin-bottom: 2em;
        padding: 0 0 0 38px !important;
        background: url(https://citb.beingbuilt.uk/img/icon_unknown.gif) 5px 1px no-repeat;
    }

    ul.publications ul li h5 a {
        color: #646464;
        text-decoration: none;
        font-size: 1.1em;
        margin: 0 0 1px 0;
        font-weight: bold;
    }

    ul.publications li p.size {
        margin: 0;
        font-size: 0.9em;
    }

    ul.publications li.doc {
        background-image: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/iconWord.png) !important;
    }

    ul.publications li.pdf {
        background-image: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/iconPDF.png) !important;
    }

    ul.publications li.xls {
        background-image: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/iconExcel.png) !important;
    }

    ul.publications li.ppt {
        background-image: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/iconPpt.png) !important;
    }

#publications h4 {
    border-bottom: 1px solid #ccc;
}

#publications ul {
    margin: 0 0 2em 0;
    padding: 0 0 0 0;
    list-style: none;
    float: left;
}

    #publications ul li h5 {
        font-size: 1.1em;
        margin: 0 0 1px 0;
        font-weight: bold;
    }

    #publications ul li {
        margin-bottom: 2em;
        padding: 0 0 0 38px !important;
        background: url(https://citb.beingbuilt.uk/img/icon_unknown.gif) 5px 1px no-repeat;
    }

        #publications ul li h5 a {
            color: #000;
            text-decoration: none;
        }

        #publications ul li p.size {
            margin: 0;
            font-size: 0.9em;
        }

        #publications ul li.doc {
            background-image: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/iconWord.png) !important;
        }

        #publications ul li.pdf {
            background-image: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/iconPDF.png) !important;
        }

        #publications ul li.xls {
            background-image: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/iconExcel.png) !important;
        }

        #publications ul li.ppt {
            background-image: url(https://citb.beingbuilt.uk/CMSTemplates/CITB/images/iconPpt.png) !important;
        }

/** END Skill Builder  **/
.rightContent {
    background: url(https://citb.beingbuilt.uk/app_themes/citbstyle/images/newsBG.png);
}

    .rightContent h4 {
        font-size: 1.125em;
        text-transform: uppercase;
        font-weight: normal;
        margin: 0 0 0.5em 0;
    }

.readMoreBtn {
    background: #1c97c0;
    color: #ffffff;
    padding: 10px 20px;
    text-transform: uppercase;
    text-decoration: none;
    margin: 10px 0 0 0;
    float: left;
}

    .readMoreBtn:hover {
        background: #1589AF;
        text-decoration: none;
    }

.newsScrollerDate {
    color: #1c97c0;
}

.newsScrollerText {
    position: absolute;
    right: 0;
    width: 270px;
    padding: 20px;
}

/* New Styles */
#grants-filter {
    padding: 20px;
    width: 75%;
    background: #f8f8f8;
    margin: 20px 15px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.grants-single {
    width: 75%;
}

ul.form-list {
    margin: 0 !important;
    padding: 0;
}

    ul.form-list li {
        display: block;
        list-style: none !important;
        background: none !important;
        padding: 0 !important;
        margin-bottom: 15px;
        overflow: hidden;
    }

        ul.form-list li:last-child, ul.form-list li.no-margin {
            margin-bottom: 0;
        }

        ul.form-list li.validator {
            margin-bottom: 18px;
        }

ul.form-list-narrow {
    margin-top: 30px !important;
}

    ul.form-list-narrow li label {
        font-size: 1em !important;
        font-weight: bold;
    }

.hide-validator {
    display: none;
}

div.split-left {
    float: left;
    width: 48%;
}

div.split-right {
    float: right;
    width: 48%;
}

ul.form-list li label {
    display: block;
    margin: 0 0 5px 5px;
    font-size: 0.85em;
}

.grants input[type=text], .grants input[type=date], .grants textarea {
    border: 1px solid #ccc !important;
    outline: 0 !important;
    margin: 0 !important;
    padding: 0 10px !important;
    height: 35px !important;
    width: 90% !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    border-radius: 3px !important;
    -webkit-appearance: none !important;
    cursor: text !important;
}

.grants input[type=date] {
    padding: 7px 10px;
}

.grants input[type=button], .grants input[type=subit] {
    cursor: pointer !important;
}

    .grants input[type=text]:focus, .grants input[type=date]:focus, .grants input[type=button]:focus, .grants textarea:focus {
        border-color: #999 !important;
    }

.grants textarea {
    min-height: 150px !important;
    resize: vertical !important;
}

.grants select {
    width: 90%;
    margin: 0;
    padding: 0 0 0 10px;
    height: 35px;
    border: 1px solid #ccc;
    cursor: pointer;
    outline: 0; /*background: #eee url("https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-arrow-down-16.png") no-repeat right 10px center;*/
    -webkit-appearance: none;
    border-radius: 3px;
}

    .grants select:hover { /*background-color: #ddd; border-color: #bbb;*/
    }

    .grants select:disabled:hover { /*ackground-color: #eee; border-color: #ccc;*/
        cursor: default;
    }

    .grants select option {
        background-color: #ffffff !important;
    }

.label {
    float: left;
    width: 35%;
    margin-right: 5%;
    padding-top: 9px;
    font-weight: bold;
}

.input {
    float: left;
    width: 60%;
}

.label label {
    font-size: 0.9em !important;
}

.input-small {
    float: left;
    width: 30%;
    margin-right: 5%;
}

.input-large {
    float: left;
    width: 65%;
}

.date-picker input[type=text] {
    float: left;
    width: 86%;
    margin-right: 2%;
}

.date-picker input[type=button] {
    float: left;
    width: 12%;
}

.text-agree {
    height: 120px;
    width: 100%;
    overflow: auto;
    border: 1px solid #ccc;
    background-color: #f4f4f4;
    padding: 12px;
    margin: 10px 0;
}

    .text-agree p {
        line-height: 1.4em;
    }

.upload-button {
    position: absolute;
    top: 23px;
    height: 35px;
    right: 0;
}

.upload-choose {
    position: absolute;
    top: 28px;
}

.contactForm input[type=text] {
    padding: 5px 8px;
    border: 1px solid #dadada;
    width: 100%;
    display: block;
    min-height: 40px;
}

@media screen and (min-width: 1024px) {
    .contactForm input[type=text] {
        padding: 5px 8px;
        border: 1px solid #dadada;
    }
}

.contactForm textarea {
    padding: 5px 8px;
    border: 1px solid #dadada;
    width: 100%;
    min-height: 100px;
}

@media screen and (min-width: 1024px) {
    .contactForm textarea {
        padding: 5px 8px;
        border: 1px solid #dadada;
        width: 75%;
        min-height: 100px;
    }
}

.contactForm input[type=submit] {
    background: #3c97bf;
    padding: 7px 15px;
    border: none;
    color: #ffffff;
    cursor: pointer;
    margin-top: 20px;
    width: 50%;
    min-height: 50px;
}

@media screen and (min-width: 1024px) {
    .contactForm input[type=submit] {
        padding: 7px 15px;
        border: none;
        color: #ffffff;
        cursor: pointer;
    }
}

.contactForm input[type=submit]:hover {
    background: #198ab0;
}

.required {
    font-size: 20px;
    font-style: italic;
}

.ErrorNotification {
    padding: 20px !important;
}

input[type=submit].btnFloatLeft, input[type=submit].btnFloatRight {
    background: #3c97bf;
    padding: 7px 15px;
    border: none;
    color: #ffffff;
    cursor: pointer;
    margin-top: 10px;
}

input[type=submit]:hover .btnFloatLeft, input[type=submit]:hover .btnFloatRight {
    background: #198ab0;
}

.btnFloatLeft {
    display: block;
    float: left;
    margin: 5px;
    padding: 5px;
}

.btnFloatRight {
    display: block;
    float: right;
    margin: 5px;
    padding: 5px;
}

.RadPicker .rdfd_.radPreventDecorate {
    height: 0px !important;
}

.clearb {
    clear: both;
    width: 0;
    height: 0;
}

.required {
    color: red;
    font-weight: bold;
    font-size: 150%;
}

.ajax__tab_citb.grant .ajax__tab_outer a {
    color: #157a9c;
}

.ajax__tab_citb.grant .ajax__tab_active .ajax__tab_outer a {
    color: #ffffff;
}

.tab_citb a:hover {
    -webkit-filter: brightness(80%) !important;
    filter: brightness(80%) !important;
}

.tab_citb a.rtsSelected {
    -webkit-filter: brightness(60%) !important;
    filter: brightness(60%) !important;
    color: #ffffff !important;
}

.RadTabStrip_Metro .rtsLink {
    background: none !important;
    text-transform: capitalize !important;
    margin: 0 !important;
    padding: 6px 12px !important;
    color: #ffffff !important;
    border: 0 !important;
}

.RadButton_Metro.rbSkinnedButton {
    height: 30px !important;
}

.RadButton_Metro .rbDecorated {
    height: 29px !important;
}

.RadButton RadButton_Metro rbSkinnedButton.rbHovered, .RadButton_Metro.rbVerticalButton.rbHovered, .RadButton_Metro.rbHovered .rbDecorated {
    background: none !important;
    background-color: #13607a !important;
    color: #ffffff !important;
}

.RadButton_Metro.rbSkinnedButton, .RadButton_Metro.rbVerticalButton, .RadButton_Metro .rbDecorated {
    background: none !important;
    background-color: #11546A !important;
    color: #ffffff !important;
}

.RadForm_Metro.rfdLabel label, .RadForm_Metro.rfdLabel .rfdAspLabel, .RadForm_Metro.rfdRadio .rfdRadioUnchecked, .RadForm_Metro.rfdRadio .rfdRadioChecked, .RadForm_Metro.rfdCheckbox .rfdCheckboxUnchecked, .RadForm_Metro.rfdCheckbox .rfdCheckboxChecked {
    color: #000 !important;
}

.RadTabStrip_Metro .rtsLink.part1 {
    background: #8A2E6B !important;
}

.RadTabStrip_Metro .rtsLink.part2 {
    background: #135977 !important;
}

.RadTabStrip_Metro .rtsLink.part3 {
    background: #265782 !important;
}

.RadTabStrip_Metro .rtsLink.part4 {
    background: #265E33 !important;
}

.RadTabStrip_Metro .rtsLink.part5 {
    background: #5D5713 !important;
}

.RadTabStrip_Metro .rtsLink.part6 {
    background: #6E3A2F !important;
}

.RadTabStrip_Metro .rtsLink.part7 {
    background: #016050 !important;
}

.RadTabStrip_Metro .rtsLink.part8 {
    background: #6E4E11 !important;
}

.RadTabStrip_Metro .rtsLink.part9 {
    background: #8A3415 !important;
}

.RadTabStrip_Metro .rtsLink.part10 {
    background: #002A55 !important;
}

.tabPage {
    border: 1px solid #929292 !important;
    padding: 10px !important;
}

.RadTabStrip .rtsLevel {
    background: none !important;
}

.RadTabStrip_Metro .rtsUL {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    width: 100%;
}

.RadTabStrip_Metro .rtsLI {
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    border: 0 !important;
    border-right: 1px solid #ffffff !important;
}

.rwNormalWindow {
    top: 40% !important;
}

.useBusinessAddress {
    top: 0;
    right: 73px;
    display: block;
    margin-top: 5px;
}

.dropdown-menu {
    width: 100%;
    height: 48px;
    padding: 14px 0;
    float: left;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    text-decoration: none;
}

.dropdown-menu-toggle {
    background-color: #656364;
    color: white;
}

@media screen and (min-width: 768px) {
    .dropdown-menu-toggle {
        display: none;
    }
}

.dropdown-menu-nav {
    display: none;
    padding: 0;
    background-color: #656364;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    -webkit-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
}

@media screen and (min-width: 768px) {
    .dropdown-menu-nav {
        background-color: transparent;
        display: block;
        position: static;
        height: auto;
        border-top: 0;
    }
}

.dropdown-menu-nav.-is-display-block {
    display: block;
    opacity: 0;
}

.dropdown-menu-nav.-is-visible {
    opacity: 1;
}

.dropdown-menu-nav > li:nth-child(even) {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

@media screen and (min-width: 768px) {
    .dropdown-menu-nav > li:nth-child(even) {
        border: none;
    }
}

.dropdown-menu-nav li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

@media screen and (min-width: 768px) {
    .dropdown-menu-nav li {
        width: auto;
        border: 1px solid white;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
    }
}

.dropdown-menu-nav li:hover ul {
    display: block;
}

.dropdown-menu-nav li ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1000;
    width: 304px;
    background-color: #157a9c;
}

    .dropdown-menu-nav li ul li {
        float: none;
        border-top: 1px solid white;
    }

    .dropdown-menu-nav li ul a {
        min-height: 48px;
        padding: 16px;
        color: white;
        line-height: 1.33333;
    }

        .dropdown-menu-nav li ul a:active, .dropdown-menu-nav li ul a:hover {
            background-color: #000000;
            color: #ffffff;
        }

.dropdown-menu-nav a {
    display: block;
    padding: 0 24px;
    color: white;
    line-height: 32px;
    text-decoration: none;
}

    .dropdown-menu-nav a:active, .dropdown-menu-nav a:hover {
        background-color: #157a9c;
    }

@media screen and (min-width: 768px) {
    .dropdown-menu-nav a {
        font-size: 12px;
    }
}

.content_banner {
    background-color: #656364;
    color: #ffffff; /*overflow: hidden;*/
}

@media screen and (min-width: 768px) {
    .content_banner {
        background: #0156BA;
        margin-top: -23px;
    }
}

@media screen and (min-width: 1024px) {
    .content_banner {
        background: #0156BA;
    }
}

.margin-bottom-small {
    margin-bottom: 8px;
}

.margin-bottom-medium {
    margin-bottom: 16px;
}

.margin-bottom-large {
    margin-bottom: 32px;
}

.relative {
    position: relative;
}

.left {
    float: left;
}

.skill-build-logo .CMSTreeMenuTable td {
    padding: 8px 0;
}

@media screen and (min-width: 768px) {
    .skill-build-section {
        display: none;
    }
}

.content-wrapper {
    margin: 5% auto;
}

@media screen and (min-width: 1024px) {
    .content-wrapper {
        margin: 2% auto;
    }
}

iframe.iframe-small {
    height: 688px;
}

@media screen and (min-width: 1024px) {
    iframe.iframe-small {
        height: 900px;
    }
}

.overflow-hidden {
    overflow: hidden;
}

/** Tab Styles **/
.content .tabs {
    overflow: hidden;
    margin: 0 0 30px 0;
}

    .content .tabs ul {
        background: #6ea2e8;
        overflow: hidden;
        padding: 0;
    }

        .content .tabs ul li {
            display: block;
            float: left;
        }

@media screen and (min-width: 1024px) {
    .content .tabs ul li {
        width: 192px;
    }
}

.content .tabs ul li a {
    width: 100%;
    color: #000000;
    text-align: center;
    padding: 10px 0 10px 0;
    display: block;
}

    .content .tabs ul li a.selected {
        background: #3c97bf !important;
    }

.content .tabs > div {
    background: #0156BA;
    padding: 2em 2em 0 2em;
    overflow: hidden;
}

.career-tabs .leftbox, .career-tabs .rightbox {
    width: 100%;
    float: none;
}

@media screen and (min-width: 768px) {
    .career-tabs .leftbox, .career-tabs .rightbox {
        width: 48%;
        float: left;
    }
}

@media screen and (min-width: 768px) {
    .career-tabs .leftbox {
        margin-right: 8px;
    }
}

@media screen and (min-width: 768px) {
    .career-tabs .rightbox {
        margin-left: 8px;
    }
}

.tabNavigation {
    display: grid;
}

@media screen and (min-width: 1024px) {
    .tabNavigation {
        display: block;
    }
}

.collapsible_panel-trigger {
    width: 100%;
    padding: 10px 10px 10px 10px;
    border: 1px solid #656364;
}

@media screen and (min-width: 1024px) {
    .collapsible_panel-trigger {
        width: 33%;
    }
}

.collapsible_panel-content AspNet-GridView {
    overflow-x: scroll;
}

.collapsible_panel-content table {
    overflow-y: scroll;
}

    .collapsible_panel-content table td {
        padding: 5px;
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }

@media screen and (min-width: 1024px) {
    .collapsible_panel-trigger .contentpad table thead tr {
        border: 1px solid #157a9c;
    }
}

@media screen and (min-width: 1024px) {
    .collapsible_panel-trigger .contentpad table thead tr th {
        background-color: #157a9c;
        padding: 8px 8px 8px 8px;
        text-align: center;
    }
}

@media screen and (min-width: 1024px) {
    .collapsible_panel-trigger .contentpad table thead tr th a {
        color: #ffffff;
        background-color: none;
    }
}

@media screen and (min-width: 1024px) {
    .content table tbody tr td {
        background-color: #ffffff;
        padding: 8px;
    }
}

.externalsearch-section {
    padding-top: 24px;
    clear: both;
}

.externalsearch-controls {
    margin-top: 16px;
}

@media screen and (min-width: 1024px) {
    .externalsearch-controls {
        margin-top: 0;
    }
}

.editor {
    line-height: normal;
}

    .editor table {
        border-bottom: 1px solid #dbdbdb;
        border-left: 1px solid #dbdbdb;
    }

    .editor th, .editor td {
        border-top: 1px solid #dbdbdb;
        border-right: 1px solid #dbdbdb;
    }

        .editor th h3, .editor td h3 {
            text-align: left !important;
            margin: 0 0 1.8em 0;
        }

@media screen and (min-width: 768px) {
    .editor th h3, .editor td h3 {
        text-align: center !important;
        margin: 0.8em 0 0.8em 0;
    }
}

@media screen and (max-width: 767px) {
    .editor img {
        display: block;
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 0 0 0 !important;
        float: none !important;
    }
}

@media screen and (max-width: 767px) and (min-width: 768px) {
    .editor img {
        margin: 0 0 16px 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .editor table:not(.EditingFormTable):not(#publications):not(.publications):not(.attachment-table):not(#Skillbuild-Video) thead, .editor table:not(.EditingFormTable):not(#publications):not(.publications):not(.attachment-table):not(#Skillbuild-Video) tbody, .editor table:not(.EditingFormTable):not(#publications):not(.publications):not(.attachment-table):not(#Skillbuild-Video) tr, .editor table:not(.EditingFormTable):not(#publications):not(.publications):not(.attachment-table):not(#Skillbuild-Video) th, .editor table:not(.EditingFormTable):not(#publications):not(.publications):not(.attachment-table):not(#Skillbuild-Video) td {
        display: block;
    }

    .editor table {
        width: 100%;
        height: auto;
        border: none;
    }

    .editor tr {
        margin-bottom: 16px;
    }

    .editor th, .editor td:not(.EditingFormLabelCell), .editor td:not(.EditingFormValueCell) {
        margin-bottom: 8px;
        border: none;
    }
}

.editor .grants-attachment .AspNet-GridView {
    overflow-y: scroll;
}

@media screen and (min-width: 768px) {
    .editor .grants-attachment .AspNet-GridView {
        overflow-y: hidden;
    }
}

.editor .grants-attachment .AspNet-GridView table.attachment-table {
    border-bottom: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
}

    .editor .grants-attachment .AspNet-GridView table.attachment-table th {
        border-top: 1px solid #dbdbdb;
        border-right: 1px solid #dbdbdb;
        padding: 4px 8px 4px 0px;
    }

    .editor .grants-attachment .AspNet-GridView table.attachment-table td {
        border-top: 1px solid #dbdbdb;
        border-right: 1px solid #dbdbdb;
        padding: 4px 8px 4px 6px;
    }

.editor .videos-table {
    overflow-y: scroll;
}

@media screen and (min-width: 768px) {
    .editor .videos-table {
        overflow-y: hidden;
    }
}

.editor .videos-table table#Skillbuild-Video {
    border-bottom: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
}

    .editor .videos-table table#Skillbuild-Video th {
        border-top: 1px solid #dbdbdb;
        border-right: 1px solid #dbdbdb;
        padding: 4px 8px 4px 0px;
    }

    .editor .videos-table table#Skillbuild-Video td {
        border-top: 1px solid #dbdbdb;
        border-right: 1px solid #dbdbdb;
        padding: 4px 8px 4px 6px;
    }


.grants-tabs button {
    border: 1px solid #656364;
    min-height: 44px;
    vertical-align: bottom;
    width: 33%;
    margin: auto;
}

@media screen and (min-width: 768px) {
    .grants-tabs button {
        padding: 16px 0 16px 0px;
        font-size: 1.2em;
    }
}

@media screen and (min-width: 1024px) {
    .grants-tabs button {
        padding: 16px 0 16px 0px;
        font-size: 1.2em;
    }
}

@media screen and (min-width: 1024px) {
    .grants-collapsible_panel .collapsible_panel-trigger {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .grants-collapsible_panel .collapsible_panel-trigger {
        display: none;
    }
}

.grants-collapsible_panel .collapsible_panel-collapsible {
    height: 100%;
    display: none;
}

@media screen and (min-width: 1024px) {
    .grants-collapsible_panel .collapsible_panel-collapsible {
        height: 100%;
        display: none;
    }

        .grants-collapsible_panel .collapsible_panel-collapsible.-is-active {
            display: block;
        }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
    .grants-collapsible_panel .collapsible_panel-collapsible.-is-active {
        height: 100%;
        border: 1px solid gray;
        padding: 16px 16px 16px 16px;
    }
}

.grants-collapsible_panel .collapsible_panel-collapsible.-is-active {
    display: block;
    height: 100%;
    border: 1px solid gray;
    padding: 16px 16px 16px 16px;
}

.career-bottom {
    display: inline-block;
}

.levy-info table {
    border: none;
}

    .levy-info table tbody {
        float: left;
    }

@media screen and (min-width: 768px) {
    .levy-info table tbody {
        float: none;
    }
}

.levy-info table tbody td {
    text-align: center;
    border: none;
}

    .levy-info table tbody td img {
        display: inline;
    }

.btn_no-padding .RadUpload_Bootstrap .ruSelectWrap .ruButton {
    padding: 0px;
}

.home-aside h2 {
    margin: 0px;
}

@media screen and (min-width: 768px) {
    .mobile-menu {
        display: none;
    }
}

.desktop-menu {
    display: none;
}

@media screen and (min-width: 768px) {
    .desktop-menu {
        display: block;
    }
}

.horizontal-scroll {
    overflow-y: scroll;
}

@media screen and (min-width: 768px) {
    .horizontal-scroll {
        overflow-y: hidden;
    }
}

#gridList .general-info table {
    border: none;
}

    #gridList .general-info table td {
        display: inline-block;
        position: relative;
        border: none;
        width: 51%;
    }

@media screen and (min-width: 768px) {
    #gridList .general-info table td {
        width: 45%;
    }
}

@media screen and (min-width: 1024px) {
    #gridList .general-info table td {
        display: table-cell;
    }
}

#gridList .general-info table td strong {
    display: inline-block;
    position: absolute;
}

#gridList .general-info table td img {
    margin-top: 16px;
}

.radiobuttons {
    clear:both;
}

.activity-holder {
    width: 50%;
    float: left;
}

.activity-title {
    font-weight: bold;
}

.activity {
    clear: both;
    margin-bottom: 30px;
}

.activities {
    clear: both;
}

.activities li {
    display: block;
    float: left;
}

table.levy-hist-table {
    table-layout: fixed;
}

    table.levy-hist-table th, table.levy-hist-table td {
        padding: 8px;
        width: 100px;
    }

.selector {
    display: block;
    color: white;
}

.ExportButton {
    width: auto;
    min-width: 120px;
    background: #1c97c0;
    border: 0;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 0.85em;
    outline: 0;
    margin: 0;
    padding: 0 10px;
    height: 35px;
    width: 15%;
    box-sizing: border-box;
    border-radius: 3px;
    -webkit-appearance: none;
}

#content #gridList .tabs ul li {
    display: inline-block;
    padding: unset;
    background: unset;
}

#content #gridList .tabs ul {
    padding: unset;
    background: none;
}

#content #gridList .tabs {
    background: unset;
    padding: unset;
    margin: unset;
}

    #content #gridList .tabs div {
        background: unset;
        padding: unset;
        margin: unset;
    }

.radpvGrants {
    padding: 10px;
    border: 1px solid #D4D4D4;
    border-top: 0;
}

.js-mindmap-active a:hover.node {
    -webkit-filter: brightness(70%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.js-mindmap-active a.node {
    background: #7BAEDD;
    border: 2px solid #007AC3;
    padding: 10px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    width: 80px;
    font-weight: bold;
    font-size: 0.7em;
    box-shadow: 2px 2px grey;
}

    .js-mindmap-active a.node.active {
        padding: 10px;
        background: #007AC3;
        -moz-border-radius: 45px;
        border-radius: 45px;
        width: 110px;
        font-weight: bold;
        font-size: 1em;
    }

@media screen and (min-width: 720px) {
    .js-mindmap-active a.node {
        padding: 15px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        width: 120px;
        font-weight: bold;
        font-size: 1em;
        box-shadow: 2px 2px grey;
    }
}

.mindMapFrame {
    padding-left: 40px;
}

@media screen and (min-width: 768px) {
    .mindMapFrame {
      padding-left:0px;
        
    }
}


@media screen and (min-width: 720px) {
    .js-mindmap-active a.node.active {
        padding: 20px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        width: 170px;
        font-weight: bold;
        font-size: 1.5em;
    }
}

body.mind-body {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow: hidden;
}


iframe.mindMapFrame {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
   
}

.mindmap {
    width: 100%;
}

.horizontal-scroll-mindmap {
    width: 100%;
}

.mindMapFrame {
   min-height:600px;
   width:100%;
   border:0;
}

/*# sourceMappingURL=main.css.map */


/* Minification failed (line 1324, error number 1040): Unexpected dimension: '3px5px' */