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

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

*
{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(boxsizing.htc);
}

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

body
{
	font-size: 14px;
	font-family: Arial, sans-serif;
	background: #fff;
	color: #000000;
	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: #000000;
pointer-events: none;
cursor: default;
}

#page-text a:visited, .links a:visited, .CMCPageFooter a:visited, #resultsTable a:visited, .cssV2 a:visited, .footer-links a:visited {
    color: #7F467F;
    cursor: pointer;
}
body a:hover,
body a:active
{
	color:#004481;
	cursor:pointer;
    /*text-decoration: underline;*/
}

#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: #003366;
}
a.industrytitles:hover,
a.industrytitles:active
{
text-decoration: none;
cursor: pointer;
/*color: #0099cc;*/
}

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

.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: #003366;
	font-size: 80.25%;
	/* font-weight: bold;*/
	margin-bottom: 1em;
}

/* Autocomplete for FR and MIA */

    .autocomplete {
        border: 1px solid #999;
        background: #FFF;
        cursor: default;
        text-align: left;
        max-height: 350px;
        overflow: auto;
        font-size: 63%; /* IE6 specific: */
        _height: 350px;
        _margin: 0;
        _overflow-x: hidden;
    }

    .autocomplete .selected {
        background: #b9e5fb;
    }

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

    .autocomplete strong {
        font-weight: normal;
        color: #3399FF;
    }

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

/* About this Data Start */
.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: #003366;
    font-weight: bold;
}

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

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

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

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

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

/* About this Data End */

/* Filter - Left Nav Start */

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

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

    .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: bold;
}

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

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

    .cssV2 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: #0099cc;
    font-size: 81.25%;
}
    .cssV2 a {
    color: #00467f;
    text-decoration: underline;
}

    /* More Start */
    .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 0px #FFFFFF;
    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: #0099cc;
    display: inline-block;
    font-size: 81.25%;
    padding: 0 14px 0 0px;
    text-decoration: none;
}

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

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

    /* More End */

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

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

/* Filter - Left Nav End */

/* Search Results Label*/
.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: 0px !important;
    font-size: 81.25% !important;
}

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

/* Search Details Start */

.wrapurl {
    /*display: inline-block;
    word-break: break-word;*/
    word-break: break-all;
}

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

/* Search Details End */

/* Paging Start */

.cssV2 .internal-footer::after {
    clear: both;
    content: ".";
    display: block;
    height: 0px;
    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: 0px;
    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: 0px;
    visibility: hidden;
}

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

.cssV2 .section-pagination::after, .pagination-wrap::after {
    clear: both;
    content: ".";
    display: block;
    height: 0px;
    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: 0px;
}

.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 .pagination a, .cssV2 .last-page {
    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;
}

/* Paging End */

/* Downloads Start */

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

/* Downloads End*/

/* Get Started Start */
.contact-input {
    margin-bottom: 1em;
    margin-top: 1em;
}

.scriptLinktoUs {
   BORDER-BOTTOM: gray 1px solid; 
   TEXT-ALIGN: left; 
   BORDER-LEFT: gray 1px solid; 
   OVERFLOW-X: hidden; 
   OVERFLOW-Y: scroll; 
   WIDTH: 300px; 
   FONT-FAMILY: arial; 
   WORD-WRAP: break-word; 
   HEIGHT: 115px; 
   FONT-SIZE: 12px; 
   BORDER-TOP: gray 1px solid; 
   BORDER-RIGHT: gray 1px solid;
}

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

@media only screen and (max-width: 640px)
{
    .singlepagestyle {
        padding-top: 0px;
        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.2500%;
}

/* Get Started End */
/* Find Resources and MIA Start */
#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: 0px !important;
    margin-bottom: 0.5em;
    vertical-align: middle;
    background: #fff;
    outline: none;
    border: none;
    height: 32px;
    color: #000 !important;
    border-radius: 0;
}

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

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

    Local_Help.css:335 .cssV2 .search-module input, .search-box input[type="text"] {
        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: 0px;
    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: 0px !important;
        }
    
    .cssV2 .search-module .module-heading {
            color: #000000;
            font-weight: bold;
            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-right: 10px;*/
            margin-bottom: 10px;
        }

      .lblFRLocation.res-label {
            margin-left: -6px !important;
            /*display: initial !important;*/
        }

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

div.error-messages-stand-alone {
    color: red;
    /*font-size: 80% !important;*/
    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;
    /*margin: 10px 0 0 4px !important;*/
    border: 1px solid #8d9cab;
    width: 95%;
    display: none;
}
    
    .grid-group {
         font: 16px Arial,sans-serif;
         overflow: hidden;
         width: 100%;
         margin-left: 0px;
        }
        
    ul.error-messages-stand-alone {
            color: red;
            font-size: 81.25%;
            padding: 15px;
            background: #e2e6eb;
            behavior: url("/js/PIE.htc");
            -webkit-border-radius: 4px 4px 4px 4px;
            -moz-border-radius: 4px 4px 4px 4px;
            border-radius: 4px 4px 4px 4px;
            margin: 10px 0px;
            border: 1px solid #8d9cab;
            width: 65%;
            display: none;
            list-style:none;
        }

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

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

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

        /* end over-rides*/

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

        .datagrid
        {
	        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;
		/*font-weight: 400;*/
        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;
        /*width: 90%;*/
    }
    .prev-page {
        background: url("../COSImages/BusPortal/btn-back-bg-blue.png") no-repeat scroll left top transparent;
        border-radius: 3px 3px 3px 3px;
        display: inline-block;
        float: left;
        margin-right: 2px;
        padding: 4px 10px;
        text-indent: -9999px;
        width: 0px;
    }
    .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:bold;
    font-size:81.25%;
    }

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

    /*Dropdown arrow styling*/
    @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 {
                /*color: transparent;*/
                text-shadow: 0 0 0 #000;
            }

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

/* Find Resources End */

/* Help Page Start*/

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


/* Help Page End */

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

.newtag {
    font-weight: bold;
    color: #940E19;
}

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

ul, ol
{
	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 > p:last-child, div > ul:last-child, div > ol:last-child
{
	margin-bottom: 0;
}

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

.subtitle h2 {
    padding: 17px 0 5px 0;
}


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

h2
{
	font-size: 18px;
}

h3, .singlepagetitle {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}
/*changes made to H3 tag based on input from MN*/
h4
{
	font-size: 15px;
}

h5
{
	font-size: 14px;
}

h6
{
	font-size: 12px;
}

/* Header Styles */
#pnlSiteSearch, 
#jobBank,
#MoreResources
{
padding:0px;
margin:0px;
}
.HiddenLabel
{
	display:none;
}
#HeaderWidgets input.TextBoxBlue
{
	border:solid 1px #0099cc;
	font-size: 95%;
	font-weight:bold;
	width:202px;
	letter-spacing:normal;
	padding:0px 0px 0px 0px;
}
#HeaderWidgets select
{
	font-size: 95%;
	font-weight:bold;
	width:204px;
	letter-spacing:normal;
	padding:0px 0px 0px 0px;
}
#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: #FFFFFF;
    margin: 0 0 50px;
    padding: 15px 15px 15px 15px;
    position: relative;
    border:1px solid #4CB46E;
    }
    
/***************Start Pyramid-Home Landing Page***********************/

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

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

    .content-two-columns {
    }

    .content-three-columns
    {
    }

    .image-two-columns, .image-three-columns, .image-columns, .image-five-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
	{
		width: 25%;
		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-two-columns li, .content-three-columns li {
        line-height: 18px;
        padding: 3px 0;
        color: #004481;
    }

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


#HeaderCenter
{
	clear:right;
	float:left;
}
#COSLogo
{
	clear:right;
	float:left;
	width:253px;
}
#CareerOneStopHeader
{
	float:left;
	width:938px;
	/*color:#0099cc;*/
	font-weight:bold;
	font-family:Arial,sans-serif;
	font-size:12px;
}
#CareerOneStopHeader label
{
	color:#000000;
}
#TopNavigationPrimaryLinks
{
	width:938px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:5px;
	font-size:125%;
	clear:both;
}
#TopNavigationPrimaryLinks a:link
{
	color:#003366;
}
#TopNavigationPrimaryLinks a:visited
{
	color:#004481;
}
#TopNavigationPrimaryLinks a:hover,
#TopNavigationPrimaryLinks a:active
{
	color:#004481;
}

#TopNavigationPrimaryLinks .Selected:link,
#TopNavigationPrimaryLinks .Selected:visited,
#TopNavigationPrimaryLinks .Selected:hover,
#TopNavigationPrimaryLinks .Selected:active
{
	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:hover,
#TopNavigationSecondaryLinks a:active
{
	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:#FFFFFF;
}
#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;
}


/* Podcast icon on users showcase page */
#divpodcasticon a  
{
  position: absolute;
  height: 42px;
  width: 22px;
  top: 528px; 
  text-decoration: none;
  display: block;
  float: left;
  /*border: 1px dashed red;*/
}

#divpodcasticon a i { visibility: hidden; }
img#imgPodcast { height: 42px; width: 22px;} /* border: 1px dashed blue } */
a#apodcasticon { left: 310px; width:22px }

/*------------- Removed the RSS Feed and Email Subscribe button from breadcrumb -----------------*/
/*
Comment - rss feeds and e-mail subscription icons on all pages except home and tool pages 
#icons a  
{
  position: absolute;
  height: 41px;
  width: 88px;
  top: 286px; 
  text-decoration: none;
  display: block;
  float: left;
  }

#icons a i { visibility: hidden; }
img#imgemail { height: 36px; width: 53px; }
img#imgrss { height: 36px; width: 55px; } 
a#email { left: 792px; width:74px }
a#rss { left: 876px; width:54px }

Comment - rss feeds and e-mail subscription icons on tool pages
#toolicons a
{
  position: absolute;
  height: 41px;
  width: 88px;
  top: 286px; 
  text-decoration: none;
  display: block;
  float: left;
  
}

#toolicons a i { visibility: hidden; }
img#imgtoolemail { height: 36px; width: 53px; } 
img#imgtoolrss { height: 36px; width: 55px; } 
a#toolemail { left: 792px; width:74px }
a#toolrss { left: 876px; width:54px }

Comment -  rss feeds and e-mail subscription icons on home page 
#homeicons a
{
  position: absolute;
  height: 41px;
  width: 88px;
  top: 226px; 
  text-decoration: none;
  display: block;
  float: left;
  
}

#homeicons a i { visibility: hidden; }
img#imghomeemail { height: 36px; width: 53px; } 
img#imghomerss { height: 36px; width: 55px; } 
a#homeemail { left: 792px; width:74px }
a#homerss { left: 876px; width:54px }

/* end styles for rss feeds and e-mail subscription icons */
/*------------- End - Removed the RSS Feed and Email Subscribe button from breadcrumb -----------------*/

#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;
}
/* Footer Styles */
#CareerOneStopFooter 
{
	padding:5px 20px 20px 20px;
	clear:both;
	text-align:center;
	width:923px;
	/*color:#0099cc;*/
}

/* Homepage Styles */
#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:#000000;
	margin-top:0px;
	margin-left:0px;
	float:left;
}
#CareerOneStopHeader a:link
{
	color:#003366;
}
#CareerOneStopHeader a:visited
{
	color:#004481;
}
#CareerOneStopHeader a:hover,
#CareerOneStopHeader a:active
{
	color:#004481;
}

#CareerOneStopFooter a:link
{
	color:#003366;
}
#CareerOneStopFooter a:visited
{
	color:#004481;
}
#CareerOneStopFooter a:hover,
#CareerOneStopFooter a:active
{
	color:#004481;
}


/* Grey Box Styles */
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:0px;
	margin-right:0px;
	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;
}
/*Think About Styles*/
#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:#FFFFFF;
	margin-bottom:15px;
	text-align:left;
}
#ThinkAboutContent a:link,
#ThinkAboutContent a:visited,
#ThinkAboutContent a:hover,
#ThinkAboutContent a:active
{
	color:#FFFFFF;
}
#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:#FFFFFF;
	padding: 5px 5px 15px 5px;	
	text-align:left;
}
#RelatedLinksContent a:link,
#RelatedLinksContent a:visited,
#RelatedLinksContent a:hover,
#RelatedLinksContent a:active
{
	color:#FFFFFF;
}
#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:#999900;
	background-image: url(//www.careeronestop.org/COSImages/RoundedCornerBottomLeftGreen.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	color:#FFFFFF;
	padding:5px 15px 15px 15px;
	text-align:left;
}
#HelpLineContent a:link,
#HelpLineContent a:visited,
#HelpLineContent a:hover,
#HelpLineContent a:active
{
	color:#FFFFFF;
}

#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:#000000;
	padding:5px 15px 15px 15px;
	text-align:left;
}
#ExploreIndContent a:link,
#ExploreIndContent a:visited,
#ExploreIndContent a:hover,
#ExploreIndContent a:active
{
	color:#000000;
}

#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:#003366;
	background-image: url(../images/RoundedCornerBottomRightDarkBlue.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	color:#FFFFFF;
	padding:5px 15px 15px 15px;
	text-align:left;
}
#UserGuideContent a:link,
#UserGuideContent a:visited,
#UserGuideContent a:hover,
#UserGuideContent a:active
{
	color:#FFFFFF;
}

#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:#003366;
	background-image: url(../images/RoundedCornerBottomRightDarkBlue.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	color:#FFFFFF;
	padding:5px 15px 15px 15px;
	text-align:left;
}
#GeneralContent a:link,
#GeneralContent a:visited,
#GeneralContent a:hover,
#GeneralContent a:active
{
	color:#FFFFFF;
}

/*.FindResourceTop
{
	width:432px;
	height:40px;
	background-image: url(../images/findresource_right_bar.PNG);
	background-repeat: no-repeat;
	background-position:bottom;
}
.FindResourceContent
{
	font-size:100%;
	width:431px;
	height:178px;
	border-left:solid 2px #108CCE;
    border-right:solid 2px #108CCE;
	background-color:#ffffff;
	color:#000000;
	padding-top:5px;
	text-align:left;
	float:left;
}
.FindResourceRight
{
    width:432px;
	height:18px;
    background-image: url(../images/blue_rounded_edge-1.PNG);
    background-repeat: no-repeat;
    background-position:right bottom;
    margin-top:-2px;
    float:right;
}*/

#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:#ffffff;
	color:#000000;
	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:link,
#CMinActionContent a:visited,
#CMinActionContent a:hover,
#CMinActionContent a:active
{
	color:#000000;
}
#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:#ffffff;
	color:#000000;
	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:#ffffff;
	color:#000000;
	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:#ffffff;
	color:#000000;
	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:link,
#UsesContent a:visited,
#UsesContent a:hover,
#UsesContent a:active
{
	color:#000000;
}

#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:#999900;
	background-image: url(//www.careeronestop.org/COSImages/RoundedCornerBottomRightGreen.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	color:#FFFFFF;
	padding:5px 15px 15px 15px;
	text-align:left;
}
#HelplineRightContent a:link,
#HelplineRightContent a:visited,
#HelplineRightContent a:hover,
#HelplineRightContent a:active
{
	color:#FFFFFF;
}

.tool-box
{
    padding: 15px 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("../images/homepage/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;
    }

/*Start Landing Page Styles*/
.page-top-share {
    /*border-bottom: solid 1px #c6c9cc;*/
    padding: 10px 0 0;
}

.page-actions
{
	float: left;
}

.page-actions a {
    display: block;
    float: left;
    height: 32px;
    background: url("../images/homepage/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-email
{
	width: 26px;
	background-position: -145px -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: normal;
}

#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;
}
/*End Landing Page Styles*/

.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("../images/homepage/sprites.png") no-repeat -280px -256px !important;
    height: 10px;
}

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

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

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

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

.accordion-menu > li.level5 > a:hover::after {
    background: url("../images/homepage/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("../images/homepage/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: none;
    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: #eff2f4; */
	    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
    {
	    /*width: 260px;*/
	    float: left;
	    /*margin-right: 10px;*/
	    margin-bottom: 10px;
    }

     .search-box .field-keyword-long
    {
	    /*width: 260px;*/
	    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: none;
	    /** border: solid 1px #c9cccf; */
	    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("../images/homepage/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("../images/homepage/sprites.png") no-repeat -231px -71px;
}

#navigation > li:hover > a {
}

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

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

.position-bottom {
    position: absolute;
    bottom: 30px;
}

/* New Footer Styles  - Start */

.footer-columns {
  background: #eaecf0;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eaecf0), to(#ffffff));
  background: -webkit-linear-gradient(#eaecf0, #ffffff);
  background: -moz-linear-gradient(#eaecf0, #ffffff);
  background: -ms-linear-gradient(#eaecf0, #ffffff);
  background: -o-linear-gradient(#eaecf0, #ffffff);
  background: linear-gradient(#eaecf0, #ffffff);
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eaecf0', endColorstr='#ffffff'); /* IE6 & IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eaecf0', endColorstr='#ffffff')"; /* IE8 */
  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: 0px;
   
}

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

.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("../images/homepage/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("../images/homepage/sprites.png") no-repeat;
}

.footer-columnwide .social-links-2 > li:before {
    display: block;
    content: "";
    position: absolute;
    top: 3px;
    left: 0px;
    width: 22px;
    height: 22px;
    font-size: 0;
    background: url("../images/homepage/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;
}

/* New Footer Styles End */

#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: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.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: #003366;
    font-weight: bold;
    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: rgb(225, 230, 236); 
        margin-top: -5px;
	}


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

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

/*.responseContent
{
    padding-right: 20px !important;
}*/

#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: 0px;
    background-position: -59px -143px;
    padding: 0 0px !important;
    float:left;
    line-height: 0; 
    font-size: 0;
    color: transparent;  
}

* html .clearfix {
    height: 1%;
}

.content-two-columns {
}

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

.content-three-columns  {
}

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

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

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

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

.content-two-columns .col-title, .content-three-columns .col-title {
    color: #000000;
    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-left,
.three-columns .col-center {
  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-two-columns {
}

.content-three-columns  {
}

.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, .at4-icon, .addthis_16x16_style .at4-icon, .addthis_16x16_white_style .at4-icon, .addthis_default_style .at4-icon, .at-16x16 {
      width: 22px!important;
      height: 22px!important;
      line-height: 16px!important;
      background-size: 20px!important;
      }
      /* Media screen 640 start */
      @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, .at4-icon, .addthis_16x16_style .at4-icon, .addthis_16x16_white_style .at4-icon, .addthis_default_style .at4-icon, .at-16x16 {
      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: none;
      }

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

    #content-column {
        display: table;
    }

    #banner {
        display: none;
    }

      #banner-frame
	    {
		    display: none;
	    }

        #resultsTable {
            width: 100% !important;
        }


      }

      /* Media screen 640 end*/

      /* Media screen 568 and 320 start */
      @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: none;
      cursor: pointer;
      }

      }
      /* Media screen 568 and 320 end */

      /* Media print start */
    @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;
	}

    }

    /* Media print end */


#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:#000000;
	padding:5px 5px 5px 8px;
	text-align:left;
}
.BoldPhoneNumber
{
	font-weight:bold;
}
#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;
}

/*Earlier Styles*/

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

td#WIA
{
font-family:Arial,sans-serif;
font-size:140%;
font-weight:bold;
}
.modelGrid
{
	Font-Size:100%; 
	Font-family: Arial,sans-serif;
}
.modelGridItem
{
	Font-Size:100%;
	Font-Family:Arial,sans-serif;
}
.leftMenu
{
	font-weight: bold;
	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:bold;
}

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

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

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

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

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

td.DreamIt
{background-image:url(images/dreamIt_tag.gif);
color:white;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:bold;
}

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

.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: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 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:#000000;
	font-size:120%;
	font-family:Arial,sans-serif;
	font-weight:bold;
}	
.cmcheader {
	font-size: 100%;
	/*color: #1F6297;*/
	font-weight: bold;
	font-family: Arial,sans-serif;
}
	
.cmcfooter {
	padding:20px;
	clear:both;
	text-align:center;
	width:923px;
	font-size: 100%;
	color: #0099cc;
	font-family: Arial,sans-serif;
}

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

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

.boldtext {
    font-weight: bold;
    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:#000000;
}
.grabberBold	
{
	font-family:Arial,sans-serif;
	font-size:95%;
	color:#000000;
	font-weight:bold;
}
.grabbersize10Bold
{
	font-size: 100%;
	font-family: Arial,sans-serif;
	color: #000000;
	font-weight: bold;
}
.grabbersize8Bold
{
	font-size: 95%;
	font-family: Arial,sans-serif;
	/*color: #f21851;*/
	color:#000000;
	/*font-weight: bold;*/
}
.homeHeader
{
	font-family: Arial,sans-serif;
	font-size: 100%;
	font-weight: bold;
	/*color: #d20043;*/
	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: #000000;
}		
.size7color
{
FONT-SIZE: 75%; 
/*COLOR: #990033;*/
COLOR: #ffffff;
}													
.size8
{
	font-size: 80%; 
	FONT-FAMILY: Arial,sans-serif;
	color:black;
}
.sizeTierNavg
{
	font-size: 95%; 
	FONT-FAMILY: Arial,sans-serif;
}
.size8navy
{
	font-size: 80%; 
	/*color: navy;*/
	color: black;
	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:black;
}
.size9
{
	font-size: 90%; 
	FONT-FAMILY: Arial,sans-serif;
	color:black;
}
.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: #003366; /*#000099;*/
	    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: navy;*/
	color: black; 
	FONT-FAMILY: Arial,sans-serif;
}
.size10NavyBold
	{
	    font-size: 100%; 
	    /*color: navy;*/
		color: black;	
	    FONT-WEIGHT: bold;
	    FONT-FAMILY: Arial,sans-serif;
	}
.size12NavyBold
	{
	    font-size: 120%; 
	    /*color: navy;*/
		color: black;
	    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:black;font-weight:bold;font-style:italic;	
} 
.size9Arial
{
	font-size: 90%; 
	FONT-FAMILY: Arial,sans-serif;
	color:black;
}
.size10Arial
{
	font-size: 100%; 
	FONT-FAMILY: Arial,sans-serif;
	color:black;
}
.size12Arial
{
	font-size: 120%; 
	FONT-FAMILY: Arial,sans-serif;
	color:black;
}
.highlight { FONT-WEIGHT: bold; BACKGROUND: yellow; COLOR: black; TEXT-DECORATION: none }



/*Styles for Career Pathway */

.cpwCommonHeader
{
	font-family:Arial;
	color:#656565;
	font-size:105%;
	font-weight:bold;
	/*font-style:italic;*/
}
.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;
}

/* Home page styles start */
#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 #003366;
    border-right:solid 2px #003366;
	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 #0099CC;
    border-right:solid 2px #0099CC;
	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;
}

/* Home page styles end */

/* Endeca styles */

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

.NextButtonNoText
    {
        background-image:url(../FindResources/EndecaImage/blue_next_notext.gif);
        width:130px;
        height:35px;
        /*float:right;*/
        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;
        /*float:right;*/
        line-height:35px;
        text-align:center;
    }
    
.leftTopHeader
{
    height:34px;
	margin-left:0px;
	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: #6699CC;
	border-width: 0px; 
	border-style: solid;
	float: left; 
	overflow: auto;
}
.scrollArea {
width: 100%; 
height: 153px;
padding-left: 0px;
padding-right: 0px; 
border-color: #6699CC;
border-width: 0px; 
border-style: solid;
float: left; 
overflow: auto;
}
/* Endeca styles */

/*********************/
/* User Guide Styles */
/*********************/

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

/******* MENU *******/
#ug_container{
	width: 420px;
}
/******* /MENU *******/

/******* MENU WIDE *******/
#ug_container_wide{
	width: 100%;
}

#ug_container_wide ul.ug_menu li
{
	margin:0pt;
	padding:0pt;
	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: #ffffff;
}
/******* /MENU WIDE *******/


/******* CONTENT *******/
.ug_content{
	margin: 0pt 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;
}
/******* /CONTENT *******/

/******* Background *******/

.ug_content.background{
	display: block;
}
/******* /Background *******/

/******* Step-by-Step *******/

.ug_content.stepbystep{
	display: none;
}
/******* /Step-by-Step *******/

/******* How Others *******/

.ug_content.howothers{
	display: none;
}

/******* /How Others *******/

/******* Template *******/

.ug_content.template{
	display: none;
}

/******* /LINKS *******/

/*********************/
/* User Guide Styles */
/*********************/


/* SHARE LINKS CSS */
#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 0px 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; }
/****End of Social Media****/

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

#AJCLogo
{/* Also used for tridion styles */
      margin-left:-240px;
      margin-top:125px;
      clear:right;
      float:left; 
      padding-bottom:15px;
}
#AJCLogo img
{
     margin-left: 20px;
}
iframe[id^="oauth2relay"]
{
    left:-10000px !important;
}

/* New Header and Navigation Styles  - Start */

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

#logo-mobile 
{
    display: none;
}

#logo {
  float: left;
  margin: 22px 0px 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;
}

#logo-images img:first-child {
  /*margin-bottom: -3px;*/
}

#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: none;
  border: none;
  outline: none;
  /*color: #004481;*/
  font-size: 14px;
  font-family: Arial, sans-serif;
  height: 24px;
  padding-top: 2px;
  width: 160px;
  float: left;
}

#top-search input[type="button"],
#navigation .submenu-search-box input[type="button"] {
  cursor: pointer;
  text-decoration: none;
  border: none;
  width: 24px;
  height: 24px;
  background: url("../images/homepage/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);
  /*margin-top:-10px;*/
}

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

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

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

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

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

#navigation > li > h3{
  cursor: pointer;
}

#navigation > li {
    display: inline-block;
    *display: inline: ;
    padding-top: 5px;
    font-size: 14px;
    white-space: normal;
}
#navigation {
    display: inline-block;
    *display: inline: ;
    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;
  *display: inline;
  vertical-align: top;
  height: 50px;
  line-height: 45px;
  font-size: 18px;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: normal;
  text-decoration: none;
  background: #004481;
  color: #fff;
  padding: 0 12px 0 18px;
  margin: 0;
  *padding: 15px 12px 15px 18px;
}

#navigation > li > h3:after {
  display: inline-block;
  vertical-align: top;
  width: 21px;
  height: 50px;
  background: url("../images/homepage/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 h3.active:after,
#navigation li a.active:after{
  background: url("../images/homepage/sprites.png") no-repeat -231px -71px;

}

#navigation > li:hover > a {
  
}


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

#navigation > li > a,
#navigation > li > h3,
/*#navigation .submenu,*/
#pager a,
.blue-buttons a,
.blue-button,
.video-box .video-image:after,
.title-tabs a,
.accordion-menu > li > a,
/*#navigation-row,*/
.frame-box .box-title {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;	 
}
.position-bottom{
  position: absolute;
  bottom: 30px;
}

#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;
  /*border-bottom: solid 6px #004481;
  border-left: solid 1px #004481;
  border-right: solid 1px #004481;*/
  zoom: 1;
}

.lt-ie9 #navigation .submenu {
  /*  display: none;
    visibility: visible;
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);*/
}

#navigation li:hover > .submenu {
  /*  visibility: visible;
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);*/
}

.lt-ie9 #navigation li:hover > .submenu {
  /*display: block;*/
}

.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;
    /*font-weight: 700;*/
    /*line-height: 1.2em;*/
    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 {
  /*background: #fff;*/
  position: relative;
  text-align: right;
}

#navigation .submenu-search-box .form-row {
  position: relative;
  /*height: 34px;*/
  text-align: left;
  /*padding: 0 40px 0 55px;*/
  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 {
  /*  position: absolute;
    top: 8px;*/
  left: 0;
  line-height: 18px;
  /*max-width: 53px;*/
  display: block;
  font-weight: bold;
  margin-bottom: 3px;
}

#navigation .submenu-search-box input[type="text"], .submenu-search-box select {
  background: #fff;
  outline: none;
  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"] {
  /*  position: absolute;
    top: 0;
    right: 0;*/
  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;
}

/* New Header and Navigation Styles  - End */

/* General new header/footer styles */

.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: 0.7;
}
:-moz-placeholder {
  opacity: 0.7;
}
::-moz-placeholder {
  opacity: 0.7;
}
:-ms-input-placeholder {
  opacity: 0.7;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
} 

/* General new header/footer styles - End */

@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: 0px;
    }
}

.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;
	/*overflow: hidden;*/
	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: 0px;
}

#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: none;
  font-size: 0;
  top: 63px;
  right: 10px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  background: url("../images/homepage/sprites.png") no-repeat -266px -32px;
  display: none;
}

#fixed-search .input-toggle {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 12px;
    right: 10px;
    background: url("../images/homepage/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: 0px;
}

#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 0px;
}

.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('../images/homepage/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("../images/homepage/sprites.png") no-repeat -135px -170px;
  /*position: absolute;*/
  right: 20px;
  top: 50%;
  margin-top: -15px;
  display: none;
}

#page-text .search-box label {
  display: block; /* changed from inline-block*/
  width: 55px;
  padding-left: 6px; /*addition - just this line*/
}

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

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

#page-text .search-box label + input {
  width: 200px; /*changed from 150px*/
}

.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: bold;
}
.res-label {
    width: 245px !important;
    margin-bottom: 2px !important;
}
.res-Locationlabel, #lblFRLocation, #lblMIAState {
    font-size: 16px !important;
    font-family: Source Sans Pro,sans-serif !important;
}

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

/*a.res-Locationlabel {
    width: 200px !important;
    margin-bottom: 0.4em !important;
    margin-left: 350px;
    }*/

.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 > .logo-text-2, .show-on-mobile > .logo-footer > #footer-page-text .logo-text-2 {
    font-size: 11px;
    padding: 0 20px;
    margin-top: 4px;
}

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

/*addition*/
#footer .logo-text-2 {
font-size: 11px;
padding: 0 20px;
}
.logo-american-footer{
	margin-top:5px;
}
/*addition end*/

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

#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: 0px;
}

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

.magnify-icon {
  padding-left: 13px !important;
  background-image: url("../images/homepage/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 {
  /* display: block; */
  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;
}

/* New Footer Styles  - End */

/* Responsive CSS */

/*iPad mini in portrait*/

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

/* ipad Mini Portrait */
@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 { /*addition - just this line */
    padding-left: 13px;
    padding-right: 5px; /*7px*/
    font-size: 18px; /*14px*/
  } 

  #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%;
  }
  
  #fixed-logo,
  #fixed-search {
    /*display: none;*/
  }
  
  .title-tabs {
    margin-left: -10px;
  }
  
  .title-tabs a {
    font-size: 14px;
  }
  
  .title-tabs a.first {
    margin-right: 4px;
  }
  
  .linespacer {
    margin-right: 0;
  }
  
  #logo-text {
    margin-top: -5px;
  }
  
  .logo-break {
    display: inline;
  }
  
  .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-left,
  .three-columns .col-center,
  .three-columns .col-right {
    width: 100%;
    float: none;
    margin: 0 0 30px;
    padding: 0;
  }
  
  .three-columns .col-right {
    margin-bottom: 0;
  }
  
  .three-columns .grey-box {
    min-height: 0;
  }
  
  .questions-list,
  .pages-list {
    padding-bottom: 15px;
  }
  
  .three-columns .position-bottom {
    position: static;
    left: auto;
    bottom: auto;
  }
  
  .footer-column,
  .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: 0.4em;
        padding: 5px;
        color: #000;
        border-radius: 0;
    }

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

    input, button, select, textarea {
        font-family: inherit;
        /*font-size: 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:nth-child(1) {
                left: 0;
            }

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

        #slideshow-wrapper {
            top: 78px;
        }

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

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

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

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

            #slideshow-frame .frame-box .box-title {
                text-align: left;
                padding: 15px 50px 15px 20px;
                font-size: 25px; /*30px*/
                line-height: 28px; /*36px*/
                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-links a,
            .footer-column .footer-title,
            .footer-columnwide .footer-title {
                color: #004481;
                font-size: 32px;
                cursor: pointer;
                line-height: 35px;
                padding: 10px 40px 10px 20px;
                position: relative;
                background: #EAECF0;
                background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EAECF0), to(#F2F3F6));
                background: -webkit-linear-gradient(#EAECF0, #F2F3F6);
                background: -moz-linear-gradient(#EAECF0, #F2F3F6);
                background: -ms-linear-gradient(#EAECF0, #F2F3F6);
                background: -o-linear-gradient(#EAECF0, #F2F3F6);
                background: linear-gradient(#EAECF0, #F2F3F6);
                margin: 0;
            }

                .footer-column .footer-title,
                .footer-column .footer-title h3,
                .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("../images/homepage/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; /*24px*/
            font-weight: 400; /*addition - just this line*/
        }

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

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

        /*#sidebar {
            padding-top: 0;
        }*/

        #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 {
                /*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: 0px;
                    background: url("../images/ReDesign/sprites.png") no-repeat -231px -90px;
                }

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

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

        .cssV2 .filter-by-module .filters-list {
            border-bottom: 0px;
            margin-bottom: 0px;
            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 0px;
        }

        .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: -88px 19px;*/
                        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,
            #navigation .submenu .submenu-search-box,
            #navigation .submenu .grey-box {
                /*display: none;*/
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .career-image {
            display: none;
        }

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

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

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

            .submenu-title:after {
                width: 20px;
                height: 10px;
                display: inline-block;
                content: "";
                font-size: 0;
                background: url("../images/homepage/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: none;
        }

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

        #navigation .submenu a {
            /*display: block;*/
        }

        #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: 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;
        }

        input, button, 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;
        }

        input, button, 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-two-columns .two-col, .content-three-columns .three-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-subtitle,
        .footer-column ul {
            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;
        }
    }

    /* Add to fix the MegaMenu disorting the landing/sub page componetns while moving down*/
    .MegaMenu {
        height: 50px;
    }

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

    @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 thead, .no-more-tables tbody, .no-more-tables th, .no-more-tables td, .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: bold;
        }
    }

    /******************** MOBILE STYLES - 2/22/2018 ****************************/
    @media only screen and (max-width: 640px) {
        .datasec {
            padding-top: 0px;
        }

        .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: normal;
            line-height: 1.2em;
            margin: 0 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%;
            }

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

        #menu-toggle {
            display: block;
        }

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

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

        #slideshow-wrapper {
            top: 78px;
        }

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

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

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

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

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

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

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

        #slideshow-pager {
            display: none;
        }

        #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;
            /*border-top: solid 2px #48b7f0;*/
        }

        .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 #c4c7ca; */
            border-top: solid 2px #c6c9cc;
        }

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

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

            .footer-column .footer-title  {
                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 #e2e2e2; */
                    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 #e2e2e2; */
            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 begin*/
        .leftnav-column {
            width: 100%;
            float: none;
            padding: 0;
            /** border-bottom: solid 2px #c4c7ca; */
            border-bottom: solid 2px #c6c9cc;
            margin: 0;
        }

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

            .leftnav-column .leftnav-title /**,
  .footer-column .footer-title h3**/ {
                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 #e2e2e2; */
                    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 #e2e2e2; */
            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;
            }
        /*leftnav end*/

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

        #sidebar,
        #content-column {
            width: 100%;
            /*float: none;*/ /* removed to fix credential responsivess only title*/
        }

        #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: -88px 19px;*/
                        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,
            #navigation .submenu .submenu-search-box,
            #navigation .submenu .grey-box {
                /*display: none;*/
            }

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

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

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

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

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

                    #navigation .submenu .col-title a:hover {
                        text-decoration: 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;
            /*display: none;*/
        }

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

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

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

        #header-right {
            position: static;
        }

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

        .footer-columnwide .social-links > li:before {
            left: 30px;
            top: 9px;
        }
        /*leftnav begin*/
        .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;
        }
        /*leftnav end*/
        .show-on-mobile {
            display: block;
        }

        .tabs-title {
            display: none;
        }

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

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

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

        #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;
        }

        /*More Reports*/
        .cssV2 .Left-MoreReports {
            background: #C5D5E2;
            padding: 4%;
        }

            .cssV2 .Left-MoreReports .MoreReports-Module .MoreReports-Title {
            }

            .cssV2 .Left-MoreReports .MoreReports-Module .MoreReports-Head {
                display: block;
                font-weight: bold;
                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-Head.open span:after {
                }

                .cssV2 .Left-MoreReports .MoreReports-Module .MoreReports-Head.close span:after {
                }

            .cssV2 .Left-MoreReports .MoreReports-Module .MoreReports-Body {
                border-bottom: 0;
                background: white;
                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: #000000!important;
}

/* Tool Styles - 06/28/2019 */
#page-text label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
}
.welcomeheader {
    font: 14px  Verdana, arial, sans-serif;
    font-weight: normal;
    padding: 10px 0px 0px 0px;
    line-height:25px;
}
.message-red {
    color: #940e19 !important;
    font-weight: normal;
    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: #0099CC;
}

.tool-table tr, .tool-table td, .tool-table span {
    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: antiquewhite;
    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: 0px;
    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 ul li, .tool-datalist-alt ol li, .tool-datalist-item ul li, .tool-datalist-item ol li {
    padding: 0px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px !important;
    line-height: 18px;
    margin: 0px !important;
}

.tool-datalist-alt li, .tool-datalist-item li {
    line-height: 18px;
    margin: 0px !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 10px;
    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;
}

.anchor {
    padding-top: 60px;
    margin-top: -60px;
}

#screenshot {
    position: absolute;
    border: 0px;
    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 black;
    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;
}