@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');
/* BEGIN THE WEBSITE'S MAIN BOX CLASSES */
div#WebsiteBox {
    background: #fff;
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
}
div#WebsiteBox div.websitebox_topbg {
    /*background: url("Images/MainLayout/TopBG.jpg") repeat-x top;*/
}
div#WebsiteBox div.websitebox_rightbg {
    /*background: url("Images/MainLayout/RightBG.jpg") repeat-y right;*/
}
div#WebsiteBox div.websitebox_bottombg {
    /*background: url("Images/MainLayout/BottomBG.jpg") repeat-x bottom;*/
}
div#WebsiteBox div.websitebox_leftbg {
    /*background: url("Images/MainLayout/LeftBG.jpg") repeat-y left;*/
}
div#WebsiteBox div.websitebox_topleft {
    /*background: url("Images/MainLayout/new-logo.png") no-repeat top left;*/
}
div#WebsiteBox div.websitebox_topright {
    /*background: url("Images/MainLayout/TopRight.jpg") no-repeat top right;*/
}
div#WebsiteBox div.websitebox_bottomright {
    /*background: url("Images/MainLayout/BottomRight.jpg") no-repeat bottom right;*/
}
div#WebsiteBox div.websitebox_bottomleft {
    /*background: url("Images/MainLayout/BottomLeft.jpg") no-repeat bottom left;*/
}

/* bread crumb versions */
div#WebsiteBox div.websitebox_Bread_topbg {
    /*background: url("Images/MainLayout/TopBG_Bread.jpg") repeat-x top;*/
}
div#WebsiteBox div.websitebox_Bread_topbg div.websitebox_topleft {
    /*background: url("Images/MainLayout/TopLeft_Bread.jpg") no-repeat top left;*/
}
div#WebsiteBox div.websitebox_Bread_topbg div.websitebox_topright {
    /*background: url("Images/MainLayout/TopRight_Bread.jpg") no-repeat top right;*/
}

div#WebsiteBox div.websitebox_footer {
    height: 74px;
}
div#WebsiteBox div.websitebox_center {
    /* min-height: 500px; */
    /*margin-bottom: 20px;*/
}
* html div#WebsiteBox div.websitebox_center {
    /* height: 500px; */
}

div#content
{
    /* width: 721px; */
    float: left;
    margin-bottom: 35px;
    min-height: 400px;
    width: 100%;
}
* html div#content
{
    width: 721px;
    float: left;
    margin-bottom: 35px;
    height: 400px;
}

table#MainColumns {
    margin-top: 0px;
    width: 100%;
}
td#column_content {
    /*padding-top: 10px;*/
    padding-top: 0px;
}
/* END THE WEBSITE'S MAIN BOX CLASSES */

/* BEGIN THE FOOTER CLASSES */
div#bottom_navigation
{
    height: 15px;
    padding: 0px;
    margin-left: auto;
    padding-right: 18px;
    padding-top: 15px;
    text-align: right;
}
div#bottom_navigation ul {
    float: right;
    font-family: Verdana, Segoe, Sans-Serif;
    font-weight: normal;
    height: 15px;
    list-style-image: none;
    list-style-type: none;
    margin-bottom: 0px;
    margin-left: auto;
    margin-top: 1px;
    /* width: 550px; */
}
div#bottom_navigation ul li {
    float: left;
}
div#bottom_navigation ul li.lnk {
    padding: 0px;
    padding-top: 0px;
}
div#bottom_navigation ul li.home, div#bottom_navigation td.btnFooter_Home {
    width: 54px;
}
div#bottom_navigation ul li.home a, div#bottom_navigation td.btnFooter_Home a {
    background: url("Images/Footer/btn_home.gif") no-repeat;
    background-position: 0px 0px;
    float: right;
    height: 14px;
    width: 54px;
}
div#bottom_navigation td.btnFooter_Home_Active a, div#bottom_navigation td.btnFooter_Home a:hover {
    background: url("Images/Footer/btn_home.gif") no-repeat;
    background-position: 0px -14px;
    float: right;
    height: 14px;
    width: 54px;
}
div#bottom_navigation ul li.contact, div#bottom_navigation td.btnFooter_Contact {
    width: 78px;
}
div#bottom_navigation ul li.contact a, div#bottom_navigation  td.btnFooter_Contact a {
    background: url("Images/Footer/btn_contact.gif") no-repeat;
    background-position: 0px 0px;
    float: right;
    height: 14px;
    width: 78px;
}
div#bottom_navigation td.btnFooter_Contact_Active a, div#bottom_navigation td.btnFooter_Contact a:hover {
    background: url("Images/Footer/btn_contact.gif") no-repeat;
    background-position: 0px -14px;
    float: right;
    height: 14px;
    width: 78px;
}
div#bottom_navigation ul li.about, div#bottom_navigation td.btnFooter_About {
    width: 69px;
}
div#bottom_navigation ul li.about a, div#bottom_navigation td.btnFooter_About a {
    background: url("Images/Footer/btn_about.gif") no-repeat;
    background-position: 0px 0px;
    float: right;
    height: 14px;
    width: 69px;
}
div#bottom_navigation td.btnFooter_About_Active a, div#bottom_navigation td.btnFooter_About a:hover {
    background: url("Images/Footer/btn_about.gif") no-repeat;
    background-position: 0px -14px;
    float: right;
    height: 14px;
    width: 69px;
}
div#bottom_navigation ul li.privacy, div#bottom_navigation td.btnFooter_Privacy {
    width: 103px;
}
div#bottom_navigation ul li.privacy a, div#bottom_navigation td.btnFooter_Privacy a {
    background: url("Images/Footer/btn_privacy.gif") no-repeat;
    background-position: 0px 0px;
    float: right;
    height: 14px;
    width: 103px;
}
div#bottom_navigation td.btnFooter_Privacy_Active a, div#bottom_navigation td.btnFooter_Privacy a:hover {
    background: url("Images/Footer/btn_privacy.gif") no-repeat;
    background-position: 0px -14px;
    float: right;
    height: 14px;
    width: 103px;
}
div#bottom_navigation ul li.help, div#bottom_navigation td.btnFooter_Help {
    width: 84px;
}
div#bottom_navigation ul li.help a, div#bottom_navigation td.btnFooter_Help a {
    background: url("Images/Footer/btn_help.gif") no-repeat;
    background-position: 0px 0px;
    float: right;
    height: 14px;
    width: 84px;
}
div#bottom_navigation td.btnFooter_Help_Active a, div#bottom_navigation td.btnFooter_Help a:hover {
    background: url("Images/Footer/btn_help.gif") no-repeat;
    background-position: 0px -14px;
    float: right;
    height: 14px;
    width: 84px;
}
div#bottom_navigation ul li.access, div#bottom_navigation td.btnFooter_Access {
    width: 76px;
}
div#bottom_navigation ul li.access a, div#bottom_navigation td.btnFooter_Access a {
    background: url("Images/Footer/btn_access.gif") no-repeat;
    background-position: 0px 0px;
    float: right;
    height: 14px;
    width: 76px;
}
div#bottom_navigation td.btnFooter_Access_Active a, div#bottom_navigation td.btnFooter_Access a:hover {
    background: url("Images/Footer/btn_access.gif") no-repeat;
    background-position: 0px -14px;
    float: right;
    height: 14px;
    width: 76px;
}
div#footercontent {
    height: 14px;
    margin-left:auto;
    padding-right: 20px;
    /**margin-top: 15px;*/
    text-align: right;
}
div#footercontent .txt {
    color: #acc2dd;
    font-size: 0.8em;
    margin-top: 2px;
    vertical-align: bottom;
}
div#footercontent .txt a {
    color: #acc2dd;
    text-decoration: none;
}
div#footercontent .txt a:hover {
    color: #acc2dd;
    text-decoration: none;
}
div#footercontent .txt a:hover {
    color: #acc2dd;
    text-decoration: underline;
}
/* END THE FOOTER CLASSES */

/* BEGIN THE ICON CLASSES */
a.Icon_LinkedIn {
    background: url("Images/icoLinkedIn.jpg") no-repeat;
    display: block;
    height: 24px;
    width: 24px;
}
a.Icon_Facebook {
    background: url("Images/icoFacebook.jpg") no-repeat;
    display: block;
    height: 24px;
    width: 24px;
}
a.Icon_Twitter {
    background: url("Images/icoTwitter.jpg") no-repeat;
    display: block;
    height: 24px;
    width: 24px;
}
/* END THE ICON CLASSES */

/* BEGIN THE LADDER CLASSES */
div.LadderCell {
    background: url('Images/LadderBox_BG.png') repeat-y center;
    text-align: center;
}
div.LadderCell_Top {
    background: url('Images/LadderBox_Top.png') no-repeat top;
}
div.LadderCell_Bottom {
    background: url('Images/LadderBox_Bottom.png') no-repeat bottom;
}
div.LadderCell_Content { /* total width: 204 */
    padding-bottom: 14px;
    padding-left: 26px;
    padding-right: 24px;
    padding-top: 24px;
    vertical-align: middle;
    width: 166px;
}
div.LadderCell a {
}
div.LadderArrow {
    background: url('Images/Ladder_Arrow.png') no-repeat;
    height: 43px;
    margin-top: -42px;
    position: absolute;
    width: 32px;
    z-index: 99;
}
/* END THE LADDER CLASSES */

/*==============================CUSTOM CSS form main LAYOUT==================================*/

/*HEADER START*/
.websitebox_center{
    position: relative;
}
header {
    min-height: 115px;
    background: #DDEBEB;
}
header .logo {
    position: absolute;
    left: 0;
    top: 0;
}
header .logo .logo-jump-link {
    width: 225px;
    height: 90px;
    position: absolute;
    z-index: 99999;
    display: block;
    top: 25px;
    left: 35px;
}
header .logo .logo-jump-link:hover {
    cursor: pointer;
}

header #search_container {
    display: none;
}
header #top_navigation.header-nav {
    width: 100%;
    height: auto;
    left: auto;
    padding: 68px 0 0;
    display: block;
}
header .header-nav .header-nav-inner {
    background: #54979A;
    padding: 15px 30px;
}
header .header-nav .header-nav-inner a {
    display: inline-block;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    font-family: 'Oswald', sans-serif;
    line-height: 1;
    vertical-align: middle;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}
header .header-nav .header-nav-inner a:hover {
    opacity: .75;
    color: #ddd;
}
header .header-nav .header-nav-inner a.login::after {
    content: 'sign in / register';
}
    header .header-nav .header-nav-inner a.dashboard::after {
        content: 'My Dashboard';
    }
header .header-nav .header-nav-inner .user-role {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    margin-right: 15px;
    color: #fff;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
}
/*HEADER END*/ 

/*MAIN LAYOUT START*/
#MainColumns.main-column {
  display: flex;
  min-height: calc(100vh - 175px);
}
/*SIDEBAR START*/
.main-column .sidebar {
    min-width: 225px;
    background: #54979A;
    max-width: 225px;
}
.main-column .sidebar #navigation_toplevel {
    padding-top: 70px;
}
.main-column .sidebar #navigation_toplevel .StdLeftNav, .main-column .sidebar #navigation_toplevel .bottom-nav {
    width: 100%;
    font-family: 'Oswald', sans-serif;
}
.main-column .sidebar #navigation_toplevel .bottom-nav {
    margin: 0;
    position: absolute;
    bottom: 0;
}
.main-column .sidebar #navigation_toplevel .StdLeftNav a, .main-column .sidebar #navigation_toplevel .bottom-nav a {
    padding: 0 30px;
    font-size: 19px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.2;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}
.main-column .sidebar #navigation_toplevel .StdLeftNav a:hover {
    opacity: .75;
    color: #ddd;
}
    .main-column .sidebar #navigation_toplevel .StdLeftNav > *, .main-column .sidebar #navigation_toplevel .bottom-nav > * {
        margin-bottom: 20px;
    }
.main-column .sidebar #navigation_toplevel .leftnav_ExploreCareers {
    background: none;
    height: auto;
}
.main-column .sidebar #navigation_toplevel .leftnav_ExploreCareers::after {
    content: "Explore careers";
}

.main-column .sidebar #navigation_toplevel .leftnav_ViewJobProfiles {
    background: none;
    height: auto;
}
.main-column .sidebar #navigation_toplevel .leftnav_ViewJobProfiles::after {
    content: "View Job Trends";
}

.main-column .sidebar #navigation_toplevel .leftnav_ViewJobProfiles_on {
    background: none;
    height: auto;
}
.main-column .sidebar #navigation_toplevel .leftnav_ViewJobProfiles_on::after {
    content: "View Job Trends";
}

.main-column .sidebar #navigation_toplevel .leftnav_SearchForTraining {
    background: none;
    height: auto;
}
.main-column .sidebar #navigation_toplevel .leftnav_SearchForTraining::after {
    content: "find education";
}

.main-column .sidebar #navigation_toplevel .leftnav_SearchForTraining_on {
    background: none;
    height: auto;
}
.main-column .sidebar #navigation_toplevel .leftnav_SearchForTraining_on::after {
    content: "find education";
}


.main-column .sidebar #navigation_toplevel .leftnav_FundYourTraining {
    background: none;
    height: auto;
}
.main-column .sidebar #navigation_toplevel .leftnav_FundYourTraining::after {
    content: "pay for school";
}

.main-column .sidebar #navigation_toplevel .leftnav_FundYourTraining_on {
    background: none;
    height: auto;
}
.main-column .sidebar #navigation_toplevel .leftnav_FundYourTraining_on::after {
    content: "pay for school";
}

.main-column .sidebar #navigation_toplevel .leftnav_EligibleProviderList {
    background: none;
    height: auto;
}
.main-column .sidebar #navigation_toplevel .leftnav_EligibleProviderList::after {
    content: "Eligible training Provider List";
}

.main-column .sidebar #navigation_toplevel .leftnav_EligibleProviderList_on {
    background: none;
    height: auto;
}

.main-column .sidebar #navigation_toplevel .leftnav_EligibleProviderList_on::after {
    content: "Eligible training Provider List";
}

.main-column .sidebar #navigation_toplevel .leftnav_ForBusiness {
    background: none;
    height: auto;
}
.main-column .sidebar #navigation_toplevel .leftnav_ForBusiness::after {
    content: "for business";
}

  .main-column .sidebar #navigation_toplevel .leftnav_MyQuiz {
    background: none;
    height: auto;
  }

  .main-column .sidebar #navigation_toplevel .leftnav_MyQuiz::after {
    content: "my career quiz";
  }

  .main-column .sidebar #navigation_toplevel .leftnav_ExploreCareers_on {
    background: none;
    height: auto;
  }

.main-column .sidebar #navigation_toplevel .leftnav_ExploreCareers_on::after {
    content: "explore careers";
}

#ctl00_ctl00_divPrintedGuide{
    text-align: center;
}
.main-column .sidebar #navigation_toplevel .leftnav_PrintedGuide {
    background: none;
    height: auto;
    margin-top: 55px;
}
.main-column .sidebar #navigation_toplevel a.leftnav_PrintedGuideCaption {
    padding: 0;
    font-family: Open Sans;
    font-weight: bold;
    font-size: 15px;
    color: #E5E5E5;
    margin: 10px auto 0;
    display: block;
    max-width: 130px;
    text-transform: none;
}

.main-column .sidebar #navigation_toplevel .StdLeftNav a[class$="_on"] {
  font-weight: 900;
  color: #d4d4d4;
}

/*SIDEBAR END*/

/*MAIN CONTENT START -> FILE AT DEFAULT.ASPX*/
#column_content.main-content {
    width: 100%;
    padding: 35px 30px 20px;
}
div.content_padding_home{
    margin: 0 !important;
    padding: 0;
}
.home-survey {
    text-align: center;
    width: 100%;
    margin: 0 0 25px;
}
.home-heading-text {
    font-family: Open Sans;
    font-weight: 700;
    font-size: 24px;
    color: #000000;
    margin: 0 0 25px;
}
.content-column-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.content-column-wrapper .home_01_01, .content-column-wrapper .home_02_01, .content-column-wrapper .home_03_01 {
    padding: 20px;
    max-width: 175px;
    min-width: 175px;
    background: #EEEEF0;
}
.content-column-wrapper .home_01_01 a.mainlink, .content-column-wrapper .home_02_01 a.mainlink, .content-column-wrapper .home_03_01 a.mainlink {
    height: auto;
    width: 100%;
    text-align: center;
    background: none;
    border-radius: 4px;
}

.column-heading-text {
    margin: 0 0 15px;
    font-family: Open Sans;
    font-weight: bold;
    font-size: 18px;
    color: #000000;
    line-height: 1;
}
.home_col_caption {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    color: #000000;
    height: auto;
    display: block;
    margin-top: 20px;
}
.home_01_01 .home_col_content, .home_02_01 .home_col_content, .home_03_01 .home_col_content {
    background: linear-gradient(180deg, rgba(221, 235, 235, 0.2) 0%, rgba(221, 235, 235, 0) 100%), #54979A;
    border-radius: 4px;
    margin-top: 10px;
    display: inline-block;
    padding: 12px 20px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}
.home_01_01 .home_col_content:hover, .home_02_01 .home_col_content:hover, .home_03_01 .home_col_content:hover {
    background: #294f51;
}
.home_01_01 .home_col_content::after {
    content: "TAKE A QUIZ";
    color: #fff;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
}
.home_02_01 .home_col_content::after {
    content: "FIND OUT MORE";
    color: #fff;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
}
.home_03_01 .home_col_content::after {
    content: "START YOUR SEARCH";
    color: #fff;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
}
.video-embed-wrapper {
    margin-top: 60px;
    text-align: center;
}
.video-embed-wrapper .home_col_caption {
    margin-top: 20px;
    font-weight: normal;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
}
div#content{
    margin-bottom: 0 !important;
}
.social-link-holder {
    position: relative;
    text-align: right;
    display: block;
    margin-top: 70px;
}
a.Icon_Twitter {
    display: inline-block;
    margin-right: 10px;
}
a.Icon_LinkedIn {
    display: inline-block;
}

footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    background: #2B3D5C;
    font-family: Open Sans;
}

div#bottom_navigation {
    height: auto;
    padding: 0;
    text-align: left;
    margin: 0;
}
#bottom_navigation #liBottom_Home {
    display: none;
}
#bottom_navigation div {
    display: inline-block;
    margin-right: 18px;
}
#bottom_navigation div .provider-login-btn {
    background: #54979A;
    border: none;
    border-radius: 4px;
    padding: 7px 12px;
}
#bottom_navigation div .provider-login-btn:hover {
    background: #294f51;
}

#bottom_navigation div .provider-login-btn a {
    font-size: 12px;
    color: fff;
    font-weight: bold;
    text-decoration: none;
}
#bottom_navigation div a {
    color: #D0DBEF;
    text-decoration: underline;
}
#bottom_navigation a:hover {
    opacity: .75;
    color: #ddd !important;
}
.copyright-text {
    font-size: 11px;
    color: #FFFFFF;
}

/*MAIN CONTENT END*/


/*MAIN LAYOUT END*/