@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,600;0,700;1,100;1,300;1,400;1,600;1,700&display=swap");
/* Tags */
/**/
body { /* MH updates to this section removed due to cert issues */
    background-color: #eeeeee;
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased !important;
    font-size: 12px;
}

a {
    color: #5A6B91;
}

    a:focus {
        outline: 2px dotted gray;
        outline-offset: 3px;
    }



.BodyNoMenu {
    background-color: white;
    font-family: 'Poppins', Arial,sans-serif;
}

/*.BodyFont font-family: , Arial, sans-serif; text-decoration: none; font-weight: normal;
}*/

.ProgressCirclePosition {
    position: absolute;
    margin-top: 9px;
    margin-left: 5px;
}

.UserLeftMenu_UserIcon {
    padding: 0px 10px 25px 15px;
    float: left;
}

.UserLeftMenu_Name {
    font-size: 10pt;
}

.UserLeftMenu_NameAccessLevel {
    margin-top: 20px;
}

.UserLeftMenu_AccessLevel {
    margin-bottom: 20px;
    font-size: 9pt;
    font-weight: bold;
}

.PageContentFrame {
    background-color: #fff;
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
}

.PageContentFrameWide {
    background-color: #fff;
    width: 2500px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    border-radius: 6px;
}

.PageContentFrameNavBar {
    background-color: #fff;
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    border: 1px solid #d9d9d9;
}

.PageBanner {
    height: 93px;
    background-color: #000;
    background-image: url('images/nhs_banner.png');
    background-repeat: no-repeat;
    background-position: left;
}

.PageBodyLearnPro_Community1 {
    height: 93px;
    background-color: #324065;
    background-image: url('images/NHS_Header.png');
    background-repeat: no-repeat;
    background-position: left;
}

.PageBodyLearnPro_Community3 {
    height: 93px;
    background-color: #324065;
    background-image: url('images/Community_Header_SLAB.png');
    background-repeat: no-repeat;
    background-position: left;
}

.PageBannerLearnProNhs {
    height: 93px;
    background-color: #ffffff;
    background-image: url('images/new_lp_logo.png');
    background-position: 20px 20px;
    background-size: 180px;
    background-repeat: no-repeat;
    background-position: 20px 25px;
    border-radius: 10px 10px 0 0;
}

.PageBannerLearnProFire {
    height: 93px;
    background-color: #ffffff;
    background-image: url('images/new_lp_logo.png');
    background-position: 20px 20px;
    background-size: 180px;
    background-repeat: no-repeat;
    background-position: 20px 25px;
    border-radius: 10px 10px 0 0;
}

.PageBannerLearnPro_Community {
    height: 93px;
    background-color: #324065;
    background-image: url('images/lP_Banner_Community.png');
    background-repeat: no-repeat;
    background-position: left;
    border-radius: 10px 10px 0 0;
}

.PageBannerLearnPro_Community_UserTest {
    height: 93px;
    background-color: #324065;
    background-image: url('images/lP_Banner_Community.png');
    background-repeat: no-repeat;
    background-position: left;
    border-radius: 10px 10px 0 0;
}

.PageBannerLearnPro_Council {
    height: 93px;
    background-color: #324065;
    background-image: url('images/lP_Banner_Council.png');
    background-repeat: no-repeat;
    background-position: left;
    border-radius: 10px 10px 0 0;
}

.PageBannerLearnProPolice {
    height: 93px;
    background-color: #000;
    background-image: url('images/lP_Banner_Police.png');
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px 10px 0 0;
}

.PageBannerLearnProContentSite {
    height: 93px;
    background-color: #324065;
    background-image: url('images/lP_Banner_Content.png');
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px 10px 0 0;
}

.PageBannerLearnPro_Community1 {
    height: 93px;
    background-color: #000;
    background-image: url('images/nhsbanner.png');
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px 10px 0 0;
}

.PageBannerLearnPro_CommunityBL1 {
    height: 93px;
    background-color: #000;
    background-image: url('images/nhs_doctorsBanner.jpg');
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px 10px 0 0;
}

.PageBannerLearnPro_CommunityBL5 {
    height: 93px;
    background-color: #002e62;
    background-image: url(images/mfrs_header_logo.jpg);
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: 20px;
}

.PageBannerLearnPro_Community_UserTestBL5 {
    height: 93px;
    background-color: #344066;
    background-image: url(images/lP_Banner_Renfrewshire.png);
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: 20px;
}

.PageBannerLearnProNhsBL1,
.PageBannerLearnProNhsBL4,
.PageBannerLearnProNhsBL5,
.PageBannerLearnProNhsBL6,
.PageBannerLearnProNhsBL7,
.PageBannerLearnProNhsBL8,
.PageBannerLearnProNhsBL9,
.PageBannerLearnProNhsBL10,
.PageBannerLearnProNhsBL11,
.PageBannerLearnProNhsBL12,
.PageBannerLearnProNhsBL13,
.PageBannerLearnProNhsBL14,
.PageBannerLearnProNhsBL15,
.PageBannerLearnProNhsBL16 {
    height: 93px;
    background-color: #000;
    background-image: url('images/nhs_doctorsBanner.jpg');
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px 5px 0 0;
}

.PageBannerLearnPro_CouncilBL4 {
    height: 93px;
    background-color: #000;
    background-image: url('images/council_rcbcBanner.jpg');
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px 5px 0 0;
}

.PageBannerLearnPro_CommunityBL4 {
    height: 93px;
    background-color: #000;
    background-image: url('images/community_slab_banner.png');
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px 5px 0 0;
}

.PageFooter {
    height: 100px;
    background-repeat: no-repeat;
    background-position: center 25px;
    background-color: #303148;
    margin: auto;
    width: 1024px;
    clear: both;
    border-radius: 0 0 5px 5px;
}

.PageFooterWide {
    height: 100px;
    background-repeat: no-repeat;
    background-position: center 25px;
    background-color: #334165;
    margin: auto;
}

.PageFooterMessage {
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 10pt;
    margin: auto;
    color: #fff;
    text-align: center;
    padding-top: 20px;
}

#LabelFooter p {
    margin: 10px 20px;
}


.PageFooterMessage a {
    color: #fff;
}

.PageMenuBar {
    font-family: 'Poppins', Arial, sans-serif;
    height: 30px;
    font-weight:600;
    background-color: #303149;
    font-size: 9pt;
    Color: black;
}

.PageContent {
    font-family: 'Poppins', Arial, sans-serif;
    padding: 20px;
}

.PageContentWide {
    font-family: 'Poppins', Arial, sans-serif;
    background-color: white;
}

.PageContentRight {
    background: #fff;
    font-family: ,Arial,sans-serif;
    width: 734px;
    padding: 10px 20px;
    float: right;
    width: 984px;
    overflow: hidden;
    *z-index: -1;
    min-height: 500px;
}

/* Menu */

.MenuTable {
    width: auto;
    float: left;
}

.MainMenuItem {
    padding: 0px 20px;
    height: 30px;
    cursor: pointer;
    color: #ffffff;
    border-right: 1px solid #999999;
}

.MenuHome, .MenuAdminHome {
   
}

    .MenuHome:hover, .MenuAdminHome:hover {
        text-decoration: underline;
    }

.MenuProfile {

}

    .MenuProfile:hover {
        text-decoration: underline;
    }

.MenuPassword {

}

    .MenuPassword:hover {
        text-decoration: underline;
    }

.MenuCertificate {

}

    .MenuCertificate:hover {
        text-decoration: underline;
    }

.MenuSupport {

}

    .MenuSupport:hover {
        text-decoration: underline;
    }


.MenuReact {

}

    .MenuReact:hover {
        text-decoration: underline;
    }

.MenuModeSwitch {
  
}

    .MenuModeSwitch:hover {
        text-decoration: underline;
    }

.MenuAdmin {

}

.SubMenuAdmin {
    background-color: #1f2030;
    padding: 0px 10px 0px 10px;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 9pt;
    min-width: 93px;
    border: none;
}

.MenuAdmin:hover {
    text-decoration: underline;
}


table.gg{
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    overflow:hidden !important;
}


/*.MenuAdminHome
{
    background: url('images/sfrs-admin_over.png') no-repeat left center #29741b;
    background-position: 10px;
}

.MenuAdminHome:hover
{
    text-decoration: underline;
}*/

.MenuAdminResources {

}

    .MenuAdminResources:hover {
        text-decoration: underline;
    }

.MenuAdminResourcesItemHover {
    background-color: #FF5A19;
}

.MenuAdminRecording {

}

    .MenuAdminRecording:hover {
        text-decoration: underline;
    }

.MenuAdminRecordingItemHover {
    background-color: #f3108b;
}


.MenuAdminUserManager {

}

    .MenuAdminUserManager:hover {
        text-decoration: underline;
    }

.MenuAdminUserManagerItemHover {
    background-color: #0071BB;
}

.MenuAdminReports {

}

    .MenuAdminReports:hover {
        text-decoration: underline;
    }

.MenuAdminReportsItemHover {
    background-color: #00A99C;
}

.MenuAdminBooking {

}

    .MenuAdminBooking:hover {
        text-decoration: underline;
    }

.MenuAdminBookingItemHover {
    background-color: #49355E;
}

.MenuAdminSetup {

}

    .MenuAdminSetup:hover {
        text-decoration: underline;
    }

.MenuAdminSetupItemHover {
    background-color: #C94B0E;
}

.MenuAdminAuthoring {

}

    .MenuAdminAuthoring:hover {
        text-decoration: underline;
    }

.MenuAdminAuthoringItemHover {
    background-color: #FF9200;
}

.MenuAdminGlobal {

}

    .MenuAdminGlobal:hover {
        text-decoration: underline;
    }

.MenuAdminGlobalItemHover {
    background-color: #A10A74;
}

.MenuAdminHelp {

}

    .MenuAdminHelp:hover {
        text-decoration: underline;
    }

.MenuAdminHelpItemHover {
    background-color: #0A1165;
}

.PageContainer{
    display: flex;
}

.LeftMenu {
    font-family: 'Poppins', Arial, sans-serif;
    background: #c2c2c2;
    width: 250px;
    font-size: 10pt;
    background-color: #e8e8e8;
    display: inline-block;
    /*height: 580px; Removed for pages that might be shorter than menu*/
    margin-top:1px;
}


.LeftMenuPageContentRight {
    background: #fff;
    font-family: 'Poppins', Arial,sans-serif;
    width: 734px;
    padding: 15px 20px;
    overflow: hidden;
    *z-index: -1;
}

.ActionButtonSelected {
    width: 250px;
    margin-bottom: 5px;
    padding: 15px 10px;
    padding-left: 40px;
    background: #303149 url("images/selected.png") no-repeat scroll 10px center;
    background-position: 10px;
    display: inline-block;
    box-sizing: border-box;
    zoom: 1;
    *display: inline;
    cursor: pointer;
    font-weight: 600;
    text-decoration: none;
    font-size: 12px;
    color: #fff;
    font-family: "Poppins", Arial, sans-serif;
}


.ActionButtonUnselected {
    width: 250px;
    margin-bottom: 5px;
    padding: 15px 10px;
    padding-left: 40px;
    background: url('images/unselected.png') no-repeat left center #bcbcbc;
    background-position: 10px;
    box-sizing: border-box;
    display: inline-block;
    zoom: 1;
    *display: inline;
    cursor: pointer;
    text-decoration: none;
    font-size: 12px;
    color: #fff;
    font-family: "Poppins", Arial, sans-serif;
}

.ActionButtonKeyActionMarginBottom {
    margin-bottom: 5px;
}

.ActionButtonKeyAction {
    width: 200px;
    padding: 15px 10px 15px 40px;
    background: url('images/add.png') no-repeat left center #29741b;
    background-position: 10px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    font-size: 12px;
    color: #fff;
}

.ActionButtonKeyActionRed {
    width: 200px;
    padding: 15px 10px 15px 40px;
    background: url('images/add.png') no-repeat left center #cc0000;
    background-position: 10px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    font-size: 11px;
}

.ActionButtonCaution {
    font-family: 'Poppins', Arial, sans-serif;
    font-weight: 600;;
    background-color: #cc0000;
    color: #fff !important;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    font-size: 11px;
    /* height:17px; Removing as this messes up the Line Manager panel on Profile */
    display: inline-block;
    zoom: 1;
    *display: inline;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
}

.UserPropTable dd {
    margin-left: 220px;
    background-color: white;
    width: 460px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 5px 5px 5px 5px;
    min-height: 20px;

}

.UserPropTable {
    width: auto;
}


    .UserPropTable dt {
        font-family: 'Poppins', Arial, sans-serif;
        font-size: 9pt;
        padding: 5px 5px 5px 5px;
    }


.ShortcutSquareLink {
    font-size: 7pt;
    float: left;
    width: 65px;
    margin-right: 10px;
    text-align: center;
    padding-bottom: 10px;
    font-family: 'Poppins', Arial, sans-serif;
    text-decoration: none;
    color: black;
    height: 76px;
    overflow-y: hidden;
    overflow-x: hidden;
    border: 0;
}

    .ShortcutSquareLink img {
        border: 0;
    }

.ShortcutSquareReportButton {
    font-family: 'Poppins', Arial, sans-serif;
    text-decoration: none;
    color: #000;
    font-size: 6pt;
}

.ShortcutSquareReportImage {
    color: black;
    width: 70px;
}


.SurveyResponseReviewDetails dt {
    padding-bottom: 10px;
    float: none;
}


.SurveyResponseReviewDetails dd {
}

.SurveyResponseReviewDetails .heading {
    font-size: 10pt;
}

.MarginBottom {
    margin-bottom: 10px;
}

.LogoutButton {
    background-color: #000;
    color: #fff;
    text-decoration: none;
    display: block;
    position: relative;
    height: 18px;
    padding: 6px 10px 6px 10px;
}

    .LogoutButton:hover {
        cursor: pointer;
        text-decoration: underline;
    }

/* Login Controls */

.loginBody {
    background-color: #17192b;
}

.LoginBackgroundWrapper {
    position: absolute;
    text-align: center;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: -1000000;
}

.LoginWrapper {
    text-align: center;
    font-family: 'Poppins', Arial, sans-serif;
}

.LoginBox {
    margin-top: 100px;
    width: 280px;
    margin-left: auto;
    margin-right: auto;
    background-color: #E6E6E6;
    border-radius: 10px;
    color: #000;
    border: solid 1px #fff;
    padding: 20px;
    z-index: 1000;
}

    .LoginBox p {
        font-size: 12px;
    }

.LoginFooter {
    background: url('images/sfrs-infoIcon.png') no-repeat left top;
    padding-left: 35px;
    width: 280px;
    margin-left: auto;
    margin-right: auto;
    font-size: 8.5pt;
    height: 35px;
    color: #fff;
}

    .LoginFooter a {
        color: #fff;
    }

.FooterLogo {
}

.LoginWatermarkLeft {
    margin-left: auto;
    margin-right: auto;
    width: 666px;
    height: 924px;
    z-index: -1000000;
}

.LoginWatermarkRight {
}

.LoginHeader {
    width: 100%;
    height: 100px;
    display: block;
    background: url('images/new_lp_logo.png') no-repeat center;
    background-size: 80%;
}

.LoginHeaderLearnProNhs {
    width: 100%;
    height: 100px;
    display: block;
    background: url('images/new_lp_logo.png') no-repeat center;
    background-size: 80%;
}

.LoginHeaderLearnPro_Community {
    width: 100%;
    height: 100px;
    display: block;
    background: url('images/new_lp_logo.png') no-repeat center;
    background-size: 80%;
}

.LoginHeaderLearnPro_Council {
    width: 100%;
    height: 100px;
    display: block;
    background: url('images/new_lp_logo.png') no-repeat center;
    background-size: 80%;
}

.LoginHeaderLearnProPolice {
    width: 100%;
    height: 100px;
    display: block;
    background: url('images/new_lp_logo.png') no-repeat center;
    background-size: 80%;
}

.LoginHeaderLearnProContentSite {
    width: 100%;
    height: 100px;
    display: block;
    background: url('images/new_lp_logo.png') no-repeat center;
    background-size: 80%;
}


.LoginHeaderLearnPro_Community1 {
    width: 100%;
    height: 100px;
    display: block;
    background: url('images/lP_logotest.png') no-repeat center;
}

.LoginHeaderLearnPro_CommunityBL1 {
    width: 100%;
    height: 100px;
    display: block;
    background: url('images/nhs_doctors_logo.png') no-repeat center;
}

.LoginHeaderLearnPro_CommunityBL1 {
    width: 100%;
    height: 100px;
    display: block;
    background: url('images/nhs_doctors_logo.png') no-repeat center;
}

.LoginHeaderLearnPro_CommunityBL5 {
    width: 100%;
    height: 100px;
    display: block;
    background: url(images/mfrs_login_logo.jpg) no-repeat center;
    background-size: 100%;
}

.LoginHeaderLearnProNhsBL1,
.LoginHeaderLearnProNhsBL4,
.LoginHeaderLearnProNhsBL5,
.LoginHeaderLearnProNhsBL6,
.LoginHeaderLearnProNhsBL7,
.LoginHeaderLearnProNhsBL8,
.LoginHeaderLearnProNhsBL9,
.LoginHeaderLearnProNhsBL10,
.LoginHeaderLearnProNhsBL11,
.LoginHeaderLearnProNhsBL12,
.LoginHeaderLearnProNhsBL13,
.LoginHeaderLearnProNhsBL14,
.LoginHeaderLearnProNhsBL15,
.LoginHeaderLearnProNhsBL16,
.LoginHeaderLearnProNhsBL1,
.LoginHeaderLearnProNhsBL4,
.LoginHeaderLearnProNhsBL5,
.LoginHeaderLearnProNhsBL6,
.LoginHeaderLearnProNhsBL7 {
    width: 100%;
    height: 100px;
    display: block;
    background: url('images/nhs_doctors_logo.png') no-repeat center;
}

.LoginHeaderLearnPro_CouncilBL4 {
    width: 100%;
    height: 100px;
    display: block;
    background: url('images/council_rcbc_logo.png') no-repeat center;
}

.LoginHeaderLearnPro_CommunityBL4 {
    width: 100%;
    height: 100px;
    display: block;
    background: url('images/community_slab_logo.png') no-repeat center;
}

.LoginHeaderLearnProFire {
    width: 100%;
    height: 100px;
    display: block;
    background: url('images/new_lp_logo.png') no-repeat center;
    background-size: 80%;
}

.ActivationCodePanelLearnPro_CommunityBL4 {
    display: None;
}

.BrandingLogo {
}

.SmallLoginButton {
    background-color: #2f3147;
    width: 90px;
    height: 15px;
    display: block;
    font-size: 8pt;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    border-radius: 8px;
}

.SmallLoginButton:hover{
    background-color: #363952;
}

.LargeLoginButton {
    margin-top: 0px;
    display: block;
    width: 280px;
    background-color: #2f3147;
    padding: 20px 0px 20px 0px;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    height: 21px;
    border-radius: 8px;
    text-transform: uppercase;
}

.LargeLoginButton:hover{
    background-color: #363952;
}


.LoginActivationCodeButton {
    margin-top: 0px;
    display: block;
    width: 280px;
    background-color: #00236B;
    padding: 10px 0px 10px 0px;
    text-decoration: none;
    text-align: center;
    font-size: 8pt;
    color: #fff;
    height: 21px;
}

.LoginInfoMessage {
    padding: 10px;
    font-family: ,Arial,sans-serif;
    background-color: #E6E6E6;
}



.AutoLoginBox {
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 10pt;
    margin-top: 10px;
    width: 100%;
}

.LeftAligned {
    float: left;
}

.RightAligned {
    float: right;
}

.Centered {
    margin-left: auto;
    margin-right: auto;
    /*background-color: rgb(42, 136, 42);*/
}

.divSectionListBox {
    width: 350px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.divSectionsLG {
    width: 200px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: absolute;
    margin-left: -80px;
}

/* Keys */

.FooterKey {
    background-color: #E7E8E8;
    display: block;
    font-family: 'Poppins', Arial, sans-serif;
    padding: 3px;
}

.StatusKey {
    margin-top: 10px;
}

div#PanelColourStatus {
    margin-top: 5px;
    font-size: 9pt;
    text-transform: uppercase;
}

.ColourStatus {
    display: block;
    height: 20px;
    width: 10px;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.ColourNotValid {
    background-color: red;
    margin-left: 220px;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 4px;
}

.ColourExpiresSoon {
    background-color: #FEA500;
    margin-left: 170px;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 4px;
}


.ColourValid {
    background-color: green;
    margin-left: 170px;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 4px;
}

.StatusCountBox {
    background-color: #333333;
    margin-top: 5px;
    font-size: 9pt;
    text-transform: uppercase;
    padding-top: 5px;
    margin-bottom: 20px;
}

.StatusCountBoxNavigator {
    background-color: #333333;
    margin-top: 5px;
    font-size: 9pt;
    text-transform: uppercase;
    padding-top: 5px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.StatusCountBoxPanel {
    margin-left: -26px;
    color: white;
}


/* Text Boxes */

.SingleLineTextBox {
    font-family: 'Poppins', Arial, sans-serif;
    width: 280px;
    line-height: 1;
}

.PasswordTextBox {
    font-family: Arial;
    width: 280px;
    height: 24px;
}

.PasswordTextBoxSmall {
    font-family: Arial;
}

.SimpleTextBox {
    width: 100%;
    max-width: 150px;
    font-size: 14px;
}

.LongerSimpleTextBox {
    width: 100%;
    max-width: 350px;
    font-size: 12px;
}

.ReadOnlyLabel {
    font-size: 10pt;
}

/* Drop Down Box */

.SimpleDropDown {
    width: 100%;
    max-width: 350px;
    font-size: 12px;
}


/* Search Box */

.FullWidthSearchInnerBox {
    margin-left: 10px;
    color: white;
}

.FullWidthSearchBox {
    background-color: #ac162c;
    padding-top: 10px;
    padding-bottom: 10px;
}

.FullWidthSearchTextBox {
    color: black;
    width: 855px;
    height: 20px;
}



.MyLearningSearch {
    font-family: 'Poppins', Arial, sans-serif;
    display: inline-block;
    color: #686868;
    height: 16px;
    font-size: 12px;
    vertical-align: middle;
    width: 250px;
}

.SearchButtonLessWidth {
    font-family: 'Poppins', Arial, sans-serif;
    color: #fff;
    padding: 6px 0px 5px 35px;
    text-decoration: none;
    font-size: 10pt;
    height: 20px;
    text-decoration: none;
    vertical-align: middle;
    background-image: url(images/sfrs-search.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    text-align: right;
}

.SearchButton {
    font-family: 'Poppins', Arial, sans-serif;
    color: #fff;
    padding: 6px 0px 5px 35px;
    text-decoration: none;
    font-size: 10pt;
    height: 20px;
    text-decoration: none;
    vertical-align: middle;
    background-image: url(images/sfrs-search.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    text-align: right;
    width: 500px;
}


.SearchSettingsArea {
    background-color: #ac162c;
    color: white;
    padding: 10px;
    font-size: 9pt;
}

    .SearchSettingsArea INPUT {
        vertical-align: middle;
    }

.SearchDivider {
    background-color: #2F92E0;
    padding: 10px;
    color: white;
}


.SearchableHidden {
    display: none;
}

.SearchArea {
    background-color: #fff;
    padding-top: 20px;
}

.SearchSettingsRight {
    float: right;
}

/* Tabs */


.TabStrip {
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 9pt;
    color: white;
}

.TabStripGroup {
}

.Tab {
    background-color: #1b5633;
    padding: 5px;
    border-right: 1px solid white;
}

.TabSelected {
    padding: 5px;
    background-color: #60bb46;
    padding-top: 10px;
    padding-bottom: 10px;
}

.DefaultTab {
    background-image: url("images/tab_bg.gif");
    border: 1px solid #858585;
    margin-bottom: -1px;
}

.DefaultTabHover {
    background-image: url("images/tab_bg.gif");
    border: 1px solid #858585;
    margin-bottom: -1px;
}

.SelectedTab {
    border: 1px solid #858585;
    background-image: url("images/selected_tab_bg.gif");
    margin-bottom: -1px;
}

.TabHover {
    background-color: #73cc57;
    padding: 5px;
    cursor: pointer;
}

.MultiPage {
    background-color: #ffffff;
    border: 1px solid grey;
    /*font-size: 11px;*/
    padding: 5px 10px 5px 10px;
}

.MultiPage360 {
    background-color: #ffffff;
    padding: 5px 10px 5px 10px;
}

#ContentPlaceHolder1_BTNsubmit.ActionButton,
#ContentPlaceHolder1_ButtonCancel.ActionButton,
#ContentPlaceHolder1_ButtonSaveChanges.ActionButton,
#ContentPlaceHolder1_ButtonSave.ActionButton {
    float: left;
    margin-right: 5px;
}

/* Page Title */

.PageHeadingImage {
    background-repeat: no-repeat;
    height: 40px;
    float: left;
    margin-bottom: 15px;
    display: none;
}


.PageHeadingTitle {
    font-family: 'Poppins', Arial, sans-serif;
    font-weight: 700;
    font-size: 13pt;
    width: 100%;
    display:flex;
    flex-direction: column;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #c9c9c9;
    position: relative;
}

.PageHeadingTitle_wButton{
    font-family: 'Poppins', Arial, sans-serif;
    font-weight: 700;
    font-size: 13pt;
    width: 100%;
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #c9c9c9;
}

    .PageHeadingTitle_wButton div:first-child{
        display: flex;
        flex-direction: column;
        flex: 1;
    }

    .PageHeadingTitle_wButton div:last-child{
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 4px;
    }


.PageHeadingTitleTall {
    height: 60px;
    font-family: 'Poppins', Arial, sans-serif;
    font-weight: 600;
    font-size: 13pt;
    width: 100%;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #c9c9c9;
}

.PageSubHeadingTitle {
    font-family: 'Poppins', Arial, sans-serif;
    font-weight: 600;
    font-size: 13pt;
    width: 988px;
}

.PageHeadingTitleTall {
    height: 60px;
    font-family: 'Poppins', Arial, sans-serif;
    font-weight: 600;
    font-size: 13pt;
    width: 988px;
}

.PageHeadingTitleShort {
    height: 40px;
    float: left;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 12pt;
}

.PageHeadingBox {
    margin-bottom: 15px;
}

.PageHeadingBottom {
    clear: both;
    border-top: solid;
    border-color: #e5e5e5;
    width: auto;
    margin-bottom:10px;
    display: none;
}

.PageDescription {
    color: gray;
    text-transform: none;
    font-size: 12px;
    font-family: 'Poppins',Arial,sans-serif;
    font-weight: 400;
}

.PageDescriptionIndented {
    color: gray;
    text-transform: none;
    font-size: 14px;
    font-family: 'Poppins',Arial,sans-serif;
    padding-left: 20px;
}

.PageInstruction {
    font-size: 9pt;
    font-family: 'Poppins',Arial,sans-serif;
    font-weight: 600;
    background: url(images/ePortfolio_Arrow.png) no-repeat left 9px;
    padding: 5px 0px 5px 10px;
    margin-bottom: 10px;
}

/* Navigator Applications */
.NavigatorHeading {
    display: block;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 14px;
    background-color: #ffffff;
    color: #000;
    width: 1004px;
    padding: 10px;
    margin-top: -10px;
    margin-left: -20px;
    height: 200px; /* New for Learning Plan but appears fine*/
}

.AppHeading {
    display: block;
    color: #fff;
    font-family: 'Poppins', Arial, sans-serif;
    padding: 5px 10px;
    margin-left: -20px;
    width: 1004px;
    font-size: 14px;
}

.AppHeadingTitle {
    margin: 5px;
    float: left;
}

.AppArea {
    padding: 20px;
    margin-top: 0px;
    font-family: 'Poppins', arial, sans-serif;
    *z-index: -1;
}

.AppAreaTitle {
    font-family: 'Poppins', Arial, sans-serif;
    height: 30px;
}

.AppAreaBar {
    float: right;
    height: 20px;
    background: url('images/AppHeadingBarBG.png') repeat-x;
    background-position-y: center;
}

.AppAreaInstructions {
    background: url('images/NHS_OrangeTriangle.png') no-repeat left center;
    padding-left: 30px;
    display: block;
    margin-top: 5px;
    font-size: 14px;
}

.CategoriesAppBar {
    width: 850px;
}

.EventsAppBar {
    width: 790px;
    display: none;
}

.NotificationsHeading {
    background-color: #00A99C;
}

.NotificationsArea {
    background-color: #C7D8D5;
}

.MyLearningHeading {
    background-color: #31314c;
    height: 30px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    z-index: 100000000;
}

.MyLearningArea {
    background-color: #f6f6f6;
    z-index: -1;
}

.CBSHeading {
    background-color: #31314c;
    height: 30px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.ThreeSixtyHeading {
    background-color: #d7d7d7;
}

.ThreeSixtyheading {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #191919;
    font-family: 'Poppins', Arial, sans-serif;
    display: inline-block;
    margin-bottom: 10px;
}

.AppraisalTemplateHeading {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #191919;
    font-family: 'Poppins', Arial, sans-serif;
    display: inline-block;
    margin-bottom: 10px;
}

.SurveyGridWidth {
    max-width: 150px;
    overflow: hidden;
}

.ThreeSixtydt {
    font-weight: normal;
    width: 80px;
}

.ThreeSixtyLine {
    clear: both;
    border-top: solid;
    border-color: #e5e5e5;
    width: 600px;
    display: inline-block;
    margin-left: 10px;
}

.AppraisalScoreBoxPreview {
    border: solid;
    display: inline-block;
    float: right;
    padding: 4px;
    border-width: 2px;
}

.AppraisalScoreBox {
    display: inline-block;
    float: right;
    border-width: 2px;
    width: 275px;
}

.AppraisalScoreHeading {
    font-size: 28px;
    color: #2F3766;
    display: inline-block;
    font-family: 'Poppins', Arial, sans-serif;
    margin-bottom: 10px;
    margin-right: 60px;
}

.AppraisalScore {
    font-size: 50px;
    font-weight: bold;
    color: #191919;
    font-family: 'Poppins', Arial, sans-serif;
    display: inline-block;
    margin-bottom: 10px;
}

.AppraisalScoreRange {
    font-size: 1em;
    font-weight: bold;
    color: #191919;
    display: inline-block;
    font-family: 'Poppins', Arial, sans-serif;
    margin-right: 10px;
}

.AppraisalScoreText {
    font-size: 14px;
    font-weight: bold;
    color: #191919;
    display: inline-block;
    font-family: 'Poppins', Arial, sans-serif;
    width: 250px;
}

.AppraisalScoreTextResults {
    font-size: 14px;
    font-weight: bold;
    color: #191919;
    display: inline-block;
    font-family: 'Poppins', Arial, sans-serif;
}

.AppraisalScoreDescription {
    font-size: 12px;
    font-weight: bold;
    color: #2F3766;
    display: inline-block;
    font-family: 'Poppins', Arial, sans-serif;
    margin-bottom: 10px;
    width: 280px;
}

.AppraisalResultsLeft {
    width: 30%;
    float: left;
    display: inline-block;
}

.AppraisalResultsRight {
    width: 69%;
    margin-left: 7px;
    float: left;
    display: inline-block;
}

.CBSArea {
    background-color: #f6f6f6;
}

.ResourcesHeading {
    background-color: #31314c;
    height: 30px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.ResourcesArea {
    background-color: #f6f6f6;
}

.PortfolioHeading {
    background-color: #31314c;
}

.PortfolioArea {
    background-color: #f6f6f6;
}

.PLLHeading {
    background-color: #31314c;
    height: 30px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.PLLArea {
    background-color: #f6f6f6;
}

/*Dashboard*/

.DashboardSection {
    padding: 5px;
}

.LineAnnouncemenmt {
    background-color: #CECECE;
    width: 50%;
    height: 2px;
    margin-top: -12px;
    margin-left: 110px;
}

.LineLastVisited {
    background-color: #CECECE;
    width: 67%;
    height: 2px;
    margin-top: -15px;
    margin-left: 100px;
}

.LastLearningBox {
    display: inline-block;
    width: 300px;
    height: 122px;
    margin-top: 15px;
    background-color: white;
    padding: 10px;
}

.LastCourseImage {
    float: left;
    margin-right: 5px;
    border: 1px solid #cecece;
    max-height: 125px;
    max-width: 145px;
}



.LastLearningInfo {
    height: 85px !important;
    width: 145px !important;
    overflow: hidden;
    margin-left: 2px;
}

.LastLearningBoxHeader {
    color: rgba(0, 0, 0, 0.65);
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 20px;
}


.ContentCourseHeadingIcon {
    border: 1px solid #CECECE;
}

.DataListProgrammeIcon {
    height: 75px;
    width: 100px;
}

.ContentTopicTrayIcon {
    border: 1px solid #CECECE;
}

.ContentTopicImageHeadingIcon {
    border: 1px solid #CECECE;
}

.ContentIconHeading {
    border: solid;
    border-color: #CECECE;
    border-width: 1px;
}

.LastLearningActionButton {
    margin-left: 152px;
    margin-bottom: 10px;
}

.LastLearningActionButtonNullActionButton {
    font-family: 'Poppins', Arial, sans-serif;
    background-color: #CECECE;
    color: #fff;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    font-size: 13px;
    height: 17px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    cursor: default;
    text-transform: uppercase;
    text-align: center;
}

.LastLearningCourseTitle {
    font-family: 'Poppins',Arial,sans-serif;
    font-weight: bold;
    margin-top: 10px;
    height: 85px !important;
    overflow: scroll;
}

.LastLearningCourseTitleRemoved {
    font-family: 'Poppins',Arial,sans-serif;
    font-weight: bold;
    text-decoration: line-through;
    margin-top: 10px;
    height: 85px !important;
    overflow: scroll;
}


.DashboardLastLearningSection {
    display: inline-block;
    width: 330px;
    height: 180px;
    float: left;
    margin-left: 30px;
    margin-right: 30px;
}

.DashboardStatSection {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 380px;
    height: 180px;
}

.LineCategoryTitle {
    background-color: #CECECE;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 67.5%;
    height: 2px;
    margin-bottom: 4px;
    margin-left: 18px;
}

.helpIconMarginFix {
    margin-top: -22px;
    margin-left: 190px;
}

.LineStats {
    background-color: #CECECE;
    width: 180px;
    height: 2px;
    margin-top: -15px;
    float: right;
    margin-right: 20px;
}

.TotalStat {
    display: inline-block;
    zoom: 1;
    *display: inline;
    font-family: 'Poppins',Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    background: url('images/DashboardTotal.png') no-repeat left center;
    height: 39px;
    width: 173px;
    padding-top: 26px;
    padding-left: 45px;
    text-decoration: none;
    color: #000;
    zoom: 1;
    cursor: pointer;
    text-transform: uppercase;
    text-align: left;
    margin-right: -40px;
}

.NotStartedStat {
    display: inline-block;
    zoom: 1;
    *display: inline;
    font-family: 'Poppins',Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    background: url('images/DashboardNotValid.png') no-repeat left center;
    height: 39px;
    width: 173px;
    padding-top: 26px;
    padding-left: 45px;
    text-decoration: none;
    color: #000;
    zoom: 1;
    cursor: pointer;
    text-transform: uppercase;
    text-align: left;
    margin-right: -40px;
}

.CompleteStat {
    display: inline-block;
    zoom: 1;
    *display: inline;
    font-family: 'Poppins',Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    background: url('images/DashboardCompleted.png') no-repeat left center;
    height: 39px;
    width: 173px;
    padding-top: 26px;
    padding-left: 45px;
    text-decoration: none;
    color: #000;
    zoom: 1;
    cursor: pointer;
    text-transform: uppercase;
    text-align: left;
    margin-right: -40px;
}


.InProgressStat {
    display: inline-block;
    zoom: 1;
    *display: inline;
    font-family: 'Poppins',Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    background: url('images/DashboardInProgress.png') no-repeat left center;
    height: 39px;
    width: 173px;
    padding-top: 26px;
    padding-left: 45px;
    text-decoration: none;
    color: #000;
    cursor: pointer;
    text-transform: uppercase;
    text-align: left;
    margin-right: -40px;
}

.ElapsedStat {
    display: inline-block;
    zoom: 1;
    *display: inline;
    font-family: 'Poppins',Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    background: url('images/DashboardElapsed.png') no-repeat left center;
    height: 39px;
    width: 173px;
    padding-top: 26px;
    padding-left: 45px;
    text-decoration: none;
    color: #000;
    zoom: 1;
    cursor: pointer;
    text-transform: uppercase;
    text-align: left;
    margin-right: -40px;
}

.ExpiredStat {
    display: inline-block;
    zoom: 1;
    *display: inline;
    font-family: 'Poppins',Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    background: url('images/DashboardExpired.png') no-repeat left center;
    height: 39px;
    width: 173px;
    padding-top: 26px;
    padding-left: 45px;
    text-decoration: none;
    color: #000;
    zoom: 1;
    cursor: pointer;
    text-transform: uppercase;
    text-align: left;
    margin-right: -40px;
}

.NotValidStat {
    display: inline-block;
    zoom: 1;
    *display: inline;
    font-family: 'Poppins',Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    background: url('images/DashboardNotStarted.png') no-repeat left center;
    height: 39px;
    width: 173px;
    padding-top: 26px;
    padding-left: 45px;
    text-decoration: none;
    color: #000;
    zoom: 1;
    cursor: pointer;
    text-transform: uppercase;
    text-align: left;
    margin-right: -40px;
}

.StatNumbers {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-left: -36px;
    font-family: 'Poppins',Arial,sans-serif;
    font-weight: bold;
    font-size: 14px;
    margin-right: 20px;
    cursor: pointer;
    width: 20px !important;
    text-align: right;
    margin-top: -40px;
}

/*EPortfolio*/

.ePortfolioMissingCommments {
    width: 100%;
}

.MISHeading {
    font-family: 'Poppins',sans-serif;
    text-align: center;
    text-transform: none;
    font-size: 13px;
    color: #324065;
    font: bolder;
    margin-top: -10px;
}

.UpArrow {
    background: url('images/ArrowUp.png') no-repeat center center;
    padding: 6px 16px 17px 10px;
}

.DownArrow {
    background: url('images/ArrowDown.png') no-repeat center center;
    color: red;
    padding: 16px 14px 10px 9px;
}


.PortfolioListGrid tr td {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    padding: 5px 0px 20px 20px;
}

.PortfolioListGrid tr th {
    border-width: 0px;
}

.PortfolioListGrid {
    font-family: 'Poppins', Arial, sans-serif;
    background-color: #e5e5e5;
}

.DatalistStandardsHeader {
    width: 300px;
    padding-left: 10px;
    float: left;
}

.DatalistStandardsItem {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.PortfolioListItem {
    height: 50px;
    background: #e6e7e7;
    border-left: hidden;
    border-right: hidden;
    border-bottom: solid 10px #fff;
}

.PortfolioListAlternatingListItem {
    height: 50px;
    background: #e6e7e7;
    border-left: hidden;
    border-right: hidden;
    border-bottom: solid 10px #fff;
}

.PortfolioListHeader {
    font-size: 7pt;
    color: #757575;
    border: 1px;
}

.PortfolioFooter {
}

.CriteriaInformation {
    text-decoration: none;
}

.CriteriaStatusLabel {
    display: none;
}

.CriteriaCountSelected {
    background: url('images/ePortfolio_Arrow.png') no-repeat left center;
    padding-left: 7px;
}

.CriteriaCountTotalNumbers {
    color: #000000;
    text-decoration: none;
}

.CriteriaCountTotalNumbersSelected {
    color: #000000;
    text-decoration: none;
    background: url('images/ePortfolio_Arrow.png') no-repeat left center;
    padding-left: 7px;
}

.CriteriaCountApprovedNumbers {
    color: #118e0a;
    text-decoration: none;
}

.CriteriaCountApprovedNumbersSelected {
    color: #118e0a;
    text-decoration: none;
    background: url('images/ePortfolio_Arrow.png') no-repeat left center;
    padding-left: 7px;
}

.CriteriaCountNeedsApprovedNumbers {
    color: #eaa034;
    text-decoration: none;
}

.CriteriaCountNeedsApprovedNumbersSelected {
    color: #eaa034;
    text-decoration: none;
    background: url('images/ePortfolio_Arrow.png') no-repeat left center;
    padding-left: 7px;
}

.CriteriaCountNotApprovedNumbers {
    color: #bf0d0d;
    text-decoration: none;
}

.CriteriaCountNotApprovedNumbersSelected {
    color: #bf0d0d;
    text-decoration: none;
    background: url('images/ePortfolio_Arrow.png') no-repeat left center;
    padding-left: 7px;
}


span.EPortfolioCriteriaRed {
    color: #bf0d0d;
    background: transparent url('images/redCircle_56x56.png') center center no-repeat;
    background-size: cover;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-weight: bold;
    line-height: 2.4em;
    margin-right: 25px;
    width: 56px;
    height: 56px;
    text-align: center;
    font-size: 24px;
    margin-top: 10px;
}

span.EPortfolioCriteriaGreen {
    color: #118e0a;
    background: transparent url('images/greenCircle_56x56.png') center center no-repeat;
    background-size: cover;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-weight: bold;
    line-height: 2.4em;
    margin-right: 25px;
    width: 56px;
    height: 56px;
    text-align: center;
    font-size: 24px;
    margin-top: 10px;
}

span.EPortfolioCriteriaOrange {
    color: #eaa034;
    background: transparent url('images/orangeCircle_56x56.png') center center no-repeat;
    background-size: cover;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-weight: bold;
    line-height: 2.4em;
    margin-right: 25px;
    width: 56px;
    height: 56px;
    text-align: center;
    font-size: 24px;
    margin-top: 10px;
}

span.EPortfolioStaffNumber {
    color: #334165;
    *zoom: 1;
    font-weight: bold;
    line-height: 2.4em;
    width: 56px;
    height: 56px;
    text-align: center;
    font-size: 24px;
    margin-top: 10px;
}

.ePortfolioCriteraUploader {
    position: relative;
    float: left;
}

    .ePortfolioCriteraUploader #A1, .ePortfolioCriteraUploader #btn-add {
        display: none;
    }

    .ePortfolioCriteraUploader .actions {
        position: absolute;
        top: 0px;
    }

    .ePortfolioCriteraUploader #btn-upload {
        position: absolute;
        top: 0px;
        left: 230px;
        z-index: 10001;
    }

    .ePortfolioCriteraUploader .sel {
        z-index: 10000;
        position: relative;
    }

.Verifier {
    color: #4585F3 !important;
    background: transparent url('images/BlueVerifiedCircle.png') center center no-repeat !important;
    background-size: cover;
}

.VerifierConfirm {
    background-color: #25a0da;
    border-radius: 5px;
    padding: 10px;
    color: #fff;
    margin: -10px 0 9px -10px;
    display: inline-block;
    min-width: 200px;
}

.ReviewerConfirm {
    background-color: #118e0a;
    border-radius: 5px;
    padding: 10px;
    color: #fff;
    margin: -10px 0 9px -10px;
    display: inline-block;
}


.EPortfolioEvidenceRed {
    color: #fff;
    background-color: #bf0d0d;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.EPortfolioEvidenceOrange {
    color: #fff;
    background-color: #eaa034;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.EPortfolioEvidenceGreen {
    color: #fff;
    background-color: #118e0a;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
    margin-bottom: 0;
}

.EPortfolioInformation {
    color: #fff;
    font-family: 'Poppins',Arial,sans-serif;
    padding-bottom: 26px;
    display: none;
    position: absolute;
    height: 203px;
    width: 247px;
    margin-top: -260px;
    background: transparent url('images/hoverOn_247x203.png') center center no-repeat;
    overflow: hidden;
    z-index: 15;
}

.EPortfolioReviewSubHeading {
    text-align: left;
    text-transform: none;
    font-size: 1.0em;
    font-family: 'Poppins', Arial, sans-serif;
}

.EPortfolioSubHeading {
    text-align: left;
    text-transform: none;
    font-size: 1.0em;
    font-family: 'Poppins', Arial, sans-serif;
    margin-bottom: 10px;
}

.EPortfolioSubHeadingNoMargin {
    text-align: left;
    text-transform: none;
    font-size: 1.0em;
    font-family: 'Poppins', Arial, sans-serif;
}


.EPortfolioReviewHeading {
    text-align: left;
    text-transform: none;
    font-size: 1.5em;
    font-family: 'Poppins', Arial, sans-serif;
}

.EPortfolioReviewNameText {
    font-family: 'Poppins',Arial,sans-serif;
    font-weight: bold;
    color: #000000;
    font-size: 1em;
    text-align: center;
}

.EPortfolioReviewMoreInfo {
    font-family: 'Poppins',Arial,sans-serif;
    color: #5f5f5f;
    font-size: 14px;
    text-align: center;
}

.EPortfolioReviewCircle {
    background: transparent url('images/blueCircle_86x86.png') center center no-repeat;
    color: #0090C0;
    font-weight: bold;
    font-family: "Poppins", 'Poppins',Arial,sans-serif;
    font-size: 24px;
    margin-top: 10px;
    padding: 36px 0;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    display: block;
}

.EPortfolioLineManagerCircleComplete {
    background: transparent url('images/greenCircle_86x86.png') no-repeat center center;
    color: #118e0a;
    font-weight: bold;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 20px;
    padding: 34px 26px 30px 23px;
    text-decoration: none;
    cursor: pointer;
    display: block;
}

.EPortfolioLineManagerCircleInProgress {
    background: transparent url('images/orangeCircle_86x86.png') left center no-repeat;
    color: #eaa034;
    font-weight: bold;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 18px;
    margin-top: 10px;
    padding: 34px 26px 30px 23px;
    text-decoration: none;
    cursor: pointer;
    display: block;
}

.EPortfolioLineManagerCircleNotStarted {
    background: transparent url('images/redCircle_86x86.png') center center no-repeat;
    color: #bf0d0d;
    font-weight: bold;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 20px;
    margin-top: 10px;
    padding: 34px 26px 30px 23px;
    text-decoration: none;
    cursor: pointer;
    display: block;
}

.EPortfolioLineManagerStaffNameText {
    font-family: 'Poppins',Arial,sans-serif;
    font-weight: bold;
    color: #000000;
    font-size: 1em;
}

.EPortfolioLineManagerStaffMoreInfo {
    font-family: 'Poppins',Arial,sans-serif;
    color: #5f5f5f;
    font-size: 14px;
    width: 120%;
}

.ManagerStaffBlock {
    display: block;
    background-color: #e9e9e9;
    padding: 10px;
    height: 180px !important;
}

.ManagerStaffBlockFix {
    vertical-align: top;
}

.ManagerStaffBlock:hover {
    background-color: #afafaf;
}

.ManagerStaffBlockCircle {
    margin: 10px auto;
    width: 90px;
    display: block;
}

.ManagerStaffBlockUsername {
    color: #000000;
    text-align: center;
    margin: 2px 0;
    font-family: "Poppins", 'Poppins', Arial;
    font-size: 18px;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
}

.ManagerStaffBlockRole p {
    color: #5e5e5e;
    text-align: center;
    margin: 0 auto;
    height: 50px;
    display: block;
    width: 250px;
    font-size: 13px;
    font-family: "Poppins", 'Poppins', Arial;
}

.PopupHeading {
    word-wrap: normal;
    margin-left: 20px;
    margin-top: 10px;
    display: block;
}

.PopupDescription {
    word-wrap: normal;
    margin-left: 20px;
    margin-top: -10px;
    display: block;
    height: 50px;
    overflow: hidden;
}

.EPortfolioEvidence {
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    position: absolute;
}

/* Is this obsolete?*/
.GridStyle {
    background-color: #e5e5e5;
}

.StandardStyle {
    padding-top: 10px;
    padding-bottom: 1px;
    color: #5f5f5f;
    font-size: 11px;
    text-transform: uppercase;
}

.StandardName {
    font-size: 18px;
    line-height: 1.2px;
}

.CriteriaCount {
    text-align: right;
    font-size: 0.8em;
    font: 400;
    float: right;
    padding-left: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-right: 4px;
    margin-top: 10px;
}

.CriteriaCountManager {
    text-align: right;
    font-size: 0.8em;
    font: 400;
    float: right;
    padding-left: 5px;
    width: 27%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-right: 4px;
}

.CriteriaCount h3 {
    color: #5e5e5e;
    margin: 5px 0;
    font-weight: normal;
}

.CriteriaColumnHeader {
    padding-top: 10px;
    color: #a0a0a0;
    font-size: 11px;
    float: left;
    padding-left: 20px;
    border: 0;
}

.StandardColumnHeader {
    padding-top: 10px;
    color: #a0a0a0;
    font-size: 11px;
    padding-left: 20px;
    border: 0;
}

.BoundFieldCss {
    word-break: normal;
}

.CriteriaHeader {
    float: right;
}

.CommentsHeader {
    padding-left: 10px;
}

.EPortfolioBackButton {
    background-color: #000;
    font-size: 0.7em;
    padding: 10px 20px;
    height: 10px;
    width: 30px;
    float: left;
    text-decoration: none;
    color: #fff;
    display: block;
    position: absolute;
    margin-left: -20px;
    margin-top: -20px;
}

    .EPortfolioBackButton:hover {
        text-decoration: underline;
    }

.EPortfolioHeading {
    text-align: center;
    text-transform: none;
    font-size: 2.0em;
    font-family: 'Poppins', Arial, sans-serif;
}

.EPortfolioHeaderInformation {
    text-transform: none;
    font-size: 0.8em;
    color: #9b9b9b;
    font-family: 'Poppins', Arial, sans-serif;
    font: 900;
}


.CourseTitle {
    padding-left: 3px;
    padding-right: 3px;
}

/*EP style */


.NameTitle {
    font-family: 'Poppins', Arial, sans-serif;
    font: bold;
    font-size: 20px;
    overflow: hidden;
    position: relative;
    width: 50%;
    margin-top: 35px;
    font-weight: bold;
    text-transform: none;
}

.RoleInformation {
    font-size: 14px;
    color: #a0a0a0;
    font-weight: normal;
    width: 470px;
    padding-bottom: 5px;
    text-transform: none;
    margin-bottom: 10px;
    overflow: hidden;
}

.NameTitleUser {
    font-family: 'Poppins', Arial, sans-serif;
    font: bold;
    font-size: 20px;
    overflow: hidden;
    position: relative;
    width: 50%;
    font-weight: bold;
    text-transform: none;
    margin-top: 30px;
}

.NameTitleUserUnit {
    font-family: 'Poppins', Arial, sans-serif;
    font: bold;
    font-size: 20px;
    overflow: hidden;
    position: relative;
    width: 460px;
    font-weight: bold;
    text-transform: none;
    margin-top: 18px;
    display: inline;
    float: left;
}

.PercentBarDiv {
    margin-top: 10px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}


.NotApprovedPercentBarWrapper {
    height: 18px;
    background-color: #bf0d0d;
    display: inline-block;
    padding-top: 2px;
    *display: inline;
    *zoom: 1;
    text-decoration: none;
    vertical-align: middle;
    font-family: 'Poppins',sans-serif;
    color: #ffffff;
    font: bolder;
    font-size: 12px;
    font-weight: 400;
    padding-left: 10px;
    margin-right: -10px;
    white-space: nowrap;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.PercentBarText {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    font-family: 'Poppins',sans-serif;
    text-decoration: none;
    color: #ffffff;
    font: bolder;
    font-size: 0.7em;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.SpanCheckerPercentBarText {
    display: none;
    font-family: 'Poppins',sans-serif;
    font: bolder;
    font-size: 10px;
}

.NeedsApprovedPercentBarWrapper {
    height: 18px;
    background-color: #eaa034;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-decoration: none;
    vertical-align: middle;
    font-family: 'Poppins',sans-serif;
    color: #ffffff;
    padding-top: 2px;
    font: bolder;
    font-size: 12px;
    font-weight: 400;
    padding-left: 10px;
    margin-right: -10px;
    white-space: nowrap;
}

.NeedsApprovedPercentBarText {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    margin-left: -3px;
    font-family: 'Poppins',sans-serif;
    color: #ffffff;
    font: bolder;
    font-size: 0.7em;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    white-space: nowrap;
}

.ApprovedPercentBarWrapper {
    height: 18px;
    background-color: #1c7517;
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    padding-top: 2px;
    font-family: 'Poppins', Arial, sans-serif;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    padding-left: 10px;
    margin-right: -10px;
    white-space: nowrap;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

.ApprovedPercentBarText {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    margin-left: -3px;
    font-family: 'Poppins',sans-serif;
    color: #ffffff;
    font: bolder;
    font-size: 0.7em;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.EPortfolioHeadingContainer {
    /*width: 300px;
    margin-left: 340px;*/
    margin: 20px 0 20px 0;
}

.EPortfolioHeadingContainerReviewer {
    /*width: 300px;
    margin-left: 340px;*/
    margin: 10px 0 20px 250px;
}


.EPortfolioHeadingContainerUnit {
    text-align: center;
    margin: 20px 0 20px 130px;
}

.EPortfolioHeadingTop {
    font-family: "Poppins", Arial, sans-serif;
    text-align: center;
    text-transform: none;
    font-size: 20px;
    color: #324065;
}

.EPortfolioHeadingTopUnit {
    font-family: "Poppins", Arial, sans-serif;
    text-align: center;
    text-transform: none;
    font-size: 1.7em;
    color: #324065;
    margin-top: 45px;
    float: left;
}

.EPortfolioStandardHeading {
    font-family: "Poppins", Arial, sans-serif;
    text-align: center;
    text-transform: none;
    font-size: 1.25em;
    color: #324065;
}

.EPortfolioHeadingBottom {
    font-family: 'Poppins',sans-serif;
    text-align: center;
    text-transform: none;
    font-size: 24px;
    color: #324065;
    margin-top: -10px;
    font-weight: 400;
    margin-bottom: 10px;
}

.EportfolioAdminFieldset {
    background-color: #ededed;
    border: none;
    margin: 10px 0 0 0;
    padding: 20px 20px 0 20px;
    font-family: 'Poppins',sans-serif;
}

.EportfolioFieldSet {
    margin-top: -10px;
}

.EportfolioInlineHeading {
    font-size: 1em;
    font-weight: bold;
    padding-right: 2px;
    text-transform: uppercase;
    padding: 0 0 5px 0;
    color: #191919;
    font-family: 'Poppins', Arial, sans-serif;
    margin-bottom: 5px;
    display: inline-block;
}

.EportfolioInlineHelp {
    float: right;
    display: inline;
    padding-bottom: 10px;
}

.ePortfolioRoleTreeBorder {
    width: 600px;
    margin-bottom: 10px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 20px;
    padding-top: 10px;
    padding-left: 0px;
}

.ePortfolioFieldsetLeft {
    width: 44%;
    display: inline-block;
    margin-bottom: 0;
    padding-left: 0px;
}

.ePortfolioFieldsetRight {
    width: 44%;
    display: inline-block;
    margin-bottom: 0;
    float: right;
}

.EPortfolioReviewerNameRole {
    position: absolute;
    top: 64px;
}

.EportfolioNameTitle {
    font-family: 'Poppins', Arial, sans-serif;
    font: bold;
    font-size: 20px;
    font-weight: bold;
    text-transform: none;
}

.EportfolioRoleInformation {
    font-size: 14px;
    color: #a0a0a0;
    font-weight: normal;
    text-transform: none;
}

.LightBoxRoleSelector {
    height: 95px;
    width: 420px;
    font-family: 'Poppins',Arial,sans-serif;
    position: fixed;
    display: block;
    text-align: center;
    top: 40%;
    left: 50%;
    margin-top: -45px;
    margin-left: -300px;
    z-index: 6000;
    border-color: white;
}

.ButtonRoleSelect {
    cursor: pointer;
}

.LabelSelectedRole {
    text-decoration: underline;
}

.LightBoxRoleSelectFieldset {
    background: #D8DBE4;
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
}

.ePortfolioLightBox {
    max-height: 650px;
    width: 600px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    z-index: 10000;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding: 20px;
    overflow-y: hidden;
    overflow-x: hidden;
}

.ePortfolioAssignUserLightBox {
    height: 10%;
    width: 50%;
    font-family: 'Poppins',Arial,sans-serif;
    position: fixed;
    display: block;
    top: 180px;
    left: 400px;
    z-index: 5001;
}

.ePortfolioEditStandardsHeading {
    font-size: 14px;
    font-weight: bold;
    padding-right: 2px;
    text-transform: uppercase;
    padding: 0 0 5px 0;
    color: #191919;
    font-family: 'Poppins', Arial, sans-serif;
    margin-bottom: 5px;
}

.ePortfolioGridUsers {
    height: 400px;
    overflow: scroll;
    margin-bottom: 10px;
    overflow-x: hidden;
}

.ePortfolioError {
    margin-bottom: 10px;
    margin-top: 10px;
}

.ePortfolioCriteriaAdmin {
    margin-bottom: 8px;
    padding-bottom: 0px;
    padding-left: 30px;
    height: 470px;
}

.AdditionalEvidenceAdmin {
    width: 100%;
    display: inline-block;
    padding-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: -10px;
    padding-left: 0px;
}

.AdditionalEvidencetd {
    padding-left: 50px;
    padding-bottom: 10px;
}

.AdditionalEvidencetdHeading {
    vertical-align: top;
}

.ePortfolioGridDescription div {
    height: 15px !important;
}

.ePortfolioLabelBold {
    font-weight: bold;
}

.ePortfolioTextBox {
    resize: none;
    font-family: 'Poppins', Arial, sans-serif;
    display: block;
    padding: 10px 0;
    border: none;
    color: black;
    width: 100%;
    position: relative;
}

    .ePortfolioTextBox:focus {
        outline: auto;
    }

.ePortfolioSurveyHeading {
    display: inline-block;
    font-family: 'Poppins', Arial, sans-serif;
    padding: 10px 0;
}

.ePortfolioCriteriaSurvey {
    margin-bottom: 20px;
    background: white;
    padding: 5px 12px 2px 10px;
    border-bottom: solid 10px #e6e7e7;
    position: relative;
}

.ePortfolioCriteriaSurveyStatus {
    right: 123px;
    position: absolute;
}

.ePortfolioReviewerComments {
    width: 100%;
    box-sizing: border-box;
}

.ePortfolioFileLinkGrid {
    width: 380px;
    word-wrap: break-word;
}

.ePortfolioAssignMode {
    float: right;
    margin-right: 385px;
}

.ePortfolioLightBoxContainer {
    height: 100%;
    width: 100%;
    font-family: 'Poppins',Arial,sans-serif;
    position: fixed;
    display: block;
    top: 0px;
    left: 0px;
    z-index: 4999;
    background: url('images/DimBackground.png');
}

    .ePortfolioLightBoxContainer .EventInfoLightBox {
        width: 1010px;
        overflow: auto;
        padding-top: 40px;
        position: relative;
    }

    .ePortfolioLightBoxContainer .FSHint1 {
        background-color: #D8DBE4;
    }

    .ePortfolioLightBoxContainer .LightBoxClose {
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .ePortfolioLightBoxContainer #ButtonViewAssessment {
        display: none;
    }

.ePortfolioModuleLaunch .LightBoxModuleLauncher {
    margin-top: 100px;
    overflow: auto;
}

.ePortfolioModuleLaunch .FSHint2, .ePortfolioModuleLaunch .FSHint1 {
    background-color: #D8DBE4;
}

/* Notifications Centre */
.AnnouncementsNotification {
    display: block;
    background: url('images/NHS_Bullhorn.png') no-repeat left center;
    height: 30px;
    width: 30px;
    padding-left: 15px;
    padding-top: 19px;
    margin-left: -10px;
    color: white;
    float: left;
}

.AnnouncementsNotificationNew {
    display: block;
    background: url('images/NHS_BullhornNotification.png') no-repeat left center;
    width: 30px;
    height: 35px;
    padding-left: 18px;
    padding-top: 5px;
    margin-left: -10px;
    color: white;
    float: left;
    font-size: 12px;
}

.AnnouncementsManyNotificationNew {
    display: block;
    background: url('images/NHS_BullhornNotification.png') no-repeat left center;
    width: 30px;
    height: 35px;
    padding-left: 15px;
    padding-top: 5px;
    margin-left: -10px;
    color: white;
    float: left;
    font-size: 12px;
}

.AnnouncementsLink {
    display: block;
    font-weight: bold;
    font-family: 'Poppins',Arial,sans-serif;
    text-decoration: none;
    height: 25px;
    padding-top: 15px;
    color: #000;
}

.CriticalUpdatesNotification {
    display: block;
    background: url('images/NHS_Bullhorn.png') no-repeat 5px center;
    height: 30px;
    width: 30px;
    padding-left: 15px;
    padding-top: 5px;
    margin-left: -10px;
    color: white;
    float: left;
}

.CriticalUpdatesNotificationNew {
    display: block;
    background: url('images/NHS_BullhornNotification.png') no-repeat 5px center;
    height: 30px;
    width: 30px;
    padding-left: 15px;
    padding-top: 5px;
    margin-left: -10px;
    color: white;
    float: left;
    font-size: 12px;
}

.CriticalUpdatesManyNotificationNew {
    display: block;
    background: url('images/NHS_BullhornNotification.png') no-repeat 5px center;
    height: 30px;
    width: 30px;
    padding-left: 15px;
    padding-top: 5px;
    margin-left: -10px;
    color: white;
    float: left;
    font-size: 12px;
}

.CriticalUpdatesLink {
    display: block;
    font-weight: bold;
    font-family: 'Poppins',Arial,sans-serif;
    text-decoration: none;
    height: 25px;
    padding-top: 15px;
    color: #000;
}

.UpdatesNotification {
    display: block;
    background: url('images/NHS_BookNotification.png') no-repeat 5px center;
    height: 38px;
    width: 30px;
    padding-left: 21px;
    padding-top: 6px;
    margin-left: -10px;
    color: white;
    float: left;
    font-size: 13px;
}

.UpdatesManyNotification {
    display: block;
    background: url('images/NHS_BookNotification.png') no-repeat left center;
    height: 30px;
    width: 30px;
    padding-left: 13px;
    padding-top: 5px;
    margin-left: -10px;
    color: white;
    float: left;
    font-size: 12px;
}

.UpdatesLink {
    display: block;
    font-family: 'Poppins',Arial,sans-serif;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    padding-top: 15px;
    color: #000;
}

.AnnouncementArea {
    cursor: pointer;
    width: 210px;
    display: inline-block;
    float: left;
    height: 180px;
    margin-left: 20px;
}

/* My Learning */

.CategoriesContainer {
    margin-top: 10px;
    width: 100%;
}

    .CategoriesContainer tr {
        margin-bottom: 10px;
        display: block;
    }

.CategoryBox {
    font-family: 'Poppins', Arial, sans-serif;
    background-color: #CCCCCC;
    width: 215px;
    height: 40px;
    border-left-width: 10px;
    border-left-style: solid;
}

.CategorySeperator {
    width: 7px;
}

.CategoryTitle {
    padding: 5px;
    display: block;
    height: 20px;
    font-size: 10pt;
    text-decoration: none;
    color: #000;
    float: left;
    padding-left: 15px;
}

.CategoryBox:hover {
    text-decoration: underline;
}

.GridLeftColouredBorder {
    border-left-width: 10px;
    border-left-style: solid;
}

/* Buttons */

.ActionButton, .PanelActionButton {
    font-family: 'Poppins', Arial, sans-serif;
    font-weight: 600;
    background-color: #303149;
    color: #ffffff !important;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    font-size: 12px;
    /* height:17px; Removing as this messes up the Line Manager panel on Profile */
    display: inline-block;
    zoom: 1;
    *display: inline;
    cursor: pointer;
    text-align: center;
    border-radius:7px;
}

.ActionButtonListSpace {
    margin-bottom: 4px;
}

.ActionButton:hover, .PanelActionButton:hover {
    background-color: #48496d;
}

.ActionButtonLight {
    background-color: #e5630a;
}

    .ActionButtonLight:hover {
        background-color: #dd8447;
    }

.ActionButtonContentLauncher {
    width: 100px;
}

.ActionButtonButton { /* Used in at least one place to avoid other styles */
    font-family: 'Poppins', Arial, sans-serif;
    font-weight: 600;
    background-color: #303149;
    color: #fff;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    font-size: 12px;
    /* height:17px; Removing as this messes up the Line Manager panel on Profile */
    display: inline-block;
    zoom: 1;
    *display: inline;
    cursor: pointer;
    text-align: center;
    border: none;
    border-radius: 7px;
}

    .ActionButtonButton:hover {
        background-color: #5A6B91;
    }

    .ActionButtonMargin {
        font-family: 'Poppins', Arial, sans-serif;
        font-weight: 600;
        background-color: #334165;
        color: #fff !important;
        padding: 10px 15px 10px 15px;
        text-decoration: none;
        font-size: 11px;
        margin: 1px;
        display: inline-block;
        zoom: 1;
        *display: inline;
        cursor: pointer;
        text-transform: uppercase;
        text-align: center;
        border-radius: 4px;
    }

.ChangePathwayButton {
    font-family: 'Poppins', Arial, sans-serif;
    background-color: #334165;
    color: #fff;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    font-size: 10px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    background-color: #019f00;
    text-transform: uppercase;
    width: 180px;
    height: 35px;
    box-sizing: border-box;
    font-size: 12px;
}

/*style=""*/
.ActionButtonSubtle {
    background-color: #9ba4b9
}



.ChangePathwayButton:hover {
    background-color: #62ef21;
}

.LeavePathwayButton {
    font-family: 'Poppins', Arial, sans-serif;
    background-color: #334165;
    color: #fff;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    font-size: 10px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    background: #c60000 url('images/chevron.png') repeat-x top left;
    text-transform: uppercase;
    width: 180px;
    height: 35px;
    box-sizing: border-box;
    font-size: 12px;
}

    .LeavePathwayButton:hover {
        background-color: #ff0101;
    }

.BrowseButton {
    background-color: #e5630a;
    width: 130px;
    float: left;
}

    .BrowseButton:hover {
        background-color: #dd8447;
    }

.AddReviewBox {
    background-color: white;
    padding: 2px 10px 2px 4px;
    font-size: 10pt;
}

.FloatingHeader {
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 11pt;
}

.DialogueBoxNoBorder {
    font-family: Poppins, sans-serif;
    font-size: 11pt;
    border: none;
}

/* PLL Styles */
.PLLActionButton {
    font-family: 'Poppins', Arial, sans-serif;
    background: #2dcb5a url('images/pll_add.png') no-repeat left center;
    color: #fff;
    padding: 14px 30px 14px 50px;
    text-decoration: none;
    font-size: 13px;
    display: normal;
    cursor: pointer;
    text-transform: uppercase;
    float: right;
    border-style: none;
}

.PLLHeadingBottom {
    font-family: "Poppins", Arial, sans-serif;
    text-align: center;
    text-transform: none;
    font-size: 1.5em;
    color: #324065;
    margin-top: -25px;
}

.PLLHeadingTop {
    font-family: 'Poppins',sans-serif;
    text-align: center;
    text-transform: none;
    font-size: 2.5em;
    color: #324065;
    font: bolder;
}

.CBSHeadingTop {
    font-family: 'Poppins',sans-serif;
    text-align: center;
    text-transform: none;
    font-size: 2.5em;
    color: #324065;
    font: bolder;
}

.CBSHeadingBottom {
    font-family: "Poppins", Arial, sans-serif;
    text-align: center;
    text-transform: none;
    font-size: 1.5em;
    color: #324065;
    margin-top: -25px;
    margin-left: -25px;
}

.PageHeadingBottomPLL {
    clear: both;
    border-top: solid;
    border-color: #e5e5e5;
    width: 1024px;
    margin-left: -20px;
}

.PLLActionButton:hover {
    background-color: #069151;
}

.PLLDescription {
    margin-left: 15px;
    font-weight: normal;
    font-size: 14px;
    float: left;
}

.PLLAddActivityButton {
    font-family: 'Poppins', Arial, sans-serif;
    background: #2dcb5a url('images/pll_add.png') no-repeat left center;
    color: #fff;
    padding: 14px 30px 14px 50px;
    text-decoration: none;
    font-size: 13px;
    cursor: pointer;
    text-transform: uppercase;
    border: 0;
    float: right;
}

    .PLLAddActivityButton:hover {
        background-color: #069151;
    }

.PLLLaunchPanelDialog {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-image: url('images/DimBackground.png');
    margin: 0;
    padding: 0;
    font-family: 'Poppins', Arial, sans-serif;
    top: 0px !important;
    left: 0px !important;
}

.PLLLaunchPanelDialogInner {
    background: #fff;
    padding: 20px;
    width: 600px;
    margin: 50px auto;
}

.PLLHeader {
    font-family: 'Poppins', Arial, sans-serif;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom:5px;
}


.PLLCloseButton {
    font-family: 'Poppins', Arial, sans-serif;
    background-color: #334165;
    color: #fff;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    font-size: 13px;
    cursor: pointer;
    text-transform: uppercase;
    border: none;
}

    .PLLCloseButton:hover {
        background-color: #5A6B91;
    }


.DatePicker {
    font-family: 'Poppins', Arial, sans-serif;
    color: #E6E6E6;
    width: 1000px;
    border-width: 100px;
    border-collapse: collapse;
    cursor: default;
    top: 300px;
}

.title {
    background-color: #9B9B9B;
    border-width: 1px;
    border-color: #000;
    color: #000;
    font-weight: bold;
}

.day {
    background-color: #334165;
    border-color: #50618d;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    text-align: center;
    width: 40px;
}

.dayhover {
    background-color: #7f8dcf;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    text-align: center;
    text-decoration: underline;
    width: 40px;
}

.dayheader {
    background-color: #334165;
    border-color: #5A6B91;
    border-style: solid;
    border-width: 1px;
    font-weight: bold;
    text-align: center;
    width: 40px;
}

.othermonthday {
    color: #ac162c;
    visibility: visible;
}

.outofrangeday {
    visibility: visible;
}

.selectedday {
    background-color: #0090C0;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    font-weight: bold;
    width: 25px;
}





.Block {
    display: block;
}


. {
    font-family: 'Poppins', Arial, sans-serif;
    background-color: #0090C0;
    color: #fff;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
    font-size: 13px;
    height: 17px;
    display: normal;
    cursor: pointer;
    text-transform: uppercase;
}

    .ActionButtonSlim:hover {
        text-decoration: underline;
    }

    .cancelEventConfirmText {
        font-family: 'Poppins', Arial, sans-serif;
        font-size: 15px;
        text-align: center;
        width: 100%;
    }

    .FixedWidthButton {
        width: 50px;
        display: block;
    }

    .BigButton {
        font-family: 'Poppins', Arial, sans-serif;
        background-color: #334165;
        color: #fff;
        padding: 10px 30px 10px 30px;
        text-decoration: none;
        display: normal;
        cursor: pointer;
        height: 20px;
    }

    .ActionButtonBackgroundBorder {
        border: orange solid 3px;
        /*box-shadow: inset 0px 0px 0px 3px lightblue;*/
        /*padding: 7px 12px 7px 12px*/
    }

    .ActionButtonStandOut {
        border: 3px solid #EAA306 !important;
    }

    .ActionButtonHighlighted {
        background-color: #5A6B91;
    }

    .ActionButtonMouseDown {
        background-image: url('images/HexSemitransparent.png');
    }

    .MiniButton {
        background-color: #000;
        padding: 10px 10px 10px 10px;
        height: 25px;
        margin-top: -10px;
        margin-right: 530px;
    }

    .PageHeadingButton {
        font-family: 'Poppins', Arial, sans-serif;
        font-size: 11px;
        background: #2F92E0;
        padding: 10px 20px;
        text-decoration: none;
        display: block;
        float: right;
        cursor: pointer;
        color: #fff;
    }

        .PageHeadingButton:hover {
            background: #6FA6D1;
        }

/* Definition lists */

dl {
    margin: 0;
    clear: both;
    font-family: 'Poppins', Arial, sans-serif;
}

dt {
    width: 230px;
    float: left;
    font-size: 10pt;
    line-height: 1.2em;
    font-weight: 400;
}

    dt label {
        display: block;
        line-height: 1em;
    }


dd {
    padding-bottom: 10px;
    margin: auto;
    zoom: 1;
}

    dd input {
        font-style: normal !important;
        font-family: 'Poppins', Arial, sans-serif !important;
        font-size: 12px !important;
        border-color: #b3b3b3 !important;
        border: 1px solid;
        border-radius: 3px;
    }

    dd select {
        /*margin-bottom: 20px; removed 6_02_Fixes for content auth filter*/
        font-style: normal !important;
        font-family: 'Poppins', Arial, sans-serif !important;
        font-size: 12px !important;
        border-color: #b3b3b3 !important;
    }

    dd .ActionButton {
        float: right;
    }

    dd img.HelpIcon {
        vertical-align: top;
    }

    dd span.FieldName {
        padding-right: 15px;
    }

dl.SubList {
    margin-left: 55px;
}

    dl.SubList dt {
        font-weight: normal;
    }

.FieldTitleDiv {
    width: 230px;
    margin-bottom: 10px;
    font-weight: bold;
}

.FieldValueDiv {
    margin-bottom: 10px;
}

/* Location and Role panel */

#ContentPlaceHolder1_PanelLocationAndRole dd,
#ContentPlaceHolder1_PanelIdentificationNumber dd,
#ContentPlaceHolder1_PanelSpecialRequirements dd {
    float: right;
    width: 75%;
}

#ContentPlaceHolder1_LabelLocationValue,
#ContentPlaceHolder1_LabelRoleValue,
#ContentPlaceHolder1_LBLchosenDirectorate #ContentPlaceHolder1_LabelIdentificationNumberText,
#ContentPlaceHolder1_LabelIdentificationNumberText2,
#ContentPlaceHolder1_LabelDietaryRequirements,
#ContentPlaceHolder1_LabelLearningRequirements {
    float: left;
    padding-top: 3px;
    width: 600px;
}


/* Input Controls */

select {
    font-size: 12px;
}

input {
    font-size: 12px;
    font-family: 'Poppins', Arial, sans-serif;
}

textarea {
    font-size: 12px;
    font-family: 'Poppins', Arial, sans-serif;
}

.RadioButtonList {
    padding-bottom: 10px;
    font-size: 10px;
}

#ContentPlaceHolder1_RadioButtonList2 {
    padding-bottom: 10px;
    font-size: 10px;
}

#ContentPlaceHolder1_PanelResults {
    margin-top: -50px;
}

div#ContentPlaceHolder1_PanelRequestAdmin {
    margin-bottom: 20px;
}


/* Hint */

.FSHint1 {
    background-color: #e7e6e6;
    font-family: 'Poppins',Arial,sans-serif;
}

.FSHint2 {
    background-color: #e7e6e6;
}

.FSHint3 {
    background-color: #e7e6e6;
    margin-bottom: 20px;
}

.FSNeutral {
    background-color: #96A2AD;
}

.FSCorrect {
    background-color: #60bb46;
}

.FSIncorrect {
    background-color: #ac162c;
}


/* Hint Individual Styles */

.Instructions {
    font-family: 'Poppins', Arial, sans-serif;
    display: block;
    padding: 10px 0;
}


/* Fieldsets */
.CBSSubHeader {
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 1.5em;
}

.PageInstructionCBS {
    font-size: 1.0em;
    font: bold;
    background: url(images/orange_triangle.png) no-repeat left center;
    padding: 10px 0px 10px 20px;
}


.MontFont {
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 9pt;
}


.AccordionReports {
    background-color: #0071BB;
    padding: 10px;
    font-size: 9pt;
    color: white;
    border-bottom: 1px white solid;
    font-family: 'Poppins', Arial, sans-serif;
    cursor: pointer;
}

.AccordionReportsLists {
    background-color: #EAEAEA;
}

.CustomReportImg {
    background: url(images/reportSmall.png) no-repeat left center;
    padding-left: 20px;
    color: #334165;
    text-decoration: none;
}

    .CustomReportImg:hover {
        color: #2F92E0;
        text-decoration: underline;
    }

.ReportImg {
    background: url(images/reportSmall.png) no-repeat left center;
    padding-left: 20px;
    color: #334165;
    text-decoration: none;
}

    .ReportImg:hover {
        color: #2F92E0;
        text-decoration: underline;
    }

.LocationDropdown {
    background-color: white;
    padding-left: 10px;
    border: 1px black solid;
    /*font-family:'Poppins', sans-serif;*/
    font-size: 9pt;
}

.Dropdown1 {
    background-color: white;
    border: 1px black solid;
    /*font-family:'Poppins', sans-serif;*/
    font-size: 9pt;
    width: 170px;
}

.ServiceBreadcrumb {
    padding: 9px 10px 8px 10px;
    background-color: #48355E;
    color: white;
    float: left;
    margin-right: 5px;
}

fieldset {
    background-color: #ebebeb;
    border: none;
    margin: 7px 0;
    padding: 20px 25px;
    border-radius: 10px;
}

fieldset.warning{
    border: 5px solid red;
}

.fieldsettabtop {
    margin-top:0px;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}




FIELDSET.tabfieldset {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

fieldset.widefieldset {
    background-color: #ffffff;
    border: 1px solid #858585;
    font-size: 11px;
    padding-bottom: 5px;
}

legend {
    margin-left: 10px;
    padding-top: 40px;
    font-weight: bold;
    font-size: 12px;
}

.FieldSetHeading, fieldset .heading {
    font-size: 15px;
    font-weight: 700;
    padding-right: 2px;
    text-transform: uppercase;
    color: #191919;
    font-family: 'Poppins', Arial, sans-serif;
    margin-bottom: 10px;
}

fieldset p {
}

/* Hierarchy Picker */

.HierarchyPicker {
    
}

.HierarchyPicker_Left {
    float: left;
    width: 500px;
}

.HierarchyPicker_Right {
    float: left;
    margin-left: -20px;
    width: 450px;
}

.HierarchyPicker dl {
    width: 300px;
}

.HierarchyPicker dt {
    width: 100px;
    float: left;
    padding-top: 3px;
}

.HierarchyPicker dd {
    width: 100px;
    padding-bottom: 0px;
    padding-left: 20px;
    height: 35px;
}

.HierarchyPicker_Heading {
    font-weight: bold;
    color: white;
    font-size: 12px;
    margin-left: 9px;
    padding-top: 10px;
    font-family: 'Poppins', Arial, sans-serif;
}

.HierarchyPicker select {
    width: 260px;
    font-size: 10px;
    font-family: 'Poppins', Arial, sans-serif;
}



.PickerEnd {
    clear: both;
}

/* Details Box (2 column information) */

.DetailsBox {
    background-color: #27aae1;
    width: 1000px;
    margin-left: -20px;
    margin-top: -20px;
}

.DetailsBoxLeft {
    float: left;
    width: 320px;
    padding-left: 400px;
    color: white;
    font-size: 10px;
}

.DetailsBoxRight {
    float: left;
    width: 260px;
    font-size: 10px;
    color: white;
}

.DetailsBox dl {
    padding-left: 10px;
    width: 350px;
}

.DetailsBox dt {
    width: 125px;
    float: left;
    padding-top: 3px;
}

.DetailsBox dd {
    padding-bottom: 0px;
    padding-left: 20px;
    height: 30px;
    padding-top: 3px;
}

/* Messages */
.ErrorMessage {
    background: #ac162c url('images/sfrs_xIcon.png') no-repeat 10px center;
    background-position-x: 10px;
    background-position-y: 13px;
    padding: 20px 10px 20px 50px;
    display: block;
    color: #fff;
    border-radius:10px;
    margin-top:8px;
}

span.ErrorMessage[style*="inline"] {
    display: block !Important;
}

.ErrorImage {
    background: url('images/errorIcon.png') no-repeat left center;
    padding: 20px 10px 20px 10px;
    color: rgb(158, 0, 0);
    display: block;
    vertical-align: middle;
}

/* Obsolete - Use Error Image Instead*/
.ErrorAsterisk {
    font-size: 12px;
    color: rgb(158, 0, 0);
    display: inline-block;
    width: 280px;
}



div#ContentPlaceHolder1_UpdatePanelLineManagers {
    margin-bottom: 20px;
}

div#ContentPlaceHolder1_PanelRequestButtons {
    /*position: absolute;*/
    margin-left: 9px;
}

/* Assessment Radio Buttons */

div#ContentPlaceHolder1_RadioButtonListAnswers {
    padding-left: 20px;
}


span#SpanTimeLeft.TimeLeft {
    font-size: 12px;
    padding-left: 10px;
}

div.TimeRemainingText {
    display: inline-flex;
    color: #ac162c;
}

div.AssessmentQuestion_Right {
}


div#ContentPlaceHolder1_PanelAssessmentLockedOut fieldset.FSHint1 div.FieldSetHeading {
    padding-bottom: 10px;
    font-family: 'Poppins', Arial, sans-serif;
}

span#ContentPlaceHolder1_lblLockoutMsg {
    font-size: 10px;
    padding-left: 10px;
}


div#ContentPlaceHolder1_DivNoSearchResults {
    text-transform: uppercase;
    padding: 20px;
    font-size: 10px;
}

div#ContentPlaceHolder1_AssessmentSettingsNoticeLabel {
    font-size: 11px;
}

div#ContentPlaceHolder1_CompareValidatorEmails.ErrorMessage {
    padding-bottom: 10px;
    background-position: 10px;
    background-position-x: 10px;
    padding-left: 50px;
    padding-top: 10px;
    margin-left: 250px;
    background-size: 20px 20px;
}

div#ContentPlaceHolder1_PanelDrivingLicenses div.FieldSetHeading {
    margin-bottom: 15px;
}

    div#ContentPlaceHolder1_PanelDrivingLicenses div.FieldSetHeading a.ActionButton {
    }

div#ContentPlaceHolder1_ButtonChangePassword.ActionButton {
    margin-left: 2px;
}

div#ContentPlaceHolder1_PanelDrivingLicenses fieldset a.ActionButton {
    margin-left: 9px;
}

/* Required Reveal Styling */

table#ContentPlaceHolder1_AttemptOverview1_DataList1 span {
    font-weight: bold;
}



a#ContentPlaceHolder1_ButtonFinishAssessment.BigButton {
}

.courseTitles {
    font-size: 12px;
}

.QuestionTitle {
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 12px;
}

.AssessmentTextBox {
    margin-bottom: 30px;
    width: 350px;
    height: 70px;
}

.AnswerHeader {
    font-family: 'Poppins', Arial, sans-serif;
    text-transform: uppercase;
    color: grey;
}

.AssessmentAnswerRadioButton {
    padding-left: 0;
    margin-bottom: 10px;
}

    .AssessmentAnswerRadioButton li {
        background-color: #e3e3e3;
        list-style-type: none;
        margin-bottom: 10px;
        padding: 10px;
    }

    .AssessmentAnswerRadioButton p {
        margin-left: 30px;
    }

.AssessmentResultsTable {
    width: 100%;
}

    .AssessmentResultsTable td {
        padding: 10px;
    }

.WarningMessage {
    background: #ce6308 url('images/statusboxWarningIcon.png') no-repeat left center;
    background-position: 20px;
    padding: 20px 20px 20px 60px;
    display: block;
    font-size: 10px;
    color: #fff;
    border-radius: 10px;
}

.SuccessMessage {
    background: #1e850f url('images/sfrs-infoIcon.png') no-repeat left center;
    background-position: 20px;
    padding: 20px 20px 20px 60px;
    display: block;
    font-size: 10px;
    color: #fff;
    clear: both;
    border-radius: 10px;
}

.SuccessMessageAddRemoveCourse {
    background: #1e850f url('images/sfrs-infoIcon.png') no-repeat left center;
    background-position: 20px;
    padding: 20px 20px 20px 60px;
    display: block;
    font-size: 12px;
    color: #fff;
    clear: both;
}

.InformationMessage {
    background: #2F92E0 url('images/sfrs-infoIcon.png') no-repeat left center;
    background-position: 20px;
    padding: 20px 20px 20px 60px;
    display: block;
    font-size: 10px;
    color: #fff;
    clear: both;
    border-radius: 10px;
}

.InformationMessageDiv {
    margin: 10px;
    background: #2F92E0 url('images/sfrs-infoIcon.png') no-repeat left center;
    background-position: 20px;
    padding: 20px 20px 20px 60px;
    display: block;
    color: #fff;
    clear: both;
}

.InformationMessage a {
    color: #fff;
}


/* Dialogues */

.LightBoxContainer {
    height: 100%;
    width: 100%;
    font-family: 'Poppins',Arial,sans-serif;
    position: fixed;
    display: block;
    top: 0px;
    left: 0px;
    z-index: 5000;
    background: url('images/DimBackground.png');
}

.LightBoxNonModalContainer {
    height: 10%;
    width: 50%;
    font-family: 'Poppins',Arial,sans-serif;
    position: fixed;
    display: block;
    top: 0px;
    left: 500px;
    z-index: 5000;
    /*background: url('images/DimBackground.png');*/
}

.LightBoxAppraisalContainer {
    font-family: 'Poppins',Arial,sans-serif;
    position: absolute;
    display: block;
    top: 0;
    margin-left: -100px;
}

.LightBoxAppraisal {
    max-height: 720px;
    width: 800px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    z-index: 10000;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding: 10px;
    overflow-y: hidden;
    overflow-x: hidden;
}

.LightBoxAddAppraisal {
    max-height: 650px;
    width: 400px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    z-index: 10000;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 200px;
    padding: 20px;
    overflow-y: hidden;
    overflow-x: hidden;
}

.LightBox {
    max-height: 650px; /* Modified from 750 on 09/11/15: Prob with Send Emails in CBS */
    width: 950px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    z-index: 10000;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding: 20px;
    overflow-y: auto;
    overflow-x: hidden;
}

.LightBoxAddUser {
    max-height: 650px;
    width: 600px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    z-index: 10000;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding: 20px;
    overflow-y: auto;
    overflow-x: hidden;
}

.LightBoxModuleLauncher {
    max-height: 650px;
    width: 650px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    z-index: 10000;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding: 20px;
    overflow-y: scroll;
    overflow-x: hidden;
}

/* Use to keep under Calendar Pop-up */
.LightBoxUnderDateBox {
    z-index: 999 !important;
}

.HelpLightBox {
    max-height: 500px;
    width: 70%;
    background: #fff;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    z-index: 10000;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    padding: 20px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.EventInfoLightBox {
    max-height: 600px;
    width: 900px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    z-index: 10000;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    padding: 20px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.LightBoxContainerDelete {
    height: 95px;
    width: 600px;
    font-family: 'Poppins',Arial,sans-serif;
    position: fixed;
    display: block;
    text-align: center;
    top: 40%;
    left: 50%;
    margin-top: -45px;
    margin-left: -300px;
    z-index: 5000;
    border-color: white;
}

.EventInfoLightBoxBackground {
    height: 100%;
    width: 100%;
    position: fixed;
    display: block;
    top: 0px;
    left: 0px;
    z-index: 5000;
    background: url('images/DimBackground.png');
}

.LightBoxHeaderDelete {
    width: 100%;
    background: #334165 url('images/sfrs_xIcon.png') no-repeat left center;
    background-position: 10px;
    margin-top: -20px;
    padding: 10px;
    padding-left: 40px;
    padding-right: 80px;
    margin-left: -20px;
    font-family: "Poppins",sans-serif;
    color: #fff;
}

.FieldSetDelete {
    background: #D8DBE4;
    margin: 0 0 0 0;
    padding: 10px 5px 10px 5px;
}

.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

.AssignmentLightBox {
    max-height: 400px;
    width: 500px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    z-index: 10000;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    padding: 20px;
    overflow-y: hidden;
    overflow-x: hidden;
}

.AssignmentBoxHeader {
    width: 520px;
    font-family: 'Poppins', Arial, sans-serif;
    margin-left: -20px;
    margin-top: -20px;
    background-color: #0090C0;
    color: #fff;
    padding: 10px;
}

.AssignmentBoxCourseInfoLeft {
    width: 142px;
    padding-top: 20px;
    font-size: 10px;
    float: left;
}
.AssignmentBoxCourseInfoRight {
    font-family: 'Poppins',Arial,sans-serif;
    font-weight: bold;
    width: 335px;
    float: left;
    padding: 20px 0px 0px 20px;
}

.AssignmentBoxButtons {
    margin-left: 290px;
    display: block;
}

#AssignmentCourseCategoryName {
    width: 138px;
    background-color: #0090C0;
    color: #fff;
    padding: 2px;
    margin-top: -2px;
}

.LightBoxPlanner {
    height: 85%;
}

.LightBox P, .LightBox SPAN {
    font-family: 'Poppins', Arial, sans-serif;
}

.PlannerBox {
    margin-top: 5px;
    border: none;
}

    .PlannerBox body {
        overflow: hidden !important;
        margin: 0px !important;
    }

.VideoPlayerContainer {
    margin: auto;
}

.AnnouncementsList {
    margin-bottom: 20px;
}

.AnnouncementItem {
    cursor: pointer;
}

.NoScroll {
    overflow-y: hidden;
}

.DataListTray {
}


.DataListTray_Item {
    width: 100%;
    padding: 5px;
    clear: both;
    display: inline-block;
    margin-bottom: 20px;
    border-width: 0px;
    border-color: #e7e8e8;
    border-style: solid;
    overflow: hidden !Important;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.45);
    background-color: #E6E6E6;
    *display: inline;
    *zoom: 1;
}


.ProgramImage {
    width: 110px;
    height: 80px;
    margin-left: 10px;
    margin-top: 10px;
}


.DataListTray_MainImage {
    width: 125px;
    margin-left: 15px;
    margin-top: 10px;
    vertical-align: bottom;
}

    .DataListTray_MainImage IMG {
        vertical-align: bottom;
    }

.DataListTextTitle {
    color: #000;
    display: block;
    float: left;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 14pt;
}

.PanelProgrammeTitle {
    display: block;
    float: left;
    margin-left: 220px;
    padding: 0;
    position: absolute;
}

.ProgrammeTitleTopic {
    background-color: #9FA5B3;
    width: 100%;
    display: block;
    color: #fff;
    padding: 10px;
    margin-top: 20px;
    font-size: 18pt;
    box-sizing: border-box;
}

.TopicContentTitle {
    color: #000;
    display: block;
    float: left;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 18pt;
    font-weight: bold;
}

.ProgrammeTitleMoreInfo {
    color: #000;
    display: block;
    float: left;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 12pt;
}

.Navigator2_ContentTopicName {
    background-color: #9FA5B3;
    width: 100%;
    display: block;
    color: #fff;
    padding: 10px;
    margin-top: 20px;
    font-size: 18pt;
    box-sizing: border-box;
}





.DataListPanelTopics {
    display: block;
    margin-left: 120px;
    margin-top: -75px;
    padding: 0;
}

.TopicInfo {
    width: 800px;
    float: left;
}

.DataListTextDescription {
    color: #000;
    display: block;
    float: left;
    font-family: 'Poppins', Arial, sans-serif;
    margin-top: 25px;
    font-size: 12pt;
}

.DataListAccessTopic {
    color: #000;
    display: block;
    float: left;
    font-weight: bold;
    font-family: 'Poppins', Arial, sans-serif;
    padding: 0;
}

.DataListTray_ItemName, .DataListTray_ItemName SPAN {
    width: 190px;
    clear: both;
    display: inline-block;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 10px;
    padding: 2px;
    height: 33px;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}

.DataListTray_Progress {
    width: 30px;
    height: 30px;
    clear: both;
    display: inline-block;
    display: inline-block;
    *display: inline;
    zoom: 1;
}


.ThumbnailLetterOverlay {
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: SourceCodeProBold;
    font-size: 20px;
    margin-left: 76px;
    margin-top: 60px;
    width: 100%;
    padding: 0;
    position: absolute;
}




.ProgrammeTrayItem {
    background-color: #2977BE;
}

.ModuleTrayItem {
    background-color: #4186C5;
}

.TopicTrayItem {
    background-color: #E6E6E6;
}

.LibraryTrayItem {
    background-color: #6D9AC4;
}

.LightBoxHeader {
    float: left;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 15pt;
    font-weight: 600;
    display: block;
}

.LightBoxHeaderLong {
    float: left;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 15pt;
    display: block;
    padding-right: 40px;
    padding-left: 50px;
    padding-top: 15px;
    height: 35px;
    background: transparent url('images/othercoursesIconBlack.png') no-repeat left center;
}

.LightBoxHeaderNoBackground {
    float: left;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 15pt;
    display: block;
    padding-right: 40px;
    /*padding-top: 15px;*/
    height: 35px;
    text-transform: uppercase;
}

.LightBoxHeaderTwoLineTitle {
    overflow: hidden;
    float: left;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 15pt;
    display: block;
    padding-right: 40px;
    /*padding-top: 15px;*/
    height: 50px;
    width: 80%;
    text-transform: uppercase;
    padding-bottom: 10px;
}


.AnnouncementsHeader {
    margin-top: -5px;
}

#VideoPlayerDialogHeading {
    padding-left: 0px !important;
}

.LeavePathway {
    background: url('') no-repeat top right;
    padding-top: 5px;
    margin-top: -5px;
}

.UpdatesHeader {
    background: url('images/sfrs-announcements.png') no-repeat top right;
    font-family: 'Poppins', Arial, sans-serif;
    padding-top: 5px;
    margin-top: -5px;
}

.ArticleContainer {
    font-family: Arial;
    font-size: 11pt;
}

.LightBoxClose {
    float: right;
    font-family: 'Poppins', Arial, sans-serif;
    text-decoration: none;
    font-size: 12pt;
    color: #000;
    display: block;
    padding-right: 20px;
    background: url('images/sfrs-close.png') no-repeat center right;
    background-size: 18px;
}

.LightBoxBack {
    float: right;
    font-family: 'Poppins', Arial, sans-serif;
    text-decoration: none;
    font-size: 12pt;
    color: #000;
    display: block;
}

/* Side Nav Bar */

.SideNavBar {
    font-family: 'Poppins', Arial, sans-serif;
    background: #c2c2c2;
    height: 100%;
    width: 250px;
    float: left;
    padding-bottom: 80px;
    font-size: 10pt;
}

.SideNavBarHeading {
    background: url('images/nav-assessment-icon.png') no-repeat center left #334165;
    width: 190px;
    min-height: 25px;
    padding: 15px 10px 10px 50px;
    color: #fff;
    background-position: 10px;
    font-size: 11pt;
}

.SideNavBarHeadingSections {
    background: #334165;
    width: 220px;
    min-height: 25px;
    padding: 15px 10px 10px 20px;
    color: #fff;
    background-position: 10px;
    font-size: 11pt;
}

.SideNavBarItems {
    width: 250px;
}

    .SideNavBarItems a {
        display: block;
        min-height: 25px;
        padding: 10px 10px 3px 20px;
        border-bottom: solid 1px #404040;
        cursor: pointer;
        text-decoration: none;
        color: #000;
    }

        .SideNavBarItems a:hover {
            color: #fff;
            background: #767676;
        }

.SelectedSection {
    color: #fff !important;
    background: #767676 !important;
}

.NoData {
    display: block;
    padding: 10px 10px 10px 10px;
}

/* Navigator Content */

.TopicDetails {
}

.TopicImage {
    width: 230px;
    height: 123px;
    float: left;
    margin-right: 20px;
    background-color: #2977BE;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.65);
}

.TopicHeading {
    font-family: 'Poppins', Arial, sans-serif;
}

.TopicDescription {
    color: #5f5f5f;
    font-size: 10pt;
}

.Navigator2_ContentImage {
    float: left;
    margin-right: 20px;
    margin-bottom: 5px;
    margin-left: 20px;
    margin-top: -20px;
}

.BorderedContentImage {
    border: 1px solid #9FA5B3;
}

.SectionHeading {
    margin-top: 20px;
    display: block;
    background-color: #343433;
    color: #fff;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 10pt;
    margin-left: -20px;
    margin-right: -20px;
    padding: 5px 20px 5px 20px;
}

    .SectionHeading a {
        color: #fff;
    }

.SectionInfo {
    padding-top: 20px;
}

.NavigatorContentListGrid {
    font-family: 'Poppins', Arial, sans-serif;
    clear: both;
}

.NavigatorContentListHeader {
    font-size: 11px;
    color: #757575;
    border: hidden;
    text-transform: uppercase;
}

    .NavigatorContentListHeader td {
        padding: 10px;
    }

.NavigatorContentListItem {
    height: 50px;
    background: #e6e7e7;
    border-left: hidden;
    border-right: hidden;
    border-bottom: solid 10px #fff;
}

    .NavigatorContentListItem td {
        padding: 10px;
        font-size: 10pt;
    }

.NavigatorContentAlternatingListItem {
    height: 50px;
    background: #e6e7e7;
    border-left: hidden;
    border-right: hidden;
    border-bottom: solid 10px #fff;
}

    .NavigatorContentAlternatingListItem td {
        padding: 10px;
        font-size: 10pt;
    }

.NavigatorContentHeading {
    font-family: 'Poppins', Arial, sans-serif;
    color: #2b2b2b;
    font-size: 12pt;
    text-transform: uppercase;
}

.NavigatorContentVideoHeading {
    font-family: 'Poppins', Arial, sans-serif;
    color: #fff;
}

.LightNavigatorContentListGrid {
    font-family: 'Poppins', Arial, sans-serif;
    clear: both;
}

.LightNavigatorContentListHeader {
    font-size: 11px;
    background: #f6f6f6;
    color: #757575;
    border: hidden;
    text-transform: uppercase;
}

    .LightNavigatorContentListHeader td {
        padding: 10px;
    }

.LightNavigatorContentListItem {
    height: 50px;
    background: #fff;
    border-left: hidden;
    border-right: hidden;
    border-bottom: solid 10px #f6f6f6;
}

    .LightNavigatorContentListItem td {
        padding: 10px;
        font-size: 10pt;
    }

.LightNavigatorContentAlternatingListItem {
    height: 50px;
    background: #fff;
    border-left: hidden;
    border-right: hidden;
    border-bottom: solid 10px #e6e7e7;
}

    .LightNavigatorContentAlternatingListItem td {
        padding: 10px;
        font-size: 10pt;
    }

.LightNavigatorContentHeading {
    font-family: 'Poppins', Arial, sans-serif;
    color: #2b2b2b;
    font-size: 12pt;
    text-transform: uppercase;
}

.LightNavigatorContentVideoHeading {
    font-family: 'Poppins', Arial, sans-serif;
    color: #fff;
}

.CertificateContentListGrid {
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 14px;
    clear: both;
}


.CertificateContentListItem {
    background: #fff;
    padding-left: 5px;
    padding-bottom: 10px;
}

    .CertificateContentListItem td {
        font-size: 1em;
        padding-left: 5px;
        padding-bottom: 10px;
    }

.CertificateContentAlternatingListItem {
    font-size: 1em;
    padding-left: 5px;
    padding-bottom: 10px;
}

    .CertificateContentAlternatingListItem td {
        font-size: 1em;
        padding-bottom: 10px;
        padding-left: 5px;
    }



.CertificateContentHeading {
    font-family: 'Poppins', Arial, sans-serif;
    color: #fff;
    font-size: 12pt;
    text-transform: uppercase;
}

.CertificateContentVideoHeading {
    font-family: 'Poppins', Arial, sans-serif;
    color: #fff;
}

.CertificateOrangeTriangleImage {
    width: 15px;
    padding-left: 70px;
}

.CertificateNoSectionsOrangeTriangleImage {
    width: 15px;
    padding-left: 40px;
}

.SESDoctorsTextPanel {
    border: 1px solid #3e3e3e;
    padding: 10px;
    margin: 20px 0;
    background-color: #EAEAEA;
}

.DarkNavigatorContentListGrid {
    font-family: 'Poppins', Arial, sans-serif;
}

.DarkNavigatorContentListHeader {
    font-size: 11px;
    color: #fff;
    border: none;
    text-transform: uppercase;
}

    .DarkNavigatorContentListHeader td {
        padding: 10px;
    }

.DarkNavigatorContentListItem {
    height: 50px;
    background: #686868;
    border-left: hidden;
    border-right: hidden;
    border-bottom: solid 10px #333333;
}

    .DarkNavigatorContentListItem td {
        padding: 10px;
        font-size: 10pt;
    }

.DarkNavigatorContentAlternatingListItem {
    height: 50px;
    background: #686868;
    border-left: hidden;
    border-right: hidden;
    border-bottom: solid 10px #333333;
}

    .DarkNavigatorContentAlternatingListItem td {
        padding: 10px;
        font-size: 10pt;
    }

.GridCategoryColumn {
    height: 57px;
    width: 10px;
    margin-top: -10px;
    margin-left: -10px;
    margin-bottom: -10px;
}

/* Video Carousel */

.NavigatorCarousel {
    background-color: #4d4c4d;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 20px;
    margin-bottom: -20px;
    height: 300px;
    padding: 5px 20px 10px 20px;
}

.roundabout-holder {
    list-style: none;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    height: 5em;
    width: 20em;
}

.roundabout-moveable-item {
    height: 200px;
    width: 300px;
    background-color: #e9e9e9;
    color: #ffffff;
    -webkit-box-shadow: 0px 12px 10px rgba(50, 50, 49, 0.75);
    -moz-box-shadow: 0px 12px 10px rgba(50, 50, 49, 0.75);
    box-shadow: 0px 12px 10px rgba(50, 50, 49, 0.75);
}

    .roundabout-moveable-item a {
    }

    .roundabout-moveable-item img {
    }

.roundabout-in-focus {
    cursor: auto;
}

    .roundabout-in-focus span {
        display: block !important;
    }

.ProgrammeCarousel a {
    text-decoration: none;
    text-align: center;
    display: block;
    width: 50%;
    margin-left: 20%;
    position: absolute;
    bottom: 60px;
    font-size: 20px;
    padding: 5px 0px 5px 0px;
    border: 1px solid #000000;
    -webkit-box-shadow: 0px 2px 10px rgba(50, 50, 49, 0.75);
    -moz-box-shadow: 0px 2px 10px rgba(50, 50, 49, 0.75);
    box-shadow: 0px 2px 10px rgba(50, 50, 49, 0.75);
    color: #ffffff;
}

.TopicCarousel a {
    text-decoration: none;
    text-align: center;
    display: block;
    position: absolute;
    bottom: 60px;
    font-size: 20px;
    padding: 5px 0px 5px 0px;
    border: 1px solid #000000;
    -webkit-box-shadow: 0px 2px 10px rgba(50, 50, 49, 0.75);
    -moz-box-shadow: 0px 2px 10px rgba(50, 50, 49, 0.75);
    box-shadow: 0px 2px 10px rgba(50, 50, 49, 0.75);
    color: #ffffff;
}

.CarouselTopicCompleted {
    background-color: rgb(22, 143, 60);
}

.CarouselTopicInProgress {
    background-color: rgb(245, 141, 28);
}

.CarouselTopicAttempted {
    background-color: rgb(245, 141, 28);
}

.CarouselTopicNotStarted {
    background-color: rgb(212, 50, 50);
}

.CarouselTopicCompleted, .CarouselTopicInProgress, .CarouselTopicAttempted, .CarouselTopicNotStarted {
    display: block;
}

    .CarouselTopicCompleted, .CarouselTopicInProgress, .CarouselTopicAttempted, .CarouselTopicNotStarted img {
        top: 20px;
        right: 20px;
        position: absolute;
    }

.CarouselModuleCompleted {
    background: rgb(22, 143, 60) url('images/carousel_module.png') no-repeat right top;
    color: #ffffff;
}

.CarouselModuleInProgress {
    background: rgb(245, 141, 28) url('images/carousel_module.png') no-repeat right top;
    color: #ffffff;
}

.CarouselModuleAttempted {
    background: rgb(245, 141, 28) url('images/carousel_module.png') no-repeat right top;
    color: #ffffff;
}

.CarouselModuleNotStarted {
    background: rgb(212, 50, 50) url('images/carousel_module.png') no-repeat right top;
    color: #ffffff;
}

.CarouselAssessmentCompleted {
    background: rgb(22, 143, 60) url('images/carousel_assessment.png') no-repeat right top;
    color: #ffffff;
}

.CarouselAssessmentInProgress {
    background: rgb(245, 141, 28) url('images/carousel_assessment.png') no-repeat right top;
    color: #ffffff;
}

.CarouselAssessmentAttempted {
    background: rgb(245, 141, 28) url('images/carousel_assessment.png') no-repeat right top;
    color: #ffffff;
}

.CarouselAssessmentNotStarted {
    background: rgb(212, 50, 50) url('images/carousel_assessment.png') no-repeat right top;
    color: #ffffff;
}

.CarouselLink {
    background: rgb(107, 197, 223) url('images/carousel_link.png') no-repeat right top;
    color: #ffffff;
}

.CarouselFile {
    background: rgb(165, 29, 165) url('images/carousel_file.png') no-repeat right top;
    color: #ffffff;
}

.CarouselVideo, .CarouselModuleCompleted, .CarouselModuleInProgress, .CarouselModuleAttempted, .CarouselModuleNotStarted, .CarouselAssessmentCompleted,
.CarouselAssessmentInProgress, .CarouselAssessmentAttempted, .CarouselAssessmentNotStarted, .CarouselLink, .CarouselFile {
    -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.2, transparent), to(rgba(255, 255, 255, 0.5)));
}

    .CarouselVideo a, .CarouselModuleCompleted a, .CarouselModuleInProgress a, .CarouselModuleAttempted a, .CarouselModuleNotStarted a, .CarouselAssessmentCompleted a,
    .CarouselAssessmentInProgress a, .CarouselAssessmentAttempted a, .CarouselAssessmentNotStarted a, .CarouselLink a, .CarouselFile a {
        background-color: rgb(56, 56, 56);
        width: 30%;
        margin-left: 35%;
    }

    .CarouselVideo span, .CarouselModuleCompleted span, .CarouselModuleInProgress span, .CarouselModuleAttempted span, .CarouselModuleNotStarted span, .CarouselAssessmentCompleted span,
    .CarouselAssessmentInProgress span, .CarouselAssessmentAttempted span, .CarouselAssessmentNotStarted span, .CarouselLink span, .CarouselFile span {
        position: absolute;
        text-align: center;
        width: 320px;
        margin-left: -10px;
        background-color: rgb(56, 56, 56);
        top: 200px;
        font-size: 1em;
        display: none;
        padding: 10px 0px;
    }

    .CarouselVideo img {
        width: 100%;
        height: 100%;
        position: absolute;
    }

.CarouselSignOffCompleted {
    background: rgb(22, 143, 60) url('images/carousel_signoff.png') no-repeat right top;
}

.CarouselSignOffNotStarted {
    background: rgb(212, 50, 50) url('images/carousel_signoff.png') no-repeat right top;
}

.CarouselNavLeft {
    background: url('images/carousel_left.png') no-repeat center center;
    position: absolute;
    margin-top: 110px;
    padding: 10px;
    margin-left: 150px;
    color: #000;
    text-decoration: none;
    height: 50px;
    width: 30px;
    display: block;
}

.CarouselNavRight {
    background: url('images/carousel_right.png') no-repeat center center;
    position: absolute;
    margin-top: -86px;
    padding: 10px;
    margin-left: 780px;
    color: #000;
    text-decoration: none;
    height: 50px;
    width: 30px;
    display: block;
}

.Centred {
    margin: auto;
}

.LongInput {
    width: 400px;
    vertical-align: top;
    font-size: 14px;
}

.LightBoxHeader, .LightBoxClose, .FieldSetHeading {
    text-transform: uppercase;
}

/* Assessment Styles */

div.LaunchPanelDescription {
    font-size: 10pt;
}

div#DivLaunchPanelStatus.LaunchPanelStatus {
    font-size: 10pt;
}


/* Certificate Styles */

.Certificate_Container {
}

.Certificate_CentredItem {
    margin: auto;
    text-align: center;
    font-family: "Museo300Regular", sans-serif;
}

.Certificate_HeadingCoALabel {
    color: #334165;
    font-size: 24pt;
}

.Certificate_HeadingName {
    font-size: 30pt;
    font-weight: bold;
}

.Certificate_Title {
    color: #334165;
    font-size: 2em;
    font-family: "facit", arial;
    line-height: 1;
    position: absolute;
    top: 80px;
    right: 260px;
}

    .Certificate_Title h1 {
        font-size: 32px;
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 0px;
    }


    .Certificate_Title h2 {
        font-size: 32px;
        font-weight: normal;
        margin-top: 0px;
        margin-bottom: 0px;
    }

.Certificate_Title_Nhs {
    color: #334165;
    font-size: 2em;
    font-family: "facit", arial;
    line-height: 1;
    position: absolute;
    top: 80px;
    right: 260px;
}

    .Certificate_Title_Nhs h1 {
        font-size: 32px;
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 0px;
    }


    .Certificate_Title_Nhs h2 {
        font-size: 32px;
        font-weight: normal;
        margin-top: 0px;
        margin-bottom: 0px;
    }

.CertificateLeft_Title {
    display: inline-block;
    text-align: right;
}

.CartificateRight_Title {
    margin-left: 60px;
    display: inline-block;
    text-align: left;
}

.CertificateHeaderLabel1 {
    font-size: 28px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
    right: 0px;
}

.CertificateHeaderLabel2 {
    font-size: 28px;
    right: 0px;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: right;
}


.CertificateHeaderLabel3 {
    font-size: 23px;
    color: #000000;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
}

.CartificateRight_Title h2 {
    font-size: 23px;
    width: 100%;
    color: #000000;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
}

.Certificate_UserInfoPanelLeft {
    float: left;
    width: 45%;
    padding-left: 15px;
    padding-top: 22px;
}

.Certificate_UserInfoPanelRight {
    float: right;
    width: 45%;
    padding-right: 15px;
    padding-top: 22px;
}

.Certificate_UserInfoPanel {
    width: 100%;
    margin-bottom: 0px;
    font-family: Arial, 'Poppins', sans-serif;
    line-height: 22.4px;
}

    .Certificate_UserInfoPanel dt {
        padding-bottom: 0px;
        font-size: 15px;
        width: 180px;
        font-weight: bold;
    }

    .Certificate_UserInfoPanel dl {
        padding-bottom: 0px;
        font-size: 15px;
    }

    .Certificate_UserInfoPanel dd {
        padding-bottom: 0px;
        font-size: 15px;
    }

.Certificate_SectionHeading {
    clear: both;
    display: block;
    margin: auto;
    margin-top: 30px;
    text-align: center;
    font-family: "Poppins", Arial, sans-serif;
    background-color: #334165;
    color: #fff;
    padding: 10px;
}

    .Certificate_SectionHeading DL DD {
        font-size: 8pt;
    }

.Certificate_Text {
    font-family: 'Poppins', Arial, sans-serif;
}

.CertificateBody {
    background-color: #fff;
}

.Certificate_DataGrid {
    margin-bottom: 50px;
    font-family: Arial;
    font-size: 8pt;
}

.trainingListContainer {
    margin: 10px 14px;
    padding: 10px;
    box-sizing: border-box;
}

.trainingListContainer_left {
    font-weight: bold;
}

.eportfolioListContainer {
    margin: 10px 14px;
    padding: 10px;
    box-sizing: border-box;
}

.competenciesListContainer {
    margin: 10px 24px;
}


.competenciesContainer_left,
.competenciesContainer_right,
.elearningCourseContainer_left,
.elearningCourseContainer_right,
.trainingListContainer_left {
    width: 60%;
    box-sizing: border-box;
    float: left;
    margin-right: 10px;
}

.trainingListContainer_right {
    width: 35%;
    box-sizing: border-box;
    float: left;
    width: 98%;
}

.elearningCourseContainer_right {
    color: #7e7e7e;
    margin-left: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 98%;
}

.elearningAssessmentPass {
    min-height: 20px;
    padding-left: 30px;
    background: transparent url('images/assessmentPass.png') left center no-repeat;
}

.elearningAssessmentNoPass {
    min-height: 20px;
    padding-left: 30px;
}

.elearningPassOnLaunch {
    min-height: 20px;
    padding-left: 30px;
    background: transparent url('images/passOnLaunch.png') left center no-repeat;
}

.elearningCompletedDate {
    color: #9e9e9e;
    font-size: 80%;
    margin: 0;
}

.elearningAboutCourseText {
    font-style: italic;
    margin: 10px 0;
}

.moduleListContainer {
    border: 1px dashed #474940;
    margin: 10px 0;
    padding: 10px;
    box-sizing: border-box;
}

.moduleListHeader {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 60%;
    color: #3e3e3e;
}

.competenciesCategoryHeader h3,
.eportfolioCategoryHeader h3,
.trainingCategoryHeader h3,
.elearningCategoryHeader h3,
.signoffCategoryHeader h3,
.personalLearningCategoryHeader h3,
.externalCoursesCategoryHeader h3 {
    margin: 0;
}

    .competenciesCategoryHeader h3 .courseTotal,
    .elearningCategoryHeader h3 .courseTotal,
    .trainingCategoryHeader h3 .courseTotal,
    .eportfolioCategoryHeader h3 .courseTotal,
    .signoffCategoryHeader h3 .courseTotal,
    .personalLearningCategoryHeader h3 .courseTotal,
    .externalCoursesCategoryHeader h3 .courseTotal {
        font-weight: normal;
        padding-left: 8px;
    }

.competenciesCourseContainer,
.elearningCourseContainer,
.signOffContainer {
    margin: 12px 24px;
    padding: 10px 20px;
    background: #e4e5e6 url('images/courseBackgroundIcon.png') top right no-repeat;
}

    .elearningCourseContainer h4 {
        margin: 0;
    }

.elearningCategoryContainer {
    margin: 20px 0;
}

.elearningCategoryHeader {
    background-color: #38658F;
    color: #ffffff;
    padding: 4px 24px;
    font-size: 100%;
}

.signOffCategoryHeader {
    background-color: #acd588;
    color: #ffffff;
    padding: 4px 24px;
}

.trainingCategoryHeader {
    background-color: #ff881c;
    color: #ffffff;
    padding: 4px 24px;
    font-weight: bold;
}

.competenciesCategoryHeader {
    background-color: #6eb4ff;
    color: #ffffff;
    padding: 4px 24px;
}

.personalLearningCategoryHeader {
    background-color: #6eb4ff;
    color: #ffffff;
    padding: 4px 24px;
}

.eportfolioCategoryHeader {
    background-color: #ff6e71;
    color: #ffffff;
    padding: 4px 24px;
}

.externalCoursesCategoryHeader {
    background-color: #d699ff;
    color: #ffffff;
    padding: 4px 24px;
}

.certificateHeader {
    text-align: center;
    position: relative;
    top: 0px;
    left: 0px;
    margin-top: 2px;
}

    .certificateHeader h1 {
        margin: 0;
        color: #334165;
        font-size: 2em;
        margin-bottom: 20px;
    }

.userInfo {
    margin: 10px 0 20px;
    box-sizing: border-box;
    padding: 12px 24px;
}

.userInfoPanel {
    box-sizing: border-box;
    width: 49%;
    padding: 10px 20px;
    float: left;
}

.userInfoCertificate {
    box-sizing: border-box;
    padding: 0 24px;
}


.userInfo_left {
    margin-right: 2%;
}

.userInfoPanel dt,
.userInfoPanel dd {
    display: inline-block;
    width: 46%;
    box-sizing: border-box;
}

.userInfoPanel dt {
    font-weight: bold;
}

.userInfoPanel dd {
    margin: 0;
}

.certificateContent_competencies h2,
.certificateContent_eportfolio h2,
.certificateContent_training h2,
.certificateContent_signOffs h2,
.certificateContent_elearning h2,
.certificateContent_personal h2,
.certificateContent_external h2 {
    text-transform: uppercase;
    font-size: 2em;
    color: #e9e9e9;
    margin: 1em 0 1em 0;
    padding: 0 24px;
}

.CertificatePrintBox {
    clear: both;
    padding: 10px 10px 0 10px;
    border-color: #334165;
    border-width: 2px;
    margin-bottom: 10px;
}

    .CertificatePrintBox a {
        color: white;
    }

.trainingCompletion {
    font-weight: normal !important;
}

.CertificateHeaderImage {
    padding-right: 1px;
}

/*Individual Certificate Styles*/

.IndividualTextHeader {
    font-style: italic;
    font-size: 25px;
    color: #334165;
    margin-top: 20px;
}

.IndividualCertificateText {
    height: 200px;
}

.individualCertificateHeaderImage {
    text-align: center;
    margin-top: 2px;
    margin-right: 1px;
    width: 1020px;
    height: 460px;
    margin-left: 2px;
}

.individual_userInfoCertificate {
    box-sizing: border-box;
    padding: 0 24px;
    margin-top: 60px;
}

.individual_partialuserInfoCertificate {
    box-sizing: border-box;
    padding: 0 24px;
    margin-top: 250px;
}

.Individual_CertificateHeaderLabel {
    font-size: 28px;
    font-weight: bold;
}

.CertificateCourseHeader {
    text-transform: uppercase;
    font-size: 2em;
    color: #e9e9e9;
    margin: 1em 0 1em 0;
    padding: 0 24px;
    font-weight: bold;
}

.CertificateUserHeader {
    text-transform: uppercase;
    font-size: 2em;
    color: black;
    margin: 1em 0 1em 0;
    font-weight: bold;
}

/*Individual Certificate Styles End*/

/* Certificate Styles End*/

.PageContent_Certificate {
    border: 1px solid black;
    padding: 25px;
}

.CourseContainer {
    border-top: 3px solid #334165;
    margin-top: 10px;
    margin-bottom: 20px;
}

.CourseTopicContainer {
    border-top: 6px solid #334165;
    margin-top: 10px;
    margin-bottom: 20px;
}

.CourseHeader {
    color: #303030;
    font-size: 1.2em;
    text-transform: uppercase;
    font-family: "Poppins", Arial, sans-serif;
    margin: 10px 0;
}

.CourseAssessmentNumber {
    font-size: 0.9em;
    color: #7e7e7e;
}

.CourseName {
    font-size: 1em;
    margin: 5px 0;
}

.CoursePassDate {
    color: #303030;
}

.SectionNameProgress {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 1em;
    margin-left: 10px;
    width: 290px;
    display: inline-block;
    padding-left: 20px;
    vertical-align: top;
    margin-top: 9px;
    background: url(images/orange_triangle.png) no-repeat left center;
}


.ProgrammeProgressStatusText {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 14px;
    margin-left: 56px;
    vertical-align: super;
    padding-top: 25px;
}

.CourseNameProgress {
    font-family: "Poppins", Arial, sans-serif;
    display: block;
    font-size: 15px;
    margin-left: 40px;
    width: 260px;
    display: inline-block;
    padding-left: 20px;
    vertical-align: top;
    margin-top: 9px;
    background: url(images/orange_triangle.png) no-repeat left center;
}

.ModuleNameProgress {
    font-family: "Poppins", Arial, sans-serif;
    width: 180px;
    font-size: 14px;
    margin-left: 120px;
    display: inline-block;
    padding-left: 20px;
    vertical-align: top;
    margin-top: 9px;
    background: url(images/orange_triangle.png) no-repeat left center;
}

.ProgressTitleText {
    font-weight: bold;
    font-family: "Poppins", Arial, sans-serif;
    font-size: 1em;
    display: inline-block;
    vertical-align: top;
    margin-top: 9px;
    width: 250px;
}

.ProgressTitleData {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 14px;
    vertical-align: top;
    margin-top: 9px;
}

@font-face {
    font-family: 'Museo300Regular';
    src: url('fonts/museo_300_english/Museo300-Regular-webfont.eot');
    src: url('fonts/museo_300_english/Museo300-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museo_300_english/Museo300-Regular-webfont.svg#Museo300Regular') format('svg'), url('fonts/museo_300_english/Museo300-Regular-webfont.woff') format('woff'), url('fonts/museo_300_english/Museo300-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceCodeProBold';
    src: url('fonts/SourceCodeProBold/SourceCodePro-Semibold.eot');
    src: url('fonts/SourceCodeProBold/SourceCodePro-Semibold.eot?#iefix') format('embedded-opentype'), url('fonts/SourceCodeProBold/SourceCodePro-Semibold.svg#Museo300Regular') format('svg'), url('fonts/SourceCodeProBold/SourceCodePro-Semibold.woff') format('woff'), url('fonts/SourceCodeProBold/SourceCodePro-Semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'facit';
    src: url('fonts/facit/facit-regular-opentype.woff');
}

/* Loading Overlays */
.LoadingOverlay {
    height: 100%;
    width: 100%;
    position: fixed;
    display: block;
    top: 0px;
    left: 0px;
    z-index: 4999;
    background: url('images/DimBackground.png');
}

.LoadingMessage {
    position: fixed;
    right: 20%;
    left: 20%;
    top: 25%;
    background: #e0e0e0 url('images/ajax-loader.gif') no-repeat left;
    padding: 20px 20px 20px 40px;
    z-index: 100000;
    -webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.5);
}



img#ImageStatusNotStarted {
    margin-left: 120px;
    vertical-align: middle;
    padding-right: 5px;
    padding-bottom: 5px;
}

img#ImageStatusInProgress {
    margin-left: 100px;
    vertical-align: middle;
    padding-right: 5px;
    padding-bottom: 5px;
}

img#ImageStatusCompleted {
    margin-left: 100px;
    vertical-align: middle;
    padding-right: 5px;
    padding-bottom: 5px;
}

img#ImageStatusExpired {
    margin-left: 100px;
    vertical-align: middle;
    padding-right: 5px;
    padding-bottom: 5px;
}

div#PanelTraditionalStatus {
    margin-top: 5px;
    font-size: 9pt;
    text-transform: uppercase;
}

/* Tree */
.SelectedTreeNode {
    /*background-color: #334165; GM*/
    background-color: #0071BB;
    color: white;
    cursor: default;
    padding: 2px 3px 1px;
}

.TreeNode {
    cursor: pointer;
    /*padding: 2px 3px 1px;*/
}

.HoverTreeNode {
    cursor: pointer;
    /*padding: 2px 3px 1px;*/
}

.HiddenDiv {
    display: none;
}

/* Course Information Box */
.CourseTitle {
    cursor: pointer;
}

    .CourseTitle:hover {
        text-decoration: underline;
    }

.CourseInformationCategoryHeading {
    display: block;
    width: 460px;
    padding: 5px;
    background-color: #2F92E0;
    color: #fff;
    margin-top: -10px;
    margin-left: -10px;
    font-size: 10px;
}





.CourseInformation {
    display: none;
    position: absolute;
    height: 160px;
    width: 450px;
    background-color: #fff;
    margin-top: -85px;
    padding: 10px 10px 10px 10px;
    color: #000;
    -webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.5);
}

.CourseInfoCurrentCourses {
    margin-left: -200px;
}

.CourseInfoAddCourses {
    margin-left: -350px;
}

.CourseInformation img {
    margin-top: 10px;
    background-color: #2F92E0;
}

.CourseInformationText {
    margin-top: 10px;
    margin-left: 10px;
    width: 295px;
}

.CourseInformationDescriptionHeader {
    color: #7F7F7F;
    font-size: 8px;
}

.CourseInformationDescription {
    font-size: 10px;
}

/* Navigator Breadcrumb */
.BreadcrumbContainer {
    margin-top: 2px;
    display: block;
    width: 100%;
    background-color: #fff;
    height: 30px;
    font-size: 8pt;
    font-family: "Poppins", Arial, sans-serif;
    z-index: 5;
}

.NavigatorBackButton, .Breadcrumb0 {
    background-color: #000;
    padding: 8px 20px;
    height: 14px;
    width: 30px;
    float: left;
    text-decoration: none;
    color: #fff;
}

    .NavigatorBackButton:hover, .Breadcrumb0:hover {
        text-decoration: underline;
    }

#Breadcrumb1, .Breadcrumb1 {
    display: none;
    color: #ffffff;
    padding: 8px 20px;
    height: 14px;
    width: 240px;
    position: absolute;
    z-index: 10;
    text-decoration: none;
    background-color: #5e5e73;
    border-right: 2px solid white;
}

#Breadcrumb2, .Breadcrumb2 {
    display: none;
    color: #fff;
    background-color: #5e5e73;
    border-right: 2px solid white;
    padding: 8px 20px 8px 20px;
    height: 14px;
    width: 240px;
    position: absolute;
    margin-left: 282px;
    z-index: 9;
    text-decoration: none;
}

#Breadcrumb3, .Breadcrumb3 {
    display: none;
    color: #fff;
    background-color: #5e5e73;
    border-right: 2px solid white;
    padding: 8px 20px 8px 20px;
    height: 14px;
    width: 240px;
    position: absolute;
    margin-left: 563px;
    z-index: 7;
    text-decoration: none;
}

#Breadcrumb1, #Breadcrumb2, #Breadcrumb3 {
    cursor: pointer;
    text-decoration: none;
}

.Breadcrumb1, .Breadcrumb2, .Breadcrumb3 {
    display: inline;
    cursor: pointer;
    text-decoration: none;
}



/*Tab Sections*/

.TabStrip_SelectedTab {
    background-color: #0071BB;
    font-family: 'Poppins', Arial, sans-serif;
    color: white;
    width: 100%;
    font-size: 9pt;
    zoom: 1;
}

    .TabStrip_SelectedTab tbody tr td {
        padding: 10px;
    }

.TabStrip_SelectedTab_Active tbody tr td {
    padding: 10px;
}

.TabStrip_SelectedTab_Hover tbody tr td {
    padding: 10px;
}

.TabStrip_Tab tbody tr td {
    padding: 10px;
}

.TabStrip_Tab_Hover tbody tr td {
    padding: 10px;
    cursor: pointer;
}

.TabStrip_Tab_Active tbody tr td {
    padding: 10px;
}


.TopGroup {
    overflow-y: hidden;
}

.CourseList .TopGroup {
    height: 50px;
    overflow-x: scroll;
}

.TabStrip_SelectedTab_Hover {
    background-color: #0071BB;
    font-family: 'Poppins', Arial, sans-serif;
    color: white;
    width: 100%;
    font-size: 9pt;
}

.TabStrip_SelectedTab_Active {
    background-color: #324065;
    font-family: 'Poppins', Arial, sans-serif;
    color: white;
    width: 100%;
    font-size: 9pt;
}

.TabStrip_SelectedTab_Expanded {
    background-color: #0071bb;
    font-family: 'Poppins', Arial, sans-serif;
    color: white;
    width: 100%;
    font-size: 9pt;
}

.TabStrip_Tab_Hover {
    background-color: #306B9E;
    font-family: 'Poppins', Arial, sans-serif;
    color: white;
    width: 100%;
    font-size: 9pt;
}

.TabStrip_Tab {
    background-color: #588CB9;
    font-family: 'Poppins', Arial, sans-serif;
    color: white;
    width: 100%;
    font-size: 9pt;
}

.TabStrip_Tab_Active {
    background-color: #0071bb;
    font-family: 'Poppins', Arial, sans-serif;
    color: white;
    width: 100%;
    font-size: 9pt;
}

.TabBorderBottom {
    border-bottom: 4px solid #0071BB;
}

/* Course Launcher */

.CourseLauncherTopBox {
}

    .CourseLauncherTopBox img {
        float: left;
        /*height: 122px;*/
        width: 142px;
        background-color: #2F92E0;
    }

.CourseLauncherInformation {
    float: left;
    margin-left: 20px;
}

.CourseLauncherTitle {
    background-color: #9FA5B3;
    width: 100%;
    display: block;
    color: #fff;
    padding: 10px;
    margin-top: 20px;
    font-size: 18pt;
    box-sizing: border-box;
}


.panelSubHeading {
    color: #334165;
    margin: 5px 0 10px 0;
}

/* Added classes */

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

.PickerErrorMessage {
    padding: 10px;
    margin: 10px 0;
    color: white;
    width: 100%;
    background-color: #ed1e28;
    font-size: 11px;
    font-weight: bold;
}

h5 {
    font-size: 12px;
}

.SavedChanges {
    padding: 20px;
    margin: 10px 0;
    color: white;
    width: 100%;
    background-color: #37973f;
    font-size: 14px;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 10px;
}

#ContentPlaceHolder1_IdentificationNumbers1_IdentificationNumber1Control_LabelIdentificationNumberInstructions {
    margin-bottom: 15px;
}

.incorrectText {
    color: red;
    text-style: italic;
}

.BasicDetailsHelp {
    margin: 8px 0 0 15px;
}

.UnassignedCourses {
    font-family: 'Poppins',Arial,sans-serif;
    background-color: #333333;
    color: #fff;
    margin-left: -20px;
    padding: 20px;
    width: 984px;
}

.UnassignedCourses h3{
    margin: 0;
    padding: 0;
}

.AddCoursesArea {
    color: white;
}

.RemoveCourseLink {
    color: #282828;
    float: right;
    margin-right: 10px;
    font-size: 12px;
}

.BrowseCoursesSideText {
    vertical-align: bottom;
    padding-left: 200px;
    padding-top: 10px;
}

.ManuallyOrderedListButton {
    float: right;
    margin-top: -10px;
}

.TopicListSelectButton {
    float: right;
}

.ManuallyOrderedContentBar {
    width: 100%;
    margin-top: 10px;
}

.ManuallyOrderedStatusIcon {
    height: 22px;
    width: 45px;
    float: left;
}



/* We think the component art styles 
.CAInput span input {
    background: url("images/CAInputStatic.png") no-repeat scroll 0 100px transparent;
    border: medium none;
    font: 12px Tahoma,Verdana,Arial,'Poppins',sans-serif;
    margin: 0;
    padding: 5px 4px 6px 8px;
    position: absolute;
    top: 0;
    width: 188px;
}
.CAValidatorEmpty {
    background: url("images/CAInputStatic.png") no-repeat scroll right -25px transparent;
    float: left;
    height: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 226px;
}
.CAValidatorEmpty input {
    background-position: 0 -25px;
    color: #666666;
    font-style: italic;
}
.CAValidatorFocused {
    background: url("images/CAInputStatic.png") no-repeat scroll right -50px transparent;
    float: left;
    height: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 226px;
}
.CAValidatorFocused input {
    background-position: 0 -50px;
    color: #000000;
    font-style: normal;
}
.CAValidatorValid {
    background: url("images/CAInputStatic.png") no-repeat scroll right 0 transparent;
    float: left;
    height: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 226px;
}
.CAValidatorValid input {
    background-position: 0 0;
    color: #006600;
    font-style: normal;
}
.CAValidatorFocusedValid {
    background: url("images/CAInputStatic.png") no-repeat scroll right -75px transparent;
    float: left;
    height: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 226px;
    back
}
.CAValidatorFocusedValid input {
    background-position: 0 -75px;
    color: #000000;
    font-style: normal;
}
.CAValidatorInvalid {
    background: url("images/CAInputStatic.png") no-repeat scroll right -100px transparent;
    float: left;
    height: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 226px;
}
.CAValidatorInvalid input {
    background-position: 0 -100px;
    color: #000000;
    font-style: normal;
}
.CAValidatorDisabled {
    background: url("images/CAInputStatic.png") no-repeat scroll right -125px transparent;
    float: left;
    height: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 226px;
}
.CAValidatorDisabled input {
    background-position: 0 -100px;
    color: #999999;
    font-style: normal;
}

End CA Inputbox styles */

#AssignmentCourseImage {
    background-color: #0090C0;
    width: 142px;
    height: 122px;
}

.CourseProgressInfoFieldset {
    background-color: #e6e7e7;
    border: 1px solid #bdbdd8;
}

/* Course Status 12/18 */
.CourseScoresPanel {
    border-radius: 5px;
    margin: 2px;
    padding: 5px;
    /*color: #fff;*/
    min-height: 32px;
    background-repeat: no-repeat;
    background-position: left center;
    background-position-x: 10px;
    width: 200px;
    float: left;
}

.CourseStatusLabel {
    color: darkgray;
    font-weight: bold;
    margin-top: 3px;
    font-size: 9pt;
}

.CourseStatusValue {
    font-weight: bold;
    margin-top: 3px;
    font-size: 10pt;
}

.CourseStatusHeaderSeparatorNotValid {
    border-left: 3px solid #BB0405;
    padding-left: 9px;
}

.CourseStatusHeaderSeparatorValid {
    border-left: 3px solid green;
    padding-left: 9px;
}

.CourseStatusHeaderSeparatorPlan {
    border-left: 3px solid #0471BA;
    padding-left: 9px;
}

.CourseStatusHeaderSeparatorExpired {
    border-left: 3px solid black;
    padding-left: 9px;
}

.CourseStatusHeaderSeparatorProgress {
    border-left: 3px solid #EAA306;
    padding-left: 9px;
}

.CourseStatusHeaderSeparatorElapsesSoon {
    border-left: 3px solid #EDA201;
    padding-left: 9px;
}



.CourseScoresPanelInProgress {
    /*background-color: #EAA306;*/
    background-image: url(images/StatusInProgress.png);
}

.CourseScoresPanelValidityStatusValid {
    /*background-color: #099109;*/
    background-image: url(images/StatusCompleted.png);
}

.CourseScoresPanelValidityStatusNotValid {
    /*background-color: #BB0404;*/
    background-image: url(images/StatusNotValid.png);
}

.CourseScoresPanelValidityStatusElapsesSoon {
    /*background-color: #BB0404;*/
    background-image: url(images/timeLineCircleDue.png);
}

.CourseScoresPanelPreviousPassElapsed {
    /*background-color: #5292D4;*/
    background-image: url(images/StatusElapsed.png);
}

.CourseScoresPanelPreviousPassExpired {
    /*background-color: Black;*/
    background-image: url(images/StatusElapsed.png);
}

.CourseScoresPanelLearningPlanStatusCoreMandatory {
    /*background-color: #3e6199;*/
    background-image: url(images/MandatoryStatusCoreMandatory.png);
}

.CourseScoresPanelLearningPlanStatusRoleMandatory {
    /*background-color: #3e6199;*/
    background-image: url(images/MandatoryStatusRoleMandatory.png);
}

.CourseScoresPastAttempt {
    border-radius: 10px;
    margin: 5px;
    padding: 10px;
    background-color: #099109;
    color: #fff;
    min-height: 32px;
}

/* Course Status */
.CourseStatusBoxComplete {
    padding: 10px;
    background-color: #099109;
    color: #fff;
    min-height: 32px;
}

.CourseStatusBoxInProgress {
    padding: 10px;
    background-color: #FFB717;
    color: #4F4F4F;
    min-height: 32px;
}

.CourseStatusBoxNotStarted {
    padding: 10px;
    background-color: #E64C4C;
    color: #fff;
    min-height: 32px;
}

.CourseStatusBoxElapsed {
    padding: 10px;
    background-color: #5295D8;
    color: #fff;
    min-height: 32px;
}

.CourseStatusBoxExpired {
    padding: 10px;
    background-color: #4F4F4F;
    color: #fff;
    min-height: 32px;
}

.CourseStatusBoxIcon {
    margin-right: 10px;
}

.CourseStatusBoxHeader {
    margin-top: 5px; /*GM*/
    display: block;
    width: 900px;
    margin-left: 43px;
    font-size: 1em;
}

.CourseLauncherEventsTableHeader {
    font-weight: bold;
}

.UserProgressSummaryBullets {
    margin-left: 17px;
}

.CourseLauncherEventsTable {
    font-family: 'Poppins',Arial,sans-serif;
}

    .CourseLauncherEventsTable td {
        padding: 3px;
    }

.IsPassSmallImage {
    width: 20px;
    height: 20px;
}

/* Calendar */
.CSCCalendar {
    background-color: #FFFFFF;
    border-color: lightgrey;
    border-right: medium ridge lightgrey;
    border-style: ridge;
    border-width: medium;
    font-family: Arial;
    font-size: 8pt;
}

    .CSCCalendar TABLE {
        background-color: #FFFFFF;
        font-family: Arial;
        font-size: 8pt;
    }

.CSCCalendarNoFilter {
    background-color: #FFFFFF;
    border-color: lightgrey;
    border-right: medium ridge lightgrey;
    border-style: ridge;
    border-width: medium;
    font-family: Arial;
    font-size: 8pt;
}

    .CSCCalendarNoFilter TABLE {
        background-color: #FFFFFF;
        font-family: Arial;
        font-size: 8pt;
    }

.CSCWeekRowsTable {
    background-color: #FFFFFF;
    border-color: black;
    border-right: 1px solid black;
    border-style: solid;
    border-width: 1px;
    font-family: Arial;
    font-size: 8pt;
}

.CSCDay {
    cursor: pointer;
}

.CSCSelectedDay {
    background-color: gold;
    cursor: pointer;
}

.CSCSelectedToday {
    background-color: gold;
    cursor: pointer;
    font-weight: bold;
}

.CSCToday {
    cursor: pointer;
    font-weight: bold;
}

.CSCSpecialDay {
    background-color: lemonchiffon;
    cursor: pointer;
}

.CSCOtherMonthDays {
    color: gray;
    cursor: default;
}

.CSCWeekNumberColumn {
    background-color: lightblue;
    border-right: 1px solid blue;
}

.CSCDayHeader {
    border-bottom: 1px solid blue;
}

    .CSCDayHeader TR {
        background-color: lightblue;
        font-size: 7pt;
    }

.CSCDayHeaderCell {
    font-size: 7pt;
}

.CSCHeaderTable {
    border-bottom: 1px solid blue;
    font-family: Arial;
    font-size: 8pt;
}

.CSCHeaderRows {
    cursor: default;
    font-family: Arial;
    font-size: 8pt;
}

    .CSCHeaderRows TR {
        background-color: inherit;
    }

.CSCIncrementalButtons {
    color: mediumblue;
    cursor: pointer;
}

.CSCIncrementalButtonsPressed {
    color: darkblue;
    cursor: pointer;
}

.CSCJumpButtons {
    color: mediumblue;
    cursor: pointer;
}

.CSCJumpButtonsPressed {
    color: darkblue;
    cursor: pointer;
}

.CSCCloseButton {
    cursor: default;
}

.CSCCloseButtonPressed {
    cursor: default;
}

.CSCHelpButton {
    cursor: default;
}

.CSCHelpButtonPressed {
    cursor: default;
}

.CSCFooterTable {
}

    .CSCFooterTable TABLE {
    }

.CSCFooterButton {
    background-color: lightblue;
    border-color: lightgrey;
    border-right: thin outset lightgrey;
    border-style: outset;
    border-width: thin;
    color: black;
    cursor: pointer;
    font-family: Arial;
    font-size: 8pt;
}

.CSCFooterButtonPressed {
    background-color: lightblue;
    border-color: lightgrey;
    border-right: thin inset lightgrey;
    border-style: inset;
    border-width: thin;
    color: black;
    cursor: pointer;
    font-family: Arial;
    font-size: 8pt;
}

.CSCFooterCurrentDate {
}

.calendar_button {
    border: none;
    cursor: pointer;
}

.title {
    font-weight: bold;
    background-color: #D7D7D7;
}

    .title TD {
        font-weight: bold;
    }

.calendar TD {
    font-size: 8pt;
    font-family: Verdana;
}

.day {
    width: 58px;
    height: 39px;
    cursor: pointer;
    text-align: right;
    vertical-align: top;
    border-width: 1px;
    border-color: #F6F6F6;
    border-style: solid;
    font-size: 6pt;
}

.weekend {
    background-color: #F6F6F6;
}

.usa {
    background-image: url(images/usa.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}

.canada {
    background-image: url(images/canada.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}

.usacanada {
    background-image: url(images/usacanada.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}

.dayheader {
    width: 35px;
    text-align: right;
    border-width: 1px;
    border-color: white;
    border-style: solid;
    background-color: #FFFFFF;
    font-size: 6pt;
    color: #333333;
}

.othermonthday {
    visibility: hidden;
}

.calendar {
    border-style: solid;
    border-width: 1px;
    border-color: Black;
    border-collapse: collapse;
    background-color: #FFFFFF;
    cursor: default;
}

.UserCalendar {
    border-style: solid;
    border-width: 1px;
    border-color: black;
    background-color: #2F92E0;
    font-family: 'Poppins', Arial, sans-serif;
    color: #E6E6E6;
    cursor: Default;
}

.UserDayHeader {
    background-color: #2F92E0;
    text-align: center;
    width: 25px;
}

.UserCalendarDay {
    background-color: #2F92E0;
    border-color: white;
    border-style: solid;
    border-width: 1px;
}


.UserDayHover {
    background-color: #006588;
    border-color: white;
    border-style: dotted;
    border-width: 1px;
}

.UserSelectedDay {
    background-color: #fff;
    color: #000;
}

.Userothermonthday {
    color: #989898;
    background-color: #2F92E0;
    visibility: solid;
}

.UserMonth {
    background-color: #2F92E0;
}

.month {
    background-color: #334165;
}

.nextprev {
    cursor: pointer;
    height: 25px;
    vertical-align: center;
    padding: 0px 5px 0px 5px;
}

.calendar_button {
    border: medium none;
    cursor: pointer;
    height: 22px;
    width: 25px;
    vertical-align: middle;
}

.calendar td {
    font-size: 11px;
}

.title {
    background-color: #D7D7E5;
    font-weight: bold;
}

.day {
    border-color: #F6F6F6;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    text-align: center;
    width: 25px;
}

.dayhover {
    border-color: #F6F6F6;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    text-align: center;
    width: 25px;
}

.dayheader {
    background-color: #FFFFFF;
    border-color: white;
    border-style: solid;
    border-width: 1px;
    font-weight: bold;
    text-align: center;
    width: 25px;
}

.othermonthday {
    color: #999999;
}

.outofrangeday {
    visibility: hidden;
}

.selectedday {
    background-color: #FBE694;
    border-color: #BB5503 !important;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    font-weight: bold;
    width: 25px;
}

.calendar {
    background-color: #FFFFFF;
    border-collapse: collapse;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
    cursor: default;
}

.month {
    background-color: #F6F6F6;
    margin: 0 5px 5px;
}

/* Evaluations */
.EvaluationMessage {
    /*display: none;*/
    padding: 20px;
    background-color: #e6e7e7;
    border-left: solid 8px #9d2323;
    margin-bottom: 20px;
}

    .EvaluationMessage h3 {
        margin: 0px;
    }

.SurveyQuestions h2 {
    margin: 0px 0px 10px 0px;
}

.SurveyRadioButtons td {
    padding: 5px 20px 5px 0px;
}

.SurveyRadioButtons input {
    margin-top: 1px;
    margin-right: 10px;
    float: left;
}

/* SES Pathway View */

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* Quick Links */

.PathwayQuickLinks {
    width: 200px;
    float: left;
    text-align: right;
    text-decoration: none;
}

    .PathwayQuickLinks a {
        text-decoration: none;
        color: #0070bc;
    }

/* Timeline */

.PathwayPage {
    display: block;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 14px;
    background-color: #EAEAEA;
    color: #000;
    width: 1004px;
    padding: 10px;
    margin-top: -18px;
    margin-left: -20px;
    margin-bottom: -20px;
}

.PathwayContainer {
    width: 984px;
    display: block;
}

.PathwayDescriptionBox {
    background-color: #efe7e7;
    padding: 10px 20px;
    margin: 10px 0;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(158,158,158,0.39);
    -moz-box-shadow: 3px 3px 5px 0px rgba(158,158,158,0.39);
    box-shadow: 3px 3px 5px 0px rgba(158,158,158,0.39);
}

.PathwayDescriptionBoxMoreContent {
    background: #F4A447 url('images/othercoursesIcon.png') no-repeat 10px 20px;
    padding: 10px 20px 10px 100px;
    color: #ffffff;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(158,158,158,0.39);
    -moz-box-shadow: 3px 3px 5px 0px rgba(158,158,158,0.39);
    box-shadow: 3px 3px 5px 0px rgba(158,158,158,0.39);
}

    .PathwayDescriptionBoxMoreContent a {
        color: #ffffff !important;
    }

        .PathwayDescriptionBoxMoreContent a:hover {
            color: #2977BE !important;
        }

.TimeLineContainer {
    width: 750px;
    display: block;
    background: transparent url('images/timeLine.png') repeat-y 0 90px;
    margin: 20px 0;
    float: right;
}

.TimeLineBlockDefault {
    display: block;
    min-height: 100px;
    background: transparent url('images/timeLineCircle.png') no-repeat 36px top;
    margin-top: -2px;
}

.TimeLineBlockDefaulted {
    display: block;
    min-height: 100px;
    background: transparent url('images/timeLineCircle.png') no-repeat 36px top;
    margin-top: -2px;
}

.TimeLineBlockNotMet {
    display: block;
    min-height: 100px;
    background: transparent url('images/timeLineCircle.png') no-repeat 36px top;
    margin-top: -2px;
}

.TimeLineBlockMet {
    display: block;
    min-height: 100px;
    background: transparent url('images/timeLineCircleMet.png') no-repeat 36px top;
    margin-top: -2px;
}

.TimeLineBlockOverrun {
    display: block;
    min-height: 100px;
    background: transparent url('images/timeLineCircleOverrun.png') no-repeat 36px top;
    margin-top: -2px;
}

.TimeLineBlockDue {
    display: block;
    min-height: 100px;
    background: transparent url('images/timeLineCircleDue.png') no-repeat 36px top;
    margin-top: -2px;
}

.TimeLineCircleText {
    margin: 35px 10px 0px 10px;
    width: 80px;
    text-align: center;
    padding-bottom: 10px;
    cursor: pointer;
    font-weight: normal;
}

.TimeLineNotifications {
    padding: 10px 20px;
    width: 610px;
    color: #fff;
    float: right;
}

.TLNotificationsDefault {
    background: #9fa5b3;
}

.TLNotificationsWarning {
    background: #ed1c24;
}

.TimeLineNotificationsHeader {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    padding: 5px 0px;
    display: block;
}

.TimeLineCourse {
    background: #ffffff;
    padding: 10px 20px;
    margin-left: 120px;
    margin-bottom: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #a2a2a2;
    width: 608px;
    cursor: pointer;
}

    .TimeLineCourse:hover {
        border-width: 1px;
        border-color: #000;
    }

.TimeLineCourseStatus {
    float: left;
    margin-right: 10px;
}

.TimeLineCourseTitle {
    font-weight: bold;
    font-size: 1em;
    padding: 0px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
    margin-left: 6px;
    padding-top: 6px;
}

.TimeLineCourseTags {
    display: inline-block;
    float: right;
    padding: 6px 0px;
}

.TimeLineCourse2 {
    border: 1px solid #CECECE;
    padding: 10px 20px;
    width: 100%;
    cursor: pointer;
    cursor: hand;
}

    .TimeLineCourse2:hover {
        border: 1px solid #000000;
    }

.TimeLineBlock2 table {
    width: 95%;
    box-sizing: border-box;
}

.DashboardStatsPathway {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 570px;
    height: 130px;
}

.PathwayTitle {
}

.PathwaySummary {
    font-size: 8pt;
    display: block;
}

/* Component Art Grid */
.CAGriddatagrid {
    /*font-family: 'Poppins', Arial, sans-serif;*/
    clear: both;
}

.CAGriddatagrid-header {
    /*font-size: 8pt; GM151014 */
    background: #e6e7e7;
    padding: 10px;
}

.CAGriddatagrid-heading-row {
    font-size: 10pt; /*GM151014*/
    color: #757575;
    border: hidden;
    /*text-transform: uppercase; GM151014*/
}

.CAGriddatagrid-heading-cell {
    padding: 10px;
    cursor: pointer;
}

.CAGriddatagrid-row, .CAGriddatagrid-row-hover {
    /*height: 50px;*/
    background: #e6e7e7;
    border-left: hidden;
    border-right: hidden;
    border-bottom: solid 10px #fff;
}

.CAGriddatagrid-row-selected {
    background: #0071BB;
    color: white;
}

.CAGriddatagrid-cell {
    padding: 10px;
    font-size: 10pt;
}

.CAGriddatagrid-group-heading {
    color: #fff;
    border: hidden;
    text-transform: uppercase;
    padding: 10px;
    background: #0071BB;
}

.CAGriddatagrid-footer {
    color: #757575;
    border: hidden;
    text-transform: uppercase;
    padding: 10px;
}

.CAGridfirst {
    display: block;
    height: 22px;
    width: 41px;
    background: url('images/pager/first.gif') no-repeat center center;
    float: left;
}

.CAGridprevious {
    display: block;
    height: 22px;
    width: 41px;
    background: url('images/pager/prev.gif') no-repeat center center;
    float: left;
}

.CAGridnext {
    display: block;
    height: 22px;
    width: 41px;
    background: url('images/pager/next.gif') no-repeat center center;
    float: left;
}

.CAGridlast {
    display: block;
    height: 22px;
    width: 41px;
    background: url('images/pager/last.gif') no-repeat center center;
    float: left;
}

.CAGridtrack {
    display: block;
    height: 17px;
    width: 200px;
    float: left;
    background: url('images/pager/slider_bg.gif') no-repeat center center;
}

.CAGridslider {
    display: block;
    height: 17px;
    width: 9px;
    margin-top: 8px;
    margin-left: 20px;
    background: url('images/pager/slider_grip.gif') no-repeat center center;
}

/* Course Completion Dashboard */

.CourseCompletionLocationBorder {
    width: 30%;
    margin-bottom: 10px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.CourseCompletionStatusComplete {
    font-family: 'Poppins', Arial, sans-serif;
    color: #fff;
    background-color: #118e0a;
    border: solid 1px #cecece;
    border-top: none;
    border-right: none;
    text-align: center;
}

.CourseCompletionStatusExpired {
    font-family: 'Poppins', Arial, sans-serif;
    color: #fff;
    background-color: #bf0d0d;
    border: solid 1px #cecece;
    border-top: none;
    border-right: none;
    text-align: center;
}

.CourseCompletionStatusNearlyExpired {
    font-family: 'Poppins', Arial, sans-serif;
    color: #fff;
    background-color: #eaa034;
    border: solid 1px #cecece;
    text-align: center;
    border-top: none;
    border-right: none;
    text-align: center;
}

.CourseCompletionKeyText {
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 14px;
    margin-left: 10px;
    margin-bottom: 10px;
}

.CourseCompletionListGrid {
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 14px;
    clear: both;
}

.CourseCompletionFooter {
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 14px;
    text-align: center;
    color: #118e0a;
}

.CourseCompletionFooterTotal {
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 14px;
    text-align: left;
    background-color: #eaeaea;
    padding-left: 10px;
}

.CourseCompletionFooterBackground {
    background-color: #eaeaea;
}

.CourseCompletionFooterTitle {
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 14px;
    text-align: right;
    font-weight: bold;
    border-right: solid 1px #000;
}

.CourseCompletionListItem {
    font-family: 'Poppins', Arial, sans-serif;
    background: #fff;
    padding-left: 5px;
    padding-bottom: 10px;
    max-width: 150px;
    min-width: 150px;
    height: 50px;
    border: solid 1px #cecece;
    border-top: none;
    border-right: none;
    text-align: center;
    text-transform: uppercase;
}

    .CourseCompletionListItem td {
        font-family: 'Poppins', Arial, sans-serif;
        background: #fff;
        font-size: 14px;
        padding-left: 5px;
        padding-bottom: 10px;
        max-width: 150px;
        min-width: 150px;
        height: 50px;
        border: solid 1px #cecece;
        border-top: none;
        border-right: none;
        text-align: center;
        text-transform: uppercase;
    }

.CourseCompletionListItemName {
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 12px;
    background: #fff;
    max-width: 200px;
    min-width: 200px;
    height: 50px;
    padding-right: 50px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: solid 1px #cecece;
    text-transform: uppercase;
    color: #000;
}

    .CourseCompletionListItemName td {
        font-family: 'Poppins', Arial, sans-serif;
        font-size: 12px;
        background: #fff;
        max-width: 200px;
        min-width: 200px;
        height: 50px;
        padding-right: 50px;
        padding-bottom: 10px;
        padding-top: 10px;
        border-bottom: solid 1px #cecece;
        text-transform: uppercase;
        color: #000;
    }

    .CourseCompletionListItemName a:link {
        color: #000;
    }

    .CourseCompletionListItemName a:visited {
        color: #000;
    }

    .CourseCompletionListItemName a:hover {
        color: #000;
    }

.CourseCompletionListItemPosition {
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 12px;
    background: #fff;
    border-bottom: solid 1px #cecece;
    max-width: 150px;
    min-width: 150px;
    height: 50px;
    text-transform: uppercase;
    width: 200px;
    border-right: solid 1px #000;
    z-index: 999;
}


    .CourseCompletionListItemPosition td {
        font-family: 'Poppins', Arial, sans-serif;
        font-size: 12px;
        background: #fff;
        font-size: 14px;
        max-width: 150px;
        min-width: 150px;
        height: 50px;
        border-bottom: solid 1px #cecece;
        text-transform: uppercase;
        border-right: solid 1px #000;
    }

.CourseCompletionAlternatingListItemPosition {
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 12px;
    background: #EAEAEA;
    border-bottom: solid 1px #cecece;
    max-width: 200px;
    min-width: 200px;
    height: 50px;
    text-transform: uppercase;
    width: 200px;
    border-right: solid 1px #000;
    z-index: 999;
}


    .CourseCompletionAlternatingListItemPosition td {
        font-family: 'Poppins', Arial, sans-serif;
        font-size: 12px;
        background: #EAEAEA;
        font-size: 14px;
        max-width: 200px;
        min-width: 200px;
        height: 50px;
        border-bottom: solid 1px #cecece;
        text-transform: uppercase;
        border-right: solid 1px #000;
    }

.CourseCompletionAlternatingListItem td {
    font-family: 'Poppins', Arial, sans-serif;
    background: #fff;
    font-size: 14px;
    padding-bottom: 10px;
    padding-left: 5px;
    max-width: 150px;
    min-width: 150px;
    border: solid 1px #cecece;
    border-top: none;
    border-right: none;
    text-align: center;
    text-transform: uppercase;
}

.CourseCompletionAlternatingListItem {
    font-family: 'Poppins', Arial, sans-serif;
    background: #fff;
    font-size: 14px;
    padding-left: 5px;
    padding-bottom: 10px;
    max-width: 150px;
    min-width: 150px;
    height: 50px;
    border: solid 1px #cecece;
    border-top: none;
    border-right: none;
    text-align: center;
    text-transform: uppercase;
}



.CourseCompletionAlternatingListItemName {
    font-family: 'Poppins', Arial, sans-serif;
    background: #EAEAEA;
    font-size: 12px;
    max-width: 200px;
    min-width: 200px;
    height: 50px;
    padding-right: 50px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: solid 1px #cecece;
    text-transform: uppercase;
    color: #000;
}

    .CourseCompletionAlternatingListItemName a:link {
        color: #000;
    }

    .CourseCompletionAlternatingListItemName a:visited {
        color: #000;
    }

    .CourseCompletionAlternatingListItemName a:hover {
        color: #000;
    }

    .CourseCompletionAlternatingListItemName td {
        font-family: 'Poppins', Arial, sans-serif;
        background: #EAEAEA;
        font-size: 12px;
        max-width: 200px;
        min-width: 200px;
        height: 50px;
        padding-right: 50px;
        padding-bottom: 10px;
        padding-top: 10px;
        border-bottom: solid 1px #cecece;
        text-transform: uppercase;
        color: #000;
    }

.CourseCompletionListItemImage {
    background: #fff;
    border-bottom: solid 1px #cecece;
    padding-right: 5px;
    padding-left: 5px;
}

.CourseCompletionAlternatingListItemImage {
    background: #EAEAEA;
    border-bottom: solid 1px #cecece;
    padding-right: 5px;
    padding-left: 5px;
}

.CourseCompletionListHeader {
    font-family: 'Poppins', Arial, sans-serif;
    background: url('images/xomputer.png') no-repeat center 5px #eaeaea;
    background-size: 25px 20px;
    font-size: 12px;
    max-width: 155px;
    min-width: 155px;
    height: 80px;
    border-bottom: solid 1px #000;
    text-align: center;
    text-transform: uppercase;
    padding-top: 20px;
}

.AppraisalCompletionListHeader {
    font-family: 'Poppins', Arial, sans-serif;
    background: url('images/othercoursesIconBlack.png') no-repeat center 5px #eaeaea;
    background-size: 30px 25px;
    font-size: 12px;
    max-width: 155px;
    min-width: 155px;
    height: 80px;
    border-bottom: solid 1px #000;
    text-align: center;
    text-transform: uppercase;
    padding-top: 20px;
}

.CourseCompletionListHeaderTraining {
    font-family: 'Poppins', Arial, sans-serif;
    background: url('images/training.png') no-repeat center 5px #eaeaea;
    background-size: 20px 20px;
    font-size: 12px;
    max-width: 155px;
    min-width: 155px;
    height: 80px;
    border-bottom: solid 1px #000;
    text-align: center;
    text-transform: uppercase;
    padding-top: 20px;
}

.CourseCompletionListHeaderName {
    font-family: 'Poppins', Arial, sans-serif;
    background: #EAEAEA;
    font-size: 12px;
    max-width: 200px;
    min-width: 200px;
    height: 60px;
    padding-right: 50px;
    border-bottom: solid 1px #000;
    text-transform: uppercase;
}

.CourseCompletionListHeaderPosition {
    font-family: 'Poppins', Arial, sans-serif;
    background: #EAEAEA;
    font-size: 12px;
    max-width: 199px;
    min-width: 199px;
    height: 60px;
    border-bottom: solid 1px #000;
    border-right: solid 1px #000;
    text-transform: uppercase;
    margin-right: 2px;
}

.CourseCompletionListHeaderPosition2 {
    font-family: 'Poppins', Arial, sans-serif;
    background: #EAEAEA;
    font-size: 12px;
    max-width: 199px;
    min-width: 199px;
    height: 60px;
    border-bottom: solid 1px #000;
    border-right: solid 1px #000;
    text-transform: uppercase;
    margin-right: 2px;
}

.CourseCompletionListHeaderImage {
    background: #EAEAEA;
    height: 60px;
    width: 14px;
    border-bottom: solid 1px #000;
    padding-right: 10px;
}

.CourseCompletionListItemWeeMan {
    background: #fff;
    padding-top: 10px;
}

.CourseCompletionAlternatingListItemWeeMan {
    background: #fff;
    padding-top: 10px;
    padding-right: 10px;
}


.CourseCompletionCourseSelectorTitle {
    font-family: 'Poppins',Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-left: 3px;
}


.CourseCompletionCount {
    text-align: right;
    font-size: 0.8em;
    float: right;
    margin-right: 8px;
}

.CourseCompletionCountHeader {
    font-size: 1em;
    font-weight: bold;
}

.AppraisalCompletionUser {
    font-family: 'Poppins', Arial, sans-serif;
    background-color: #EAEAEA;
    font-size: 12px;
    text-transform: uppercase;
    padding: 10px;
    height: 80px;
    border-bottom: solid 1px #000;
    text-align: left;
    text-transform: uppercase;
    padding-top: 20px;
    padding-left: 20px;
    max-width: 250px;
}

.AppraisalCompletionName {
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    width: 250px;
    display: inline-block;
}

.AppraisalCompletionDate {
    font-family: 'Poppins', Arial, sans-serif;
    background-color: #EAEAEA;
    font-size: 12px;
    text-transform: uppercase;
    padding: 10px 8px 10px 9px;
    height: 80px;
    border-bottom: solid 1px #000;
    text-align: center;
    text-transform: uppercase;
    padding-top: 20px;
    max-width: 70px;
}

.AppraisalCompletionScore {
    font-family: 'Poppins', Arial, sans-serif;
    background-color: #EAEAEA;
    font-size: 12px;
    text-transform: uppercase;
    padding: 10px 25px 10px 2px;
    height: 80px;
    border-bottom: solid 1px #000;
    text-align: center;
    text-transform: uppercase;
    padding-top: 20px;
    max-width: 130px;
}

.AppraisalCompletionListItemName {
    font-family: 'Poppins', Arial, sans-serif;
    background: #fff;
    font-size: 12px;
    max-width: 80px;
    min-width: 80px;
    height: 50px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: solid 1px #cecece;
    text-transform: uppercase;
    color: #000;
    text-align: center;
}

.AppraisalCompletionAlternatingListItemName {
    font-family: 'Poppins', Arial, sans-serif;
    background: #EAEAEA;
    font-size: 12px;
    max-width: 50px;
    min-width: 50px;
    height: 50px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: solid 1px #cecece;
    text-transform: uppercase;
    color: #000;
    text-align: center;
}

.AppraisalCompletionStatusComplete1 {
    font-family: 'Poppins', Arial, sans-serif;
    color: #fff;
    background-color: #bf0d0d;
    border: solid 1px #cecece;
    border-top: none;
    border-right: none;
    text-align: center;
}

.AppraisalCompletionStatusComplete2 {
    font-family: 'Poppins', Arial, sans-serif;
    color: #fff;
    background-color: #118e0a;
    border: solid 1px #cecece;
    border-top: none;
    border-right: none;
    text-align: center;
}


.AppraisalCompletionStatusComplete3 {
    font-family: 'Poppins', Arial, sans-serif;
    color: #fff;
    background-color: #0071bb;
    border: solid 1px #cecece;
    border-top: none;
    border-right: none;
    text-align: center;
}

.AppraisalDashboardWrapper {
    overflow: auto;
    width: 100%;
    height: 792px;
}

.AppraisalCompletionNameRole {
    float: right;
    width: 85%;
}

.CompArtPanel {
    height: 200px;
    width: 200px;
    border-top: solid 10px #277999;
    border-bottom: solid 10px #277999;
}

.DelegateCompArtPanel {
    position: relative;
    z-index: 999999;
}

.CompArtPanel {
    height: 400px;
    width: 500px;
    border-top: solid 15px #277999;
    border-bottom: solid 15px #277999;
    position: fixed; /* or absolute */
    top: 25%;
    left: 38%;
    background-color: #e8e8e8;
    font-size: 15px;
    text-align: center;
}

.DelegateCompArtPanel {
    height: 400px;
    width: 500px;
    border-top: solid 15px #277999;
    border-bottom: solid 15px #277999;
    position: absolute;
    top: 25%;
    left: 38%;
    background-color: #e8e8e8;
    font-size: 15px;
    text-align: center;
    z-index: 999999;
    padding: 10px;
    box-sizing: border-box;
}

.NameColumn {
    margin-left: 10px;
}

.UnnaffectedDelegates {
    background-color: #035a76;
    color: #ffffff;
    display: block;
    padding: 10px;
}

.CompArtText {
    font-size: 20px;
    text-align: center;
}

.PanelButtonCancel {
    height: 10px;
    width: 120px;
    float: right;
}

.PanelButtonYes {
    height: 10px;
    width: 110px;
    float: left;
}

/* Grid Styles*/
/* Data Grids */

.DataGridLook {
    width: 100%;
    border: solid 2px #2F92E0;
    /*#62bb46;*/
    font-family: Arial, sans-serif;
    font-size: 9px;
}

.DataGridItemLook {
    background-color: #cdcccc;
    padding: 5px;
}

    .DataGridItemLook td {
        padding: 10px;
        font-family: Arial, sans-serif;
    }

.DataGridAlternatingItemLook {
    background-color: #fff;
    padding: 5px;
}

    .DataGridAlternatingItemLook td {
        padding: 10px;
        font-family: Arial, sans-serif;
    }

.DataGridHeaderLook {
    background-color: #2F92E0;
    font-size: 8px;
    color: #fff;
    font-family: 'Poppins', Arial, sans-serif;
}

    .DataGridHeaderLook td {
        padding: 5px;
        padding-left: 15px;
    }

.DataGridHeaderCellLook {
    cursor: pointer;
}

.DataGridFooterLook {
    background-color: #62bb46;
    color: #fff;
}

    .DataGridFooterLook td {
        padding: 5px;
    }

    .DataGridFooterLook a {
        text-decoration: none;
        padding: 2px 5px 2px 5px;
        border: solid 1px #fff;
        background-color: #fff;
        color: #000;
        margin: 0px 2px;
    }

.DataGridPagerLook {
    background-color: #62bb46;
    color: #fff;
}

.DataGridSearchTextLook {
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 9px;
}

.DataGridSearchBoxLook {
    font-family: 'Poppins', Arial, sans-serif;
    width: 100%;
    max-width: 200px;
    height: 25px;
}

.DataGridGroupTextLook {
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 9px;
}

.ScrollerGrid {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 200px;
}

/* Styles for Course Completion Dashboard*/
.GridviewScrollPager {
    border-top: 1px solid #AAAAAA;
    background-color: #FFFFFF;
}

    .GridviewScrollPager TD {
        padding-top: 3px;
        font-size: 14px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .GridviewScrollPager A {
        color: #666666;
    }

    .GridviewScrollPager SPAN {
        font-size: 1em;
        font-weight: bold;
    }



/* Grid Styles From Fire Admin*/
.CAGriddatagrid-heading-text {
    font-family: 'Poppins', Arial, sans-serif;
}

.AdminDataGridItemLook a, .AdminDataGridAlternatingItemLook a, .AdminDataGridEditItemLook a, .CAGriddatagrid-cell div a,
.CAGriddatagrid-alternatingrow div a {
    /*font-family: 'Poppins', Arial, sans-serif; GM151014*/
    /*color: #366893;*/
    padding: 10px;
    /*font-size: 8pt;*/
    /*height:17px;*/
    text-align: center;
    display: normal;
    cursor: pointer;
    /*text-transform:uppercase;*/
}

    .AdminDataGridItemLook a:hover, .AdminDataGridAlternatingItemLook a:hover, .AdminDataGridEditItemLook a:hover,
    .CAGriddatagrid-cell div a:hover, .CAGriddatagrid-alternatingrow a:hover {
        /*font-family: 'Poppins', Arial, sans-serif; GM151014*/
        padding: 10px;
        text-decoration: none;
        /*font-size: 8pt; GM151014*/
    }

.AdminDataGridItemLook a, .AdminDataGridAlternatingItemLook a, .AdminDataGridEditItemLook a,
.CAGriddatagrid-cell div a, .CAGriddatagrid-alternatingrow a {
    /*font-family: 'Poppins', Arial, sans-serif; GM151014*/
    padding: 10px;
    text-decoration: none;
    /*font-size: 8pt; GM151014*/
}

.CAGriddatagrid-row-selected a {
    color: white;
}

.AdminDataGridLook {
    width: 100%;
}

.AdminDataGridItemLook {
    background-color: #ededed;
    /*height: 50px;*/
}

    .AdminDataGridItemLook td {
        padding: 10px;
        font-size: 10pt;
        /*font-family:'Poppins', sans-serif;GM151014*/
    }

.AdminDataGridAlternatingItemLook {
    background-color: #fff;
    height: 50px;
}

    .AdminDataGridAlternatingItemLook td {
        padding: 10px;
        font-size: 10pt;
        /*font-family:'Poppins', sans-serif;GM151014*/
    }

.AdminDataGridEditItemLook {
    height: 50px;
}

    .AdminDataGridEditItemLook td {
        padding: 10px;
        font-size: 10pt;
    }

.AdminDataGridHeaderLook {
    background-color: #808080;
    font-size: 10px;
    color: #fff;
    border: hidden;
    text-transform: uppercase;
}

    .AdminDataGridHeaderLook td, .AdminDataGridHeaderLook th {
        padding: 5px;
    }

.AdminDataGridHeaderCellLook {
    cursor: pointer;
}

.AdminDataGridFooterLook {
    background-color: #808080;
    color: #fff;
    font-size: 13px;
}

    .AdminDataGridFooterLook td {
        padding: 10px 10px 5px 10px;
    }

    .AdminDataGridFooterLook a {
        text-decoration: none;
        padding: 2px 5px 2px 5px;
        border: solid 1px #fff;
        background-color: #fff;
        color: #000;
        margin: 0px 2px;
    }

.AdminDataGridPagerLook {
    background-color: #808080;
    color: #fff;
}

    .AdminDataGridPagerLook td {
        padding: 5px;
    }

    .AdminDataGridPagerLook span {
        display: inline-block;
        zoom: 1;
        margin-right: 5px;
        padding: 1px 4px;
        background-color: rgba(84, 160, 214, 0.5);
        font-family: 'Poppins', Arial, sans-serif;
    }

    .AdminDataGridPagerLook a {
        display: inline-block;
        zoom: 1;
        margin-right: 5px;
        padding: 2px 7px;
        text-decoration: none;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.65);
        font-family: 'Poppins', Arial, sans-serif;
    }

.AdminDataGridSearchTextLook {
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 9pt;
}

.AdminDataGridSearchBoxLook {
    font-family: 'Poppins', Arial, sans-serif;
    width: 100%;
    max-width: 200px;
    height: 25px;
}

.AdminDataGridGroupTextLook {
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 9pt;
}

/* do we need to integrate this further? */
.CAGriddatagrid-row-alternate, .CAGriddatagrid-row-alternate-hover {
    background: #fff;
    border-left: hidden;
    border-right: hidden;
    border-bottom: solid 10px #fff;
}

.DetailsView {
    background-color: #ffdc36;
    padding: 10px;
}

.DetailsViewHeader td {
    background-color: #808080;
    padding: 10px;
}

.DetailsViewRow td {
    background-color: #ededed;
    padding: 10px;
}

.DetailsViewAlternatingRow td {
    background-color: #fff;
    padding: 10px;
}

.DetailsViewCommandRow td {
    background-color: #fff;
    padding: 10px;
}

.DetailsViewFooter {
    background-color: #808080;
    padding: 10px;
}

.DetailsViewFooterReadOnly {
    background-color: #3F3F3F;
    padding: 10px;
}

.InlineLabel label {
    display: inline;
}

.UserAdminPanelGlobal,
.UserAdminPanel {
    padding: 10px 20px;
    background-color: #e9e9e9;
    margin: 5px 0;
}

.fieldset .UserAdminPanelGlobal,
.fieldset .UserAdminPanel {
    background-color: transparent;
    margin: 0;
    padding: 0;
}

.UserAdminPanelGlobal h3,
.UserAdminPanel h3 {
    font-size: 12px;
    font-weight: bold;
    padding-right: 2px;
    padding-left: 9px;
    text-transform: uppercase;
    color: #191919;
    font-family: "Poppins", Arial, sans-serif;
    margin: 2px 0 10px 0;
}

.fieldset .UserAdminPanelGlobal {
    background-color: transparent;
}

.fieldsetwarning {
    background-color: #ffa75e;
    border: none;
    margin: 7px 0;
    padding: 20px;
    border-radius: 5px;
}

.UserAdminPanelGlobal {
    background-color: #939da5;
}

.AssignmentsHeader {
    font-size: inherit;
    text-transform: uppercase;
    color: #191919;
    font-family: "Poppins", Arial, sans-serif;
    display: block;
    margin-top: 40px;
    margin-bottom: 10px;
}

.CoursesScoreDetailTable {
    width: 100%;
}

.ClinicalCompetencyPanel {
    padding: 20px 0;
}

.CompetencyView dd {
    padding-top: 16px;
}

.CompetencyView dt img {
    margin-right: 8px;
}

.accessLevelList {
    height: 120px;
}

.vertScroll {
    height: 400px;
    overflow-y: scroll;
}

.TempAccountOptions {
    margin: 10px 0;
}

    .TempAccountOptions dt {
        margin-top: 10px;
    }

        .TempAccountOptions dt select {
            margin-top: 10px;
        }

    .TempAccountOptions dd {
        padding-top: 35px;
    }

.ReportsCourseType {
    height: 300px;
}

.HelpIcon {
    cursor: pointer;
    position: absolute;
    width: 15px;
    height: 15px;
    margin-left: 10px;
}

.ChooseFileButton{
    margin: 5px 0px;
}

.RecentChangesPanelOuter {
    width: 100%;
    background-color: #FF9200;
}

.RecentChangesPanelText {
    padding: 10px;
}

    .RecentChangesPanelText a {
        color: black;
    }

/* Need something more generic than this if we're going to do more Views for things */
.TrainingEventView_SectionViewLinks {
    float: right;
    padding: 5px;
}

/* Hidden for the moment. We need to get the hover over for descriptions in Reports working again. */

.hovertooltip {
    display: none;
}



/*LEARNING PLAN SECTION*/
.CourseInfoHeading {
    background-color: #006588;
    height: 26px;
    display: inline-block;
}

.AppHeading {
    display: block;
    color: #ffffff;
    font-family: 'Poppins', Arial, sans-serif;
    font-weight:600;
    padding: 5px 10px;
    margin-left: -20px;
    width: 1004px;
    font-size: 14px;
}

.LightBoxHeaderLearningPlan {
    float: left;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 12pt;
    display: block;
    padding-left: 20px;
    padding-top: 10px;
    height: 30px;
    width: 98%;
    color: white;
    background-color: #0071BB;
}

.LightBoxCloseLearningPlan {
    float: right;
    font-family: 'Poppins', Arial, sans-serif;
    text-decoration: none;
    font-size: 12pt;
    color: white;
    display: block;
    padding-right: 40px;
    padding-top: 10px;
    height: 30px;
    margin-right: 10px;
    margin-top: -10px;
    background: url('images/sfrs_xIcon.png') no-repeat center right;
}

.LightBoxLearningPlan {
    max-height: 650px; /* Modified from 750 on 09/11/15: Prob with Send Emails in CBS */
    width: 750px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.65);
    z-index: 10000;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 250px;
    overflow-y: hidden;
    overflow-x: hidden;
}

.LightBoxContentsLearningPlan {
    padding: 20px;
}

.InfoCellTitle {
    font-size: 12px;
    width: 200px;
    margin-right: 10px;
    font-family: 'Poppins', Arial, sans-serif;
}

.InfoCellTitleMultiline {
    font-size: 12px;
    width: 140px;
    margin-right: 10px;
    font-family: 'Poppins', Arial, sans-serif;
}


.InfoCellValue {
    background-color: #e6e7e7;
    font-size: 12px;
    width: 220px;
    margin-right: 10px;
    padding-left: 6px;
    margin-right: 30px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.InfoCellValueLong {
    background-color: #e6e7e7;
    font-size: 12px;
    width: 320px;
    margin-right: 10px;
    padding-left: 6px;
    margin-right: 30px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.InfoCellValueLongBlank {
    background-color: #ffffff;
    font-size: 12px;
    width: 320px;
    margin-right: 10px;
    padding-left: 6px;
    margin-right: 30px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.InfoCellValueMultiline {
    background-color: #e6e7e7;
    font-size: 12px;
    max-width: 530px;
    min-width: 530px;
    padding-left: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 20px;
    word-wrap: break-word;
}

.ActionButtonLearningPlanSelected {
    font-family: 'Poppins', Arial, sans-serif;
    font-weight: 600;
    background-color: #0071BB;
    color: #fff;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    font-size: 11px;
    /*height:17px; Removing as this messes up the Line Manager panel on Profile */
    display: inline-block;
    zoom: 1;
    *display: inline;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    width: 211px;
}

.ActionButtonLearningPlanUnSelected {
    font-family: 'Poppins', Arial, sans-serif;
    font-weight: 600;
    background-color: #588CB9;
    color: #fff;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    font-size: 11px;
    /* height:17px; Removing as this messes up the Line Manager panel on Profile */
    display: inline-block;
    zoom: 1;
    *display: inline;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    width: 212px;
}

.LearningProgressGreen {
    background-color: #118e0a;
    height: 30px;
}

.LearningProgressAmber {
    background-color: #eaa034;
    height: 30px;
}

.LearningProgressRed {
    background-color: #BB1111;
    height: 30px;
}

.LearningProgressWhite {
    background-color: white;
    height: 30px;
    border: 1px grey solid;
}

.LeftMenuActionButton {
    width: 200px;
    margin-top: 20px;
    margin-bottom: 5px;
    padding: 15px 10px;
    padding-left: 40px;
    background: #228B22 url("images/save.png") no-repeat scroll 10px center;
    background-position: 10px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    font-size: 12px;
    color: #fff;
}

.UppercaseFont {
    text-transform: capitalize;
}

.HiddenFilter .rgFilterRow {
    display: none;
}

.CourseFiltersArea {
    padding: 5px;
    background: #e8e8e8;
    margin-top: 10px;
    min-height: 50px;
}

.UppercaseFont {
    /*text-transform: uppercase;*/
    /*font-family: "Poppins",sans-serif;*/
    font-size: 13px;
}

.CourseFiltersTitle {
    width: 100%;
    display: block;
    color: #000;
    font-weight: bold;
    padding: 5px;
    padding-right: 15px;
    padding-left: 15px;
    margin-left: -15px;
    margin-top: -5px;
}

.SearchTitle {
    background: url('images/Search(15x15).png') left center no-repeat;
    background-position: 10px;
    padding-left: 32px;
    display: inline;
}

.LeftFilterBlueLine {
    background-color: #006588;
    height: 1px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-bottom: 4px;
    width: 136px;
    *width: 131px;
}

.SearchBox {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 5px;
    background-size: 15px;
    background-position: 5px;
    font-size: 10pt;
    border: 1px solid grey;
}

.ScorecardCategoryTitle {
    background: url('images/Category(15x15).png') left center no-repeat;
    background-position: 10px;
    padding-left: 32px;
    display: inline;
}

.SideBarDropDownList {
    width: 100%;
    margin-top: 15px;
    font-size: 12px;
}

.LeftFilterBlueLineCategory {
    background-color: #006588;
    height: 1px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-bottom: 4px;
    width: 120px;
    *width: 115px;
}

.SideNavInner {
    font-family: 'Poppins', Arial, sans-serif;
    height: 98%;
    width: 230px;
    margin: 10px;
    float: left;
    font-size: 10pt;
    background-color: #e8e8e8;
}

.ActionButtonButtonSmall {
    font-family: 'Poppins', Arial, sans-serif;
    font-weight: 600;
    background-color: #334165;
    color: #fff;
    padding: 0px 10px 1px 10px;
    text-decoration: none;
    font-size: 11px;
    height: 21px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    border: none;
}

.ActionButtonCourseList {
    border: 3px solid #e6e7e7;
}

/* Scorecard */

.ScorecardHeaderElearningCourse {
    font-family: 'Poppins', Arial, sans-serif;
    background: url('images/xomputer.png') no-repeat center 5px #eaeaea;
    background-size: 25px 20px;
    font-size: 12px;
    /*max-width: 155px;
    min-width: 155px;*/
    height: 15px;
    border-bottom: solid 1px #000;
    text-align: center;
    text-transform: uppercase;
    padding-top: 20px;
}

.ScorecardHeaderTrainingActivity {
    font-family: 'Poppins', Arial, sans-serif;
    background: url('images/training.png') no-repeat center 5px #eaeaea;
    background-size: 20px 20px;
    font-size: 12px;
    /*max-width: 155px;
    min-width: 155px;*/
    height: 15px;
    border-bottom: solid 1px #000;
    text-align: center;
    text-transform: uppercase;
    padding-top: 20px;
}

.ScorecardHeaderSelfRecordedLearning {
    font-family: 'Poppins', Arial, sans-serif;
    background: url('images/SelfRecorded-Icon-40x34px.png') no-repeat center 5px #eaeaea;
    background-size: 20px 20px;
    font-size: 12px;
    /*max-width: 155px;
    min-width: 155px;*/
    height: 15px;
    border-bottom: solid 1px #000;
    text-align: center;
    text-transform: uppercase;
    padding-top: 20px;
}

.ScorecardHeaderProgramme {
    font-family: 'Poppins', Arial, sans-serif;
    background: url('images/othercoursesIconBlack.png') no-repeat center 5px #eaeaea;
    background-size: 20px 20px;
    font-size: 12px;
    /*max-width: 155px;
    min-width: 155px;*/
    height: 15px;
    border-bottom: solid 1px #000;
    text-align: center;
    text-transform: uppercase;
    padding-top: 20px;
}

.ScorecardHeaderElearningCourseV2 {
    background: url('images/xomputer.png') no-repeat top;
    background-size: 30px 20px;
    height: 30px;
    width: 100%;
    margin-bottom: 5px;
    border-bottom: solid 1px #000;
}

.ScorecardHeaderTrainingActivityV2 {
    background: url('images/training.png') no-repeat top;
    background-size: 30px 30px;
    height: 30px;
    width: 100%;
    margin-bottom: 5px;
    border-bottom: solid 1px #000;
}

.ScorecardHeaderSelfRecordedLearningV2 {
    background: url('images/SelfRecorded-Icon-40x34px.png') no-repeat top;
    background-size: 30px 30px;
    height: 30px;
    width: 100%;
    margin-bottom: 5px;
    border-bottom: solid 1px #000;
}

.ScorecardHeaderProgrammeV2 {
    background: url('images/training.png') no-repeat top;
    background-size: 30px 30px;
    height: 30px;
    width: 100%;
    margin-bottom: 5px;
    border-bottom: solid 1px #000;
}

.ScorecardHeaderL2MandatoryV2 {
    background: url('images/locked.png') no-repeat top;
    height: 30px;
    width: 100%;
    margin-top: 5px;
    border-bottom: solid 1px #000;
}

.ScorecardHeaderL2V2 {
    height: 30px;
    width: 100%;
    margin-top: 5px;
    border-bottom: solid 1px #000;
}

.ScorecardHeaderCourseName {
    height: 100px;
    width: 100%;
    font-weight: bold;
    font-size: 10pt;
}

.ScorecardHeaderCourseName {
    height: 100px;
    width: 100%;
    font-weight: bold;
    font-size: 10pt;
}

.ScorecardHeaderL2Mandatory {
    font-family: 'Poppins', Arial, sans-serif;
    background: url('images/locked.png') no-repeat center 8px #eaeaea;
    background-size: 15px 18px;
    font-size: 12px;
    /*max-width: 155px;
    min-width: 155px;*/
    height: 15px;
    border-bottom: solid 1px #000;
    text-align: center;
    text-transform: uppercase;
    padding-top: 20px;
}

.ScorecardHeaderLearningPlanMandatory {
    font-family: 'Poppins', Arial, sans-serif;
    /*background: url('images/sfrs-admin.png') no-repeat center 5px #eaeaea;*/
    background-size: 20px 20px;
    font-size: 12px;
    /*max-width: 155px;
    min-width: 155px;*/
    height: 15px;
    border-bottom: solid 1px #000;
    text-align: center;
    text-transform: uppercase;
    padding-top: 20px;
}

.ScorecardSimpleStatusNearExpiry {
    background: url('images/timeLineCircleDue2.png') no-repeat center 0px;
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
    margin: 0 auto;
}

.ScorecardMatrixStatusNearExpiry {
    background: url('images/timeLineCircleDue2.png') no-repeat center 0px;
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
}

.ScorecardSimpleStatusNearExpiryV2 {
    background: url('images/timeLineCircleDue2.png') no-repeat left 12px;
    background-size: 30px 30px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    height: 30px;
    width: 30px;
}

.ScorecardSimpleStatusComplete {
    background: url('images/timeLineCircleMet2.png') no-repeat center 0px;
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
    margin: 0 auto;
}

.ScorecardMatrixStatusComplete {
    background: url('images/timeLineCircleMet2.png') no-repeat center 0px;
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
}

.ScorecardSimpleStatusCompleteV2 {
    background: url('images/timeLineCircleMet2.png') no-repeat left 12px;
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
}

.ScorecardSimpleStatusNotValid {
    background: url('images/timeLineCircleOverrun2.png') no-repeat center 0px;
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
    margin: 0 auto;
}

.ScorecardMatrixStatusNotValid {
    background: url('images/timeLineCircleOverrun2.png') no-repeat center 0px;
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
}

.ScorecardSimpleStatusNotValidV2 {
    background: url('images/timeLineCircleOverrun2.png') no-repeat left 12px;
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
}

.ScorecardCellChangeAdd {
    display: none;
    font-size: 30pt;
    text-align: center;
}

    .ScorecardCellChangeAdd a {
        color: black;
        text-decoration: none;
    }

.ScorecardCellChangeRemove {
    display: none;
    font-size: 30pt;
    text-align: center;
}

    .ScorecardCellChangeRemove a {
        color: white;
        text-decoration: none;
    }

.ScorecardCellStatus {
}

    .ScorecardCellStatus a {
        color: white;
        text-decoration: none;
    }

.ScorecardCellChanged {
    padding: 0px !important;
    background-color: #8fa8ff;
}


.RadComboBox .rcbInput {
    width: 100% !important;
}

.RadUpload_MetroTouch{
    margin: 5px 0px;
}

.RadGrid_MetroTouch,
.RadDropDownList_MetroTouch,
.RadComboBox_Metro{
    font-family: 'Poppins', Arial, sans-serif !important;
    font-weight: 400 !important;
    font-size: 10pt !important;
}

.rddlPopup_MetroTouch{
    font-family: 'Poppins', Arial, sans-serif !important;
    font-weight: 400 !important;
    font-size: 10pt !important;
}

/* Telerik customisations */
.RadTabStrip_MetroTouch{
    font-weight: 400 !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 10pt !important;
}

.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, .RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
    border-color: #303149 !important;
    background-color: #303149 !important;
    color: white !important;
}

.RadTabStripTop_MetroTouch .rtsLevel1 {
    border-bottom: 2px solid #30314a !important;
}

.RadPivotGrid .rpgColumnHeader .rotated {
    display: inline-block;
    width: 40px;
    padding-top: 70px;
    height: 120px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    font-size: 12px;
    line-height: 18px;
}

.RadButton
{

}

.RadButton_MetroTouch{
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 14px !important;
}

span.RadButton_MetroTouch{
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 14px !important;
    padding: 8px 15px !important;
}

.RadButton_Metro{
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 14px !important;
    padding: 8px 15px !important;
}

.RadInput_MetroTouch.riSingle .riTextBox{
    font-weight:400;
}

.RadComboBox_MetroTouch .rcbInput{
    font-weight:400 !important;
}

.rpgColumnHeader {
    font-size: 12px;
    line-height: 18px;
    word-wrap: break-word;
    max-width: 100px;
}

.rpgTable {
    width: 200px !important;
}

    .rpgTable tr {
        font-size: 12px;
        line-height: 16px;
    }


.LearningPlanGrid {
    outline: auto;
}

.rgSelectedRow td {
    background-color: #0071BB !important;
    border-color: #0071BB !important;
}

.ContentTagList {
    overflow: auto;
}

.PivotGridColumnHeader {
    min-width: 500px;
}

.FloatRight {
    float: right;
}

.FloatLeft {
    float: left;
}

.MarginRight10 {
    margin-right: 10px;
}

.FilterSearchBox {
    width: 65%;
    height: 15px;
}

.ScorecardCounterCore {
    width: 250px;
    margin-bottom: 5px;
    padding: 15px 10px;
    background: url('Images/CoreCount.png') no-repeat left center;
    background-position: 10px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
    font-size: 11pt;
    font-family: "Poppins", Arial, sans-serif;
    font-weight: lighter;
    color: #334165;
    float: left;
    text-indent: 5px;
}

.ScorecardCounterStaff {
    width: 250px;
    margin-bottom: 5px;
    padding: 15px 10px;
    background: url('Images/StaffCount.png') no-repeat left center;
    background-position: 10px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
    font-size: 11pt;
    font-family: "Poppins", Arial, sans-serif;
    font-weight: lighter;
    color: #334165;
    float: left;
    text-indent: 5px;
}

.ScorecardCounterTotal {
    width: 250px;
    margin-bottom: 5px;
    padding: 15px 10px;
    background: url('Images/TotalCount.png') no-repeat left center;
    background-position: 10px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
    font-size: 11pt;
    font-family: "Poppins", Arial, sans-serif;
    font-weight: lighter;
    text-indent: 5px;
    color: #334165;
    float: left;
}

.ScorecardCounter {
    width: 340px;
    margin-bottom: 5px;
    padding: 15px 0px 15px 0px;
    background-color: #1f7fbb;
    display: inline-block;
    zoom: 1;
    *display: inline;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Poppins", Arial, sans-serif;
    font-weight: lighter;
    float: left;
    border-radius: 10px;
}

.ScorecardCounterLarge {
    width: 985px;
    margin-bottom: 5px;
    padding: 15px 0px 15px 0px;
    background: url('Images/ScoreCardCountLarge.png') no-repeat left center;
    background-position: 10px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Poppins", Arial, sans-serif;
    font-weight: lighter;
    float: left;
}

.ScorecardCounterNumber {
    color: #ffffff;
    float: left;
    text-align: center;
    width: 44px;
    margin-left: 10px;
    font-size: 22pt;
    font-weight: 600;
    line-height: 22px;
}

.ScorecardCounterNumberRight {
    color: #334165;
    float: right;
    text-align: center;
    width: 44px;
    margin-right: 8px;
    font-size: 11pt;
    font-weight: 600;
    line-height: 22px;
}

.ScorecardCounterLabel {
    color: white;
    text-align: left;
    width: 260px;
    float: left;
    height: 14pt;
    margin-left: 20px;
    line-height: 22px;
    font-weight: 500;
}

.ScorecardCounterLabelRight {
    color: white;
    text-align: right;
    width: 260px;
    float: right;
    height: 14pt;
    margin-right: 30px;
    line-height: 22px;
    font-weight: bold;
}


.ScorecardRoundLabel {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Poppins", Arial, sans-serif;
    font-size: 14px;
    width: 205px;
    display: block;
    text-align: center;
}

/* This CSS applies to PDFs as they are exporting, e.g. for PivotGrids to remove scrollbars */

.k-pdf-export .rpgVerticalScrollDiv,
.k-pdf-export .rpgHorizontalScroll > div {
    display: none;
}

.RegisterConfirmName {
    padding-left: 10px;
    margin-top: 0px;
    width: 95%;
    display: block;
    outline: auto;
    outline-color: #A3A2A2;
    outline-width: 20px;
    background-color: #EFEEEE;
    font-family: PoppinsBold, sans-serif;
    font-weight: bold;
    font-size: 9pt;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.RegisterConfrimLabel {
    margin-top: 15px;
    width: 100%;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11pt;
    font-family: PoppinsBold, sans-serif;
}

.RegisterConfirmDiv {
    background-color: #ADBFCF;
    padding-bottom: 15px;
    font-family: 'Poppins',Arial,sans-serif;
    padding: 15px;
    font-size: 14px;
    height: 220px;
    font-weight: bold;
    margin-bottom: 10px;
}

.RegistrationL2Instruction {
    padding: 10px 20px;
    background-color: #D8DBE4;
}

.k-pdf-export .RadPivotGrid {
    display: inline-block;
}

.k-pdf-export .rpgColumnHeaderDiv {
    width: auto !important;
}

.k-pdf-export .RadPivotGrid,
.k-pdf-export .rpgContentZoneDiv {
    width: auto !important;
    height: auto !important;
}

.k-pdf-export .rpgRowHeaderZoneDiv {
    height: auto !important;
}

.k-pdf-export .hidefrompdf {
    display: none;
}

.k-pdf-export .NationalReportRoundLabel {
    width: auto !important;
    margin-left: 60px;
}

.percentageLabel {
    color: #0089B7;
    z-index: 10;
    top: 48px;
    font-size: 22pt;
    position: relative;
    left: 52px;
    text-align: center;
    width: 100px;
    height: 10px;
    height: 0px;
}


.percentageLabelGrid {
    z-index: 2;
    top: -39px;
    left: -16px;
    font-size: 8pt;
    position: relative;
    text-align: center;
    width: 100px;
    height: 10px;
    height: 0px;
    font-weight: bold;
}

    .percentageLabelGrid a:link {
        text-decoration:none;
    }

    .percentageLabelGrid a:visited {
        text-decoration: none;
    }

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

    .FrontofPage {
        z-index: 3;
    }

.PlanGridHeading {
    background-color: #0071BB;
    width: 100%;
    color: white;
    padding: 10px 0 10px 10px;
    height: 40px;
    box-sizing: border-box;
    font-family: 'Poppins', Arial, sans-serif;
    text-transform: uppercase;
    margin-top: 15px;
    font-size: 12px;
}

.MousePointer {
    cursor: pointer;
}

.ScorecardHeaderUser {
    background: url('images/UserPageIcon.png') no-repeat left 5px #eaeaea;
    padding-left: 40px;
    height: 40px;
    width: 200px;
}

.NoTextSelection {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.AddPlanItem {
    padding: 26px;
    margin-left: -3px;
}

.RemovePlanItem {
    padding: 36px;
    margin-left: -3px;
}

.RadGridButton {
    height: 25px;
    width: 100%;
    font-weight: normal;
    background-color: white;
    border-color: #E0E0E0;
    color: black;
    border-width: 1px;
    cursor: pointer;
}

    .RadGridButton:hover {
        background-color: #E7E7E7;
    }

    .RadGridButton:active {
        background-color: #25a0da;
        color: white;
    }

.RegistrationProgressDiv {
    width: 100%;
    height: 60px;
    margin-bottom: 5px;
}

.RegistrationProgressStart {
    margin-top: 5px;
    float: left;
    width: 250px;
    height: 38px;
    color: white;
}

.RegistrationProgress {
    margin-top: 5px;
    float: left;
    margin-left: -15px;
    width: 250px;
    height: 38px;
}

.RegistrationProgressBlue {
    background: url('images/ProgressotherBlue.png') no-repeat left;
    background-size: 250px, 38px;
    color: white;
}

.RegistrationProgressWhite {
    background: url('images/ProgressotherTick.png') no-repeat left;
    background-size: 250px, 38px;
    color: #A8A8A7;
}

.RegistrationProgressStartBlue {
    background: url('images/ProgressfirstBlue.png') no-repeat left;
    background-size: 250px, 38px;
    color: white;
}

.RegistrationProgressStartWhite {
    background: url('images/ProgressfirstTick.png') no-repeat left;
    background-size: 250px, 30px;
    color: #A8A8A7;
}

.RegistrationProgressLabel {
    height: 100%;
    line-height: 38px;
    padding-left: 50px;
    font-family: PoppinsBold, sans-serif;
    font-size: 9pt;
}

.HierarchyHeadingLabel {
    width: 100%;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11pt;
    font-family: PoppinsBold, sans-serif;
}

.HierarchySelectorDiv {
    width: 100%;
    min-height: 60px;
    margin-bottom: 5px;
    margin-left: 10px;
    display: inline-block;
}

.HierarchySelectorAppendBold {
    font-weight: bold;
}

.HierarchySelectorStartStaircase {
    margin-left: -50px;
    margin-top: 5px;
    float: left;
    max-width: 270px;
    height: 38px;
    font-size: 11pt;
}

.HierarchySelector {
    margin-top: 5px;
    float: left;
    margin-left: -15px;
    max-width: 270px;
    height: 38px;
    font-size: 11pt;
}

.HierarchyChevron {
    transform: rotate(90deg);
    margin-left: 20px;
}

.HierarchySelectorLabel {
    height: 100%;
    line-height: 38px;
    padding-left: 40px;
}

.ReportDashboardLabel {
    color: #000;
    font-family: 'Poppins', Arial, sans-serif;
    font-weight: bold;
}

.ReportDashboardOptions {
    height: 180px;
}

.ReportDashboardHeader {
    background-image: url(images/audit_grey.png);
    background-repeat: no-repeat;
    padding-left: 40px;
    position: relative;
}

.ReportDashboardReportButton {
    position: absolute;
    right: 0px;
    top: 5px;
}

.ReportLauncherOptions {
    background: #eaeaea;
    width: 45%;
    height: 174px;
    padding: 10px 20px 30px 20px;
}

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

.ReportDashboardDateLabel {
    font-family: 'Poppins', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
}

.ReportDashboardResults {
    height: 175px;
}

.ReportDashboardStatsContainer {
    background: #eaeaea;
    width: 70%;
    height: 155px;
    float: left;
    position: relative;
}

.ReportDashboardStats {
    background: #eaeaea;
    width: 30%;
    height: 120px;
    padding: 10px;
    float: left;
    text-align: center;
}

.ReportDashboardStatLabel {
    color: #4c4c4c;
    font-family: 'Poppins', Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}

.ReportDashboardSeparator {
    border-right: 1px solid grey;
    position: absolute;
    top: 20px;
    height: 100px;
}

.ReportDashboardChart {
    background: #eaeaea;
    width: 29%;
    height: 155px;
    float: right;
    text-align: center;
}

.NationalReportRoundLabel {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Poppins", Arial, sans-serif;
    font-size: 12px;
    width: 320px;
    display: block;
    text-align: center;
}

.ReportDashboardNumber {
    font-size: 40px;
    display: block;
    margin-top: 35px;
    height: 85px;
    color: #4c4c4c;
}

.NationalReportTextLabel {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 12px;
    display: block;
    text-align: left;
    margin-right: -20px;
    margin-bottom: 20px;
}

.TooltipMinimumFrame {
    min-height: 100px;
    min-width: 100px;
}

/* Homepage Learning Plan Display */

.homeplan_planitembox {
    border: 1px solid #b1b1b1;
    background-color: white;
    /*float:left;*/
    width: 180px;
    height: 110px;
    padding: 10px;
    margin: 3px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    border-radius: 5px;
}

.homeplan_planitemlaunchlink {
    font-family: 'Poppins', Arial, sans-serif;
    font-weight: 600;
    background-color: #2f3147;
    color: #fff;
    padding: 8px 30px 8px 30px;
    /*margin: 10px 15px 10px 15px;*/
    text-decoration: none;
    font-size: 12px;
    /* height:17px; Removing as this messes up the Line Manager panel on Profile */
    display: inline-block;
    zoom: 1;
    *display: inline;
    cursor: pointer;
    text-align: center;
    width: 120px;
    border-radius: 7px;
}

.homeplan_planitemlaunchlinkdisabled {
    font-family: 'Poppins', Arial, sans-serif;
    background-color: #b1b1b1;
    color: #fff;
    padding: 8px 30px 8px 30px;
    /*margin: 10px 15px 10px 15px;*/
    text-decoration: none;
    font-size: 10px;
    /* height:17px; Removing as this messes up the Line Manager panel on Profile */
    display: inline-block;
    zoom: 1;
    *display: inline;
    cursor: default;
    text-transform: uppercase;
    text-align: center;
    width: 120px;
    border-radius: 5px;
}


.homeplan_planitemstatusbox {
    padding: 2px 0px 2px 0px;
}

.homeplan_planitemstatustext {
    font-family: 'Poppins', Arial, sans-serif;
    text-transform: uppercase;
    white-space: normal;
}

.homeplan_learningplanboxleft {
    float: left;
    width: 420px;
    overflow-x: auto;
    white-space: nowrap;
}

.homeplan_learningplanboxright {
    float: left;
    width: 420px;
    overflow-x: auto;
    white-space: nowrap;
}

.homeplanstats_progressbox {
    display: inline-block;
    width: 300px;
    height: 122px;
    margin-top: 15px;
    background-color: white;
    padding: 10px;
}

.homeplanstats_donutchart {
    float: left;
}

.homeplan_labelitemname {
    white-space: normal;
    line-height: 1.4;
}

.homeplan_innertop {
}

.homeplan_innerbottom {
    position: absolute;
    bottom: 10px;
}

.LearningPlanArea {
    background-color: #f6f6f6;
    z-index: -1;
    padding: 20px;
    margin-top: 0px;
    font-family: 'Poppins', arial, sans-serif;
}

.homeplanstats_statsbox {
    display: inline-block;
    /*width: 330px;*/
    height: 180px;
    float: left;
    margin-left: 30px;
    margin-right: 30px;
}

.homeplanstats_percentagelabel {
    color: black;
    z-index: 10;
    top: 50px;
    font-size: 22pt;
    font-weight: 600;
    position: absolute;
    left: 25px;
    text-align: center;
    width: 100px;
}

.homeplanstats_statsboxinner {
    display: inline-block;
    width: 300px;
    height: 122px;
    margin-top: 15px;
    background-color: #f6f6f6;
    padding: 10px;
    position: relative;
    border-radius: 10px;
}

.homeplan_line {
    background-color: #CECECE;
    display: inline-block;
    width: 67.5%;
    height: 2px;
    margin-top: 8px;
    float: right;
}

.homeplan_lineandtext {
    margin: 10px;
    width: 429px;
    display: inline-block;
}

.homeplanstats_dividingline {
    border-top: 1px solid #CECECE;
    margin-top: 7px;
    margin-bottom: 12px;
}

.homeplanstats_textstatsbox {
    float: right;
    width: 150px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 5px;
}

.homeplanstats_statnumber {
    font-size: 17pt;
    font-weight: 600;
}

.homeplanstats_textstattitle {
    font-size: 8pt;
}

.homeplanstats_linemandatorytitles {
    background-color: #CECECE;
    width: 45%;
    height: 2px;
    margin-top: -16px;
    margin-left: 175px;
}

.homeplan_leftbutton {
    float: left;
    margin-right: 10px;
    padding-top: 35px;
}

.homeplan_rightbutton {
    float: right;
    padding-top: 35px;
}

.homeplan_planitemnavigation {
    width: 460px;
    float: left;
}

.HomepagePanelHeadingButton {
    font-family: 'Poppins', Arial, sans-serif;
    background-color: #48b0d4;
    color: #fff;
    padding: 6px 10px 6px 10px;
    margin: 2px 10px;
    border-radius: 3px;
    text-decoration: none;
    font-size: 10px;
    display: inline-block;
    zoom: 1;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
}

.ProgressPlanStatusIconBackground {
}

.CourseAdded {
    margin-top: 4px;
}

.CourseRemoval {
    margin-top: 4px;
}

/* Use only for Course Completion Dashboard */
#ContentPlaceHolder1_DataGridCourseCompleteWrapper {
    overflow-x: scroll !important;
    overflow-y: hidden !important;
}

#ContentPlaceHolder1_DataGridCourseCompletePanelHeader {
    overflow: initial !important;
}

#ContentPlaceHolder1_DataGridCourseCompletePanelHeaderContent {
    overflow: initial !important;
}

#ContentPlaceHolder1_DataGridCourseCompletePanelItem {
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}

#ContentPlaceHolder1_DataGridCourseCompletePanelItemContent {
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}

.EportfolioTabStrip .rtsSelected {
    background-color: #D8DBE4 !important;
    border-color: #D8DBE4 !important;
    color: #000 !important;
    font-family: Poppins !important;
    font-size: 14px;
}

.EportfolioTabStrip .rtsLink {
    border-color: #D8DBE4 !important;
    color: #000 !important;
    font-family: Poppins !important;
    font-size: 14px;
}

.EportfolioTabStrip .rtsLevel1 {
    border-bottom: 3px solid #D8DBE4 !important;
}

.RadMultiPage .fieldset {
    margin-top: unset !important;
}

.UserSearchTabStrip .rtsSelected {
    background-color: #D8DBE4 !important;
    border-color: #D8DBE4 !important;
    color: #000 !important;
    font-family: 'Poppins' !important;
    font-size: 14px;
}

.UserSearchTabStrip .rtsLink {
    border-color: #D8DBE4 !important;
    color: #000 !important;
    font-family: 'Poppins' !important;
    font-size: 14px;
}

.UserSearchTabStrip .rtsLevel1 {
    border-bottom: 3px solid #ebebeb !important;
}

.UserSearchMultiPage .HierarchyHeadingLabel {
    display: none;
}

.RemoveTelerik .RadButton {

    background-color: #334165 !important;
    padding: 10px 15px 10px 15px !important;
    text-decoration: none;
    font-size: 10px;
    display: inline-block;
    zoom: 1;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    outline: auto;
    border: none;
}

.RemoveTelerik span.RadButton_Bootstrap .rbDecorated {
    color: #fff !important;
    font-family: 'Poppins', Arial, sans-serif;
}

.UserSearchMultiPage .ActionButton {
    font-family: 'Poppins', Arial, sans-serif;
    font-weight: 600;
    background-color: #303148;
    color: #fff !important;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    font-size: 11px;
    /* height:17px; Removing as this messes up the Line Manager panel on Profile */
    display: inline-block;
    zoom: 1;
    *display: inline;
    cursor: pointer;
    text-align: center;
    border: none;
}

.UserSearchButtons .RadButton {
    font-family: 'Poppins', Arial, sans-serif;
    background-color: #334165 !important;
    color: #fff !important;
    padding: 10px 15px 10px 15px !important;
    text-decoration: none;
    font-size: 10px;
    display: inline-block;
    zoom: 1;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    outline: auto;
    border: none;
}

.EportfolioSubSection {
    background: rgb(238, 238, 238);
    border: 1px solid rgb(204, 204, 204);
    padding: 5px 10px;
    color: rgb(0, 0, 0);
    font-family: Poppins, sans-serif;
    font-size: 14px;
}

    .EportfolioSubSection span {
        font-weight: bold;
        text-transform: uppercase;
    }

    .EportfolioSubSection img {
        width: 50px;
        height: 50px;
        margin: -30px 0px 0px -12px;
    }

.ImageMiddle {
    vertical-align: middle;
}

.ButtonDividingBox {
    padding: 2px;
    margin: 3px;
    font-weight: bold;
}

/* Health Surveillance */

.HSQuestion
{
    margin-bottom:20px;
}

.HSButtonDiv
{

}

.HSReasonsLabel {
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 20px;
}

.HSReasonsArea {

}

.HSExposureCheck{
    margin:10px;
}

.HSExposureList {
    margin-left: 40px;
}

.HSExposureList span{
    width:400px;
}

.HSGeneralCheckYesNo {
    margin-top: 10px;
    margin-bottom: 10px;
}

.HSGeneralQuestion {
    margin-top: 10px;
}

.HSHeader {
    width: 100%;
    background-color: lightgray;
    height: 40px;
    cursor: pointer;
    margin-top:5px;
}

.HSHeaderInner {
    padding: 10px;
}

.HSHeaderIconAndTextIncomplete {
    background-image: url("images/blank-50x50.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
}

.HSHeaderIconAndTextComplete {
    background-image: url("images/tick-50x50.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
}

.HSHeaderText {
    margin-left: 30px;
}

.HSHeaderEndIconEdit {
    background-image: url("images/edit-50x50.png");
    width: 20px;
    height: 20px;
    float: right;
    background-size: contain;
}

.HSHeaderEndIconDown {
    background-image: url("images/accordion-down-arrow-50x50.png");
    width: 20px;
    height: 20px;
    float: right;
    background-size: contain;
}

.HSContentArea {
    margin-left: 10px;
    margin-right: 10px;
    /*margin-top: 20px;*/
    margin-bottom: 20px;
    background-color: #EEEEEE;
    padding: 20px;
}

.LoginAsUserBanner {
    background-color: #446688;
    width: 99%;
    height: 20px;
    margin-top: 0;
    margin-bottom: 10px;
    color: white;
    padding: 5px 3px 5px 7px;
    font-weight: bold;
    font-family: 'Poppins',Arial,sans-serif;
}

.LoginAsUserLogout {
    color: white;
    font-weight: bold;
    font-family: 'Poppins',Arial,sans-serif;
    margin-right:10px;
}

.LoginAsUserLogout a:link a:visited a:hover a:active {
    color: white;
    font-weight: bold;
    font-family: 'Poppins',Arial,sans-serif;
}

/*Additional css to improve usability and contrast of the certificate. So the web page resembles more the pdf output*/
#ContentPlaceHolder1_PanelCertificate{
    background-color: #FFF !important;
}

h2 {
    color: #858585 !important;
}

#ContentPlaceHolder1_LabelCertificateCourseHeader {
    color: #858585 !important;
}


/* AMS FEEDBACK SHEET - T Kirkman March 2019 */
/* (Imported from Fire LMS 2023) */
.AMSSC1 {
    background-color: #e8e8e8;
}

.AMSSC2 {
    background-color: #e8e8e8;
}

.AMSSC3 {
    background-color: #e8e8e8;
}

.AMSFeedbackSection {
    border: 1px solid grey;
    margin: 0 !important;
    padding: 0 !important;
    border-spacing: 0;
    border-collapse: collapse;
}

    .AMSFeedbackSection td {
        border: 1px solid grey;
        margin: 0 !important;
        padding: 20px !important;
    }

.AMSFeedbackBreakdown {
    border: 1px solid grey;
    margin: 0 !important;
    padding: 0 !important;
    border-spacing: 0;
    border-collapse: collapse;
}

    .AMSFeedbackBreakdown td {
        border: 1px solid grey;
        margin: 0 !important;
        padding: 20px !important;
        text-align: center;
    }

        .AMSFeedbackBreakdown td:first-child {
            text-align: left;
        }

    .AMSFeedbackBreakdown th {
        background-color: #e8e8e8;
    }

.AMSSafetyCritical tr {
    background-color: #e2e2e2;
    padding: 20px;
}

.AMSSafetyCritical th {
    text-align: left;
    padding: 20px;
}

.AMSOverallPerformance th {
    text-align: left;
    text-transform: uppercase;
}

.AMSOverallPerformance textarea {
    padding: 20px;
    box-sizing: border-box;
}

.AMSTopicHeaderRow {
    font-size: 12pt;
    text-transform: uppercase;
    font-weight: bold;
}

.AMSTopicHeader {
    font-size: 12pt;
    font-weight: bold;
}

.whitelink {
    padding: 0px !important;
}