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

.cssV2 ol, .cssV2 ul {
    list-style: none;
}

.cssV2 blockquote, .cssV2 q {
    quotes: none;
}

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

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

.cssV2 *, .cssV2 *:after, .cssV2 *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.preIE9 .cssV2 *, .preIE9 .cssV2 *:after, .preIE9 .cssV2 *:before {
    box-sizing: content-box;
}

.cssV2 .sharethis * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.cssV2 input[type=search] {
    -moz-appearance: none;
    -webkit-appearance: none;
}

.cssV2 input[type="search"]::-webkit-search-decoration, .cssV2 input[type="search"]::-webkit-search-cancel-button, .cssV2 input[type="search"]::-webkit-search-results-button, .cssV2 input[type="search"]::-webkit-search-results-decoration, .cssV2 input[type="search"]::-moz-search-decoration, .cssV2 input[type="search"]::-moz-search-cancel-button, .cssV2 input[type="search"]::-moz-search-results-button, .cssV2 input[type="search"]::-moz-search-results-decoration {
    display: none;
}

/* Base Styles */
.extendedright {
    margin-left: 10px;
    width: 685px;
}

.cssV2 {
    font: 16px Verdana,Arial,sans-serif;
}

    .cssV2 a {
        color: #00467f;
        text-decoration: underline;
    }

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


        .cssV2 a:focus {
            border: 1px dotted black;
            text-decoration: none;
            display: block;
            display: inline-block;
            /* IE */
            zoom: 1;
            *display: inline;
        }

    .cssV2 strong {
        font-weight: bold;
    }

    /* SEARCH MODULE */
    .cssV2 .module-inner {
        color: #FFFFFF;
        padding: 10px 15px;
    }

    .cssV2 .module.search-module {
        background-color: #C5D5E2;
        margin-top: 10px;
    }

    .cssV2 .module.no-title.bottom-left {
        behavior: url("/js/PIE.htc");
        -webkit-border-radius: 12px 0 12px 0;
        -moz-border-radius: 12px 0 12px 0;
        border-radius: 12px 0 12px 0;
    }

    .cssV2 .module {
        margin-bottom: 10px;
        /*width: 98%;changed to adjust the width new header*/
    }

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

.cssV2 .search-module .module-heading {
    color: #000000;
    font-size: 81.25%;
    font-weight: bold;
    margin-bottom: 5px;
}

.cssV2 .grid-group {
    overflow: hidden;
    width: 100%;
}

.cssV2 .grid {
    float: left;
}

.cssV2 .grid-1of2 {
    width: 50%;
}

.preIE8 .cssV2 .grid-1of2 {
    width: 49%;
}

.cssV2 .search-module input {
    display: block;
    float: left;
    font-size: 87.5%;
    height: 27px;
    line-height: 27px;
    padding: 0 10px;
    width: 95%;
}

.preIE9 .cssV2 .search-module input {
    width: 75%;
}

.cssV2 .search-module select {
    display: block;
    float: left;
    line-height: 27px;
    height: 27px;
    padding: 4px;
    font-size: 87.5%;
    margin: 0px;
}

.preIE9 .cssV2 .search-module select {
    padding: 5px 0px;
    height: 18px;
}

.cssV2 .search-module .tm-search-wrap {
    margin-left: 0;
}

.preIE9 .cssV2 .tm-search-wrap,
.preIE9 .cssV2 .tm-compare-wrap {
    padding: 6px 7px 6px 10px;
    height: 20px;
}

.preIE8 .cssV2 .tm-search-wrap,
.preIE8 .cssV2 .tm-compare-wrap {
    padding: 6px 7px 6px 10px;
    height: 29px;
}

.cssV2 .tm-search-wrap {
    background: url("../COSImages/BusPortal/btn-blue-bg-gradient.jpg") repeat-x scroll left -35px transparent;
    border: 0 none;
    /* border-radius: 12px 0 12px 0; */
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-family: Arial,Verdana,sans-serif;
    font-size: 81.25%;
    margin: 0 0 0 25px;
    padding: 5px 15px 6px 20px;
    behavior: url("/js/PIE.htc");
    /*-webkit-border-radius: 12px 0 12px 0;
    -moz-border-radius: 12px 0 12px 0; */
}

    .cssV2 .tm-search-wrap span {
        background: url("../COSImages/BusPortal/ico-search.png") no-repeat scroll right center transparent;
        color: #FFFFFF;
        display: block;
        padding-right: 25px;
    }

.preIE8 .cssV2 .tm-search-wrap span,
.preIE8 .cssV2 .tm-compare-wrap span {
    padding-right: 15px;
}

.cssV2 ul.error-messages-stand-alone {
    color: red;
    font-size: 81.25%;
    padding: 15px;
    background: #e2e6eb;
    behavior: url("/js/PIE.htc");
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    margin: 10px 0px;
    border: 1px solid #8d9cab;
    width: 65%;
    display: none;
}

.preIE9 .cssV2 ul.error-messages,
.preIE9 .cssV2 ul.error-messages-stand-alone {
    width: 60%;
}

/* RESULTS MODULE  */
.extendedright .cssV2 p {
    color: #000000;
    font-size: 81.25%;
    line-height: 1.5;
    margin-bottom: 1em;
}

.cssV2 .tools-table {
    font-size: 81.25%;
    margin-bottom: 20px;
    text-align: left;
    width: 100%;
}

    .cssV2 .tools-table th, .tools-table td {
        color: #000000;
        padding: 20px;
    }

    .cssV2 .tools-table thead th {
        background: none repeat scroll 0 0 #C5D5E2;
        color: #003366;
        font-family: Verdana,Arial,sans-serif;
        font-weight: bold;
        padding: 15px 20px;
        text-align: left;
    }

    .cssV2 .tools-table.sortable thead a {
        background-image: url("../COSImages/BusPortal/sortable.png");
        background-position: right center;
        background-repeat: no-repeat;
        padding-right: 20px;
    }

    .cssV2 .tools-table th a {
        display: inline;
        font-weight: bold;
    }

    .cssV2 .tools-table .odd th, .cssV2 .tools-table .odd td {
        background: none repeat scroll 0 0 #E1E6EC;
    }

    .cssV2 .tools-table .even th, .cssV2 .tools-table .even td {
        background: none repeat scroll 0 0 #F0F3F6;
    }

    .cssV2 .tools-table tr.last .first {
        behavior: url("/js/PIE.htc");
        -webkit-border-radius: 0 0 0 12px;
        -moz-border-radius: 0 0 0 12px;
        border-radius: 0 0 0 12px;
    }

    .cssV2 .tools-table thead th.last {
        behavior: url("/js/PIE.htc");
        -webkit-border-radius: 0 12px 0 0;
        -moz-border-radius: 0 12px 0 0;
        border-radius: 0 12px 0 0;
    }

    .cssV2 .tools-table.sortable thead a {
        background-image: url("../COSImages/BusPortal/sortable.png");
        background-position: right center;
        background-repeat: no-repeat;
        padding-right: 20px;
    }

.cssV2 .th-heading,
.th-sub-heading,
.salary-value {
    font-weight: bold;
}

.cssV2 .tools-table thead th.no-sort a {
    background-image: none;
    cursor: default;
    text-decoration: none;
}

.cssV2 .internal-footer:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.cssV2 .internal-footer {
    font-size: 75%;
    margin-bottom: 20px;
    margin-top: 10px;
}

.preIE9 .cssV2 .internal-footer {
    zoom: 1;
}

.cssV2 .section-pagination:after, .pagination-wrap:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.preIE9 .cssV2 .section-pagination,
.preIE9 .cssV2 .pagination-wrap {
    zoom: 1;
}

.cssV2 .per-page-wrap {
    border-right: 1px solid #D7DBDF;
    float: left;
    margin-right: 20px;
    padding-right: 20px;
}

.cssV2 .pagination-wrap {
    float: right;
    margin-top: -1px;
    width: 290px;
}

    .cssV2 .pagination-wrap div {
        float: right;
    }

.cssV2 .pagination {
    float: left;
}

    .cssV2 .pagination li {
        display: inline;
    }

    .cssV2 .pagination .active a {
        background: none repeat scroll 0 0 transparent;
        border: 0 none;
        cursor: default;
        margin-right: 3px;
        padding: 4px 0;
        text-decoration: none;
    }

    .cssV2 .pagination a, .cssV2 .last-page {
        background: none repeat scroll 0 0 #E1E6EC;
        border-radius: 3px 3px 3px 3px;
        color: #004481;
        display: inline-block;
        padding: 4px 8px;
    }

.cssV2 .hidden-reader {
    display: block;
    left: -10000px;
    position: absolute;
}

.cssV2 .next-page {
    background: url("../COSImages/BusPortal/btn-next-bg.png") no-repeat scroll left top transparent;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    margin-left: 2px;
    padding: 4px 10px;
    text-indent: -9999px;
}

.cssV2 .prev-page {
    background: url("../COSImages/BusPortal/btn-back-bg-blue.png") no-repeat scroll left top transparent;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    float: left;
    margin-right: 2px;
    padding: 4px 10px;
    text-indent: -9999px;
    width: 0px;
}

.cssV2 .download-formats {
    clear: both;
}

.cssV2 .section-pagination {
    float: right;
    height: 20px;
    margin-bottom: 20px;
    width: 100%;
}

.tm-compare-wrap {
    background: url("../COSImages/BusPortal/btn-blue-bg-gradient.jpg") repeat-x scroll left -35px transparent;
    border: 0 none;
    border-radius: 12px 0 12px 0;
    color: #FFFFFF;
    float: left;
    font-family: Arial,Verdana,sans-serif;
    font-size: 81.25%;
    margin: 0 0 0 25px;
    padding: 5px 15px 6px 20px;
    behavior: url("/js/PIE.htc");
    -webkit-border-radius: 12px 0 12px 0;
    -moz-border-radius: 12px 0 12px 0;
}

#content-column {
    width: 71.5%;
}

.alignright {
    text-align: right !important;
}


/* LEFT NAV */
.cssV2 .sidebar.tools {
    /* background: transparent url("../COSImages/TwoPanelGreyInnerCorner.png") no-repeat -1px 0px scroll;
   border-left: 5px solid #E2E6EB;
    padding: 5px 0 0 5px;*/
}

.preIE9 .left .cssV2 .sidebar.tools {
    background-position: left top;
    padding-top: 7px;
    margin-top: -2px;
}

.cssV2 .sidebar.toolsBottom {
    background: transparent url("../EndecaImage/prog_bottom.gif") no-repeat left top scroll;
    height: 13px;
    margin-left: -1px;
}

/*Changed width and added margin-left to fix the left nav issue width .Make all components same width as "About this data " component -Vanitha */
.cssV2 .sidebar {
    margin-right: 15px;
    width: 266px;
    margin-left: -9px;
}

    .cssV2 .sidebar .btn-arrow {
        behavior: url("/js/PIE.htc");
        -webkit-border-radius: 12px 0 12px 0;
        -moz-border-radius: 12px 0 12px 0;
        border-radius: 12px 0 12px 0;
        text-align: left;
        width: 100%;
    }

    .cssV2 .sidebar .btn-arrow {
        margin-bottom: 20px;
    }

.preIE9 .left .cssV2 .sidebar .btn-arrow {
    width: 190px;
}

.preIE8 .left .cssV2 .sidebar .btn-arrow {
    width: 225px;
}

.cssV2 .btn-arrow.blue {
    background: none repeat scroll 0 0 #0099CC;
    color: #FFFFFF;
}

.cssV2 .btn-arrow {
    border: 0 none;
    border-radius: 7px 0 7px 0;
    cursor: pointer;
    font-size: 81.25%;
    padding: 7px 25px 9px 10px;
}

    .cssV2 .btn-arrow span {
        display: block;
        padding-left: 20px;
    }

.preIE8 .cssV2 .btn-arrow {
    padding: 7px 0 7px 5px;
}

.cssV2 .your-search-module {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 3px solid #AAB2BC;
    /* border-radius: 4px 4px 4px 4px;*/
    padding: 12px 10px 5px;
}

.preIE9 .left .cssV2 .your-search-module {
    width: 190px;
}

.cssV2 .tools-sb-module {
    margin: 0 0 20px 10px;
}

.cssV2 .your-search-module .module-heading {
    color: #222222;
    font-size: 93.75%;
    font-weight: bold;
    margin-bottom: 15px;
}

.preIE9 .left .cssV2 .filter-by-module {
    margin-right: 10px;
}

.cssV2 .ys-filter-heading, .cssV2 .module-sub-heading {
    color: #222222;
    font-size: 81.25%;
    font-weight: bold;
    margin-bottom: 10px;
}

.cssV2 .filter-by-module .filters-list {
    border-bottom: 1px solid #E1E6EC;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.cssV2 .filters-list {
    margin-bottom: 10px;
}

    .cssV2 .filters-list li {
        display: block;
        overflow: hidden;
        margin-bottom: 3px;
    }

.cssV2 .filter-by-module .module-heading {
    margin-bottom: 15px;
}

.cssV2 .filter-by-module .filters-list li, .expand-drawer .filters-list li {
    font-size: 100%;
}

.cssV2 .more-drawer {
    background: url("../COSImages/BusPortal/more-drawer-bg.png") no-repeat scroll 10px 0px #FFFFFF;
    height: 28px;
    margin-bottom: 10px;
    margin-top: 1px;
    text-align: center;
    width: 100%;
}

    .cssV2 .more-drawer a {
        background: url("../COSImages/BusPortal/sprite-more-arrow.png") no-repeat scroll 100% 6px transparent;
        color: #0099CC;
        display: inline-block;
        font-size: 81.25%;
        padding: 0 14px 0 0px;
        text-decoration: none;
    }

        .cssV2 .more-drawer a:hover {
            text-decoration: underline;
        }

        .cssV2 .more-drawer a.open {
            background-position: 100% -8px;
        }

.cssV2 .btn-arrow.blue span {
    background: url("../COSImages/BusPortal/btn-back-bg.png") no-repeat scroll left center transparent;
}

.cssV2 .filters-list a, .cssV2 .filters-list span {
    color: #0099CC;
    font-size: 81.25%;
}


/* TITLE BAR */
/* .cssV2 .module.no-title.bottom-left {
    border-radius: 12px 0 12px 0;
} */
.cssV2 .module.sidebar-wrap-header {
    margin-bottom: 0;
}

.preIE9 .cssV2 .sidebar-wrap-header {
    padding: 0;
}

.cssV2 .module.grey-mod {
    background-color: #E1E6EC;
}

.cssV2 .sidebar-wrap-header {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 20px;
}

    .cssV2 .sidebar-wrap-header h1 {
        background: url("../COSImages/BusPortal/tool-header-icon.png") no-repeat scroll left center transparent;
        color: #003366;
        float: left;
        font-size: 100%;
        font-weight: bold;
        padding-left: 25px;
    }

.preIE9 .cssV2 .sidebar-wrap-header h1 {
    margin-left: 20px;
}

.cssV2 .help-link {
    float: right;
    font-size: 75%;
}

.preIE9 .cssV2 .sidebar-wrap-header .help-link {
    margin-right: 20px;
}

.cssV2 .breadCrumbs {
    height: auto;
    margin: 0;
}


/* ABOUT THIS DATA MODULE */
.cssV2 .about-this-data-module {
    clear: both;
    margin-right: 15px;
    margin-top: 10px;
}

.cssV2 .with-title .module-heading {
    padding: 8px 15px;
}

.cssV2 .grey-mod.with-title .module-heading {
    background-color: #F0F3F6;
    color: #003366;
    font-weight: bold;
}

.cssV2 .top-left.with-title .module-heading {
    /*behavior: url("/js/PIE.htc");
    -webkit-border-radius: 0 12px 0 0;
    -moz-border-radius: 0 12px 0 0;
    border-radius: 0 12px 0 0;*/
}

.cssV2 .bottom-left.with-title .module-heading {
    behavior: url("/js/PIE.htc");
    -webkit-border-radius: 12px 0 0 0;
    -moz-border-radius: 12px 0 0 0;
    border-radius: 12px 0 0 0;
}

.cssV2 .grey-mod .module-inner p {
    color: #000000;
}

.cssV2 .module-inner p {
    margin-bottom: 15px;
}

.cssV2 .about-this-data-module .module-inner {
    font-size: 81.25%;
}

    .cssV2 .about-this-data-module .module-inner a {
        display: inline !important;
    }

/* Tool explanatory text */
.cssV2 .tool-explanatory-text {
    margin-top: 10px;
}

.cssV2 .tools-page-heading {
    color: #003366;
    font-size: 80.25%;
    margin-bottom: 1em;
}

/* Breadcrumbs Placeholder Fix */
.breadCrumbs {
    margin-bottom: 0;
    /*height: 30px;*/
    height: auto;
    width: 938px;
}

/* Treeviews */
.cssV2 .accordion {
    font-size: 81.25%;
    margin-bottom: 5px;
}

    .cssV2 .accordion.first .title-area {
        /* behavior: url("/js/PIE.htc");
-webkit-border-radius: 0 12px 0 0;
-moz-border-radius: 0 12px 0 0;
border-radius: 0 12px 0 0;*/
    }

    .cssV2 .accordion .title-area {
        background: none repeat scroll 0 0 #C5D5E2;
        cursor: pointer;
        padding: 10px 25px;
    }

    .cssV2 .accordion.closed .module-title {
        background-position: right top;
    }

    .cssV2 .accordion .module-title {
        background: url("../COSImages/BusPortal/sprite-accordion-bg.png") no-repeat scroll right -39px transparent;
        color: #003366;
        font-weight: bold;
        padding: 1px 0;
    }

.cssV2 .links-accordion {
    margin-left: 15px;
}

    .cssV2 .links-accordion .closed a {
        background-position: left -32px;
    }

    .cssV2 .links-accordion a {
        background: url("../COSImages/BusPortal/sprite-links-accord-bg.png") no-repeat scroll left top transparent;
        display: block;
        margin: 10px 0;
        padding-left: 25px;
    }

    .cssV2 .links-accordion .sub-list a {
        background-position: left -86px;
        padding-left: 15px;
    }

    .cssV2 .links-accordion ul {
        margin-left: 25px;
    }
/*Certification finder: Legend CR*/
.cssV2 .aLegend {
    width: 15px;
    height: 15px;
    margin-left: 0px;
    bottom: 180px;
    margin-top: 10px;
}

.cssV2 .aLegendText {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 180px;
    margin-left: 20px;
    bottom: 180px;
    margin-top: -15px;
    line-height: 1;
}

.cssV2 .cLegend {
    width: 15px;
    height: 15px;
    margin-left: 235px;
    bottom: 180px;
    margin-top: -32px;
}

.cssV2 .cLegendText {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 185px;
    margin-left: 255px;
    bottom: 180px;
    margin-top: -15px;
    line-height: 1;
}


.cssV2 .iLegend {
    width: 15px;
    height: 15px;
    bottom: 180px;
    margin-left: 485px;
    margin-top: -33px;
}

.cssV2 .iLegendText {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 200px;
    bottom: 180px;
    margin-left: 505px;
    margin-top: -15px;
    line-height: 1;
}

.cssV2 .jLegend {
    width: 15px;
    height: 15px;
    bottom: 180px;
    margin-left: 0px;
    margin-top: 15px;
}

.cssV2 .jLegendText {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 180px;
    bottom: 180px;
    margin-left: 20px;
    margin-top: -15px;
    line-height: 1;
}

.cssV2 .mLegend {
    width: 15px;
    height: 15px;
    bottom: 180px;
    margin-left: 235px;
    margin-top: -32px;
}

.cssV2 .mLegendText {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 180px;
    bottom: 180px;
    margin-left: 255px;
    margin-top: -15px;
    line-height: 1;
}

.cssV2 .nLegend {
    width: 15px;
    height: 15px;
    bottom: 180px;
    margin-left: 485px;
    margin-top: -32px;
}

.cssV2 .nLegendText {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 180px;
    bottom: 180px;
    margin-left: 505px;
    margin-top: -15px;
    line-height: 1;
}

.cssV2 .hrlegend {
    border-top: 1px solid gray;
    height: 0px;
    clear: both;
    width: 100%;
}
/* End Certification finder: Legend CR*/

/* --------------------------------------------------------
Misc Button Styles
--------------------------------------------------------- */

.cssV2 .btn-arrow {
    behavior: url("/js/PIE.htc");
    -webkit-border-radius: 7px 0 7px 0;
    -moz-border-radius: 7px 0 7px 0;
    border-radius: 7px 0 7px 0;
    border: 0;
    padding: 7px 25px 9px 10px;
    font-size: 81.25%;
    cursor: pointer;
}




.Tools-magnify-icon {
    background-image: url("../COSImages/images/sprites.png");
    background-position: 13px -249px !important;
    background-repeat: no-repeat;
    padding-left: 30px !important;
    transition: background-position 0s linear 0s;
}

/*Changed from 94% to 96% to fix the left nav issue width .Make all components same width as "About this data " component -Vanitha */

.Tools-blue-button {
    background-color: #027aad;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    line-height: 20px;
    padding: 5px 17px;
    text-align: left;
    text-decoration: none;
    width: 96.4%;
    /*margin-right:*/
}
/* --------------------------------------------------------
Content Styles
--------------------------------------------------------- */

.cssV2 .extendedright .page-intro {
    color: #6d747d;
    font-size: 93.75%;
    line-height: 1.5;
    margin-bottom: 30px;
}

.cssV2 .sub-page-title {
    font-size: 81.25%;
    font-weight: bold;
    color: #000;
    margin-bottom: 7px;
}

.cssV2 .extendedright p {
    font-size: 81.25%;
    color: #000;
    line-height: 1.5;
    margin-bottom: 1em;
}

.cssV2 .learn-more {
    display: block;
    font-size: 81.25%;
    color: #00467f;
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 30px;
}

    .cssV2 .learn-more:hover {
        text-decoration: none;
    }

.cssV2 .content-list {
    margin-bottom: 20px;
}

    .cssV2 .content-list li {
        font-size: 81.25%;
        list-style: outside disc;
        margin: 20px;
    }

.cssV2 ol.content-list li {
    list-style: outside decimal;
}

.cssV2 .ex-check-table {
    margin: 1em 0;
}


    .cssV2 .ex-check-table td {
        font-size: .9em;
        padding: 0em 0 1em .5em;
        font-size: 81.25%;
    }

.cssV2 blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}

.cssV2 .backgroundError {
    display: none;
    position: fixed;
    _position: absolute; /*hack for internet explorer 6*/
    height: 100%;
    _height: 10000px;
    overflow: hidden;
    width: 100%;
    _width: 10000px;
    top: 0;
    left: 0;
    background: url(../COSimages/reemp/spacer.png) left top repeat; /*#757678;*/
    z-index: 500;
}

.cssV2 #CloseDiv {
    font-size: 100%;
    line-height: 14px;
    right: 30px;
    top: 4px;
    position: absolute;
    color: #6fa5fd;
    font-weight: 700;
    display: block;
    cursor: pointer;
}

.cssV2 .lightboxTitle {
    font-size: 120%;
    font-weight: bold;
    margin: 5px 0px 10px 0px;
}

.cssV2 .lightboxSubTitle {
    font-size: 110%;
    font-weight: bold;
    margin: 5px 0px 10px 0px;
}

.cssV2 .lightboxLabels {
    font-size: 110%;
    font-weight: bold;
    margin: 5px 0px 10px 0px;
    text-align: center;
}

.occLightBox {
    display: none;
    position: absolute;
    height: 300px;
    width: 427px;
    over-flow: hidden;
    font-size: 100%;
    left: 30%;
    top: 300px;
    z-index: 501;
}

    .occLightBox p {
        font-size: 90%;
        color: #000;
        line-height: 1.5;
        margin-bottom: 1em;
    }

.occLightBoxTop {
    width: 427px;
    height: 3px;
    background: url(../Cosimages/reemp/small_box_top_border.png) no-repeat;
    overflow: hidden;
    padding-left: 2px;
}

.occLightBoxCenter {
    min-height: 330px;
    background: url(../Cosimages/reemp/small_box_mid_border.png) left top repeat-y;
    padding: 20px 30px 20px 20px !important;
    position: relative;
}

.occLightBoxBottom {
    width: 427px;
    height: 7px;
    background: url(../Cosimages/reemp/small_box_bottom_border.png) no-repeat;
    padding-left: 2px;
}

/* Responsive Table */
/* Over-rides May not be necessary in production*/
#page-text .datagrid a {
    text-decoration: underline;
}

    #page-text .datagrid a:hover {
        text-decoration: none;
        color: #0099CC;
    }

/* end over-rides*/



.datagrid table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}

.datagrid {
    /* font:normal 12px/150% Arial,Helvetica,sans-serif;
    background:#fff;*/
    overflow: hidden;
    /*border:1px solid #069*/
}

    .datagrid table td, .datagrid table th {
        padding: 15px 10px;
    }

    .datagrid table thead th {
        background-color: #bfd0df;
        color: #003366;
        font-size: 13px;
        font-weight: 700;
        text-align: left;
        /* border-left:1px solid #0070A8*/
    }

        .datagrid table thead th:first-child {
            border: none;
        }

    .datagrid table thead a {
        background-image: url("/COSImages/BusPortal/sortable.png");
        background-position: right center;
        background-repeat: no-repeat;
        padding-right: 20px;
    }

    .datagrid table tbody td {
        /*color:#00496B;
    border-left:1px solid #E1EEF4;*/
        background: #E1E6EC;
        font-size: 12px;
        font-weight: 400;
    }

    .datagrid table tbody .alt td {
        background: #F0F3F6;
    }

    .datagrid table tbody td:first-child {
        border-left: none;
    }

    .datagrid table tbody tr:last-child td {
        border-bottom: none;
    }

    .datagrid table tbody .odd td {
        background: none repeat scroll 0 0 #E1E6EC;
    }

    .datagrid table tbody .even td {
        background: none repeat scroll 0 0 #F0F3F6;
    }

    .datagrid table tbody td .mediaShow {
        display: none;
    }

div.dhtmlx_window_active, div.dhx_modal_cover_dv {
    position: fixed !important;
}

.sortDDL {
    display: none;
}

#mobilePageTitle {
    display: none;
}

#btnSalaryFinderSearch {
    cursor: pointer;
    margin-left: 15px;
    margin-right: 15px;
    float: right;
    width: 100px;
    padding-left: 0px !important;
    font-size: 15px;
    margin-top: 16px;
}

#wageViewType {
    float: right;
    margin-bottom: 10px;
}

#kwLbl {
    width: 200px;
}

.OccupationDesc {
    background-color: #F0F3F6;
    padding: 10px 15px;
}

.OccupationDescInner {
    font-size: 10pt;
    background-color: #E1E6EC;
    padding: 10px 15px;
}

.SocDesc {
    height: 120px;
    left: 29%;
    position: absolute;
    top: 62%;
    width: 70%;
}

#txtLocation {
    width: 200px !important;
    font-family: Verdana, Arial, sans-serif !important;
}

.search-box .field-keyword input[type="text"] {
    width: 250px;
    font-family: Verdana, Arial, sans-serif !important;
}

.autocomplete div {
    padding: 2px 18px 0 5px;
}

.res-title {
    FONT-SIZE: 18px;
}

.res-intro {
    FONT-SIZE: 80%;
    line-height: 1.5em;
}

#banner-content {
    background-image: url("/TridionMultimedia/tcm24-20822_LandingpageAffordabletraining-4594314892.jpg");
}

.res-box {
    background: none repeat scroll 0 0 #bfd0df;
    padding: 10px 15px 20px !important;
}

.res-Locationlabel,
.res-label {
    font: bold 13px Verdana,Arial,sans-serif !important;
    font-weight: bold;
}

.img-close {
    border-width: 0px;
}

.occLoading {
    display: none;
    padding: 20px 20px 20px 20px;
}

.dvOccList {
    background: #e1e6ec;
    margin-top: -5px !important;
}

.searchMatch {
    color: #026DA6;
}

#pnlError {
    margin: 20px !important;
}

.viewLink {
    float: left !important;
    margin-bottom: 10px !important;
}

#pnlMap {
    height: 750px !important;
}

.spnError {
    color: red;
    font-weight: bold;
}

.tblWages {
    word-break: break-word;
}

.divDesc {
    background-color: #F0F3F6;
    padding: 10px 15px;
}

.divTitle {
    font-size: 10pt;
    background-color: #E1E6EC;
    padding: 10px 15px;
}

#areaspane {
    float: right !important;
}

#mappane {
    width: 668px;
    height: 420px;
    position: absolute;
}

#stsmaps {
    height: 400px;
}

#usmap {
    width: 600px;
    height: 350px;
    float: left;
    z-index: 100;
}

#locsmaps {
    position: absolute;
    top: 0px;
    height: 0px;
}

#akmap {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 10px;
    top: 230px;
    z-index: 90;
}

#himap {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 200px;
    top: 310px;
    z-index: 90;
}

#gumap {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 300px;
    top: 335px;
    z-index: 90;
}

#prvimap {
    width: 120px;
    height: 120px;
    position: absolute;
    left: 350px;
    top: 300px;
    z-index: 90;
}

#maplegend {
    width: 170px;
    height: 250px;
    font-size: 10px;
    position: absolute;
    left: 510px;
    top: 250px;
    z-index: 90;
    overflow: hidden;
}

#msaspane {
    width: 668px;
    height: 420px;
    position: absolute;
}

#msasmaps {
    height: 400px;
    padding-top: 30px;
}

#msamap {
    width: 500px;
    height: 350px;
    float: left;
    z-index: 100;
    border: 1px solid #ccc;
}

#msalegend {
    width: 160px;
    height: 350px;
    font-size: 12px;
    float: right;
    border: 1px solid #ccc;
    z-index: 90;
}

#mapsmsgs {
    display: inline-block;
    height: 0px;
}

#loadingImg {
    position: relative;
    top: 150px;
    left: 230px;
}

#msgoerr {
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: #FF0000;
}

#statedata {
    position: relative;
    top: 400px;
    left: 0px;
    width: 525px;
    font-size: 12px;
}

.pnlMap {
    height: 750px !important;
}

.locTitle {
    vertical-align: top;
}

.center {
    text-align: center;
}

.tbl {
    margin: 1.0in;
}
/* --------------------------------------------------------
End Content Styles
--------------------------------------------------------- */

/* -------------------------------------------------------
Responsive styles
*/
@media only screen and (max-width: 640px) {
    .YouthSiteTemplate #navigation-row,
    .VeteransEmploymentSiteTemplate #navigation-row,
    .BusinessCenterSiteTemplate #navigation-row {
        display:none;
    }
}

#logo-images{
    top:0px;
}

@media only screen and (max-width: 1080px) {
    #navigation > li > a,
    #navigation > li > h3 {
        padding-left: 13px;
        padding-right: 5px;
        font-size: 18px;
    }

    #logo-images img {
        max-width: 400px;
    }

    #top-search .form-label {
        display: none;
    }

    .title-tabs a {
        font-size: 16px;
    }
}

@media only screen and (max-width: 960px) {

    #slideshow > div {
        background-position: 60% 40px;
        background-size: cover;
    }

    #txtLocation {
        width: 160px !important;
    }

    .search-box .field-keyword input[type="text"] {
        width: 220px;
    }

    #btnSalaryFinderSearch {
        margin-left: 6px;
        margin-right: 6px;
    }
}

@media only screen and (max-width: 920px) {
    #header {
        overflow: hidden;
    }

    #logo-images img {
        max-width: 300px;
    }

    #logo {
        margin-left: 20px;
    }

    #header-right {
        padding-right: 20px;
    }

    #navigation > li > a {
        font-size: 16px;
        padding-right: 4px;
        padding-left: 10px;
    }

    .fixed-nav #navigation > li > a {
        font-size: 14px;
    }

    #slideshow-frame {
        border-left: none;
        border-right: none;
    }

    #page-content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .blue-buttons a {
        font-size: 12px;
        padding-left: 2px;
        padding-right: 2px;
        width: 23.5%;
    }

    #fixed-logo,
    #fixed-search {
        /*display: none;*/
    }

    .title-tabs {
        margin-left: -10px;
    }

        .title-tabs a {
            font-size: 14px;
        }

            .title-tabs a.first {
                margin-right: 4px;
            }

    .linespacer {
        margin-right: 0;
    }

    #logo-text {
        margin-top: -5px;
    }

    .logo-break {
        display: inline;
    }

    /*.occLightBox {
        margin-left: -90px !important;
    }*/
}

@media only screen and (max-width: 800px) {

    .sortDDL {
        display: block !important;
        float: right;
        margin-bottom: 10px !important;
    }
    /* Force table to not be like tables anymore */
    .no-more-tables table,
    .no-more-tables thead,
    .no-more-tables tbody,
    .no-more-tables th,
    .no-more-tables td,
    .no-more-tables tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        .no-more-tables thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .no-more-tables tr {
        border: 1px solid #ccc;
    }

    .no-more-tables table tbody td {
        /* Behave  like a "row" */
        border: none;
        /*border-bottom: 1px solid #eee; */
        position: relative;
        padding-left: 30% !important;
        white-space: normal;
        text-align: left;
    }

    .no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        /*top: 6px; */
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        pointer-events: none;
    }

    /*
	Label the data
	*/
    .no-more-tables td:before {
        content: attr(data-title);
    }

    .no-more-tables .alignright {
        text-align: left !important;
    }

    .datagrid table tbody td .mediaShow {
        display: inline;
    }

    span#spMap {
        display: none;
    }

    #txtLocation {
        width: 130px !important;
    }

    .search-box .field-keyword input[type="text"] {
        width: 200px;
    }
}

@media only screen and (max-width: 768px) {
    .fixed-nav #header {
        margin-bottom: 0;
    }

    .fixed-nav #navigation-row {
        position: relative;
    }

    #navigation > li > a {
        padding-left: 3px;
        padding-right: 3px;
        font-size: 14px;
    }

    #top-search .form-label {
        display: none;
    }

    #top-search input[type="text"] {
        width: 100px;
    }

    .three-columns {
        max-width: 520px;
        margin: auto;
    }

        .three-columns .col-left,
        .three-columns .col-center,
        .three-columns .col-right {
            width: 100%;
            float: none;
            margin: 0 0 30px;
            padding: 0;
        }

        .three-columns .col-right {
            margin-bottom: 0;
        }

        .three-columns .grey-box {
            min-height: 0;
        }

    .questions-list,
    .pages-list {
        padding-bottom: 15px;
    }

    .three-columns .position-bottom {
        position: static;
        left: auto;
        bottom: auto;
    }

    .footer-column {
        width: 33.333%;
        margin: 0 auto 30px;
    }

        .footer-column:nth-child(3n+1) {
            clear: left;
        }

        .footer-column:after {
            display: none;
        }

    .content-three-columns .three-col {
        width: 50%;
    }

        .content-three-columns .three-col:nth-child(3n+1) {
            clear: none;
            padding-left: 20px;
        }

        .content-three-columns .three-col:nth-child(odd) {
            clear: left;
            padding-left: 0;
        }

    .blue-buttons a {
        font-size: 12px;
        padding-left: 2px;
        padding-right: 2px;
        width: 32%;
    }

    /*.blue-button {
        margin-top: 40px !important;
    }*/

    #sidebar,
    #content-column {
        width: 100%;
        float: none;
    }

    #sidebar {
        padding-top: 0;
    }

        #sidebar .grey-box:last-child {
            margin-bottom: 0;
        }

        #sidebar .submenu-title + .accordion-menu + .grey-box {
            margin-top: 40px;
        }

    .cssV2 .sidebar {
        width: 100%;
    }

    .cssV2 .Tools-blue-button {
        display: none;
    }

    .cssV2 .your-search-module {
        display: none;
    }

    .cssV2 .btn-arrow.blue {
        display: none;
    }

    .cssV2 .LeftNavBackBtn {
        width: 100% !important;
    }

    .cssV2 .sidebar.tools {
        background: none;
        border-left: none;
    }

    .cssV2 .sidebar.toolsBottom {
        background: none;
    }

    .cssV2 .about-this-data-module {
        width: 100%;
    }

    .cssV2 .more-drawer {
        background: url("../COSImages/BusPortal/more-drawer-bg.png") no-repeat scroll 0px 0px #FFFFFF;
        height: 28px;
        margin-bottom: 10px;
        margin-top: -10px;
        text-align: center;
        width: 100%;
    }

    .cssV2 a {
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }

    .occLightBox {
        margin-left: -65px !important;
    }

    #txtLocation {
        width: 200px !important;
    }

    .search-box .field-keyword input[type="text"] {
        width: 240px;
    }
}

@media only screen and (min-width: 641px) and (max-width: 840px) {
    .frame-box {
        width: 50%;
        max-width: 320px;
        left: 0;
    }

        .frame-box:nth-child(1) {
            left: 0;
        }

        .frame-box.nth-child-1 {
            left: 0;
        }

        .frame-box:nth-child(2) {
            left: auto;
            right: 0;
        }

        .frame-box.nth-child-2 {
            left: auto;
            right: 0;
        }

        .frame-box:nth-child(3) {
            left: 0;
            top: 0;
            bottom: auto;
        }

        .frame-box.nth-child-3 {
            left: 0;
            top: 0;
            bottom: auto;
        }

        .frame-box:nth-child(4) {
            right: 0;
            top: 0;
            bottom: auto;
        }

        .frame-box.nth-child-4 {
            right: 0;
            top: 0;
            bottom: auto;
        }

            .frame-box:nth-child(3) > div,
            .frame-box:nth-child(3) > div,
            .frame-box.nth-child-3 > div,
            .frame-box:nth-child(4) > div,
            .frame-box.nth-child-4 > div {
                padding-top: 10px;
            }

            .frame-box:nth-child(3) .box-title:before,
            .frame-box.nth-child-3 .box-title:before,
            .frame-box:nth-child(4) .box-title:before,
            .frame-box.nth-child-4 .box-title:before {
                background-position: -193px 0;
                top: 100%;
                margin-top: 1px;
            }

            .frame-box:nth-child(3):hover .box-title,
            .frame-box.nth-child-3:hover .box-title,
            .frame-box:nth-child(4):hover .box-title,
            .frame-box.nth-child-4:hover .box-title {
                margin-top: 0;
            }

    .facebook-feed,
    .twitter-feed {
        background-position: 10px 20px;
    }
}


@media only screen and (max-width: 640px) {
    body {
        padding-bottom: 0;
    }

    .mobileonly {
        display: block;
    }

    .desktoponly {
        display: none;
    }

    #slideshow > div {
        background-position: 60% top;
        background-size: cover;
    }

    #banner-content {
        background-position: center 20px;
    }

    #navigation-row,
    #languages,
    #top-search {
        display: none;
    }

    #menu-toggle {
        display: block;
    }

    #header {
        height: 78px;
        z-index: 100;
        overflow: visible;
    }

    #slideshow-frame {
        height: auto;
        padding-top: 250px;
    }

    #slideshow-wrapper {
        top: 78px;
    }

    #slideshow,
    #slideshow > div {
        height: 250px !important;
    }

    #slideshow-frame .frame-boxes,
    #slideshow-frame .frame-box {
        width: 100%;
        padding: 0;
        position: static;
        left: auto;
        top: auto;
        right: auto;
        bottom: auto;
    }

    #slideshow-frame .frame-box {
        border-top: solid 1px #fff;
    }

        #slideshow-frame .frame-box > div {
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            padding: 0;
        }

        #slideshow-frame .frame-box .box-title {
            text-align: left;
            padding: 15px 50px 15px 20px;
            font-size: 25px;
            line-height: 28px;
            cursor: pointer;
            margin: 0;
        }

    .frame-box .box-title:before {
        background-position: -193px 0;
        right: 15px;
        left: auto;
        margin-left: 0;
        top: 50%;
        margin-top: -5px;
    }

    .frame-box .box-expand {
        max-height: 1000px;
        display: none;
        padding: 10px 20px 15px 20px;
        border-top: solid 1px #fff;
    }

    #slideshow-pager {
        display: none;
    }

    #page-content {
        padding-top: 0;
        padding-bottom: 20px;
    }

    .home #page-content {
        margin-top: 45px;
    }

    .blue-buttons a {
        width: 100%;
        float: none;
        margin-right: 0;
        font-size: 20px;
        height: auto;
        line-height: 25px;
        padding: 10px 5px;
    }

    .blue-buttons-wrapper .buttons-left,
    .blue-buttons-wrapper .buttons-right {
        float: none;
        width: 100%;
    }

    .blue-buttons-wrapper .buttons-right {
        padding-top: 20px;
        margin-top: 15px;
        border-top: solid 2px #a8cddf;
    }

    .blue-buttons-wrapper:before {
        display: none;
    }

    .grey-box {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .facebook-feed,
    .twitter-feed {
        width: 100%;
        float: none;
    }

    .facebook-feed,
    .twitter-feed {
        margin-bottom: 20px;
        padding-left: 80px;
        background-position: 10px 30px;
    }

    .footer-columns {
        background: #fff;
        padding: 0;
        border-top: solid 2px #c4c7ca;
    }

    .footer-column {
        width: 100%;
        float: none;
        padding: 0;
        border-bottom: solid 2px #c4c7ca;
        margin: 0;
    }

        .footer-links a,
        .footer-column .footer-title {
            color: #004481;
            font-size: 32px;
            cursor: pointer;
            line-height: 35px;
            padding: 10px 40px 10px 20px;
            position: relative;
            background: #EAECF0;
            background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EAECF0), to(#F2F3F6));
            background: -webkit-linear-gradient(#EAECF0, #F2F3F6);
            background: -moz-linear-gradient(#EAECF0, #F2F3F6);
            background: -ms-linear-gradient(#EAECF0, #F2F3F6);
            background: -o-linear-gradient(#EAECF0, #F2F3F6);
            background: linear-gradient(#EAECF0, #F2F3F6);
            margin: 0;
        }

            .footer-column .footer-title,
            .footer-column .footer-title h3 {
                font-size: 18px;
                line-height: 28px;
            }

                .footer-column .footer-title:after {
                    width: 20px;
                    height: 10px;
                    position: absolute;
                    top: 50%;
                    margin-top: -5px;
                    right: 15px;
                    display: block;
                    content: "";
                    font-size: 0;
                    /* background: url("../images/sprites.png") no-repeat -231px -90px;*/
                }

        .footer-column.expanded .footer-title:after {
            background-position: -129px -227px;
        }

        .footer-column ul {
            display: none;
        }

            .footer-column ul li {
                background: #fff;
                border-top: solid 2px #e2e2e2;
                padding: 10px 30px;
            }

                .footer-column ul li a {
                    text-decoration: none;
                    font-size: 15px;
                }

    .footer-subtitle {
        display: none;
        padding: 10px 20px 10px;
        border-top: solid 2px #e2e2e2;
        font-size: 16px;
        font-weight: 400;
    }

    .footer-column .small-icons > li {
        padding-left: 55px;
    }

        .footer-column .small-icons > li:before {
            left: 30px;
            top: 12px;
        }

    .footer-bottom {
        margin: 50px 0 0;
        padding: 50px 10px 0;
    }

    .bottom-column-left,
    .bottom-column-right {
        width: 100%;
        float: none;
    }

    .bottom-column-left {
        margin-bottom: 20px;
    }

    #banner-frame {
        margin-bottom: 0;
        border-left: none;
        border-right: none;
    }

    #navigation-row {
        height: auto;
        position: absolute !important;
        top: 138px;
        left: 0;
        width: 100%;
        padding-top: 88px;
        background: #004481;
    }

    #navigation,
    #navigation > li,
    #navigation > li > a {
        display: block;
        width: 100%;
    }

    #navigation {
        border-top: solid 1px #1c5486;
    }

        #navigation > li {
            padding: 0;
            border-bottom: solid 1px #1c5486;
        }

            #navigation > li > a {
                text-align: left;
                border-bottom: solid 1px #1c5486;
                position: relative;
                padding: 10px 30px 10px 15px;
                font-size: 24px !important;
                height: auto;
                line-height: 30px;
            }

            #navigation > li > h3 {
                display: block;
                text-align: left;
                padding-right: 30px;
                position: relative;
            }

                #navigation > li > h3:after {
                    position: absolute;
                    right: 10px;
                    top: 50%;
                    margin: -25px 0 0 0;
                }


            #navigation > li > a:after {
                position: absolute;
                top: 50%;
                margin-top: -25px;
                right: 20px;
            }

            #navigation > li > a.expanded,
            #navigation > li > h3.expanded {
                background: #f1f2f3;
                color: #004481;
                border-bottom-color: #ccc;
            }

                #navigation > li > a.expanded:after,
                #navigation > li > h3.expanded:after {
                    background-position: -88px 19px;
                }

        #navigation .submenu {
            display: none;
            position: static;
            left: auto;
            top: auto;
            width: 100%;
            background: #fff;
            padding: 0;
        }

        #navigation .expanded + .submenu {
            margin-bottom: -1px;
        }

        #navigation .submenu-left-column:after {
            display: none;
        }

        #navigation .submenu .subtitle,
        #navigation .submenu .submenu-search-box,
        #navigation .submenu .grey-box {
            /*display: none;*/
        }

        #navigation .submenu .subtitle {
            padding: 10px 20px;
            margin: 0;
            border-bottom: 1px solid #e4e6e7;
        }

        #navigation .submenu-four-columns .submenu-col,
        #navigation .submenu-five-columns .submenu-col,
        #navigation .submenu-col,
        #navigation .submenu-left-column,
        #navigation .submenu-right-column {
            width: 100%;
            float: none;
            padding: 0;
        }

        #navigation .submenu-columns + .submenu-columns {
            padding-top: 0;
        }

        #navigation .submenu .col-title,
        #navigation .submenu .subtitle {
            background: #fafafa;
            border-bottom: solid 1px #e4e6e7;
            color: #004481;
            margin: 0;
            padding: 10px 20px;
            font-size: 16px;
            /*cursor: pointer;*/
            width: 100%;
            left: 0;
            top: 0;
            margin: 0;
            position: relative;
        }

            #navigation .submenu .col-title a {
                color: #004481;
                text-decoration: none;
                display: block;
            }

                #navigation .submenu .col-title a:hover {
                    text-decoration: underline;
                }

            #navigation .submenu .col-title.expanded,
            #navigation .submenu .col-title.expanded a,
            #navigation .submenu .subtitle.expanded,
            #navigation .submenu .subtitle.expanded a {
                background: #d1dde8;
                color: #004481;
            }

            #navigation .submenu .subtitle > span {
                display: inline-block;
                cursor: pointer;
            }

            #navigation .submenu .subtitle:hover > span {
                text-decoration: underline;
            }

        #navigation .submenu ul {
            list-style: none;
            margin: 0;
            padding: 0;
            background: #fafafa;
            display: none;
        }

            #navigation .submenu ul li {
                border-bottom: solid 1px #e4e6e7;
                padding: 10px 10px 10px 35px;
            }

        #navigation .submenu .subtitle:before {
            display: none;
        }

        #navigation .submenu-search-box {
            padding: 0;
            margin: 0;
            background: #fafafa;
        }

        #navigation .submenu-search-box-inner {
            padding: 10px 20px;
            border-bottom: 1px solid #e4e6e7;
        }

        #navigation .submenu-search-box input[type="text"] {
            border: solid 1px #ccc;
        }

    .career-image {
        display: none;
    }

    .submenu-title {
        cursor: pointer;
        background: #027aad;
        margin: 0 -20px 10px;
        padding: 15px;
        font-size: 20px;
        color: #fff;
        position: relative;
    }

        .submenu-title a {
            color: #fff;
        }

        .submenu-title.expanded {
            margin-bottom: 0;
        }

        .submenu-title:after {
            width: 20px;
            height: 10px;
            display: inline-block;
            content: "";
            font-size: 0;
            background: url("../images/sprites.png") no-repeat -193px 0;
            position: absolute;
            top: 50%;
            right: 15px;
            margin-top: -10px;
        }

        .submenu-title.expanded:after {
            background-position: -153px 0;
        }

    .accordion-menu {
        margin-left: -20px;
        margin-right: -20px;
        display: none;
    }

    #banner-frame .page-title {
        display: none;
    }

    .footer-links {
        font-size: 0;
        margin: 20px -10px 0;
    }

        .footer-links a {
            display: block;
            border-top: solid 2px #c4c7ca;
            margin: 0;
            font-size: 18px;
            line-height: 22px;
            text-align: left;
            text-decoration: none;
        }

    #header-right {
        position: static;
    }

    .footer-column .social-links > li:before {
        left: 30px;
        top: 9px;
    }

    .show-on-mobile {
        display: block;
    }

    .tabs-title {
        display: none;
    }

    #sidebar .tab-content {
        display: block !important;
    }

    #sidebar .grey-box-tabs {
        background: none;
    }

    .title-tabs a {
        font-size: 20px;
    }

    #navigation .submenu a {
        display: block;
    }

    #top-search {
        top: 165px;
        position: absolute;
        left: 20px;
        right: 20px;
    }

        #top-search form {
            float: none;
        }

        #top-search input[type="text"] {
            width: 100%;
            padding-right: 35px;
            float: none;
        }

        #top-search input[type="submit"] {
            position: absolute;
            top: 5px;
            right: 5px;
        }

    .content-three-columns .three-col:last-child {
        padding-bottom: 0;
    }

    .footer-bottom .mobile-phone-number {
        color: #004481;
        text-decoration: none;
    }

    .submenu-search-box-inner {
        display: none;
    }

    .footer-sposors-text {
        display: none;
    }


    .cssV2 .Tools-BackBtn {
        display: block;
    }

    .occLightBox {
        margin-left: -80px !important;
    }
    /*.occLightBox {
        margin-left: -70px !important;
        width: 290px !important;
    }

    .occLightBoxTop {
        width: 290px !important;
    }

    .occLightBoxBottom {
        width: 290px !important;
    }*/

    .cssV2 .more-drawer {
        background: url("../COSImages/BusPortal/more-drawer-bg.png") no-repeat scroll 150px 0px #FFFFFF;
        height: 28px;
        margin-bottom: 10px;
        margin-top: -10px;
        text-align: center;
        width: 100%;
    }

    #txtLocation {
        width: 130px !important;
    }

    .search-box .field-keyword input[type="text"] {
        width: 200px;
    }
}

@media only screen and (max-width: 576px) {
    #navigation .submenu ul.text-list {
        display: none !important;
    }

    #txtLocation {
        width: 180px !important;
    }

    .search-box .field-keyword input[type="text"] {
        width: 250px;
    }
}

@media only screen and (max-width: 480px) {
    .news-item {
        padding-left: 0;
        min-height: 50px;
    }

        .news-item .news-image {
            display: none;
        }

    .facebook-feed,
    .twitter-feed {
        padding-top: 85px;
        padding-left: 10px;
        background-position: 10px 5px;
    }

    .content-three-columns .three-col {
        width: auto;
        float: none;
        padding-left: 0;
    }

        .content-three-columns .three-col:nth-child(3n+1) {
            padding-left: 0;
        }

    #content-column {
        display: table;
    }

    #searchBoxWrapper {
        display: table-footer-group;
    }

    .occLightBox {
        display: none;
        position: fixed;
        height: 500px;
        width: 310px;
        overflow: scroll;
        font-size: 100%;
        left: 25%;
        top: 15%;
        z-index: 501;
    }

    .cssV2 .grey-box .blue-title {
        display: none;
    }

    #mobilePageTitle {
        display: block;
    }

    #btnSalaryFinderSearch {
        margin-top: 18px;
    }
}

@media only screen and (max-width: 460px) {
    .pagination-wrap {
        float: left !important;
        margin-top: 10px !important;
    }

    .per-page-wrap {
        margin-right: 30px !important;
    }

    .download-ddl {
        margin-top: 30px;
    }

    .occLightBox {
        margin-left: -60px !important;
    }
    /*.occLightBox {
        margin-left: -60px !important;
        width: 360px !important;
    }

    .occLightBoxTop {
        width: 360px !important;
    }

    .occLightBoxBottom {
        width: 360px !important;
    }*/

    .cssV2 .more-drawer {
        background: url("../COSImages/BusPortal/more-drawer-bg.png") no-repeat scroll 70px 0px #FFFFFF;
        height: 28px;
        margin-bottom: 10px;
        margin-top: -10px;
        text-align: center;
        width: 100%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 360px) {
    .cssV2 .more-drawer {
        background: url("../COSImages/BusPortal/more-drawer-bg.png") no-repeat scroll 10px 0px #FFFFFF;
    }

    .occLightBox {
        display: none;
        position: fixed;
        height: 450px;
        width: 300px;
        overflow: scroll;
        font-size: 100%;
        left: 25%;
        top: 15%;
        z-index: 501;
    }

    .SocDesc {
        height: 120px;
        left: 2%;
        position: absolute;
        top: 35%;
        width: 95%;
    }
}

@media only screen and (min-width: 641px) {
    .frame-box:hover .box-expand {
        max-height: 400px;
    }

    .frame-box:hover .box-title {
        border-bottom: solid 1px #fff;
        margin: -15px 0 20px;
        padding-bottom: 10px;
    }

        .frame-box:hover .box-title:before {
            background-position: -193px 0;
            top: 100%;
            margin-top: 1px;
        }


    .frame-box .box-expand {
        display: block !important;
    }

    .footer-subtitle,
    .footer-column ul {
        display: block !important;
    }

    #navigation .submenu ul {
        display: list-item !important;
    }

    .show-on-mobile {
        display: none;
    }

    #top-search {
        display: block !important;
    }

    .submenu-search-box-inner {
        display: block !important;
    }
}

@media only screen and (max-width: 320px) {
    .occLightBox {
        display: none;
        position: fixed;
        height: 450px;
        width: 280px;
        overflow: scroll;
        font-size: 100%;
        left: 25%;
        top: 10%;
        z-index: 501;
    }

    #btnSalaryFinderSearch {
        /* margin-left:5px; 
    margin-top: 5px;*/
        float: left;
        padding-left: 0px !important;
    }

    #txtLocation {
        width: 150px !important;
    }

    .search-box .field-keyword input[type="text"] {
        width: 200px;
    }
}

@media only screen and (max-width: 250px) {
    .search-box .field-keyword input[type="text"] {
        width: 150px;
    }

    p, ul, ol {
        font-size: 13px;
        line-height: 18px;
        margin: 0 0 18px;
    }

    .no-more-tables table tbody td {
        border: none;
        /* border-bottom: 1px solid #eee; */
        position: relative;
        padding-left: 40% !important;
        white-space: normal;
        text-align: left;
    }

    .occLightBox {
        display: none;
        position: fixed;
        height: 250px;
        width: 200px;
        overflow: scroll;
        font-size: 100%;
        left: 35%;
        top: 10%;
        z-index: 501;
    }

    #wageViewType {
        float: left;
        clear: both;
    }

    #kwLbl {
        width: 160px;
    }
}

/* -------------------------------------------------------
End Responsive styles
*/

.table-head-first {
    overflow: hidden;
    white-space: nowrap;
    width: 32% !important;
}

.table-head {
    overflow: hidden;
    white-space: nowrap;
    width: 17% !important;
}

.table-head-year {
    overflow: hidden;
    white-space: nowrap;
    text-align: center !important;
}

.download {
    display: inline-block;
    mozuserselect: none;
    padding-right: 0px;
}


/* Start  -- Search box- related occupations styles */


#relatedOccupationsTitle {
    padding-left: 6px;
    font-size: 13px;
}

/*#relatedOccupations a{
    padding-left:8px;
    }*/

#relatedOccupations {
    border: 1px;
    background-color: white;
    font-size: 13px;
    margin: 6px;
}

    #relatedOccupations div {
        padding-left: 15px;
        padding-bottom: 10px;
        padding-top: 10px;
    }

/* End-- Search box- related occupations styles */

.highlightCase b {
    text-transform: capitalize;
    font-weight: normal;
}

.disabled-link {
    cursor: not-allowed;
}


ul.suggestions {
    font: 14px Verdana, Arial, sans-serif;
    border: 1px solid #999;
    background: #fff;
    text-align: left;
    margin: 0;
    position: absolute;
    min-width: 140px;
    display: none;
    z-index: 50;
    padding-left: 0;
    max-height: 300px;
    overflow-y: auto;
    -webkit-overflow-scrolling: auto;
    margin-left:5px;
}

.cssV2 .page-text ul li {
    margin: 0px 0em;
}

.no-more-tables td:before {
    white-space: normal;
    width: 30%;
}