@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);

/*a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, tbody, tfoot, th, thead, tr, tt, u, ul, var {
    margin: 0;
    padding: 0;
    border: 0;
    background: 0 0
}*/

/** {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}*/

/*article, aside, details, figcaption, figure, footer, header, hgroup, leftnav, menu, nav, section { display: block }*/

/*body {
    font-size: 14px;
    font-family: Arial,sans-serif;
    background: #fff;
    color: #000;
    padding-bottom: 20px
}*/

.HiddenLabel { display: none !important }

/*.startContent {
    left: -1000em !important;
    position: absolute !important;
    width: 20em !important
}*/

.footerlinks { padding: 4px !important }

/*body .activelink {
    text-decoration: none;
    color: #000;
    pointer-events: none;
    cursor: default
}*/

/*#page-text a:visited, #resultsTable a:visited, .CMCPageFooter a:visited, .cssV2 a:visited, .footer-links a:visited, .links a:visited {
    color: #7f467f;
    cursor: pointer
}*/

/*body a:active, body a:hover {
    color: #004481;
    cursor: pointer
}*/

#fixed-search legend { color: #d2eaff }

legend span.accesibility {
    position: absolute;
    left: -9999px;
    width: 100px;
    height: auto;
    overflow: hidden
}

/*.for-screenReaders {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}*/

a.industrytitles:link {
    text-decoration: none;
    cursor: pointer;
    color: #036
}

a.industrytitles:active, a.industrytitles:hover {
    text-decoration: none;
    cursor: pointer
}

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

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

.cssV2 .module { margin-bottom: 10px }

.cssV2 .tool-explanatory-text { margin-top: 10px }

.cssV2 .grid {
    float: left;
    padding-bottom: 10px
}

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

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

.autocomplete {
    border: 1px solid #999;
    background: #fff;
    cursor: default;
    text-align: left;
    max-height: 350px;
    overflow: auto;
    font-size: 63%
}

.autocomplete .selected { background: #b9e5fb }

.autocomplete div {
    padding: 3px 5px;
    white-space: nowrap;
    overflow: hidden
}

.autocomplete strong {
    font-weight: 400;
    color: #39f
}

.autocomplete-w1 { font-size: 175% }

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

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

.cssV2 .about-this-data-module {
    clear: both;
    margin-right: 15px;
    margin-top: 10px
}

.cssV2 .grey-mod.with-title .module-heading {
    background-color: #f0f3f6;
    color: #036;
    font-weight: 700
}

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

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

.cssV2 .module-inner {
    color: #fff;
    padding: 10px 15px
}

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

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

#common-message {
    font-size: 80.25%;
    padding-top: 10px;
    padding-bottom: 10px
}

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

.cssV2 .your-search-module {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 3px solid #aab2bc;
    padding: 12px 10px 5px;
    width: 109%
}

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

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

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

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

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

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

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

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

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

.cssV2 .more-drawer {
    background: url("//www.careeronestop.org/COSImages/BusPortal/more-drawer-bg.png") no-repeat scroll 10px 0 #fff;
    height: 28px;
    margin-bottom: 10px;
    margin-top: 20px;
    text-indent: 45px;
    width: 100%
}

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

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

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

.leftnav-column {
    width: 100%;
    padding: 0 10px
}

.leftnav-column::after {
    top: 30px;
    bottom: 35px;
    display: block;
    content: "";
    font-size: 0px
}

.cssV2 .tools-result-text {
    font-size: 80.25%;
    margin-bottom: 1em
}*/

/*.tools-ResultsDivLeft {
    display: inline-block;
    font-size: 81.25%;
    text-align: left;
    width: 100%
}

.detail-wrapper {
    background: #e1e6ec none repeat scroll 0 0;
    height: auto !important;
    min-height: 400px
}*/

/*.detail-table {
    background: #e1e6ec;
    display: inline-block;
    float: left;
    height: 100%;
    margin-bottom: 0 !important;
    font-size: 81.25% !important
}*/

/*.column-header { padding: 15px !important }*/

.wrapurl { word-break: break-all }

/*.detail-heading {
    background: #c5d5e2 none repeat scroll 0 0;
    color: #036;
    font-family: Verdana, Arial, sans-serif;
    font-size: 16px !important;
    font-weight: 700;
    padding: 15px 20px !important;
    text-align: left
}*/

/*.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
}

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

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

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

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

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

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

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

.cssV2 .prev-page {
    background: url("//www.careeronestop.org/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: 0
}

.cssV2 .pagination { float: left }

.cssV2 .pagination li {
    margin: 2px;
    display: inline
}

.cssV2 .next-page {
    background: url("//www.careeronestop.org/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: 3px 10px !important;
    text-indent: -9999px;
    line-height: 18px
}

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

.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 .download-formats {
    clear: both;
    margin-top: 10px
}*/

.contact-input {
    margin-bottom: 1em;
    margin-top: 1em
}

.singlepagestyle {
    color: #027aad;
    padding-left: 10px;
    padding-top: 20px
}

@media only screen and (max-width: 640px) {
    .singlepagestyle {
        padding-top: 0;
        margin-top: -40px
    }
}

.imgmobile {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.prezi {
    width: 100%;
    height: 500px
}

@media only screen and (min-width: 0px) and (max-width: 840px) {
    .imgmobile {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%
    }

    .imgmobilehide { display: none }
}

/*.one-third.column { width: 31.25% }*/

/*#btnFindRes {
    margin-top: 2em !important;
    margin-left: 20px !important
}*/

.txtBox {
    font-family: Verdana, Arial, sans-serif !important;
    font-size: 14px;
    text-decoration: none;
    display: block;
    padding: 6px 12px;
    margin-left: 0 !important;
    margin-bottom: .5em;
    vertical-align: middle;
    background: #fff;
    outline: 0;
    border: none;
    height: 32px;
    color: #000 !important;
    border-radius: 0
}

#ddMIAState, .search-box input[type=text] {
    font-size: 14px !important;
    font-family: Arial, sans-serif !important;
    border: none;
    display: block
}

.search-box input[type=text] { margin-left: 0 !important }

.search-box input[type=text], Local_Help.css:335

.cssV2 .search-module input {
    padding: 0 5px 0 5px !important;
    width: 100% !important
}

#ddMIAState {
    height: 32px;
    border: none
}

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

.res-table { word-break: break-word }

.sorting {
    height: 32px;
    border: none;
    font-family: Arial, sans-serif;
    font-size: 14px;
    padding: 5px
}

.mobileSorting {
    height: 23px;
    padding: 0 1.5px 0 1.5px;
    font-family: Arial;
    font-size: 12px
}

.cssV2 .module.search-module {
    background-color: #c5d5e2 !important;
    top: 0 !important
}

.cssV2 .search-module .module-heading {
    color: #000;
    font-weight: 700;
    margin-bottom: 20px;
    padding-left: 1px
}

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

.search-box .divFRSearchBox.field-keyword {
    padding-left: 6px;
    width: 100% !important;
    float: left;
    margin-bottom: 10px
}

.lblFRLocation.res-label { margin-left: -6px !important }

.txtFRLocation.res-input { margin-left: 0 !important }

div.error-messages-stand-alone {
    color: red;
    padding: 10px !important;
    background: none repeat scroll 0 0 #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;
    border: 1px solid #8d9cab;
    width: 95%;
    display: none
}

.grid-group {
    font: 16px Arial, sans-serif;
    overflow: hidden;
    width: 100%;
    margin-left: 0
}

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 0;
    border: 1px solid #8d9cab;
    width: 65%;
    display: none;
    list-style: none
}

.divFRSearchBox.grey-box.search-box { margin-top: 0 }

#page-text .datagrid a { text-decoration: underline }

#page-text .datagrid a:hover {
    text-decoration: none;
    color: #09c
}

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

.datagrid { overflow: hidden }

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

.datagrid table thead th {
    background-color: #bfd0df;
    color: #004481;
    font-size: 13px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-align: left
}

.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 {
    background: #e1e6ec;
    font-size: 12px;
    vertical-align: middle
}

.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 }

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

.sortDDL { display: none }

.resultsTable {
    width: 100% !important;
    padding-left: 10px !important
}

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

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

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

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

/*.pagination-wrap {
    float: right;
    margin-top: -19px
}

.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: 0
}

.pagination { float: left }*/

/*.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
}*/

.download-formats {
    clear: both;
    margin-top: 10px
}

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

.div-Clear { clear: both }

.div-Error {
    color: red;
    font-weight: 700;
    font-size: 81.25%
}

.div-Messages {
    color: #000;
    font-size: 81.25% !important;
    margin-bottom: 1em !important
}

@media only screen and (min-width: 1025px) {
    select {
        padding-right: 1.5em !important;
        line-height: inherit !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        padding: 5px;
        border: 1px solid #ccc
    }

    select::-ms-expand { display: none }

    select:focus {
        outline: 1px solid #a56716;
        outline-offset: -1px
    }

    select:focus::-ms-value {
        background: #fff;
        color: #000
    }

    select:focus:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #000
    }

    select {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAA1UlEQVRoQ+2VQQrDMBADNy9v+/PiQ6AUiuXMimCqXHKIV9nRBHLU5tex+f4VgLsNxkAMwAbyCcEC8XgM4AphQAzAAvF4DOAKYUAMwALxeAzgCmHAXxt4VtUDFniOv6pq5C1f1EAHxOXlBy0FGBkEAi3fBXAVAi/fCbAK0bJ8N4AK0ba8A2AG0bq8C+AXRPvyToBvCMvyboAT4vO+/KOaDXT8B2bvsD4PgLVeITwGhJKsR2LAWq8QHgNCSdYjMWCtVwiPAaEk65EYsNYrhMeAUJL1yPYG3kQQEzGc4fSmAAAAAElFTkSuQmCC);
        background-position: 102%;
        background-size: 25px;
        background-repeat: no-repeat
    }

    select:-moz-focusring { text-shadow: 0 0 0 #000 }

    .cssV2 .search-module select {
        padding: 0 2%;
        width: 200px
    }
}

body div.ToolHelp {
    font: 100% Verdana, Arial, sans-serif;
    margin-bottom: 20px
}

.res-intro {
    font-size: 80%;
    line-height: 1.5em;
    font-weight: 400
}

.newtag {
    color: #940e19
}

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

/*ol, ul { margin-left: 1em }*/

.ul-style {
    list-style: none !important;
    padding-left: 10px !important
}

.ol-padding { padding-left: 20px !important }

/*.list-style { list-style: disc !important }*/

/*div > ol:last-child, div > p:last-child, div > ul:last-child { margin-bottom: 0 }*/

/*.singlepagetitle, h1, h2, h3, h4, h5, h6 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    line-height: 1.2em;
    margin: 0 0 .5em
}*/

/*.subtitle h2 { padding: 17px 0 5px 0 }

.subtitle h2, h1 { font-size: 22px }*/

/*h2 { font-size: 18px }*/

/*.singlepagetitle, h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 0
}*/

h4 { font-size: 15px }

h5 { font-size: 14px }

h6 { font-size: 12px }

#MoreResources, #jobBank, #pnlSiteSearch {
    padding: 0;
    margin: 0
}

.HiddenLabel { display: none }

#HeaderWidgets input.TextBoxBlue {
    border: solid 1px #09c;
    font-size: 95%;
    font-weight: 700;
    width: 202px;
    letter-spacing: normal;
    padding: 0
}

#HeaderWidgets select {
    font-size: 95%;
    font-weight: 700;
    width: 204px;
    letter-spacing: normal;
    padding: 0
}

#HeaderWidgets {
    width: 370px;
    text-align: right;
    clear: right;
    float: right;
    margin-top: 15px;
    margin-right: 5px
}

#HeaderWidgets * {
    vertical-align: middle;
    margin-top: 2px;
    margin-bottom: 2px
}

#HeaderWidgets img, .goButton {
    vertical-align: bottom;
    margin-left: 4px;
    cursor: pointer
}

.BlueButton {
    vertical-align: bottom;
    margin-left: 4px
}

.RedButton {
    vertical-align: bottom;
    margin-left: 1px
}

#HeaderWidgets .fontsize { vertical-align: baseline }

.blue-box {
    background: #e2e6eb;
    margin: 0 0 50px;
    padding: 15px 15px 15px 15px;
    position: relative
}

.green-box {
    background: #fff;
    margin: 0 0 50px;
    padding: 15px 15px 15px 15px;
    position: relative;
    border: 1px solid #4cb46e
}

.dropdownht {
    height: 32px;
    margin-left: 5px
}

.res-select {
    padding: 7px 6px 6px 6px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px
}

/*.image-columns, .image-five-columns, .image-four-columns, .image-three-columns, .image-two-columns {
    display: block;
    width: 100%;
    float: left
}

.image-columns > div > a > img {
    float: left;
    padding-right: 10px
}

.image-columns-wide > div > a > img {
    float: left;
    padding-right: 25px
}

.image-two-columns .two-col {
    width: 50%;
    float: left;
    padding-left: 20px;
    padding-bottom: 30px
}

.image-three-columns .three-col {
    width: 33.333%;
    float: left;
    padding-left: 10px;
    padding-bottom: 30px
}

.image-three-columns .three-col-small {
    width: 20%;
    float: left;
    padding-left: 10px;
    padding-bottom: 30px
}

.image-three-columns .three-col-med {
    width: 32%;
    float: left;
    padding-left: 10px;
    padding-bottom: 30px
}

.image-three-columns .three-col-large {
    width: 36%;
    float: left;
    padding-left: 10px;
    padding-bottom: 30px
}

.image-four-columns .four-col-small {
    width: 15%;
    float: left;
    padding-left: 10px;
    padding-bottom: 30px
}

.image-four-columns .four-col {
    width: 25%;
    float: left;
    padding-left: 10px;
    padding-bottom: 30px
}

.image-four-columns .four-col-large {
    width: 35%;
    float: left;
    padding-left: 10px;
    padding-bottom: 30px
}

.image-five-columns .five-col {
    width: 20%;
    float: left;
    padding-right: 10px;
    padding-bottom: 30px
}

.image-five-columns .five-col-large {
    width: 24%;
    float: left;
    padding-right: 10px;
    padding-bottom: 30px
}

.image-five-columns .five-col-med {
    width: 18%;
    float: left;
    padding-right: 10px;
    padding-bottom: 30px
}

.image-five-columns .five-col-small {
    width: 10%;
    float: left;
    padding-right: 15px;
    padding-bottom: 30px
}
*/
/*.scroll-text {
    float: left;
    padding-top: 5px
}
*/
/*.pyramidTitleImg {
    text-align: center;
    padding-top: 20px
}*/

/*.content-two-columns img { padding-top: 40px }*/

/*.content-two-columns .two-col {
    width: 50%;
    float: left;
    padding-left: 20px;
    padding-bottom: 30px
}*/

/*.content-three-columns .three-col {
    width: 33.333%;
    float: left;
    padding-left: 20px;
    padding-bottom: 30px
}*/

/*.content-two-columns .two-col:first-child { padding-left: 0 }*/

/*.content-three-columns .three-col:first-child { padding-left: 0 }*/

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

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

/*.content-three-columns li, .content-two-columns li {
    line-height: 18px;
    padding: 3px 0;
    color: #004481
}
*/
/*.content-three-columns .col-title, .content-two-columns .col-title {
    color: #000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 5px
}*/

#HeaderCenter {
    clear: right;
    float: left
}

#COSLogo {
    clear: right;
    float: left;
    width: 253px
}

#CareerOneStopHeader {
    float: left;
    width: 938px;
    font-weight: 700;
    font-family: Arial, sans-serif;
    font-size: 12px
}

#CareerOneStopHeader label { color: #000 }

#TopNavigationPrimaryLinks {
    width: 938px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 5px;
    font-size: 125%;
    clear: both
}

#TopNavigationPrimaryLinks a:link { color: #036 }

#TopNavigationPrimaryLinks a:visited { color: #004481 }

#TopNavigationPrimaryLinks a:active, #TopNavigationPrimaryLinks a:hover { color: #004481 }

#TopNavigationPrimaryLinks .Selected:active, #TopNavigationPrimaryLinks .Selected:hover, #TopNavigationPrimaryLinks .Selected:link, #TopNavigationPrimaryLinks .Selected:visited {
    text-decoration: none;
    font-weight: bolder
}

#TopNavigationSecondaryLinks {
    width: 938px;
    margin-bottom: 10px;
    margin-left: 5px
}

#TopNavigationSecondaryLinks a:link { color: #004481 }

#TopNavigationSecondaryLinks a:visited { color: #004481 }

#TopNavigationSecondaryLinks a:active, #TopNavigationSecondaryLinks a:hover { color: #004481 }

#PageTitleBar {
    width: 952px;
    height: 40px;
    margin-bottom: 3px;
    clear: both;
    padding-left: 2px
}

#SectionTitle {
    height: 40px;
    width: 250px;
    background-position: left top;
    background-image: url(//www.careeronestop.org/COSImages/PageTitleBarLeft.gif);
    background-repeat: no-repeat;
    float: left;
    padding-left: 24px;
    padding-top: 16px;
    padding-bottom: 3px;
    font-size: 130%;
    color: #fff
}

#PageTitleBreadCrumbs {
    height: 42px;
    width: 680px;
    margin-left: 15px;
    background-position: left top;
    background-image: url(../images/SectionTitleBarRight.png);
    background-repeat: no-repeat;
    float: left
}

#BreadCrumbs {
    padding-left: 20px;
    padding-top: 12px;
    font-size: 90%;
    padding-right: 40px
}

#divpodcasticon a {
    position: absolute;
    height: 42px;
    width: 22px;
    top: 528px;
    text-decoration: none;
    display: block;
    float: left
}

#divpodcasticon a i { visibility: hidden }

img#imgPodcast {
    height: 42px;
    width: 22px
}

a#apodcasticon {
    left: 310px;
    width: 22px
}

#RSSBreadCrumbs {
    background-position: right bottom;
    background-repeat: no-repeat;
    float: right;
    padding-right: 28px;
    margin-top: -50px;
    position: relative
}

#PageTitle {
    padding-left: 20px;
    padding-top: 3px;
    font-size: 115%;
    color: #00468f
}

#CareerOneStopFooter {
    padding: 5px 20px 20px 20px;
    clear: both;
    text-align: center;
    width: 923px
}

#LeftColumn { float: left }

#TopLeft {
    width: 243px;
    height: 243px;
    background-color: #e2e6eb
}

#BottomLeft {
    margin-top: 15px;
    float: left;
    width: 243px
}

#TopRight {
    margin-left: 15px;
    float: left;
    width: 667px
}

#BottomRight {
    color: #000;
    margin-top: 0;
    margin-left: 0;
    float: left
}

#CareerOneStopHeader a:link { color: #036 }

#CareerOneStopHeader a:visited { color: #004481 }

#CareerOneStopHeader a:active, #CareerOneStopHeader a:hover { color: #004481 }

#CareerOneStopFooter a:link { color: #036 }

#CareerOneStopFooter a:visited { color: #004481 }

#CareerOneStopFooter a:active, #CareerOneStopFooter a:hover { color: #004481 }

div.GreyBox.Upper {
    width: 245px;
    height: 18px;
    background-position: left top;
    background-image: url(../images/top_left_gray.png);
    background-repeat: no-repeat;
    background-color: #e2e6eb
}

div.GreyBox.Lower {
    width: 245px;
    height: 18px;
    background-position: right bottom;
    background-image: url(../images/bottom_right_gray.png);
    background-repeat: no-repeat;
    background-color: #e2e6eb
}

div.TopLeft {
    padding-left: 15px;
    padding-right: 13px;
    height: 210px;
    width: 217px;
    background-color: #e2e6eb;
    font-size: 104%
}

div.GreyBox.Upper.Bottom { width: 680px }

div.GreyBox.Lower.Bottom { width: 680px }

div.TopLeft p {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 5px;
    margin-top: 5px
}

div.BottomRight {
    padding-left: 25px;
    padding-top: 6px;
    background-color: #e2e6eb;
    width: 655px;
    height: 495px
}

div.HGJTIBottomRight { height: 290px }

div.AboutBottomRight { height: 290px }

div.FindBottomRight { height: 290px }

div.UseBottomRight { height: 110px }

div.BuildBottomRight { height: 120px }

div.NewBottomRight { height: 120px }

div.BottomRight div {
    padding-left: 20px;
    padding-top: 7px;
    float: left;
    background-position: left top;
    background-repeat: no-repeat;
    width: 258px
}

div.HGJTIBottomRight div { height: 290px }

div.AboutBottomRight div { height: 290px }

div.FindBottomRight div { height: 290px }

div.UseBottomRight div { height: 120px }

div.BuildBottomRight div { height: 120px }

div.NewBottomRight div { height: 120px }

div.BottomRight div#HGJTI { background-image: url(//www.careeronestop.org/COSImages/BulletDarkRed.gif) }

div.BottomRight div#LearnAbout { background-image: url(//www.careeronestop.org/COSImages/BulletDarkBlue.gif) }

div.BottomRight div#FindResources { background-image: url(//www.careeronestop.org/COSImages/BulletGreen.gif) }

div.BottomRight div#UsingModels { background-image: url(//www.careeronestop.org/COSImages/BulletLightBlue.gif) }

div.BottomRight div#BuildingBlocks { background-image: url(//www.careeronestop.org/COSImages/BulletLightRed.gif) }

div.BottomRight div#WhatsNew { background-image: url(//www.careeronestop.org/COSImages/BulletDarkRed.gif) }

#divDetailLeft {
    clear: both;
    float: left;
    width: 243px
}

#divLanding {
    width: 65%;
    float: left;
    padding-left: 15px
}

/*
.shareIcons {
    display: block !important
}*/

.share-icon-wrapper {
    padding-bottom: 5px;
    border-bottom: solid 1px #c6c9cc
}

#ThinkAboutTop {
    width: 243px;
    height: 59px;
    background-image: url(//www.careeronestop.org/COSImages/ThinkAboutHeading.gif);
    background-repeat: no-repeat
}

#ThinkAboutContent {
    padding: 15px 1px 20px 12px;
    background-position: left bottom;
    background-color: #00467f;
    background-image: url(//www.careeronestop.org/COSImages/RoundedCornerBottomLeftDarkBlue.gif);
    background-repeat: no-repeat;
    font-size: 100%;
    color: #fff;
    margin-bottom: 15px;
    text-align: left
}

#ThinkAboutContent a:active, #ThinkAboutContent a:hover, #ThinkAboutContent a:link, #ThinkAboutContent a:visited { color: #fff }

#RelatedLinksTop {
    width: 243px;
    height: 33px;
    background-image: url(../images/relatedlinks.gif);
    background-repeat: no-repeat
}

#RelatedLinksContent {
    font-size: 100%;
    background-color: #00467f;
    background-image: url(//www.careeronestop.org/COSImages/RoundedCornerBottomRightDarkBlue.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    color: #fff;
    padding: 5px 5px 15px 5px;
    text-align: left
}

#RelatedLinksContent a:active, #RelatedLinksContent a:hover, #RelatedLinksContent a:link, #RelatedLinksContent a:visited { color: #fff }

#HelpLineTop {
    width: 243px;
    height: 32px;
    background-image: url(//www.careeronestop.org/COSImages/HelpLineHeading.gif);
    background-repeat: no-repeat;
    background-position: bottom
}

#HelpLineContent {
    font-size: 100%;
    background-color: #990;
    background-image: url(//www.careeronestop.org/COSImages/RoundedCornerBottomLeftGreen.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    color: #fff;
    padding: 5px 15px 15px 15px;
    text-align: left
}

#HelpLineContent a:active, #HelpLineContent a:hover, #HelpLineContent a:link, #HelpLineContent a:visited { color: #fff }

#ExploreIndTop {
    width: 245px;
    height: 32px;
    background-image: url(../images/industries_bar.PNG);
    background-repeat: no-repeat;
    background-position: bottom
}

#ExploreIndContent {
    font-size: 100%;
    background-color: #dee3e7;
    background-image: url(../images/curve_lowerleft_corner.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    color: #000;
    padding: 5px 15px 15px 15px;
    text-align: left
}

#ExploreIndContent a:active, #ExploreIndContent a:hover, #ExploreIndContent a:link, #ExploreIndContent a:visited { color: #000 }

#UserGuideTop {
    width: 243px;
    height: 33px;
    background-image: url(../images/user_guides.PNG);
    background-repeat: no-repeat;
    background-position: bottom
}

#UserGuideContent {
    font-size: 100%;
    background-color: #036;
    background-image: url(../images/RoundedCornerBottomRightDarkBlue.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    color: #fff;
    padding: 5px 15px 15px 15px;
    text-align: left
}

#UserGuideContent a:active, #UserGuideContent a:hover, #UserGuideContent a:link, #UserGuideContent a:visited { color: #fff }

#GeneralTop {
    width: 245px;
    height: 32px;
    background-image: url(../images/general_bar.PNG);
    background-repeat: no-repeat;
    background-position: bottom
}

#GeneralContent {
    font-size: 100%;
    background-color: #036;
    background-image: url(../images/RoundedCornerBottomRightDarkBlue.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    color: #fff;
    padding: 5px 15px 15px 15px;
    text-align: left
}

#GeneralContent a:active, #GeneralContent a:hover, #GeneralContent a:link, #GeneralContent a:visited { color: #fff }

#CMinActionTop {
    width: 243px;
    height: 32px;
    background-image: url(../images/cminaction.PNG);
    background-repeat: no-repeat;
    background-position: bottom;
    float: left
}

#CMinActionContent {
    font-size: 100%;
    width: 233px;
    height: 795px;
    border-left: solid 2px #142f44;
    border-right: solid 2px #142f44;
    background-color: #fff;
    color: #000;
    padding-top: 5px;
    padding-left: 5px;
    text-align: left;
    float: left
}

#CMinActionRight {
    width: 246px;
    height: 18px;
    background-image: url(../images/navy_bottomleft_corner.JPG);
    background-repeat: no-repeat;
    background-position: right bottom;
    margin-top: -2px;
    float: right
}

#CMinActionContent a:active, #CMinActionContent a:hover, #CMinActionContent a:link, #CMinActionContent a:visited { color: #000 }

#CMinActionBigTop {
    width: 611px;
    height: 45px;
    background-image: url(../images/cminaction_big.PNG);
    background-repeat: no-repeat;
    background-position: bottom;
    float: left
}

#CMinActionBigContent {
    font-size: 100%;
    width: 607px;
    height: 675px;
    border-left: solid 2px #108cce;
    border-right: solid 2px #108cce;
    background-color: #fff;
    color: #000;
    padding-top: 5px;
    text-align: left;
    float: left
}

#CMinActionBigRight {
    width: 611px;
    height: 22px;
    background-image: url(../images/blue_rounded_edge_big.PNG);
    background-repeat: no-repeat;
    background-position: right bottom;
    margin-top: -2px;
    float: left
}

#UsesMainTop {
    width: 611px;
    height: 45px;
    background-image: url(../images/stories_big.PNG);
    background-repeat: no-repeat;
    background-position: bottom;
    float: left
}

#UsesMainContent {
    font-size: 100%;
    width: 607px;
    height: 275px;
    border-left: solid 2px #108cce;
    border-right: solid 2px #108cce;
    background-color: #fff;
    color: #000;
    padding-top: 5px;
    text-align: left;
    float: left
}

#UsesMainRight {
    width: 611px;
    height: 22px;
    background-image: url(../images/blue_rounded_edge_big.PNG);
    background-repeat: no-repeat;
    background-position: right bottom;
    margin-top: -2px;
    float: left
}

#UsesTop {
    width: 242px;
    height: 32px;
    background-image: url(../images/caseinpoint_right_bar.PNG);
    background-repeat: no-repeat;
    background-position: bottom;
    float: left
}

#UsesContent {
    font-size: 100%;
    width: 233px;
    height: 200px;
    border-left: solid 2px #c03126;
    border-right: solid 2px #c03126;
    background-color: #fff;
    color: #000;
    padding-top: 5px;
    padding-left: 5px;
    text-align: left;
    float: left
}

#UsesRight {
    width: 246px;
    height: 18px;
    background-image: url(../images/RightBottomCorner_red.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    margin-top: -2px;
    float: right
}

#UsesContent a:active, #UsesContent a:hover, #UsesContent a:link, #UsesContent a:visited { color: #000 }

#HelplineRightTop {
    width: 201px;
    height: 32px;
    background-image: url(../images/HelpLineHeadingRight.gif);
    background-repeat: no-repeat;
    background-position: bottom
}

#HelplineRightContent {
    font-size: 100%;
    width: 171px;
    background-color: #990;
    background-image: url(//www.careeronestop.org/COSImages/RoundedCornerBottomRightGreen.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    color: #fff;
    padding: 5px 15px 15px 15px;
    text-align: left
}

#HelplineRightContent a:active, #HelplineRightContent a:hover, #HelplineRightContent a:link, #HelplineRightContent a:visited { color: #fff }

.tool-box { padding: 0px 15px 15px 15px !important }

.grey-box {
    background: #e5eaed;
    margin: 0 0 20px;
    padding: 25px 35px 30px;
    position: relative
}

.grey-box .blue-title, .submenu-search-box .subtitle {
    position: absolute;
    left: -9px;
    top: -20px;
    background: #004481;
    padding: 5px 20px 5px 27px;
    line-height: 26px;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 22px;
    height: 36px
}

.grey-box .blue-title:before, .submenu-search-box .subtitle:before {
    display: block;
    content: "";
    font-size: 0;
    width: 9px;
    height: 10px;
    position: absolute;
    top: 100%;
    left: 0;
    background: url("//www.careeronestop.org/COSImages/images/sprites.png") no-repeat -279px 0
}

.grey-box .blue-title.title-long {
    right: 0;
    z-index: 30
}

.grey-box ol > li { padding: 9px 0 }

.grey-box.search-box {
    margin-top: 35px;
    padding-top: 25px
}

.submenu-title {
    background: #bfd0df;
    color: #004481;
    font-size: 18px;
    padding: 20px 25px 5px;
    margin-bottom: -15px
}

.submenu-title a { text-decoration: none }

/*.page-top-share {
    padding: 10px 0 0
}*/

/*.page-actions {
    float: left
}*/

/*.page-actions a {
    display: block;
    float: left;
    height: 32px;
    background: url("//www.careeronestop.org/COSImages/images/sprites.png") no-repeat;
    font-size: 0;
    text-decoration: none;
    margin-right: 6px
}

.page-actions .action-print {
    width: 22px;
    background-position: -111px -109px
}

.page-actions .action-favorite {
    width: 22px;
    background-position: -182px -109px
}

.page-top-share .share-icons { float: right }

img.align-right {
    float: right;
    margin: 0 0 15px 15px
}*/

/*#page-text ul li { margin: 9px 1em }

#page-text ol li { margin: 9px 1em }

#page-text h3 {
    font-family: arial, sans-serif;
    margin: 0 0 9px 0;
    font-weight: 400
}

#page-text a {
    text-decoration: none;
    display: inline
}

#page-text a:hover { text-decoration: underline }

.page-text a { text-decoration: none }

.page-text a:hover { text-decoration: underline }*/

/*.accordion-menu {
    list-style: none;
    margin: 0 0 30px 0;
    background: #bfd0df;
    padding: 18px 18px
}*/

/* .accordion-menu > li {
        display: block;
        background: #fff;
        margin: 6px 0;
        font-size: 14px
    }*/

/*.accordion-menu > li > a {
    background: #fff;
    color: #004481;
    position: relative;
    display: block;
    line-height: 20px;
    padding: 6px 12px;
    text-decoration: none
}*/

/*.accordion-menu > li.active > a, .no-touch .accordion-menu > li > a:hover {
    color: #fff;
    background: #027aad
}*/

.accordion-menu > li.active > span { padding: 5% }

.accordion-menu > li.level3 > a { background: #a9bdc5 }

.accordion-menu > li.level4 > a { background: #c6c9cc }

.accordion-menu > li.level5 > a { background: #d1d3d6 }

.accordion-menu > li.level3 > a:after {
    background: url("//www.careeronestop.org/COSImages/images/sprites.png") no-repeat -280px -256px !important;
    height: 10px
}

.accordion-menu > li.level4 > a:after {
    background: url("//www.careeronestop.org/COSImages/images/sprites.png") no-repeat -280px -273px !important;
    height: 10px
}

.accordion-menu > li.level5 > a:after {
    background: url("//www.careeronestop.org/COSImages/images/sprites.png") no-repeat -280px -273px !important;
    height: 10px
}

.accordion-menu > li.level3 > a:hover::after { background: url("//www.careeronestop.org/COSImages/images/sprites.png") no-repeat -230px -90px !important }

.accordion-menu > li.level4 > a:hover::after { background: url("//www.careeronestop.org/COSImages/images/sprites.png") no-repeat -230px -90px !important }

.accordion-menu > li.level5 > a:hover::after { background: url("//www.careeronestop.org/COSImages/images/sprites.png") no-repeat -230px -90px !important }

/*.accordion-menu > li.active > a:after {
    display: block;
    top: 100%;
    left: 12px;
    content: "";
    font-size: 0;
    position: absolute;
    background: url("//www.careeronestop.org/COSImages/images/sprites.png") no-repeat -230px -90px;
    width: 21px;
    height: 11px
}*/  

/*.accordion-menu > li.active > a.change:after {
    display: block;
    top: 100%;
    left: 12px;
    content: "";
    font-size: 0;
    position: absolute;
    background: 0 0;
    width: 21px;
    height: 11px
}*/

/*.accordion-menu > li ul {
    list-style: none;
    margin: 0;
    display: none;
    padding: 7px 0 5px;
    zoom: 1;
    overflow: hidden
}*/

/*.accordion-menu > li.active ul { display: block }*/

/*.accordion-menu > li ul li { padding: 3px 0 }*/

/*.accordion-menu > li ul li a {
    display: block;
    color: #004481;
    line-height: 18px;
    padding: 2px 12px;
    text-decoration: none
}*/

/*.accordion-menu > li ul li a:hover { color: #027aad }*/

.blue-button {
    font: 14px Verdana, Arial, sans-serif;
    display: inline-block;
    color: #fff;
    background: #027aad;
    text-align: center;
    text-decoration: none;
    padding: 5px 17px;
    line-height: 20px;
    border: none;
    cursor: pointer
}

.blue-button-cc {
    font: 14px Verdana, Arial, sans-serif;
    display: inline-block;
    color: #fff;
    background: #027aad;
    text-align: center;
    text-decoration: none;
    padding: 5px 5px;
    line-height: 20px;
    border: none;
    cursor: pointer
}

.search-box {
    background: #e5eaed;
    padding: 10px 15px 20px;
    margin: 25px 0
}

#page-content .search-box { background: #bfd0df }

.search-box label {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px
}

.search-box .field-keyword {
    float: left;
    margin-bottom: 10px
}

.search-box .field-keyword-long {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px
}

.search-box .field-location {
    float: left;
    margin-bottom: 10px
}

.search-box .blue-button { float: right }

.search-box input[type=text] {
    vertical-align: middle;
    background: #fff;
    outline: 0;
    border: solid 1px #c9cccf;
    height: 32px;
    padding: 5px 3px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #000;
    vertical-align: middle;
    margin-left: 5px
}

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

.search-box .field-keyword-long input[type=text] { width: 365px }

.search-box .field-location input[type=text] { width: 130px }

.search-box .field-keyword input[type=text] { -webkit-border-radius: 0px }

.search-box .field-location input[type=text] { -webkit-border-radius: 0px }

#navigation > li > a:after {
    display: inline-block;
    vertical-align: top;
    width: 21px;
    height: 50px;
   /* background: url("//www.careeronestop.org/COSImages/images/sprites.png") no-repeat -44px 19px;*/
    content: "";
    font-size: 0;
    margin-left: 4px
}

/*#navigation li a.active { color: #bfd0df }*/
/*
#navigation li a.active:after { background: url("//www.careeronestop.org/COSImages/images/sprites.png") no-repeat -231px -71px }*/

/*#navigation > li > a.hover:after { background-position: -88px 19px }*/

#navigation > li > a, #pager a, .accordion-menu > li > a:after, .blue-button, .blue-buttons a, .frame-box .box-title, .title-tabs a, .video-box .video-image:after {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.position-bottom {
    position: absolute;
    bottom: 30px;
    padding-left: 43px;
}

@media only screen and (max-width: 640px) {
    .position-bottom {
        position: absolute;
        bottom: 10px;
        padding-left: 2px;
    }

    #btnCopyLogo1 {
        margin-top: 8px;
    }
    #btnCopyLogo2 {
        margin-top: 8px;
    }

    div#cmc-verbatim-3 {
        padding-bottom: 52px;
    }

}

@media only screen and (min-width: 812px) and (max-width: 991px) {
    .position-bottom {
        position: absolute;
        padding-left: 170px;
    }
    #btnCopyLogo1 {
        margin-left: 8px;
    }
    #btnCopyLogo2 {
        margin-left: 8px;
    }
}

.footer-columns {
    background: #eaecf0;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eaecf0), to(#fff));
    background: -webkit-linear-gradient(#eaecf0, #fff);
    background: -moz-linear-gradient(#eaecf0, #fff);
    background: -ms-linear-gradient(#eaecf0, #fff);
    background: -o-linear-gradient(#eaecf0, #fff);
    background: linear-gradient(#eaecf0, #fff);
    padding: 30px 40px 35px;
    position: relative
}

.footer-column {
    float: left;
    width: 22%;
    padding: 0 10px
}

.footer-columnwide {
    float: left;
    width: 32%;
    padding: 0 10px
}

.footer-column:after, .footer-columnwide:after {
    position: absolute;
    top: 30px;
    bottom: 35px;
    display: block;
    content: "";
    font-size: 0;
    border-left: solid 1px #cbcdcf;
    margin-left: -15px
}

.footer-column:first-child:after, .footer-columnwide:first-child:after { display: none }

.footer-column .footer-title, .footer-columnwide .footer-title {
    color: #004481;
    font-size: 22px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 26px;
    margin-bottom: 15px
}

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

footer-column #divFooter { margin: 0 }

/*.footer-column ul, .footer-columnwide ul {
    list-style: none;
    margin-left: 0
}*/

/*.footer-column ul > li, .footer-columnwide ul > li { padding: 5px 0 }*/

.footer-subtitle {
    color: #004481;
    font-family: 'Source Sans Pro', sans-serif;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight:bold
}

.div-download { padding-bottom: 4px }

.datasec { padding-top: 28px }

/*.footer-column .small-icons > li {
    padding-left: 20px;
    position: relative
}

.footer-column .small-icons > li:before {
    display: block;
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 16px;
    height: 16px;
    font-size: 0;
    background: url("//www.careeronestop.org/COSImages/images/sprites.png") no-repeat
}

.footer-column .small-icons > li.icon-acrobat:before { background-position: 0 -38px }

.footer-column .small-icons > li.icon-powerpoint:before { background-position: 0 -64px }

.footer-column .small-icons > li.icon-word:before { background-position: -1px -91px }

.footer-column .small-icons > li.icon-excel:before { background-position: -1px -119px }

.footer-columnwide .social-links > li {
    position: relative;
    padding-left: 32px
}

.footer-columnwide .social-links-2 > li {
    position: relative;
    padding-left: 32px
}

.footer-columnwide .social-links > li:before {
    display: block;
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 22px;
    height: 22px;
    font-size: 0;
    background: url("//www.careeronestop.org/COSImages/images/sprites.png") no-repeat
}

.footer-columnwide .social-links-2 > li:before {
    display: block;
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 22px;
    height: 22px;
    font-size: 0;
    background: url("//www.careeronestop.org/COSImages/images/sprites.png") no-repeat
}

.footer-columnwide .social-links > li.icon-share:before { background-position: -59px -32px }

.footer-columnwide .social-links > li.icon-rss:before { background-position: -59px -254px }

.footer-columnwide .social-links > li.icon-email:before { background-position: -59px -278px }

.footer-columnwide .social-links-2 > li.icon-facebook:before { background-position: -59px -61px }

.footer-columnwide .social-links-2 > li.icon-twitter:before { background-position: -59px -89px }

.footer-columnwide .social-links > li.icon-youtube:before { background-position: -59px -119px }

.footer-columnwide .social-links-2 > li.icon-linkedin:before { background-position: -59px -147px }

.footer-columnwide .social-links > li.icon-pintrest:before { background-position: -59px -227px }

.footer-columnwide .social-links > li.icon-us:before { background-position: -59px -200px }

.footer-bottom {
    position: relative;
    border-top: solid 1px #c6c9cc;
    padding: 15px 50px 25px;
    font-size: 12px;
    line-height: 18px
}
*/
/*#banner {
    position: absolute;
    z-index: 99;
    left: 0;
    top: 0;
    overflow: hidden;
    text-align: center;
    width: 100%;
    height: 353px
}*/

/*#banner-frame {
    height: 200px;
    border-left: solid 20px #fff;
    border-right: solid 20px #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 3px
}*/

/*#banner-frame .page-title {
    position: absolute;
    bottom: -20px;
    left: 30px;
    background: #fff;
    background: rgba(255, 255, 255, .9);
    padding: 20px 25px 40px;
    -webkit-box-shadow: 0 0 15px #444;
    -moz-box-shadow: 0 0 15px #444;
    box-shadow: 0 0 15px #444;
    color: #004481
}*/

/*    #banner-frame h1 {
        margin-bottom: 0
    }*/

.backtonav {
    margin-right: 15px;
    width: 266px;
    margin-left: -9px
}

.Tools-blue-button {
    background-color: #027aad;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 5px 17px;
    text-align: left;
    text-decoration: none;
    width: 100%
}

/*.LeftNavBackBtn {
    margin: 0 !important;
    margin-top: 10px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    margin-bottom: 25px !important
}*/

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

.panelaccordion { font: 16px Arial, sans-serif }

.panelaccordion .pnlaccordion {
    font-size: 81.25%;
    margin-bottom: 5px;
    width: 99%
}

.panelaccordion .pnlaccordion .title-area {
    background: none repeat scroll 0 0 #c5d5e2;
    cursor: pointer;
    padding: 10px 10px
}

.panelaccordion .pnlaccordion .module-title {
    color: #036;
    font-weight: 700;
    padding: 1px 0;
    font-family: Verdana, Arial, sans-serif;
    padding-right: 20px;
    background: url("../Images/ReDesign/sprite-accordion-bg.png") no-repeat scroll right -39px transparent
}

.panelaccordion .pnlaccordion .module-title .a { text-decoration: none }

.panelaccordion .module-inner {
    color: #000;
    padding: 10px 15px
}

.panelaccordion .pnlaccordion.closed .module-title { background-position: right top }

.pnlaccordion.closed .module-inner { display: none }

.panelaccordion .pnlaccordion .title-area {
    background: none repeat scroll 0 0 #c5d5e2;
    cursor: pointer;
    padding: 10px 10px
}

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

.panelaccordion .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
}

.panelaccordion .grid-group {
    overflow: hidden;
    width: 100%;
    background: #e1e6ec;
    margin-top: -5px
}

/*#sidebar {
    width: 30%;
    float: left;
    padding: 0 18px 20px
}*/

/*#content-column {
    width: 69.3%;
    float: right;
    padding: 0 20px 20px 0
}*/

/*#sidebar .grey-box {
    background: #f0f1f4;
    padding: 25px;
    top: 20px;
    margin: 0 0 50px
}

#sidebar .grey-box ol {
    margin-left: 10px;
    color: #004481
}

#sidebar .grey-box li { padding: 5px 0 }

#sidebar .blue-button { margin-left: 10px }

#sidebar .grey-box-tabs { padding: 22px }*/

/*.page-actions .action-print {
    width: 22px;
    background-position: -111px -105px
}

.page-actions .action-email {
    width: 42px;
    background-position: -138px -105px
}

.page-top-share .share-icons {
    float: right
}*/

/*.social-media-face-book {
    display: block;
    width: 22px;
    height: 32px;
    background: url("//www.careeronestop.org/COSImages/images/sprites.png") no-repeat;
    margin-right: 7px;
    background-position: -58px -57px;
    padding: 0 15px !important;
    float: left;
    line-height: 0;
    font-size: 0;
    color: transparent
}

.social-media-twitter {
    display: block;
    height: 32px;
    width: 22px;
    background: url("//www.careeronestop.org/COSImages/images/sprites.png") no-repeat;
    margin-right: 7px;
    background-position: -59px -86px;
    padding: 0 15px !important;
    float: left;
    line-height: 0;
    font-size: 0;
    color: transparent
}

.social-media-linkedin {
    display: block;
    height: 32px;
    width: 22px;
    background: url("//www.careeronestop.org/COSImages/images/sprites.png") no-repeat;
    margin-right: 0;
    background-position: -59px -143px;
    padding: 0 0 !important;
    float: left;
    line-height: 0;
    font-size: 0;
    color: transparent
}*/

* html .clearfix { height: 1% }

/*.content-two-columns .two-col {
    width: 50%;
    float: left;
    padding-left: 20px;
    padding-bottom: 30px
}*/

/*.content-three-columns .three-col {
    width: 33.333%;
    float: left;
    padding-left: 20px;
    padding-bottom: 30px
}*/

/*.content-three-columns .three-col:first-child, .content-two-columns .two-col:first-child { padding-left: 0 }

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

.content-three-columns li, .content-two-columns li {
    line-height: 18px;
    padding: 3px 0;
    color: #004481
}

.content-three-columns .col-title, .content-two-columns .col-title {
    color: #000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 5px
}*/

/*.content-two-columns { margin-bottom: -20px }

.content-two-columns .two-col .col-left {
    width: 50%;
    float: left;
    padding-right: 30px
}

.content-two-columns .two-col .col-right {
    width: 50%;
    float: right
}

.content-two-columns .two-col .grey-box { min-height: 390px }*/

.three-columns { margin-bottom: -20px }

.three-columns .col-center, .three-columns .col-left {
    width: 28.5%;
    float: left;
    padding-right: 30px
}

.three-columns .col-right {
    width: 43%;
    float: right
}

.three-columns ol {
    margin-left: 15px;
    color: #004481
}

.three-columns .grey-box { min-height: 350px }

/*.content-three-columns li {
    line-height: 18px;
    padding: 3px 0;
    color: #004481
}*/

/*#navigation .submenu .col-title {
    margin-bottom: 0;
    line-height: 26px;
    padding: 10px;
    background: 0 0
}

#navigation .submenu .col-title, #navigation > li > a { font-family: Arial, sans-serif }

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

/*#navigation .submenu .col-title a:hover { text-decoration: none }*/

#page-text a {
    text-decoration: underline;
    display: inline
}

#page-text a:hover { text-decoration: underline }

/*.page-text a { text-decoration: none }

.page-text a:hover { text-decoration: underline }*/

/*a {
    color: #004481;
    text-decoration: underline
}*/

/*a:hover { text-decoration: none }*/

.addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m { padding: 0 6px !important }

.at-icon-wrapper {
    width: 22px !important;
    height: 22px !important
}

.addthis_16x16_style .at-icon, .addthis_16x16_style .at4-icon, .addthis_16x16_white_style .at4-icon, .addthis_default_style .at4-icon, .at-16x16, .at4-icon {
    width: 22px !important;
    height: 22px !important;
    line-height: 16px !important;
    background-size: 20px !important
}

@media only screen and (max-width: 640px) {
    .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m { padding: 0 13px !important }

    .addthis_16x16_style .at-icon, .addthis_16x16_style .at4-icon, .addthis_16x16_white_style .at4-icon, .addthis_default_style .at4-icon, .at-16x16, .at4-icon {
        width: 22px !important;
        height: 22px !important;
        line-height: 16px !important;
        background-size: 20px !important
    }

 /*   .page-actions .action-print { padding: 0 15px !important }*/

    .page-actions .addthis_button_lang {
        float: left;
        width: 22px;
        cursor: pointer;
        background: 0 0
    }

    .footerline { border-bottom: solid 2px #c4c7ca }

   /* #content-column { display: table }*/

    #banner { display: none }

    #banner-frame { display: none }

    #resultsTable { width: 100% !important }
}

@media only screen and (max-device-width: 568px) and (min-device-width: 320px) and (orientation: portrait) {
    .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m { padding: 0 13px !important }

    a .subtitle { margin-left: 64px }

    .subtitle { margin-left: 1px }

    .page-actions .addthis_button_lang {
        float: left;
        width: 22px;
        background: 0 0;
        cursor: pointer
    }
}

@media print {
    .notprint {
        visibility: hidden;
        display: none;
        font-size: 83%;
        font-family: Arial, sans-serif
    }

    .printOnly { display: block }

    /*   #header {
        display: none
    }*/

    #headerPrint { display: block }

    .MegaMenu { display: none }

    #subPagebanner { display: none }

   /* #banner-frame { display: none }

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

   /* #sidebar { display: none }*/

    /*#content-column {
        float: none;
        padding: 0 19px 20px;
        width: 100%
    }*/

    .COSHomePageFooter { display: none }

    .page-top-share { display: none }

    .page-break {
        display: block;
        height: 5px
    }

    .show-on-mobile { display: none }

    .footer-links { display: none }
}

#CLLTop {
    width: 243px;
    height: 32px;
    background-image: url(../images/ladder01.jpg);
    background-repeat: no-repeat;
    background-position: bottom
}

#CLLContent {
    font-size: 100%;
    background-color: #fff999;
    background-image: url(../images/roundedyellow.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    color: #000;
    padding: 5px 5px 5px 8px;
    text-align: left
}

.BoldPhoneNumber { font-weight: 700 }

#divDetailContent {
    margin-left: 15px;
    float: left;
    width: 447px
}

#divDetailRight {
    margin-left: 15px;
    float: left;
    width: 203px
}

#divTAImage {
    float: left;
    width: 20px;
    padding: 2px
}

#divTAContent {
    float: right;
    width: 80px;
    padding-right: 20px
}

.sizeColor {
    Color: #004771;
    Font-Family: Arial, sans-serif;
    Font-Size: 100%
}

td#WIA {
    font-family: Arial, sans-serif;
    font-size: 140%;
    font-weight: 700
}

.modelGrid {
    Font-Size: 100%;
    Font-family: Arial, sans-serif
}

.modelGridItem {
    Font-Size: 100%;
    Font-Family: Arial, sans-serif
}

.leftMenu {
    font-weight: 700;
    font-size: 100%;
    color: #446c95;
    font-family: Arial, sans-serif
}

.leftMenuOption {
    FONT-WEIGHT: bold;
    FONT-SIZE: 90%;
    COLOR: #705990;
    FONT-FAMILY: Arial, sans-serif
}

.small { font-size: 80% }

.smallplus { font-size: 85% }

.med { font-size: 100% }

p.newintro {
    font-style: italic;
    margin-left: 8px
}

td#SearchID {
    color: #fff;
    font-weight: 700
}

td.FindItByTopic {
    background-image: url(images/find_it_without_text.gif);
    color: #fff;
    font-size: 11pt;
    font-family: Arial, sans-serif;
    font-weight: 700
}

a.bottomnav {
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-weight: 700;
    font-size: 80%;
    color: #004771
}

td#copyright {
    font-family: Arial, sans-serif;
    font-size: 85%
}

td.tollnumber {
    color: #940c08;
    font-size: 80%;
    font-weight: 700
}

td.path {
    color: #fff;
    font-size: 80%
}

td.DreamIt {
    background-image: url(images/dreamIt_tag.gif);
    color: #fff;
    font-size: 10pt;
    font-family: Arial, sans-serif
}

.blockquotes {
    font-size: 100%;
    margin-left: 40px
}

.sitelist {
    font-size: 115%;
    line-height: 145%
}

.help {
    color: #2d8bd5;
    font-size: 80%;
    font-weight: 700
}

.commentsform {
    font-size: 80%;
    font-weight: 700
}

.medsmall { font-size: 80% }

.TableOuterBorder {
    border-right: #d3e1e7 1px solid;
    border-top: #d3e1e7 1px solid;
    border-left: #d3e1e7 1px solid;
    border-bottom: #d3e1e7 1px solid
}

.TableInnerBorder {
    BORDER-RIGHT: #debedb 1px solid;
    BORDER-TOP: #debedb 1px solid;
    BORDER-LEFT: #debedb 1px solid;
    BORDER-BOTTOM: #debedb 1px solid
}

.TableBlackBorder {
    border-right: #000 1px solid;
    border-top: #000 1px solid;
    border-left: #000 1px solid;
    border-bottom: #000 1px solid
}

.TableGreyBorder {
    border-right: #dcdcdc 1px solid;
    border-top: #dcdcdc 1px solid;
    border-left: #dcdcdc 1px solid;
    border-bottom: #dcdcdc 1px solid
}

.button {
    font-family: Arial, sans-serif;
    FONT-WEIGHT: bold;
    FONT-SIZE: 90%;
    COLOR: #f0f8ff;
    BACKGROUND-COLOR: #4682b4;
    border-color: #f0f8ff;
    border-style: solid;
    border-width: 1px
}

.block4 {
    color: #000;
    font-size: 120%;
    font-family: Arial, sans-serif;
    font-weight: 700
}

.cmcheader {
    font-size: 100%;
    font-weight: 700;
    font-family: Arial, sans-serif
}

.cmcfooter {
    padding: 20px;
    clear: both;
    text-align: center;
    width: 923px;
    font-size: 100%;
    color: #09c;
    font-family: Arial, sans-serif
}

.levelheading {
    font-weight: 700;
    font-family: Arial, sans-serif;
    font-size: 110%
}

.kbheading {
    font-weight: 700;
    font-family: Arial, sans-serif
}

.boldtext {
    font-weight: 700;
    font-family: Arial, sans-serif
}

.grabberBG {
    background-position: left top;
    background-image: url(//www.careeronestop.org/CompetencyModel/Images/bg_left_header.jpg);
    background-repeat: repeat-x;
    float: left
}

.grabber {
    font-family: Arial, sans-serif;
    font-size: 95%;
    color: #000
}

.grabberBold {
    font-family: Arial, sans-serif;
    font-size: 95%;
    color: #000;
    font-weight: 700
}

.grabbersize10Bold {
    font-size: 100%;
    font-family: Arial, sans-serif;
    color: #000;
    font-weight: 700
}

.grabbersize8Bold {
    font-size: 95%;
    font-family: Arial, sans-serif;
    color: #000
}

.homeHeader {
    font-family: Arial, sans-serif;
    font-size: 100%;
    font-weight: 700;
    color: #e9193a;
    text-decoration: underline
}

.buttonLight {
    font-family: Arial, sans-serif;
    FONT-WEIGHT: bold;
    FONT-SIZE: 90%;
    COLOR: #f0f8ff;
    BACKGROUND-COLOR: gray;
    border-color: #f0f8ff;
    border-style: solid;
    border-width: 1px
}

.size7 {
    font-size: 75%;
    FONT-FAMILY: Arial, sans-serif;
    color: #000
}

.size7color {
    FONT-SIZE: 75%;
    COLOR: #ffffff
}

.size8 {
    font-size: 80%;
    FONT-FAMILY: Arial, sans-serif;
    color: #000
}

.sizeTierNavg {
    font-size: 95%;
    FONT-FAMILY: Arial, sans-serif
}

.size8navy {
    font-size: 80%;
    color: #000;
    FONT-FAMILY: Arial, sans-serif
}

.size8blue {
    font-size: 90%;
    COLOR: blue;
    FONT-FAMILY: Arial, sans-serif
}

.filtersize {
    font-size: 100%;
    FONT-FAMILY: Arial, sans-serif;
    color: #000
}

.size9 {
    font-size: 90%;
    FONT-FAMILY: Arial, sans-serif;
    color: #000
}

.size10Bold {
    font-size: 100%;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Arial, sans-serif
}

.size10 {
    font-size: 100%;
    FONT-FAMILY: Arial, sans-serif
}

.size10Color {
    font-size: 100%;
    COLOR: #000099;
    FONT-FAMILY: Arial, sans-serif
}

.size10ColorBold {
    font-size: 100%;
    color: #036;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Arial, sans-serif
}

.size10Red {
    font-size: 100%;
    color: red;
    FONT-FAMILY: Arial, sans-serif
}

.size10RedBold {
    font-size: 100%;
    color: red;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Arial, sans-serif
}

.size10CrimsonBold {
    FONT-WEIGHT: bold;
    FONT-SIZE: 100%;
    COLOR: #dc143c;
    font-family: Arial, sans-serif
}

.size10navy {
    font-size: 100%;
    color: #000;
    FONT-FAMILY: Arial, sans-serif
}

.size10NavyBold {
    font-size: 100%;
    color: #000;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Arial, sans-serif
}

.size12NavyBold {
    font-size: 120%;
    color: #000;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Arial, sans-serif
}

.size12Bold {
    font-size: 120%;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Arial, sans-serif
}

.size13Bold {
    font-size: 130%;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Arial, sans-serif
}

.size12 {
    font-size: 120%;
    FONT-FAMILY: Arial, sans-serif
}

.WelcomeBack {
    font-size: 140%;
    font-family: Arial, sans-serif;
    color: #000;
    font-weight: 700;
    font-style: italic
}

.size9Arial {
    font-size: 90%;
    FONT-FAMILY: Arial, sans-serif;
    color: #000
}

.size10Arial {
    font-size: 100%;
    FONT-FAMILY: Arial, sans-serif;
    color: #000
}

.size12Arial {
    font-size: 120%;
    FONT-FAMILY: Arial, sans-serif;
    color: #000
}

.highlight {
    FONT-WEIGHT: bold;
    BACKGROUND: yellow;
    COLOR: black;
    TEXT-DECORATION: none
}

.cpwCommonHeader {
    font-family: Arial;
    color: #656565;
    font-size: 105%;
    font-weight: 700
}

.CPWbutton {
    font-family: Arial, sans-serif;
    FONT-WEIGHT: bold;
    FONT-SIZE: 100%;
    COLOR: #f0f8ff;
    BACKGROUND-COLOR: #4682b4;
    border-color: #f0f8ff;
    border-style: solid;
    border-width: 1px
}

#UsingCompetencyModel {
    width: 243px;
    height: 32px;
    background-image: url(../Images/usingcm_bar.png);
    background-repeat: no-repeat;
    background-position: bottom;
    float: left
}

#UsingCompetencyModelContent {
    font-size: 100%;
    width: 219px;
    height: 105px;
    border-left: solid 2px #036;
    border-right: solid 2px #036;
    padding-top: 5px;
    padding-left: 20px;
    text-align: left;
    float: left
}

#UsingCompetencyModelBottom {
    width: 246px;
    height: 18px;
    background-image: url(../Images/bottom_navy.PNG);
    background-position: right bottom;
    background-repeat: no-repeat;
    float: left;
    margin-left: -2px
}

#FindResources {
    width: 243px;
    height: 32px;
    background-image: url(../Images/findres_bar.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    float: left
}

#FindResourcesContent {
    font-size: 100%;
    width: 224px;
    height: 115px;
    border-left: solid 2px #bf2e1a;
    border-right: solid 2px #bf2e1a;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 5px;
    text-align: justify;
    float: left
}

#FindResourcesBottom {
    background: url(../Images/bottom_green.gif) no-repeat;
    width: 246px;
    margin-bottom: 6px;
    height: 36px;
    float: left
}

#FindResourceButton {
    background-image: url(../Images/button_red.png);
    width: 130px;
    height: 35px;
    float: right;
    line-height: 35px;
    text-align: center;
    margin-top: 2px
}

.FRbutton {
    font-family: Arial, sans-serif;
    FONT-SIZE: 100%;
    BACKGROUND-COLOR: #BF2E1A;
    border: none;
    text-decoration: underline;
    margin-top: 7px;
    height: 14px
}

.BacktoSearchButton {
    background-image: url(../Images/blue_previous.png);
    width: 150px;
    height: 35px;
    float: right;
    line-height: 35px;
    text-align: center;
    margin-top: 2px
}

.BTSbutton {
    font-family: Arial, sans-serif;
    FONT-SIZE: 100%;
    BACKGROUND-COLOR: #3396CC;
    border: none;
    text-decoration: underline;
    margin-top: 7px;
    height: 14px
}

#UsersShowcase {
    width: 243px;
    height: 32px;
    background-image: url(../Images/usersshow_bar.png);
    background-repeat: no-repeat;
    background-position: bottom;
    float: left
}

#UsersShowcaseContent {
    font-size: 100%;
    width: 219px;
    height: 25px;
    border-left: solid 2px #09c;
    border-right: solid 2px #09c;
    padding-top: 15px;
    padding-left: 20px;
    text-align: left;
    float: left
}

#UsersShowcaseBottom {
    width: 246px;
    height: 14px;
    background-image: url(../Images/bottom_lightblue.PNG);
    background-position: right bottom;
    background-repeat: no-repeat;
    float: left;
    margin-left: -2px
}

#RelatedLinksLeft {
    width: 243px;
    height: 32px;
    background-image: url(../Images/relatedlinks_bar.png);
    background-repeat: no-repeat;
    background-position: bottom;
    float: left
}

#RelatedLinksLeftContent {
    font-size: 100%;
    width: 234px;
    height: 45px;
    border-left: solid 2px #e2e6eb;
    border-right: solid 2px #e2e6eb;
    padding-top: 5px;
    padding-left: 5px;
    text-align: left;
    float: left
}

#RelatedLinksLeftBottom {
    width: 246px;
    height: 18px;
    background-image: url(../Images/bottom_corner_gray.PNG);
    background-position: right bottom;
    background-repeat: no-repeat;
    float: left;
    margin-left: -1px
}

#HomeRightBottomGreyLine {
    font-size: 100%;
    width: 10px;
    height: 485px;
    border-left: solid 1px #b3b6bb;
    padding-top: 15px;
    padding-left: 15px;
    text-align: left;
    background-repeat: no-repeat
}

.TitleText {
    font-weight: 700;
    font-size: 125%
}

.NextButtonNoText {
    background-image: url(../FindResources/EndecaImage/blue_next_notext.gif);
    width: 130px;
    height: 35px;
    line-height: 35px;
    text-align: center
}

.NextButtonNoText a { background-color: #3398cc }

.DetailedSearchButton {
    background-image: url(../FindResources/EndecaImage/blue_next_notext_DS.png);
    width: 210px;
    height: 35px;
    line-height: 35px;
    text-align: center
}

.leftTopHeader {
    height: 34px;
    margin-left: 0;
    background-image: url(../FindResources/EndecaImage/top_bar_34_red.jpg);
    background-repeat: no-repeat
}

.scrollAreaFR {
    width: 103%;
    height: 153px;
    padding-left: 5px;
    padding-right: 5px;
    border-color: #69c;
    border-width: 0;
    border-style: solid;
    float: left;
    overflow: auto
}

.scrollArea {
    width: 100%;
    height: 153px;
    padding-left: 0;
    padding-right: 0;
    border-color: #69c;
    border-width: 0;
    border-style: solid;
    float: left;
    overflow: auto
}

.clear {
    clear: both;
    height: 0;
    visibility: hidden;
    display: block
}

#ug_container { width: 420px }

#ug_container_wide { width: 100% }

#ug_container_wide ul.ug_menu li {
    margin: 0;
    padding: 0;
    float: left;
    margin-right: 20px;
    margin-left: -14px;
    margin-bottom: -1px
}

#ug_container_wide ul.ug_menu li {
    font-weight: 700;
    display: block;
    padding: 11px 5px 11px 5px;
    background: #efefef;
    margin-bottom: -1px;
    border: 1px solid #d0ccc9;
    border-width: 1px 1px 1px 1px;
    position: relative;
    color: #898989;
    cursor: pointer
}

#ug_container_wide ul.ug_menu li.active {
    background: #1999ce;
    top: 1px;
    border-bottom: 0;
    color: #fff
}

.ug_content {
    margin: 0 auto;
    background: #efefef;
    background: #fff;
    border: 1px solid #d0ccc9;
    text-align: left;
    padding: 10px;
    padding-bottom: 20px
}

.ug_content h1 {
    line-height: 1em;
    vertical-align: middle;
    height: 48px;
    padding: 10px 10px 10px 52px
}

.ug_content.background { display: block }

.ug_content.stepbystep { display: none }

.ug_content.howothers { display: none }

.ug_content.template { display: none }

#shareLinks {
    display: block;
    clear: both;
    float: right;
    height: auto;
    margin-top: -35px;
    margin-bottom: 20px
}

#shareLinks ul {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: right
}

#shareLinks ul li {
    display: block;
    list-style-type: none;
    margin: 0 0 0 10px;
    float: left;
    height: 20px
}

#shareLinks ul li#shareFB { width: auto }

#shareLinks ul li#shareGP { width: 65px }

#shareLinks ul li#shareLN { width: auto }

#shareLinks ul li#shareTW { width: 80px }

#shareLinks ul li#shareAD { width: 55px }

/*#header {
    background: #fff;
    height: 100px;
    position: relative
}*/

#AJCLogo {
    margin-left: -240px;
    margin-top: 125px;
    clear: right;
    float: left;
    padding-bottom: 15px
}

#AJCLogo img { margin-left: 20px }

iframe[id^=oauth2relay] { left: -10000px !important }

#cmclogo {
    float: left;
    margin: 20px 0 7px 52px;
    min-height: 52px;
    position: relative;
    max-width: 300px;
    overflow: visible
}

#logo-mobile { display: none }

#logo {
    float: left;
    margin: 22px 0 2px 52px;
    padding-left: 48px;
    min-height: 52px;
    position: relative;
    max-width: 300px;
    overflow: visible
}

#imgcmclogo { cursor: pointer }

/*#logo-image {
    position: absolute;
    top: 0;
    left: 8px;
    cursor: pointer
}*/

#header-right {
    float: right;
    padding: 10px 50px 22px 0;
    position: relative;
    background: #fff
}

@media only screen and (max-width: 640px) {
    #header-right { position: static }
}

@media only screen and (max-width: 640px) {
    #navigation .ul-style .list-style {
        font-size: 14px;
        list-style: none !important;
        padding: 10px 10px 10px 35px
    }

    #navigation .submenu .col-title {
        margin-bottom: 0;
        font-family: 'Source Sans Pro', sans-serif;
        padding: 10px;
        background: 0 0
    }
}

@media only screen and (max-width: 920px) {
    #header-right { padding-right: 20px }
}

@media only screen and (min-width: 641px) {
    #navigation .submenu .col-title {
        margin-bottom: 0;
        font-weight: 700;
        line-height: 1.2em;
        padding: 10px;
        background: 0 0
    }

    #navigation .ul-style .list-style {
        font-size: 14px;
        list-style: none !important;
        padding: 10px 10px 10px 35px
    }
}

#languages {
    height: 30px;
    text-align: right
}

#top-search div {
    float: right;
    background: #e5eaed;
    padding: 5px 10px;
    width: 100%
}

#top-search .div-label {
    float: left;
    padding-top: 10px;
    margin-right: 8px;
    font-size: 14px;
    color: #004481
}

.div-label-jobs { padding-right: 32px }

#top-search input[type=text] {
    background: 0 0;
    border: none;
    outline: 0;
    font-size: 14px;
    font-family: Arial, sans-serif;
    height: 24px;
    padding-top: 2px;
    width: 160px;
    float: left
}

#navigation .submenu-search-box input[type=button], #top-search input[type=button] {
    cursor: pointer;
    text-decoration: none;
    border: none;
    width: 24px;
    height: 24px;
    /*background: url("//www.careeronestop.org/COSImages/images/sprites.png") no-repeat 2px 2px;*/
    padding: 0;
    font-size: 0
}

#navigation-row {
    background: #004481;
    color: #fff;
    text-align: center;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .34);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .34);
    box-shadow: 0 0 10px rgba(0, 0, 0, .34);
    height: 55px;
    position: relative;
    z-index: 99;
    -webkit-transform: translateZ(0)
}

.fixed-nav #navigation-row {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%
}

#navigation {
    display: inline-block;
    list-style: none;
    vertical-align: top;
    margin: 0;
    padding: 0;
    font-size: 0;
    white-space: nowrap
}

/*#navigation div > p:last-child, div > ol:last-child, div > ul:last-child { margin-bottom: 15px }*/

.fixed-nav #navigation {
    width: 100%;
    max-width: 1080px;
    position: relative;
    z-index: 30
}

#navigation > li {
    display: inline-block;
    padding-top: 5px;
    font-size: 14px;
    white-space: normal
}

#navigation > li > h3 { cursor: pointer }

#navigation > li {
    display: inline-block;
    padding-top: 0px;
    font-size: 14px;
    white-space: normal
}

#navigation {
    display: inline-block;
    list-style: none;
    vertical-align: top;
    margin: 0;
    padding: 0;
    font-size: 0px;
    white-space: nowrap
}

#navigation > li > a, #navigation > li > h3 {
    display: inline-block;
    vertical-align: top;
    height: 55px;
    line-height: 56px;
    font-size: 18px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    text-decoration: none;
    background: #004481;
    color: #fff;
    padding: 0 22px 0 18px;
    margin: 0
}

#navigation > li > h3:after {
    display: inline-block;
    vertical-align: top;
    width: 21px;
    height: 50px;
    background: url("//www.careeronestop.org/COSImages/images/sprites.png") no-repeat -44px 19px;
    content: "";
    font-size: 0;
    margin-left: 4px;
    margin-right: 10px
}

#navigation li a.active, #navigation li h3.active { color: #bfd0df }

/*#navigation li a.active:after, #navigation li h3.active:after { background: url("//www.careeronestop.org/COSImages/images/sprites.png") no-repeat -231px -71px }*/

#navigation > li > a.hover:after { background-position: -88px 19px }

#navigation > li > a, #navigation > li > h3, #pager a, .blue-button, .blue-buttons a, .frame-box .box-title, .title-tabs a, .video-box .video-image:after {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out
}


#navigation .submenu {
    position: absolute;
    left: 0;
    right: 0;
    top: 55px;
    background: #f2f2f2;
    text-align: left;
    color: #222c33;
    padding: 20px 30px;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
    display: none;
    zoom: 1
}

.lt-ie8 #navigation .submenu { display: none !important }

#navigation .submenu-left-column {
    width: 67.5%;
    float: left
}

#navigation .submenu-left-column:after {
    position: absolute;
    top: 20px;
    bottom: 20px;
    border-right: solid 1px #aeb2b6;
    display: block;
    content: "";
    font-size: 0;
    left: 67.5%
}

#navigation .submenu-right-column {
    width: 29.3%;
    float: right;
    padding-top: 32px
}

#navigation .submenu-columns + .submenu-columns { padding-top: 20px }

#navigation .submenu-col {
    width: 33.333%;
    float: left;
    padding-right: 30px
}

@media only screen and (min-width: 641px) {
    #navigation .submenu-twocol {
        width: 50%;
        float: left;
        padding-right: 30px
    }
}

@media only screen and (max-width: 640px) {
    #navigation .submenu-twocol {
        width: 100%;
        float: left;
        padding-right: 30px
    }
}

#navigation .submenu-onecol {
    width: 100%;
    float: left;
    padding-right: 24px
}

#navigation .submenu-four-columns .submenu-col {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px
}

#navigation .submenu-five-columns .submenu-col {
    width: 20%;
    padding-left: 10px;
    padding-right: 10px
}

#navigation .submenu-four-columns .subtitle { padding-left: 15px }

#navigation .submenu-five-columns .subtitle { padding-left: 10px }

#navigation .submenu .col-title {
    margin-bottom: 0;
    padding: 10px;
    background: 0 0;
    color: #004481;
    font-size: 16px
}

#navigation .submenu .col-title a { display: block }

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

#navigation .submenu ul {
    list-style-type: disc;
    color: #004481
}

#navigation .submenu ul.text-list {
    color: #222c33;
    list-style: none;
    margin-left: 0
}

#navigation .submenu li { padding: 2px 0 }

#navigation .submenu a { text-decoration: none }

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

#navigation .submenu-search-box {
    background: #bbccdc;
    padding: 30px 15px 15px;
    margin-bottom: 20px;
    position: relative
}

#navigation .submenu-search-box .form {
    position: relative;
    text-align: right
}

#navigation .submenu-search-box .form-row {
    position: relative;
    text-align: left;
    padding: 0
}

#navigation .submenu-search-box .form-row + .form-row { margin-top: 6px }

#navigation .submenu-search-box .form-row.row-large { padding-right: 0 }

#navigation .submenu-search-box .form-label {
    left: 0;
    line-height: 18px;
    display: block;
    font-weight: 700;
    margin-bottom: 3px
}

#navigation .submenu-search-box input[type=text], .submenu-search-box select {
    background: #fff;
    outline: 0;
    border: none;
    color: #222c33;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    padding: 8px 5px 8px 5px;
    height: 34px;
    margin: 0;
    width: 100%
}

#navigation .submenu-search-box input.small-input {
    width: 45%;
    vertical-align: top
}

#navigation .submenu-search-box input[type=button] {
    width: 36px;
    height: 34px;
    background-color: #fff;
    background-position: 8px 8px
}

#navigation .submenu-search-box .form-row.row-large + input[type=submit] {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 5px
}

#navigation .submenu-search-box .form-row.row-large + input[type=button] {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 5px
}

#navigation .submenu-search-box input.blue-button {
    background-color: #007aad;
    width: auto;
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #fff;
    padding: 2px 10px
}

@media only screen and (min-width: 641px) {
    #navigation .ul-style .list-style {
        font-size: 13px;
        list-style: none !important;
        padding: 3px 0
    }
}

#navigation .ul-style {
    padding: 0 !important;
    margin-left: 10px
}

/*.subtitle {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px
}*/

/*.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}*/

/*html[xmlns] .clearfix { display: block }*/

* html .clearfix { height: 1% }

::-webkit-input-placeholder { opacity: .7 }

:-moz-placeholder { opacity: .7 }

::-moz-placeholder { opacity: .7 }

:-ms-input-placeholder { opacity: .7 }

/*.text-center { text-align: center }

.text-left { text-align: left }

.text-right { text-align: right }*/

@media only screen and (max-width: 576px) {
    .mobile-footer { padding-bottom: 0 !important }
}

/*#badge {
    position: absolute;
    top: -37px;
    left: 50%;
    margin-left: -37px
}*/

/*.bottom-columns { padding-bottom: 20px }*/

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

.bottom-column-left {
    width: 40%;
    float: left;
    text-align: center
}

.bottom-column-right {
    width: 40%;
    float: right;
    text-align: center
}

.bottom-columns strong { color: #004481 }

#extra-nav-elements {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 31;
    display: none
}

/*.fixed-nav #extra-nav-elements { display: block }*/

#wrapper {
    max-width: 1080px;
    margin: auto;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .3);
    box-shadow: 0 0 12px rgba(0, 0, 0, .3);
    position: relative;
    z-index: 101
}

#extra-nav-elements .elements-wrapper {
    margin: auto;
    max-width: 1080px;
    position: relative
}

#fixed-logo {
    position: absolute;
    top: 5px;
    left: 5px
}

#fixed-logo img {
    max-height: 40px;
    padding-top: 8px;
    border: 0
}

#fixed-search {
    position: absolute;
    top: 0;
    right: 0
}

#fixed-search input[type=submit] {
    display: none;
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 10;
    border: none;
    background: 0 0;
    font-size: 0;
    top: 63px;
    right: 10px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    background: url("//www.careeronestop.org/COSImages/images/sprites.png") no-repeat -266px -32px;
    display: none
}

#fixed-search .input-toggle {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 12px;
    right: 10px;
    background: url("//www.careeronestop.org/COSImages/images/sprites.png") no-repeat -266px -32px;
    border: none;
    font-size: 0;
    cursor: pointer;
    z-index: 1;
    color: #d2eaff
}

#fixed-search .input-wrapper {
    position: absolute;
    top: 55px;
    right: 0;
    width: 253px;
    cursor: pointer;
    display: none;
    background: #004481;
    text-align: left;
    padding-left: 0
}

#fixed-search .input-wrapper input {
    width: 190px;
    height: 35px;
    background: #e5eaed;
    padding: 8px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #004481;
    border: none;
    margin: 8px 0
}

.submenu-title {
    background: #bfd0df;
    color: #004481;
    font-size: 18px;
    padding: 20px 25px 5px;
    margin-bottom: -15px
}

.submenu-title a { text-decoration: none }

.banner-content {
    width: 100%;
    height: 355px;
    max-width: 1040px;
    background-position: center 100px;
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto
}

.linespacer {
    background: url('//www.careeronestop.org/COSImages/images/sprites.png') no-repeat -8px -145px;
    width: 3px;
    height: 15px;
    margin-right: 3px
}

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

/*.hidden, .hidden-label { display: none !important }*/

#menu-toggle {
    width: 44px;
    height: 30px;
    font-size: 0;
    text-decoration: none;
    background: url("//www.careeronestop.org/COSImages/images/sprites.png") no-repeat -135px -170px;
    right: 20px;
    top: 50%;
    margin-top: -15px;
    display: none
}

#page-text .search-box label {
    display: block;
    width: 55px;
    padding-left: 6px
}

#page-text .search-box .formdesc {
    margin: 5px 0 10px 0;
    padding-left: 6px
}

#page-text .search-box .blue-button { margin-top: 20px }

#page-text .search-box label + input { width: 200px }

.page-text .search-box label {
    width: 55px;
    padding-left: 2px
}

.page-text .search-box .formdesc {
    margin: 5px 0 10px 0;
    padding-left: 2px
}

.page-text .search-box .blue-button { margin-top: 20px }

.page-text .search-box label + input { width: 200px }

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

.res-label {
    width: 245px !important;
    margin-bottom: 2px !important
}

#lblFRLocation, #lblMIAState, .res-Locationlabel {
    font-size: 16px !important;
    font-family: Source Sans Pro, sans-serif !important
}

.res-Locationlabel {
    width: 200px !important;
    margin-bottom: .4em !important
}

.logo-text-1 {
    color: #000;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    line-height: 10px;
    display: inline-block;
    vertical-align: top;
    margin-top: -3px;
    white-space: nowrap
}

/*.show-on-mobile > .logo-footer > #footer-page-text .logo-text-2, .show-on-mobile > .logo-footer > .logo-text-2 {
    font-size: 11px;
    padding: 0 20px;
    margin-top: 4px
}*/

.logo-text-2 {
    color: #000;
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    line-height: 15px;
    display: inline-block;
    vertical-align: top;
    margin-top: -3px
}

/*#footer .logo-text-2 {
    font-size: 11px;
    padding: 0 20px
}*/

.logo-american-footer { margin-top: 5px }

.logo-text-2 img {
    vertical-align: top;
    border: 0
}

#sidebar .grey-box-tabs { padding: 0 }

/*.mobileonly { display: none }*/

.mobilespace { margin-top: 20px }

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

.footer-bottom .mobile-phone-number:hover { text-decoration: underline }

.footer-bottom img { border: 0 }

.res-button {
    cursor: pointer;
    margin-left: 7px !important;
    margin-right: 15px !important;
    float: right;
    width: 100px;
    padding-left: 0 !important;
    font-size: 15px
}

.magnify-icon-megamenu {
    padding-left: 13px !important;
    background-image: url("//www.careeronestop.org/COSImages/images/sprites.png");
    background-position: -201px -33px !important;
    background-repeat: no-repeat;
    -webkit-transition: background-position 0s linear;
    -moz-transition: background-position 0s linear;
    -o-transition: background-position 0s linear;
    -ms-transition: background-position 0s linear;
    transition: background-position 0s linear
}

.logo-break { display: none }

.logo-footer {
    text-align: center;
    padding: 10px 0
}

.logo-footer a {
    max-width: 70%;
    margin: auto
}

.logo-footer a img {
    max-width: 100%;
    width: auto;
    height: auto
}

.logo-footer .logo-text-1, .logo-footer .logo-text-2 { white-space: normal }

.logo-footer .logo-text-1 { font-size: 16px }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .accordion-menu > li ul li span { display: block }
}

@media only screen and (width: 768px) and (resolution: 163dpi) {
    .accordion-menu > li ul li span {
        display: block;
        padding-left: 12px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .accordion-menu > li ul li span {
        display: block;
        padding-left: 12px
    }
}

@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
    }
}

@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%
    }

    .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 }

    .logo-text-1 { font-size: 16px }
}

@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 }

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

    .three-columns .col-center, .three-columns .col-left, .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 }

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

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

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

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

    .footer-column:after, .footer-columnwide:after { display: none }

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

    .logo-text-1 { font-size: 12px }

    .leftnav-column { margin: 0 auto 30px }

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

/*@media only screen and (min-width: 840px) {
    .search-input {
        width: 75%;
        width: calc(100% + -115px);
        margin-right: 15px
    }

    .search-input {
        margin-bottom: .4em;
        padding: 5px;
        color: #000;
        border-radius: 0
    }

    .cos-search-btn, .search-input {
        height: 32px;
        border: none;
        text-decoration: none
    }

    button, input, select, textarea {
        font-family: inherit;
        line-height: inherit
    }
}*/

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

    .frame-box:first-child { 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-4 > div, .frame-box:nth-child(3) > div, .frame-box:nth-child(4) > div { padding-top: 10px }

    .frame-box.nth-child-3 .box-title:before, .frame-box.nth-child-4 .box-title:before, .frame-box:nth-child(3) .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-4:hover .box-title, .frame-box:nth-child(3):hover .box-title, .frame-box:nth-child(4):hover .box-title { margin-top: 0 }
}

@media only screen and (max-width: 768px) {
    #logo { display: none }
}

@media only screen and (max-width: 640px) {
    body { padding-bottom: 0 }
/*
    .mobileonly { display: block }*/

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

    /*.cssV2 .Tools-blue-button { display: none }*/

    /*.Tools-blue-button { display: none }*/

    .banner-content { background-position: center 20px }

    #cmclogo { display: none }

    #logo { display: none }

   /* #logo-mobile {
        display: block;
        float: left;
        padding: 13px 0 0 20px;
        max-width: 70%;
        cursor: pointer
    }*/

 /*   #logo-mobile a { display: block }*/
/*
    #logo-mobile img { max-width: 100% }*/

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

    #menu-toggle {
        width: 44px;
        height: 30px;
        font-size: 0;
        text-decoration: none;
        background: url("//www.careeronestop.org/COSImages/images/sprites.png") no-repeat -135px -170px;
        right: 20px;
        top: 50%;
        margin-top: -15px;
        display: none
    }

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

    #slideshow-wrapper { top: 78px }

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

    #slideshow-frame .frame-box, #slideshow-frame .frame-boxes {
        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;
        margin-top: 45px
    }

    .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: 30px;
        padding-right: 30px
    }

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

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

    .footer-column .footer-title, .footer-columnwide .footer-title, .footer-links a {
        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, .footer-columnwide .footer-title, .footer-columnwide .footer-title h3 {
        font-size: 18px;
        line-height: 28px
    }

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

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

    /*.footer-column ul, .footer-columnwide ul { display: none }*/

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

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

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

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

    .footer-column .small-icons > li:before, .footer-columnwide .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 }

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

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

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

    .leftnav-column .leftnav-title { line-height: 28px }

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

    .leftnav-column .leftnav-title, .leftnav-links a { background: #efeaed }

    .leftnav-column .leftnav-title, .leftnav-links a {
        cursor: pointer;
        padding: 10px 40px 10px 20px;
        position: relative;
        margin: 0
    }

    .cssV2 .filter-by-module .filters-list {
        border-bottom: 0;
        margin-bottom: 0;
        margin-top: -5px;
        padding-bottom: 5px
    }

    .leftnav-column ul { display: none }

    .cssV2 .module-sub-heading { margin-bottom: 5px }

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

    .cssV2 .LeftNavBox {
        background: none repeat scroll 0 0 #bfd0df;
        border: 1px solid #aab2bc;
        padding: 12px 10px 5px
    }

    #navigation-row {
        height: auto;
        position: absolute !important;
        top: 78px;
        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: -129px -227px;
        top: 86%
    }

    #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 {
        padding: 10px 20px;
        margin: 0;
        border-bottom: 1px solid #e4e6e7
    }

    #navigation .submenu-col, #navigation .submenu-five-columns .submenu-col, #navigation .submenu-four-columns .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;
        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 .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("//www.careeronestop.org/COSImages/images/sprites.png") no-repeat -193px 0;
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -10px
    }

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

    .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-columnwide .social-links li { padding-left: 60px }

    .footer-columnwide .social-links-2 li { padding-left: 60px }

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

    .footer-columnwide .social-links-2 > 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: 0 0 }

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

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

    #top-search form { float: none }

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

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

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

    #sidebar .grey-box:last-child { margin-bottom: 40px }

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

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

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

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

@media only screen and (max-width: 640px) and (min-width: 480px) {
    .search-input {
        width: 70%;
        width: calc(100% + -115px);
        margin-right: 15px
    }

    .search-input {
        margin-bottom: .4em;
        padding: 5px;
        color: #000;
        border-radius: 0
    }

    .cos-search-btn, .search-input {
        height: 32px;
        border: none;
        text-decoration: none
    }

    button, input, select, textarea {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit
    }
}

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

@media only screen and (max-width: 480px) {
    .search-input {
        width: 100%;
        margin-bottom: 15px !important
    }

    .search-input {
        margin-bottom: .4em;
        padding: 5px;
        color: #000;
        border-radius: 0
    }

    .cos-search-btn, .search-input {
        height: 32px;
        border: none;
        text-decoration: none
    }

    button, input, select, textarea {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit
    }

    .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, .content-two-columns .two-col {
        width: auto;
        float: none;
        padding-left: 0
    }*/

    /*.content-two-columns .two-col:nth-child(3n + 1) { padding-left: 0 }*/

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

@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
    }

    #logo-mobile { display: none }

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

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

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

    .show-on-mobile { display: none }

    #navigation-row, #top-search { display: block !important }

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

.MegaMenu { height: 50px }

@media only screen and (max-width: 640px) {
    .MegaMenu { height: 0 }
}

/*@media only screen and (max-width: 800px) {
    .no-more-tables table tbody td {
        border: none;
        position: relative;
        padding-left: 40%;
        white-space: normal;
        text-align: left !important
    }

    .no-more-tables table, .no-more-tables tbody, .no-more-tables td, .no-more-tables th, .no-more-tables thead, .no-more-tables tr { display: block }

    .no-more-tables td::before { content: attr(data-title) }

    .sortDDL {
        display: block !important;
        float: right;
        margin-bottom: 10px !important
    }

    #ddlSort { display: none }

    #lblddlSort { display: none }

    .no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

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

    .no-more-tables td::before {
        position: absolute;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: 700
    }
}*/

@media only screen and (max-width: 640px) {
    .datasec { padding-top: 0 }

    .accordion-menu > li ul li span { padding-left: 12px }

    body { padding-bottom: 0 }

    #ThreeSidebar {
        width: 100%;
        float: none
    }

    #ThreeMainContentColumn {
        width: 100%;
        float: none
    }

    #ThreeRightContentColumn {
        width: 100%;
        float: none
    }

    .mobileonly { display: block }

    .mobileonly h1 {
        margin-top: 1em;
        color: #004481
    }

    .mobileonly .page-title {
        display: block;
        font-size: 22px;
        color: #004481;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 400;
        line-height: 1.2em;
        margin: 0 0 .5em;
        margin-top: 1em
    }

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

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

  /*  #logo { display: none }

    #logo-mobile {
        display: block;
        float: left;
        padding: 13px 0 0 20px;
        max-width: 70%
    }

    #logo-mobile a { display: block }

    #logo-mobile img { max-width: 100% }*/

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

    #menu-toggle { display: block }

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

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

    #slideshow-wrapper { top: 78px }

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

    #slideshow-frame .frame-box, #slideshow-frame .frame-boxes {
        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 }

    #slideshow-wrapper { display: none }

    #banner { display: none }

    #banner-frame { display: none }

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

    .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 #b9bfc2
    }

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

    .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 #c6c9cc
    }

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

    .footer-column .footer-title, .footer-links a {
        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 {
        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("//www.careeronestop.org/COSImages/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 #e5eaed;
        padding: 10px 30px
    }

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

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

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

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

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

    .leftnav-column .leftnav-title, .leftnav-links a {
        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
    }

    .leftnav-column .leftnav-title {
        font-size: 18px;
        line-height: 28px
    }

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

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

    .leftnav-column ul { display: none }

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

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

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

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

    .leftnav-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 }

  /*  #content-column, #sidebar { width: 100% }*/

    #ThreeSidebar {
        width: 100%;
        float: none
    }

    #ThreeMainContentColumn {
        width: 100%;
        float: none
    }

    #ThreeRightContentColumn {
        width: 100%;
        float: none
    }

    #sidebar { padding-top: 22px }

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

    #navigation-row {
        height: auto;
        position: absolute !important;
        top: 78px;
        left: 0;
        width: 100%;
        padding-top: 68px;
        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: -129px -227px;
        top: 86%
    }

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

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

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

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

    #navigation .submenu-col, #navigation .submenu-five-columns .submenu-col, #navigation .submenu-four-columns .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;
        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: none }

    #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("//www.careeronestop.org/COSImages/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
    }*/

    #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-columnwide .social-links li { padding-left: 60px }

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

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

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

    .leftnav-columnwide .social-links li { padding-left: 60px }

    .leftnav-columnwide .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: 0 0 }

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

    #top-search {
        top: 105px;
        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=button] {
        position: absolute;
        top: 5px;
        right: 5px
    }

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

    #sidebar .grey-box:last-child { margin-bottom: 30px }

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

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

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

    .footer-sposors-text { display: none }

    .tools-MapDivLeft {
        font-size: 81.25%;
        text-align: left;
        width: 100%
    }

    .tools-MapDivRight {
        font-size: 81.25%;
        text-align: left;
        width: 100%
    }

    .LeftNavSearchback { display: none }

    .cssV2 .Left-MoreReports {
        background: #c5d5e2;
        padding: 4%
    }

    .cssV2 .Left-MoreReports .MoreReports-Module .MoreReports-Head {
        display: block;
        font-weight: 700;
        font-size: 81.25%;
        background-color: #efeaed;
        position: relative;
        padding: 3% 5%;
        cursor: pointer;
        overflow: hidden
    }

    .cssV2 .Left-MoreReports .MoreReports-Module .MoreReports-Head span:after { margin-top: -1% }

    .cssV2 .Left-MoreReports .MoreReports-Module .MoreReports-Body {
        border-bottom: 0;
        background: #fff;
        margin-bottom: 0
    }

    .cssV2 .Left-MoreReports .MoreReports-Module .MoreReports-Body li { padding: 2% 2% 0 5% }

    .cssV2 .Left-MoreReports .MoreReports-Module .MoreReports-Body a { text-decoration: none }
}

@media only screen and (max-width: 576px) {
    .tools-MapDivLeft {
        font-size: 81.25%;
        text-align: left;
        width: 100%
    }

    .tools-MapDivRight {
        font-size: 81.25%;
        text-align: left;
        width: 100%
    }

    .LeftNavSearchback { display: none }

    .accordion-menu > li ul li span { padding-left: 12px }

    #navigation .submenu ul.text-list { display: none !important }
}

.anchor { padding-top: 55px }

.cc-icons { color: #000 !important }

#page-text label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400
}

.welcomeheader {
    font: 14px Verdana, arial, sans-serif;
    font-weight: 400;
    padding: 10px 0 0 0;
    line-height: 25px
}

.message-red {
    color: #940e19 !important;
    font-weight: 400;
    font-family: Verdana, Arial, sans-serif
}

.tool-input {
    width: 98%;
    margin-right: 1em;
    font: 14px Verdana, Arial, sans-serif;
    margin-bottom: .5em;
    padding: 6px 12px;
    color: #000;
    border-radius: 0;
    height: 32px;
    text-decoration: none
}

.tool-datalist {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
    overflow: hidden
}

.tool-datalist a { text-decoration: underline }

.tool-datalist a:hover {
    text-decoration: none;
    color: #09c
}

.tool-table span, .tool-table td, .tool-table tr {
    font-family: Verdana, Arial, sans-serif !important;
    font-size: 12px;
    padding: 5px !important;
    margin: -5px
}

.tool-table th {
    font-family: Verdana, Arial, sans-serif !important;
    font-size: 13px;
    padding: 10px !important
}

.tool-table {
    width: 100%;
    border-spacing: 0px !important
}

.tool-sector {
    font: 14px Verdana, Arial, sans-serif;
    font-weight: 700;
    background-color: #faebd7;
    line-height: 25px
}

.tool-model { padding: 10px 10px 5px 10px }

.tool-block {
    font: 14px Verdana, Arial, sans-serif;
    font-weight: 700;
    line-height: 15px
}

.tool-select {
    font: 14px Verdana, Arial, sans-serif;
    display: block;
    line-height: 27px;
    padding: 4px;
    margin: 0;
    width: 98%
}

.tool-header {
    background-color: #bfd0df;
    color: #004481;
    font-family: Source Sans Pro, Verdana, Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    padding: 10px !important;
    overflow: hidden;
    white-space: nowrap;
    text-align: left
}

.tool-datalist-item {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px !important;
    background: #e1e6ec
}

.tool-datalist-alt {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px !important;
    background: #f0f3f6
}

.tool-datalist-alt ol li, .tool-datalist-alt ul li, .tool-datalist-item ol li, .tool-datalist-item ul li {
    padding: 0;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px !important;
    line-height: 18px;
    margin: 0 !important
}

.tool-datalist-alt li, .tool-datalist-item li {
    line-height: 18px;
    margin: 0 !important
}

.tool-ddl {
    font: 14px Verdana, Arial, sans-serif;
    padding-top: 6px;
    padding-right: 25px;
    height: 32px;
    padding: 0 25px 0 5.5px;
    text-decoration: none;
    background-color: #fff;
    color: #000;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAA1UlEQVRoQ+2VQQrDMBADNy9v+/PiQ6AUiuXMimCqXHKIV9nRBHLU5tex+f4VgLsNxkAMwAbyCcEC8XgM4AphQAzAAvF4DOAKYUAMwALxeAzgCmHAXxt4VtUDFniOv6pq5C1f1EAHxOXlBy0FGBkEAi3fBXAVAi/fCbAK0bJ8N4AK0ba8A2AG0bq8C+AXRPvyToBvCMvyboAT4vO+/KOaDXT8B2bvsD4PgLVeITwGhJKsR2LAWq8QHgNCSdYjMWCtVwiPAaEk65EYsNYrhMeAUJL1yPYG3kQQEzGc4fSmAAAAAElFTkSuQmCC);
    background-position: 100%;
    background-size: 25px;
    background-repeat: no-repeat;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-appearance: none;
    text-transform: none
}

.Responsivetitle {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin-right: 160px;
    width: 100%;
    float: none
}

.Tools-Prev-icon { padding-left: 10px !important }

.Tools-Next-icon { padding-right: 10px !important }

.tool-label {
    font: 16px 'Source Sans Pro', sans-serif;
    font-weight: 700 !important
}

.divLeft { float: left }

.divRight { float: right }

/*section { margin-top: 1em }*/

.gridViewMobile { display: none }

.tool-comp-description { padding-bottom: 10px }

.tool-industry {
    font: 13px Verdana, Arial, sans-serif;
    width: 100%;
    vertical-align: top;
    text-align: left;
    padding: 10px 10px 5px 26px;
    font-weight: 700
}

.tool-level {
    vertical-align: top;
    text-align: left;
    line-height: 25px;
    padding-left: 50px
}

.tool-kb { padding-left: 100px }

.tool-chk {
    float: left;
    vertical-align: middle
}

.tool-plus {
    width: 92%;
    display: block;
    float: left;
    margin-left: 5px;
    padding: 5px
}

.kb-plus a { text-decoration: none !important }

#divSuccess {
    color: #940e19 !important;
    font-size: 120%;
    font: Arial, Verdana, sans-serif;
    font-weight: 700;
    text-align: center;
    padding-bottom: 15px
}

@media only screen and (max-width: 640px) {
    .tool-header { display: none }

    .txtBox { width: 100% !important }

 /*   #content-column {
        padding: 0 10px;
        width: 100%
    }*/

    .subtitle h2 { padding: 4px 0 4px 0 }

    .tool-plus { width: 90% }
}

@media only screen and (max-width: 768px) {
    .desktoponly { display: none }

    .gridViewMobile { display: block }

    .tool-table td { padding: 3px !important }

    .mobileButtons {
        text-align: center !important;
        float: none !important;
        margin: 3px !important
    }
}

@media only screen and (max-width: 850px) {
    .blue-button-cc {
        padding: 5px 15px;
        margin-left: 40px;
        margin-bottom: 8px
    }

    /*.content-two-columns .two-col .grey-box { min-height: 365px }

    .content-two-columns .two-col {
        width: 100%;
        float: none;
        margin: 0 0 30px;
        padding: 0
    }*/
}

@media only screen and (min-width: 850px) and (max-width: 1024px) {
    /*.content-two-columns .two-col {
        width: 100%;
        float: none;
        margin: 0 0 30px;
        padding: 0
    }*/

    .blue-button-cc {
        padding: 5px 15px;
        margin-left: 90px
    }

    /*.content-two-columns .two-col .grey-box { min-height: 300px }*/
}

@media only screen and (max-width: 768px) {
    /*.content-two-columns .two-col {
        width: 100%;
        float: none;
        margin: 0 0 30px;
        padding: 0
    }*/

    .blue-button-cc {
        padding: 5px 15px;
        margin-left: 30px;
        margin-bottom: 8px
    }

    /*.content-two-columns .two-col .grey-box { min-height: 360px }*/
}

/*.cc-left { float: left }

.cc-right {
    float: right;
    line-height: 25px;
    font-size: 110%
}

.cc-container { display: inline-block }*/


#screenshot {
    position: absolute;
    border: 0;
    background: #333;
    padding: 5px;
    display: none;
    color: #fff
}

#preview {
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    padding: 5px;
    display: none;
    color: #fff
}

#chckOptions label { margin-left: 6px }

.tool-wrapper {
    width: 100%;
    border: 1px solid #000;
    overflow: hidden;
    background-color: #e5e5d5
}

.tool-divFloat { float: left }

.tool-blockHR {
    width: 100%;
    background-color: silver;
    border: 1px
}

.tool-ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.tool-kb-plus {
    font-weight: bolder;
    border: 0;
    margin: 0
}