/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@font-face {
  font-family: 'Lora';
  src: url("/careerconnections/fonts/lora-bold-webfont.eot");
  src: url("/careerconnections/fonts/lora-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/careerconnections/fonts/lora-bold-webfont.woff2") format("woff2"), url("/careerconnections/fonts/lora-bold-webfont.woff") format("woff"), url("/careerconnections/fonts/lora-bold-webfont.ttf") format("truetype"), url("/careerconnections/fonts/lora-bold-webfont.svg#lorabold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Lora';
  src: url("/careerconnections/fonts/lora-bolditalic-webfont.eot");
  src: url("/careerconnections/fonts/lora-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("/careerconnections/fonts/lora-bolditalic-webfont.woff2") format("woff2"), url("/careerconnections/fonts/lora-bolditalic-webfont.woff") format("woff"), url("/careerconnections/fonts/lora-bolditalic-webfont.ttf") format("truetype"), url("/careerconnections/fonts/lora-bolditalic-webfont.svg#lorabold_italic") format("svg");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Lora';
  src: url("/careerconnections/fonts/lora-italic-webfont.eot");
  src: url("/careerconnections/fonts/lora-italic-webfont.eot?#iefix") format("embedded-opentype"), url("/careerconnections/fonts/lora-italic-webfont.woff2") format("woff2"), url("/careerconnections/fonts/lora-italic-webfont.woff") format("woff"), url("/careerconnections/fonts/lora-italic-webfont.ttf") format("truetype"), url("/careerconnections/fonts/lora-italic-webfont.svg#loraitalic") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Lora';
  src: url("/careerconnections/fonts/lora-regular-webfont.eot");
  src: url("/careerconnections/fonts/lora-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/careerconnections/fonts/lora-regular-webfont.woff2") format("woff2"), url("/careerconnections/fonts/lora-regular-webfont.woff") format("woff"), url("/careerconnections/fonts/lora-regular-webfont.ttf") format("truetype"), url("/careerconnections/fonts/lora-regular-webfont.svg#loraregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Cabin Condensed';
  src: url("/careerconnections/fonts/cabincondensed-regular-webfont.eot");
  src: url("/careerconnections/fonts/cabincondensed-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/careerconnections/fonts/cabincondensed-regular-webfont.woff2") format("woff2"), url("/careerconnections/fonts/cabincondensed-regular-webfont.woff") format("woff"), url("/careerconnections/fonts/cabincondensed-regular-webfont.ttf") format("truetype"), url("/careerconnections/fonts/cabincondensed-regular-webfont.svg#cabin_condensedregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Cabin Condensed';
  src: url("/careerconnections/fonts/cabincondensed-medium-webfont.eot");
  src: url("/careerconnections/fonts/cabincondensed-medium-webfont.eot?#iefix") format("embedded-opentype"), url("/careerconnections/fonts/cabincondensed-medium-webfont.woff2") format("woff2"), url("/careerconnections/fonts/cabincondensed-medium-webfont.woff") format("woff"), url("/careerconnections/fonts/cabincondensed-medium-webfont.ttf") format("truetype"), url("/careerconnections/fonts/cabincondensed-medium-webfont.svg#cabin_condensedmedium") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Cabin Condensed';
  src: url("/careerconnections/fonts/cabincondensed-semibold-webfont.eot");
  src: url("/careerconnections/fonts/cabincondensed-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("/careerconnections/fonts/cabincondensed-semibold-webfont.woff") format("woff"), url("/careerconnections/fonts/cabincondensed-semibold-webfont.ttf") format("truetype"), url("/careerconnections/fonts/cabincondensed-semibold-webfont.svg#cabin_condensedsemibold") format("svg");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Cabin Condensed';
  src: url("/careerconnections/fonts/cabincondensed-bold-webfont.eot");
  src: url("/careerconnections/fonts/cabincondensed-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/careerconnections/fonts/cabincondensed-bold-webfont.woff2") format("woff2"), url("/careerconnections/fonts/cabincondensed-bold-webfont.woff") format("woff"), url("/careerconnections/fonts/cabincondensed-bold-webfont.ttf") format("truetype"), url("/careerconnections/fonts/cabincondensed-bold-webfont.svg#cabin_condensedbold") format("svg");
  font-weight: bold;
  font-style: normal;
}
/*
 * Colors
 */
/*
 * Paths
 */
/* 
 * mobile breakpoints 
 */
#content {
  clear: both;
  overflow: auto;
}
#content .two-col:after {
  content: ' ';
  display: block;
  clear: both;
}
#content .two-col .primary-content {
  float: left;
  width: 66%;
}
#content .two-col .primary-content p {
  margin-bottom: .5em;
}
#content .two-col .primary-content img {
  max-width: 100%;
  height: auto;
}
@media only print {
  #content .two-col .primary-content {
    float: none;
    width: 100%;
  }
}
@media (max-width: 46.24em) {
  #content .two-col .primary-content {
    float: none;
    width: 94%;
  }
}
#content .two-col .secondary-content {
  float: right;
  width: 30%;
  margin-left: 3%;
}
#content .two-col .secondary-content img {
  max-width: 100%;
}
@media only print {
  #content .two-col .secondary-content {
    float: none;
    width: 100%;
  }
}
@media (max-width: 24.99em) {
  #content .two-col .secondary-content {
    width: 100%;
  }
}
@media (max-width: 46.24em) and (min-width: 25em) {
  #content .two-col .secondary-content {
    float: none;
    width: 54%;
    margin: 0 auto;
  }
}

#homepage-widgets {
  margin-bottom: 80px;
  clear: both;
  display: block;
  overflow: hidden;
}
#homepage-widgets .homepage-widget {
  float: left;
  text-align: center;
  position: relative;
  line-height: 0;
}
@media (min-width: 46.25em) {
  body#HomePage.business #homepage-widgets .homepage-widget {
    width: 23%;
    margin-right: 2.66%;
  }
  /*
  body#HomePage.business #homepage-widgets .homepage-widget h2, body#HomePage.business #homepage-widgets .homepage-widget p {
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
  }
  body#HomePage.business #homepage-widgets .homepage-widget:hover .widget-links {
    display: block;
  }
  body#HomePage.business #homepage-widgets .homepage-widget:hover h2 {
    opacity: 0;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
  }
  body#HomePage.business #homepage-widgets .homepage-widget:hover p {
    font-size: 0px;
    line-height: 0px;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
  }
  body#HomePage.business #homepage-widgets .homepage-widget .widget-content {
    margin-top: -50px;
    top: 100px;
    padding-top: 55px;
    height: 110px;
  }
  body#HomePage.business #homepage-widgets .homepage-widget .widget-links {
    display: none;
  }
  body#HomePage.business #homepage-widgets .homepage-widget img {
    width: 33% !important;
    position: absolute;
    z-index: 99;
    left: 33%;
    box-shadow: 0px 3px 15px white;
    border-radius: 100px;
  }
  body#HomePage.business #homepage-widgets .homepage-widget .widget-footer {
    height: 200px;
    margin-top: 50px;
  }
  */
  body#HomePage.jobseeker #homepage-widgets .homepage-widget {
    width: 30%;
    margin-right: 5%;
  }
}

@media (max-width: 46.24em) {
  body#HomePage #homepage-widgets .homepage-widget {
    width: 100%;
    padding: 0px;
    margin-bottom: 40px;
  }
  body#HomePage #homepage-widgets .homepage-widget:after {
    content: ' ';
    display: block;
    clear: both;
  }
  body#HomePage #homepage-widgets .homepage-widget img {
    width: 25%;
    float: left;
  }
  body#HomePage #homepage-widgets .homepage-widget .widget-content {
    background-color: #232253;
    width: 72.5%;
    float: left;
    padding: 0px;
    margin-left: 2.5%;
  }
  body#HomePage #homepage-widgets .homepage-widget .widget-content p {
    text-align: left;
    font-style: italic;
    margin: 0 0 15px 0;
    padding: 0 20px 15px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    line-height: 1em;
  }
  body#HomePage #homepage-widgets .homepage-widget .widget-content h2 {
    text-align: left;
    line-height: 1.6em;
    padding-left: 20px;
  }
  body#HomePage #homepage-widgets .homepage-widget .widget-content .widget-links ul {
    padding-left: 20px;
  }
  body#HomePage #homepage-widgets .homepage-widget .widget-content .widget-links ul li {
    text-align: left;
  }
}
@media (min-width: 46.25em) {
  body#HomePage #homepage-widgets .homepage-widget:hover .widget-content {
    top: 0;
    height: 100%;
    margin-top: 0;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
  }
  body#HomePage #homepage-widgets .homepage-widget.last {
    margin-right: 0;
  }
  body#HomePage #homepage-widgets .homepage-widget img {
    width: 100%;
  }
  body#HomePage #homepage-widgets .homepage-widget .widget-content {
    background-color: #232253;
    line-height: 1.6em;
    width: 100%;
    height: 100px;
    position: absolute;
    overflow: hidden;
    top: 100%;
    left: 0;
    z-index: 10;
    margin-top: -100px;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
  }
  body#HomePage #homepage-widgets .homepage-widget .widget-content p {
    margin: 0 0 0 0;
    padding: 0 20px 20px 20px;
  }
  body#HomePage #homepage-widgets .homepage-widget .widget-content h2 {
    padding: 0;
  }
  body#HomePage #homepage-widgets .homepage-widget .widget-links ul {
    margin: 0;
    padding: 0;
  }
}
body#HomePage #homepage-widgets .homepage-widget .widget-content h2 {
  font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif;
  color: #fff;
  margin: 0;
  font-style: italic;
  font-weight: bold;
  font-size: 32px;
  text-transform: capitalize;
}
body#HomePage #homepage-widgets .homepage-widget .widget-content p {
  color: #fff;
}
body#HomePage #homepage-widgets .homepage-widget .widget-content .widget-links ul li {
  line-height: 1em;
  display: inline-block;
  padding-bottom: .75em;
  width: 100%;
  box-sizing: border-box;
  padding: 0px 0px .75em 0px;
  text-indent: 0px;
}
body#HomePage #homepage-widgets .homepage-widget .widget-content .widget-links ul li:before {
  content: "";
}
body#HomePage #homepage-widgets .homepage-widget .widget-content .widget-links ul li a {
  color: #fff;
}
body#HomePage #homepage-widgets .homepage-widget .widget-footer {
  display: block;
  height: 100px;
  width: 100%;
  background-color: #232253;
}
@media (max-width: 46.24em) {
  body#HomePage #homepage-widgets .homepage-widget .widget-footer {
    display: none;
  }
}
body#HomePage #homepage-widgets .homepage-widget .widget-fade {
  position: absolute;
  z-index: 30;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 20px 0 0 0;
  margin: -20px 0 0 0;
  background-image: linear-gradient(to bottom, transparent, #232253);
}
@media (max-width: 46.24em) {
  body#HomePage #homepage-widgets .homepage-widget .widget-fade {
    display: none;
  }
}
@media only screen and (max-width: 420px) {
  body#HomePage #homepage-widgets .homepage-widget {
    width: 94%;
  }
}
@media only screen and (max-width: 767px) {
  body#HomePage #homepage-widgets .homepage-widget.last {
    margin-right: auto;
  }
}
body#HomePage h1.homepage-intro-line-1 {
  display: none;
}

.clearfix:after {
  content: ' ';
  display: block;
  clear: both;
}

/*
 *  legend_box
 */
p.legend_box {
  max-width: 80%;
  background: #ddd;
  margin: 0 auto;
  padding: 1% 2%;
  position: relative;
  border: 1px solid #aaa;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
p.legend_box:before {
  content: 'Legend';
  position: absolute;
  top: -16px;
  left: -1px;
  text-transform: uppercase;
  font-family: "Cabin Condensed";
  font-weight: 900;
  padding: 2px 5px 0px 5px;
  line-height: 13px;
  font-size: 14px;
  background: #AAA;
  color: #fff;
}

.print_next_table {
  border: 1px solid #ccc;
  width: 55px;
  height: 55px;
  background-image: url("/careerconnections/images/icons/printer-11.png");
  background-size: 32px;
  background-repeat: no-repeat;
  background-position: center 5px;
  text-align: center;
  font-family: "cabin condensed";
  float: right;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.print_next_table a {
  padding-top: 35px;
  display: block;
}
.print_next_table a:hover {
  text-decoration: none;
}
.print_next_table:hover {
  background-color: rgba(35, 34, 83, 0.2);
}
@media only print {
  .print_next_table {
    display: none;
  }
}
.primary-content .print_next_table a {
  border-bottom: none;
}

.nj-shadow {
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1);
}

div.sample_document {
  max-width: 500px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
  margin: auto;
  padding: 20px;
  border: 1px solid #ccc;
}

table tr td {
  line-height: 1.3em !important;
  vertical-align: top !important;
}
table tr td:empty {
  height: 1em;
}
@media only screen {
  table tr td {
    font-size: 14px !important;
    font-family: inherit !important;
  }
}
@media only print {
  table tr td {
    font-size: 10px !important;
    font-family: inherit !important;
  }
}
table tr td * {
  line-height: 1.3em !important;
  vertical-align: top !important;
}
@media only screen {
  table tr td * {
    font-size: 14px !important;
    font-family: inherit !important;
  }
}
@media only print {
  table tr td * {
    font-size: 10px !important;
    font-family: inherit !important;
  }
}
table tr td p {
  line-height: 1.3em !important;
  margin: 0 !important;
  vertical-align: top !important;
}
@media only screen {
  table tr td p {
    font-size: 14px !important;
    font-family: inherit !important;
  }
}
@media only print {
  table tr td p {
    font-size: 10px !important;
    font-family: inherit !important;
  }
}
table tr th {
  vertical-align: top !important;
}
table tr caption {
  vertical-align: top !important;
}
table.Table_1, table.table1 {
  border: 1px solid #ccc;
}
table.Table_1 tr, table.table1 tr {
  border: 1px solid #ccc;
}
table.Table_1 tr td, table.table1 tr td {
  border: 1px solid #ddd;
  min-width: 50px;
  padding: 2px 5px;
  vertical-align: top;
}
table.Table_2 tbody tr td, table.table2 tbody tr td {
  border: 1px solid #ddd;
  min-width: 50px;
  padding: 2px 5px;
  vertical-align: top;
  line-height: 1.3em !important;
  padding: 8px;
}
@media only screen {
  table.Table_2 tbody tr td, table.table2 tbody tr td {
    font-size: 14px !important;
    font-family: inherit !important;
  }
}
@media only print {
  table.Table_2 tbody tr td, table.table2 tbody tr td {
    font-size: 10px !important;
    font-family: inherit !important;
  }
}
table.Table_2 tbody tr:first-child th, table.Table_2 tbody tr:first-child td, table.table2 tbody tr:first-child th, table.table2 tbody tr:first-child td {
  background-color: #232253;
  color: white;
  font-weight: bold;
  text-align: center;
}
table.Table_2 tbody tr:first-child th:first-child, table.Table_2 tbody tr:first-child td:first-child, table.table2 tbody tr:first-child th:first-child, table.table2 tbody tr:first-child td:first-child {
  background-color: #232253;
}
table.Table_2 tbody tr td:first-child, table.table2 tbody tr td:first-child {
  background-color: #eee;
}
table.Table_4, table.table4 {
  border: 2px solid #333 !important;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1);
}
table.Table_4 tr, table.table4 tr {
  border: 2px solid #333 !important;
}
table.Table_4 tr td, table.table4 tr td {
  border: 2px solid #333 !important;
  min-width: 50px  !important;
  padding: 2px 5px  !important;
  vertical-align: top  !important;
}
table.Table_3 tr:nth-child(2n+1), table.table3 tr:nth-child(2n+1) {
  background-color: #f6f6f6;
}
table.Table_3 tr td, table.table3 tr td {
  line-height: 1.2em;
  padding: 8px 8px;
}
table.Table_3 tr td span, table.table3 tr td span {
  font-family: "arial" !important;
  font-size: 13px !important;
}
table.Table_5, table.table5 {
  border: none !important;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.4);
  background-color: #FFF4E2;
  width: 100%;
  padding: 10px;
  border-collapse: separate;
}
table.Table_5 tr:first-child td:last-child, table.table5 tr:first-child td:last-child {
  background-image: url("/careerconnections/images/icons/new_jersey_outline_fab911.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 80% top;
}
table.Table_5 tr, table.table5 tr {
  border: 2px solid #333 !important;
}
table.Table_5 tr td, table.table5 tr td {
  padding: 4px !important;
}
table.Table_5 tr p, table.table5 tr p {
  margin-bottom: 1.25em !important;
}
table.Table_5 ul.twocolumn, table.table5 ul.twocolumn {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  padding: 0px;
}
table.Table_5 ul.twocolumn li, table.table5 ul.twocolumn li {
  padding-left: 10px;
}
table.Table_5 ul.twocolumn li a, table.table5 ul.twocolumn li a {
  border-bottom: 0px;
}
table.Table_5 ul.twocolumn li:before, table.table5 ul.twocolumn li:before {
  content: '';
}
table.Table_6 {
  /* make the table look like a document */
  border: 1px solid #ccc;
  padding: 2px;
  max-width: 700px;
  margin: auto;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
}
@media screen {
  table.Table_6 {
    background-color: #ffe;
  }
}
table.Table_6 td {
  padding: 35px;
}
table.responsive {
  max-width: 100%;
}
table.responsive td {
  display: inline-block;
}
table.responsive td:empty {
  display: none;
}
table.responsive tr {
  display: inline-block;
  float: left;
  width: 100%;
}
table.threecolumn tr td {
  box-sizing: border-box;
  float: left;
}
@media (max-width: 25em) {
  table.threecolumn tr td {
    width: 100%;
  }
}
@media (max-width: 46.24em) {
  table.threecolumn tr td {
    width: 50%;
  }
}
@media (min-width: 46.25em) {
  table.threecolumn tr td {
    width: 33%;
  }
}

/* 	
 * seeker /business switch
 */
#header-app ul#switch {
  float: right;
  margin: 0px 0px 10px 0px;
}
#header-app ul#switch li:before {
  display: none;
}
#header-app ul#switch li {
  font-family: "cabin condensed";
  text-transform: uppercase;
  font-size: 20px;
  cursor: pointer;
  display: inline-block;
  float: left;
  color: #232253;
}
#header-app ul#switch li#seeker:before {
  background-image: url("/careerconnections/images/icons/binoculars.png");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 4px 4px;
  margin-right: 15px;
  float: left;
  background-color: #232253;
  content: ' ';
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50px;
}
#header-app ul#switch li#business {
  float: right;
  margin-right: 10x;
}
#header-app ul#switch li#business:before {
  background-image: url("/careerconnections/images/icons/office.png");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 4px 4px;
  margin-right: 15px;
  float: left;
  background-color: #232253;
  content: ' ';
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50px;
}

body.jobseeker header #header-bottom-right ul#switch li#business a {
  color: #BBB;
}
body.jobseeker header #header-bottom-right ul#switch li#business:before {
  background-color: #BBB;
}
body.jobseeker header #header-bottom-right nav#main-menu li.recruit, body.jobseeker header #header-bottom-right nav#main-menu li.hire, body.jobseeker header #header-bottom-right nav#main-menu li.resources, body.jobseeker header #header-bottom-right nav#main-menu li.downsize {
  display: none;
}

body.business header #header-bottom-right ul#switch li#seeker a {
  color: #BBB;
}
body.business header #header-bottom-right ul#switch li#seeker:before {
  background-color: #BBB;
}
body.business header #header-bottom-right #main-menu li.plan, body.business header #header-bottom-right #main-menu li.prepare, body.business header #header-bottom-right #main-menu li.succeed {
  display: none;
}

header #header-bottom-right #main-menu {
  clear: right;
  float: right;
  /*	ul {
  		li.last {
  			border-right: medium none;
  			font-size: 24px;
  			white-space: nowrap;
  		}
  	}
  	& > li.business > ul > li > a {
  	  font-family: $cabin-condensed;
  	  color: rgb(35, 34, 83);
  	  text-decoration: none;
  	  pointer-events: none;
  	  text-indent: 0;
  	  margin: 0 0 0 -5px;
  	  padding: 0 20px;
  	  font-size: 32px;
  	  line-height: 48px;
  	  text-transform: uppercase;
  	}
  */
}
header #header-bottom-right #main-menu .column-header {
  float: left;
  width: 33.333%;
}
header #header-bottom-right #main-menu ul {
  position: relative;
  margin: 0;
  padding: 0;
}
header #header-bottom-right #main-menu ul li {
  text-indent: 0;
  margin: 0 0 0 -5px;
  padding: 0 20px;
  text-transform: uppercase;
  border-right: 2px solid rgba(35, 34, 83, 0.2);
  line-height: 1em;
  display: inline-block;
}
header #header-bottom-right #main-menu ul li span {
  font-family: "cabin condensed", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
  color: #232253;
  text-decoration: none;
  font-size: 32px;
  line-height: 1em;
  font-weight: bold;
}
header #header-bottom-right #main-menu ul li:hover {
  background-color: #232253;
}
header #header-bottom-right #main-menu ul li:hover span {
  color: #fff;
}
header #header-bottom-right #main-menu ul li:hover ul li a {
  color: #BABABA;
}
header #header-bottom-right #main-menu ul li:hover ul li ul li a {
  color: #fff;
}
header #header-bottom-right #main-menu ul li:hover > ul {
  display: block;
}
header #header-bottom-right #main-menu ul li:before {
  display: none;
}
header #header-bottom-right #main-menu ul li.succeed, header #header-bottom-right #main-menu ul li.downsize {
  border-right: none;
}
header #header-bottom-right #main-menu ul li.employers {
  border-left: 2px solid rgba(35, 34, 83, 0.2);
  border-right: none;
  margin: 0 0 0 -5px;
  font-size: 28px;
  line-height: 51px;
}
header #header-bottom-right #main-menu ul li.employers:hover a {
  color: #fff;
}
header #header-bottom-right #main-menu ul li.employers:hover ul li a {
  color: #BABABA;
}
header #header-bottom-right #main-menu ul li.employers:hover ul li ul li a {
  color: #fff;
}
header #header-bottom-right #main-menu ul li.employers a {
  color: #645069;
}
header #header-bottom-right #main-menu ul li.employers ul {
  width: 300px;
}
header #header-bottom-right #main-menu ul li.employers .column-header {
  width: 100%;
}
header #header-bottom-right #main-menu ul li ul {
  display: none;
  background-color: #232253;
  position: absolute;
  top: 48px;
  right: 0;
  width: 896px;
  z-index: 9999;
  padding: 10px 20px 20px 20px;
  margin: 0;
}
header #header-bottom-right #main-menu > ul > li > span {
  line-height: 48px;
}
header #header-bottom-right #main-menu > ul > li {
  height: 48px;
}
header #header-bottom-right #main-menu > ul li ul li {
  display: block;
  max-width: 100%;
  padding: 10px 10px 10px 0;
  text-transform: capitalize;
  color: #BABABA;
  margin: 0;
}
header #header-bottom-right #main-menu > ul li ul li a:hover {
  text-decoration: underline;
}
header #header-bottom-right #main-menu > ul > li > ul li a {
  font-family: "cabin condensed", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
  color: #BABABA;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 26px;
}
header #header-bottom-right #main-menu > ul > li ul li ul {
  display: block;
  position: relative;
  width: auto;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}
header #header-bottom-right #main-menu > ul > li ul li ul li {
  float: none;
  width: auto;
  padding: 10px 10px 0 0;
  font-style: normal;
}
header #header-bottom-right #main-menu > ul > li ul li ul li a {
  text-transform: capitalize;
  font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 16px;
  line-height: 18px;
}

/* disable links to the top menu pages b/c we don't want them */
header #header-bottom-right #main-menu > ul > li > a {
  pointer-events: none;
}

header #header-bottom-right #main-menu ul li:hover {
  cursor: pointer;
}

@media only screen and (max-width: 1024px) {
  header #header-bottom-right #main-menu ul li ul {
    width: 638px;
  }
}
@media (max-width: 46.24em) {
  #main-menu-footer:after {
    content: ' ';
    display: block;
    clear: both;
  }
}
#main-menu-footer ul {
  position: relative;
  clear: both;
}
#main-menu-footer ul li:before {
  display: none;
}
#main-menu-footer ul li.nav-cat-jobseeker {
  width: 100%;
  margin-right: 0;
  margin-top: 20px;
}
@media (min-width: 46.25em) {
  #main-menu-footer ul li.nav-cat-jobseeker {
    width: 20%;
    margin-right: 10%;
  }
}
@media (min-width: 46.25em) {
  #main-menu-footer ul li.nav-cat-jobseeker.plan {
    max-width: 150px;
  }
}
#main-menu-footer ul li.nav-cat-jobseeker.prepare {
  width: 100%;
  margin-right: 0;
}
@media (min-width: 46.25em) {
  #main-menu-footer ul li.nav-cat-jobseeker.prepare {
    max-width: 300px;
    width: 45%;
    margin-right: 5%;
  }
}
#main-menu-footer ul li.nav-cat-jobseeker.succeed {
  margin-right: 0;
}
#main-menu-footer ul li.nav-cat-business {
  width: 100%;
  margin-right: 0;
  margin-top: 20px;
}
@media (min-width: 46.25em) {
  #main-menu-footer ul li.nav-cat-business {
    width: 22%;
    margin-right: 4%;
  }
}
@media (min-width: 46.25em) {
  #main-menu-footer ul li.nav-cat-business {
    margin-top: 60px;
  }
}
#main-menu-footer ul li.nav-cat-business.downsize {
  margin-right: 0px;
}
#main-menu-footer ul li.nav-cat-business.recruit {
  margin-top: 60px;
}
#main-menu-footer ul li.plan:before {
  content: "For Jobseekers";
  display: block;
  position: absolute;
  color: rgba(255, 255, 255, 0.6);
  font-size: 30px;
  font-family: "Cabin";
  line-height: 1em;
  top: -40px;
  text-transform: uppercase;
  font-weight: 800;
}
#main-menu-footer ul li.recruit {
  position: relative;
}
#main-menu-footer ul li.recruit:before {
  position: absolute;
  width: 350px;
  content: "For Your Business";
  display: block;
  color: rgba(255, 255, 255, 0.6);
  transform-origin: bottom left;
  font-size: 30px;
  font-family: "Cabin";
  line-height: 1em;
  top: 0px;
  text-transform: uppercase;
  font-weight: 800;
  top: -40px;
  line-height: 40px;
}
#main-menu-footer ul:after {
  clear: both;
  content: ' ';
  display: block;
}
#main-menu-footer a {
  color: white;
  font-family: "cabin condensed";
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.01em;
}
#main-menu-footer > ul > li {
  display: inline-block;
  float: left;
  padding-left: 0px;
  text-indent: 0px;
}

.footer-navigation > ul > li > ul {
  margin: 0px;
}

.footer-navigation ul {
  margin: 0px;
}

.footer-navigation > ul > li > span {
  text-transform: uppercase;
  font-size: 28px;
  font-weight: 300;
  color: #FFFFFF;
  font-family: "cabin condensed", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
}

.footer-navigation ul li.recruit {
  clear: both;
}

.footer-navigation > ul > li > ul > li {
  text-align: 0px;
}

.footer-navigation > ul > li > ul > div > li {
  padding: 0px;
  text-indent: 0px;
  line-height: 1.1em;
  margin-bottom: .6em;
}

.footer-navigation > ul > li > ul > div > li > ul {
  display: none;
}

nav#mm-main-menu {
  background-color: #232253;
  color: #fff;
  border-color: #fff;
  font-size: 18px;
}
nav#mm-main-menu .mm-panel {
  border-color: #fff;
}
nav#mm-main-menu .mm-panel .mm-title {
  color: #fff;
  font-family: "cabin condensed", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
  font-weight: bold;
}
nav#mm-main-menu .mm-panel ul.mm-listview li {
  font-family: "cabin condensed", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
  font-size: 18px;
}
nav#mm-main-menu .mm-panel ul.mm-listview li span {
  font-family: "cabin condensed", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
  font-size: 22px;
  text-transform: uppercase;
}
nav#mm-main-menu .mm-panel ul.mm-listview li a {
  text-overflow: inherit;
  white-space: inherit;
  text-indent: 0px;
}


nav#mm-main-menu .mm-panel ul.mm-listview > li:not(.mm-divider):after, nav#mm-main-menu .mm-panel ul.mm-listview .mm-next:before {
  border-color: #fff;
  left: 0px;
}
nav#mm-main-menu .mm-panel ul.mm-listview > li .mm-next::after, nav#mm-main-menu .mm-panel ul.mm-listview > li .mm-arrow::after {
  border-color: #fff;
  border-width: 4px;
}
nav#mm-main-menu .mm-panel .mm-navbar .mm-btn::before, nav#mm-main-menu .mm-panel .mm-navbar .mm-btn::after {
  border-color: #fff;
}

header #header-bottom-right {
  float: right;
  clear: right;
  margin: 50px 0 0 0;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  header #header-bottom-right {
    display: none;
  }
}
@media print {
  header .screen {
    display: none;
  }
}
@media screen {
  header .print {
    display: none;
  }
}
@media screen {
  header {
    background-color: #FFF4E2;
  }
}
header .mmenu-navbar {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: #3C3C3C;
}
header .mmenu-navbar .mmenu-main-menu {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 40px;
  padding: 0px;
  margin: 0px;
  height: 18px;
  font-size: 0px;
  line-height: 0px;
  border-top: 6px solid white;
  border-bottom: 6px solid white;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.5s ease 0s;
}
.mm-opened header .mmenu-navbar .mmenu-main-menu {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  height: 6px;
  margin-top: 10px;
  background: white;
  border: 0px;
}
header .mmenu-navbar .mmenu-main-menu:before {
  content: 'Menu';
  position: absolute;
  left: -55px;
  color: white;
  font-family: "Cabin Condensed";
  font-size: 20px;
  top: 10px;
}
.mm-opened header .mmenu-navbar .mmenu-main-menu:before {
  font-size: 0px;
}
header .mmenu-navbar .mmenu-main-menu:after {
  display: block;
  content: ' ';
  background-color: white;
  width: 40px;
  height: 6px;
  margin: 6px 0px;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.5s ease 0s;
}
.mm-opened header .mmenu-navbar .mmenu-main-menu:after {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  margin-top: 1px;
}
header .mmenu-navbar img.mmenu-logo {
  display: block;
  margin: 0px 0px 0px 20px;
  height: 50px;
  width: auto;
  padding: 5px 0;
}
header #header-top-left {
  float: left;
  clear: left;
  margin: 0;
  padding: 0;
  max-width: 30%;
}
header #header-top-left .logo-njdol {
  margin-bottom: 10px;
}
header #header-top-left .logo-njdol img {
  display: block;
  width: 325px;
  margin-top: 5px;
}
header #header-top-right {
  float: right;
  clear: right;
  margin: 0;
  padding: 0;
}
header #header-top-right .state-info-links {
  float: right;
  clear: right;
  font-size: 12px;
  line-height: 1.3em;
  margin-top: 5px;
  width: 100%;
}
header #header-top-right .state-info-links div.state-info {
  text-align: right;
  display: block;
  margin: 0 0 0 0;
}
header #header-top-right .state-info-links a {
  color: #fff !important;
  font-family: arial;
  font-weight: normal;
}
header #header-top-right .state-info-links ul.state-links {
  float: right;
  margin: 0 0 0 0;
  padding: 0;
}
header #header-top-right .state-info-links ul.state-links li {
  display: inline-block;
  border-right: 1px solid #232253;
  margin: 0 1px 0 0;
  padding: 0 5px 0 0;
  text-indent: 0;
}
header #header-top-right .state-info-links ul.state-links li:before {
  content: "";
}
header #header-top-right .state-info-links ul.state-links li.last {
  border: none;
  margin-right: 0px;
  padding-right: 0px;
}
header #header-top-right .state-info-links ul.state-links li a {
  text-decoration: none;
  color: #000;
}
header #header-top-right .state-info-links ul.state-links li a:hover {
  text-decoration: underline;
}
header #header-top-right .search {
  float: right;
  clear: right;
  margin: 0 0 10px 0;
  font-family: arial;
  font-size: 14px;
}
header #header-top-right .search span {
  color: #fff;
  float: left;
  padding-right: 0.5em;
}
header #header-top-right .search form {
  float: left;
}
header #header-top-right .search form select {
  background: transparent;
  border-radius: 0;
  color: #FFF;
  border: 1px solid #CCC;
  cursor: pointer;
  padding: 2px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
header #header-top-right .search form select option {
  background-color: #645069;
}
header #header-top-right .search form select option::-moz-selection {
  color: #645069;
  background-color: white;
}
header #header-top-right .search form select option::selection {
  color: #645069;
  background-color: white;
}
header #header-top-right .search form input[type=text] {
  border: 1px solid #CCC;
  border-radius: 0;
  padding: 3px;
}
header #header-top-right .search form input[type=submit] {
  font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif;
  background-color: #645069;
  border-radius: 0;
  color: #fff;
  border: none;
  cursor: pointer;
  padding: 3px;
  font-style: italic;
}
header #header-app {
  margin-top: 5px;
}
header #header-app .right {
  float: right;
  clear: right;
  margin: 0;
  padding: 0;
}
header #header-app .right .google-translate {
  float: right;
  clear: right;
  margin: 0 0 10px 0;
  display: none;
}
header #header-app .right .google-translate a {
  color: #F68B1E;
}
header #header-app .right .google-translate .google-translate-label {
  display: inline-block;
  margin: 0 5px 0 0;
  padding: 3px 0 0 0;
  color: #232253;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
}
header #header-app .right .google-translate #google_translate_element {
  display: inline-block;
  margin: 0 5px 0 0;
}
header #header-app .right .google-translate .google-translate-disclaimer {
  text-align: right;
  display: inline-block;
}
header #header-app .right .google-translate .google-translate-disclaimer a {
  color: #232253;
  font-style: italic;
  font-size: 14px;
  line-height: 24px;
}
header #header-app .right .unemployment-button {
  float: right;
  clear: both;
  margin: 0 auto 10px auto;
  background-image: url("/careerconnections/images/icons/mouseicon2.png");
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: right top;
}
header #header-app .right .unemployment-button a {
  font-weight: bold;
  font-style: italic;
  color: #645069;
  text-decoration: none;
  padding: 0 30px;
  line-height: 25px;
  display: block;
}
header #header-app .right .unemployment-button a:hover {
  color: #F68B1E;
}
header #header-app .right .social-media-top {
  float: right;
  clear: right;
  margin: 0 0 10px 0;
}
@media (max-width: 46.24em) {
  header #header-app .right .social-media-top {
    clear: both;
    display: block;
    margin: 0px auto;
  }
}
header #header-app .right .social-media-top a {
  display: inline-block;
  width: 29px;
  height: 29px;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0px;
  line-height: 0;
  margin: 0 5px 0 0;
}
header #header-app .right .social-media-top a.last {
  margin: 0;
}
header #header-app .right .social-media-top a.facebook {
  background: url("/careerconnections/images/icons/facebook-yellow.svg");
  background-size: 29px 29px;
  width: 29px;
  height: 29px;
}
header #header-app .right .social-media-top a.twitter {
  background: url("/careerconnections/images/icons/twitter-yellow.svg");
  background-size: 29px 29px;
  width: 29px;
  height: 29px;
}
header #header-app .right .social-media-top a.linkedin {
  background: url("/careerconnections/images/icons/linkedin-yellow.svg");
  background-size: 29px 29px;
  width: 29px;
  height: 29px;
}
header #header-app .right .social-media-top a.youtube {
  background: url("/careerconnections/images/icons/youtube-yellow.svg");
  background-size: 29px 29px;
  width: 29px;
  height: 29px;
}
header #header-bottom-left {
  float: left;
  clear: left;
  margin: 50px 0 0 0;
  padding: 0;
  max-width: 30%;
}
header #header-bottom-left .logo-career-connections {
  margin-bottom: 10px;
}
header #header-bottom-left .logo-career-connections img {
  display: block;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  header {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  header .mmenu-navbar {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  header #header-top-left {
    float: none;
    clear: both;
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  header #header-top-left .logo-njdol {
    margin-bottom: 0px;
    display: inline-block;
    float: left;
  }
}
@media only screen and (max-width: 767px) {
  header #header-top-left .logo-njdol img {
    margin: 0px auto;
    max-width: 250px;
    padding-top: 5px;
  }
}
@media only screen and (max-width: 420px) {
  header #header-top-left .logo-njdol img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  header #header-top-right {
    float: right;
    text-align: right;
  }
}
@media only screen and (max-width: 767px) {
  header #header-top-right .state-info-links {
    float: none;
    clear: both;
  }
}
@media only screen and (max-width: 767px) {
  header #header-top-right .state-info-links div.state-info {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  header #header-top-right .state-info-links ul.state-links {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  header #header-top-right .search {
    float: none;
    clear: both;
    width: 100%;
    display: block;
    margin: 0 auto 10px auto;
	/*4/8/16 added*/overflow:auto;
  }
}
@media only screen and (max-width: 620px) {
  header #header-top-right .search form select {
    /*4/8/16 color: #000; */
  }
}
@media only screen and (max-width: 767px) {
  header #header-app .right .google-translate {
    float: none;
    clear: both;
    width: 300px;
    margin: 0 auto 10px auto;
    overflow: hidden;
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  header #header-bottom-left {
    display: none;
    float: none;
    clear: both;
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  header #header-bottom-left .logo-career-connections img {
    margin: 0px auto;
    max-width: 100%;
    width: auto;
  }
}
@media only screen and (max-width: 420px) {
  header #header-bottom-left .logo-career-connections img {
    width: 100%;
  }
}
div#header-state {
  background-color: #645069;
  /*4/8/16 height: 70px;*/
  overflow: hidden;
}
/*4/8/16 added */
@media only screen and (max-width: 767px) {
  div#header-state {
    margin-top: 60px;
  }
}
@media (min-width: 46.25em) {
  div#header-state {
    /*4/8/16 height: 60px; */
  }
}

header #header-top-right .state-info-links ul.state-links {
  margin: 0px;
}
header #header-top-right input[type=submit] {
  background-color: white !important;
  color: #645069 !important;
}
header #header-bottom-left {
  float: left;
  clear: left;
  margin: 10px 0px 0px;
  padding: 0px;
  max-width: 30%;
}
header #header-bottom-left .logo-career-connections img {
  display: block;
  max-height: 150px !important;
  width: auto;
  margin: 0px 0px 15px;
}

@media only screen and (max-width: 625px) {
  header #header-top-right .state-info-links div.state-info, header #header-top-right ul.state-links a {
    color: #645069 !important;
  }
}
.njccfooter {
  clear: both;
  display: block;
  width: 100%;
  background-color: #232253;
  padding: 20px 0px 20px 0px;
  margin-top: 60px;
}
@media print {
  .njccfooter {
    display: none;
  }
}
.njccfooter .social-media-yellow a.facebook {
  background: url("/careerconnections/images/logos/FB-f-Logo__white_29.png");
  background-size: 29px 29px;
  width: 29px;
  height: 29px;
}
.njccfooter .social-media-yellow a.twitter {
  background: url("/careerconnections/images/logos/Twitter_Logo_White_On_Image.png");
  background-size: 29px 29px;
  width: 29px;
  height: 29px;
}
.njccfooter .social-media-yellow a.linkedin {
  background: url("/careerconnections/images/icons/linkedin-yellow.svg");
  background-size: 29px 29px;
  width: 29px;
  height: 29px;
}
.njccfooter .social-media-yellow a.youtube {
  background: url("/careerconnections/images/icons/youtube-yellow.svg");
  background-size: 29px 29px;
  width: 29px;
  height: 29px;
}
.njccfooter .social-media-footer a {
  display: inline-block;
  width: 29px;
  height: 29px;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0px;
  line-height: 0;
  margin: 0 5px 0 0;
}
.njccfooter .social-media-footer {
  float: right;
}

@media (max-width: 46.24em) {
  footer #oldfooter {
    display: none;
  }
}
@media (min-width: 46.25em) {
  footer #mobilefooter {
    display: none;
  }
}
footer #mobilefooter .thestate {
  background-color: #616161;
  color: white;
  padding: 15px 0px 5px 0px;
}
footer #mobilefooter .thestate p {
  text-align: center;
}
footer #mobilefooter .thestate p.thestate {
  font-variant: small-caps;
  font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 28px;
  margin-bottom: 0px;
}
footer #mobilefooter .thestate p.thestate a {
  color: white;
}
footer #mobilefooter .thestate p.copyright {
  font-family: "cabin condensed", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
}
footer #mobilefooter ul {
  margin: 0px;
}
footer #mobilefooter ul li:before {
  display: none;
}
footer #mobilefooter ul li a {
  color: white;
  font-family: "cabin condensed", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
}
footer #mobilefooter ul.services {
  padding: 40px 20px 10px 20px;
  background: #7E7E7E;
}
footer #mobilefooter ul.services li {
  margin-bottom: 20px;
}
footer #mobilefooter ul.services a {
  font-size: 16px;
}
footer #mobilefooter ul.notices {
  padding: 30px 20px 10px 20px;
  background: #696969;
}
footer #mobilefooter ul.notices li {
  margin-bottom: 10px;
  display: inline-block;
  width: 49%;
  float: left;
  margin: 0px;
  padding: 0px;
  text-indent: 0;
  text-align: center;
  padding: 0px 10px 20px 10px;
  box-sizing: border-box;
}
footer #mobilefooter ul.notices a {
  font-size: 16px;
}
footer #mobilefooter ul.gov {
  background: #C1C1C1;
  padding: 30px 20px 20px 20px;
}
footer #mobilefooter ul.gov li {
  font-family: "cabin condensed", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
  font-size: 18px;
  text-align: center;
  margin-bottom: 20px;
}
footer #mobilefooter ul.gov li a {
  color: black;
}
footer #mobilefooter ul.icons {
  background: #696969;
  height: 95px;
}
footer #mobilefooter ul.icons li {
  display: inline-block;
  width: 49%;
  float: left;
  margin: 0px;
  padding: 0px;
  text-indent: 0;
  text-align: center;
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: center 20px;
}
footer #mobilefooter ul.icons li.home {
  background-image: url("/careerconnections/images/icons/home.png");
}
footer #mobilefooter ul.icons li.envelope {
  background-image: url("/careerconnections/images/icons/envelope.png");
}
footer #mobilefooter ul.icons li a {
  padding-top: 65px;
  display: inline-block;
  font-size: 16px;
}

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, 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, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after {
  content: "";
  content: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

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

@media only screen {
  body {
    background: url("/careerconnections/images/layout/Background.png") repeat fixed center;
  }
}

@media only screen and (max-width: 767px) {
  body {
    background: none;
    background-color: #FFFFFF;
  }
}
.edges {
  overflow: hidden;
}
@media (min-width: 46.25em) {
  .edges {
    padding: 0px 20px;
  }
}

.container {
  display: block;
  margin: 0 auto;
  padding: 0;
  max-width: 1366px;
  position: relative;
  background: #FFFFFF;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}

@media only screen and (max-width: 767px) {
  .container {
    width: 100%;
    max-width: 100%;
  }
}
.padded {
  padding: 0 40px;
}

@media only screen and (max-width: 767px) {
  .padded {
    padding: 0 3%;
  }
}
body {
  font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 16px;
  line-height: 1.6em;
}
body .accent {
	/*
  text-transform: lowercase;
  */
}
body h1 {
  font-family: "cabin condensed","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
  font-size: 30px;
  line-height: 1.1em;
  padding-top: 0.4em;
  /*text-transform: uppercase;*/
  color: #232253;
  margin-bottom: 20px;
}
@media (min-width: 25em) {
  body h1 {
    font-size: 36px;
  }
}
@media (min-width: 46.25em) {
  body h1 {
    font-size: 48px;
  }
}
body h1 span.accent {
	/*
  font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 36px;
  line-height: 38px;
  font-weight: bold;
  font-style: italic;
  color: #232253;
  border-top: 2px solid #F68B1E;
  border-bottom: 2px solid #F68B1E;
  padding: 0 4px;
  display: inline-block;
  vertical-align: 5px;
  width: auto;
  */
}
body h2 {
  font-family: "cabin condensed", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
  font-size: 40px;
  line-height: 1.2em;
  text-transform: uppercase;
  color: #645069;
  margin-top: 1.5em;
  margin-bottom: 20px;
  clear: both;
}
body h2 span.accent {
	/*
  font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  font-style: italic;
  color: #645069;
  border-top: 2px solid #FCB912;
  border-bottom: 2px solid #FCB912;
  padding: 0 4px;
  display: inline-block;
  vertical-align: 7px;
  width: auto;
  */
}
body h3 {
  font-family: "cabin condensed","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
  font-size: 32px;
  line-height: 1.2em;
  color: #645069;
  margin-bottom: 20px;
}
body h3 span.accent {
  /*
  font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 22px;
  line-height: 32px;
  font-weight: bold;
  font-style: italic;
  color: #645069;
  border-top: 2px solid #FCB912;
  border-bottom: 2px solid #FCB912;
  margin-top: -5px;
  */
}
body h4 {
  font-family: "cabin condensed","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
  /* font-size: 26px;
      line-height: 1.6em;
      color: #232253;
      margin-bottom: 20px;
  */
  font-size: 20px;
  margin-top: 20px;
  font-weight: bold;
}
body h4 span.accent {
	/*
  font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 16px;
  font-size: 26px;
  font-weight: bold;
  font-style: italic;
  color: #232253;
  border-top: 2px solid #F68B1E;
  border-bottom: 2px solid #F68B1E;
  margin-top: -5px;
  */
}
body p {
  margin-bottom: 30px;
}
body a {
  text-decoration: none;
  color: #232253;
  font-weight: bold;
}
body a:hover {
  text-decoration: underline;
  color: #F68B1E;
}
body strong {
  font-weight: bold;
}
body em {
  font-style: italic;
}
body b {
  font-weight: bold;
}
body ul {
  list-style: none;
  padding: 0;
  margin: 20px 0 20px 0px;
}
@media (min-width: 46.25em) {
  body ul {
    margin: 20px 0 20px 10px;
  }
}
body ul li {
  padding: 0 0 0 20px;
  text-indent: -10px;
}
body ul li:before {
  content: '\2022';
  color: #F68B1E;
}

.secondary-content ul li:before {
  padding-right: 0.33em;
}

@media only screen and (max-width: 767px) {
  body {
    font-size: 16px;
  }
}
@media only screen and (max-width: 420px) {
  body h1 {
    text-align: center;
  }
}
@media only screen and (max-width: 420px) {
  body h1 span.accent {
	  /*
    display: table;
    margin: 0 auto 5px auto;
	*/
  }
}
@media only screen and (max-width: 420px) {
  body h2 {
    text-align: center;
  }
}
@media only screen and (max-width: 420px) {
  body h2 span.accent {
	  /*
    display: table;
    margin: 0 auto 5px auto;
	*/
  }
}
@media only screen and (max-width: 420px) {
  body h3 {
    text-align: center;
  }
}
@media only screen and (max-width: 420px) {
  body h3 span.accent {
	  /*
    display: table;
    margin: 0 auto 5px auto;
	*/
  }
}
@media only screen and (max-width: 420px) {
  body h4 {
    text-align: center;
  }
}
@media only screen and (max-width: 420px) {
  body h4 span.accent {
	  /*
    display: table;
    margin: 0 auto 5px auto;
	*/
  }
}
footer {
  clear: both;
  font-size: 12px;
  line-height: 1.5em;
}
@media only screen {
  footer {
    background-color: #FFF4E2;
  }
}
footer p {
  margin: 0 0 20px 0;
}
footer .footer-top-content {
  margin: 0 0 0 0;
  overflow: hidden;
  padding: 20px 0 0 0;
  float: left;
}
@media only print {
  footer .footer-top-content {
    display: none;
  }
}
footer .footer-top-content .opra-logo {
  float: left;
  margin-right: 20px;
}
footer .footer-top-content .social-media-bottom {
  float: left;
  margin: 10px 0;
}
footer .footer-top-content .social-media-bottom a {
  display: inline-block;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0px;
  line-height: 0;
  margin: 0px 5px 0px 0px;
}
footer .footer-top-content .social-media-bottom a.facebook {
  background-image: url("/careerconnections/images/images/icons/facebook-blue.svg");
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
}
footer .footer-top-content .social-media-bottom a.twitter {
  background-image: url("/careerconnections/images/images/icons/twitter-blue.svg");
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
}
footer .footer-top-content .social-media-bottom a.linkedin {
  background-image: url("/careerconnections/images/images/icons/linkedin-blue.svg");
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
}
footer .footer-top-content .social-media-bottom a.youtube {
  background-image: url("/careerconnections/images/images/icons/youtube-blue.svg");
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
}
footer .footer-menu {
  float: right;
  padding: 20px 0 0 0;
  margin: 0 0 0 0;
}
@media only print {
  footer .footer-menu {
    display: none;
  }
}
footer .footer-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
footer .footer-menu ul li {
  display: inline-block;
  border-right: 2px solid #000;
  margin: 0 10px 0 0;
  padding: 0 5px 0 0;
  line-height: 1em;
}
footer .footer-menu ul li:before {
  content: "";
}
footer .footer-menu ul li.last {
  border: none;
}
footer .footer-menu ul li a {
  font-weight: bold;
  text-decoration: none;
  color: #000;
}
footer .footer-menu ul li a:hover {
  text-decoration: underline;
}
footer .statewide-menu {
  clear: both;
  margin: 0 0 0 0;
  padding: 20px 0 0 0;
}
@media only print {
  footer .statewide-menu {
    display: none;
  }
}
footer .statewide-menu span {
  float: left;
  margin-right: 10px;
  display: block;
}
footer .statewide-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
footer .statewide-menu ul li {
  display: inline-block;
  border-right: 1px solid #000;
  margin: 0 5px 0 0;
  padding: 0 10px 0 0;
  text-indent: 0;
  line-height: 1em;
}
footer .statewide-menu ul li:before {
  content: "";
  color: #000;
}
footer .statewide-menu ul li.last {
  border: none;
  margin-right: 0;
  padding-right: 0;
}
footer .statewide-menu ul li a {
  color: #000;
  text-decoration: none;
}
footer .statewide-menu ul li a:hover {
  text-decoration: underline;
}
footer .department-menu {
  clear: left;
  margin: 0 0 20px 0;
}
@media only print {
  footer .department-menu {
    display: none;
  }
}
footer .department-menu span {
  float: left;
  margin-right: 10px;
  display: block;
}
footer .department-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
footer .department-menu ul li {
  display: inline-block;
  border-right: 1px solid #000;
  margin: 0 5px 0 0;
  padding: 0 10px 0 0;
  text-indent: 0;
  line-height: 1em;
}
footer .department-menu ul li:before {
  content: "";
  color: #000;
}
footer .department-menu ul li.last {
  border: none;
  margin-right: 0;
  padding-right: 0;
}
footer .department-menu ul li a {
  color: #000;
  text-decoration: none;
}
footer .department-menu ul li a:hover {
  text-decoration: underline;
}
footer .disclaimer {
  padding: 0 0 20px 0;
}
@media only print {
  footer .disclaimer {
    border-top: 1px solid black;
    padding: 5px 0px 0px 0px;
  }
}

@media only screen and (max-width: 767px) {
  footer .footer-top-content {
    float: none;
  }
}
@media only screen and (max-width: 767px) {
  footer .footer-menu {
    float: none;
  }
}
@media only screen and (max-width: 767px) {
  footer .footer-menu ul li {
    display: block;
    clear: both;
    margin: 0 0 0 10px;
    padding: 0;
    border: none;
  }
}
@media only screen and (max-width: 767px) {
  footer .statewide-menu ul li {
    display: block;
    clear: left;
    margin: 0 0 0 20px;
    padding: 0;
    border: none;
  }
}
@media only screen and (max-width: 767px) {
  footer .department-menu ul li {
    display: block;
    clear: left;
    margin: 0 0 0 20px;
    padding: 0;
    border: none;
  }
}
#masthead-article {
  position: relative;
  background: rgba(255, 244, 226, 0.8) url("/careerconnections/images/content/Pattern3.svg") repeat center center;
  width: 100%;
  height: 200px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 0 right;
  background-size: cover;
}
#masthead-article .masthead-text {
  max-width: 100%;
  padding: 10px 3%;
}
#masthead-article h1 {
  margin-bottom: 0px;
  font-weight: bold;
  text-shadow: 1px 1px 0px #000;
  color: #FFFFFF;
}
#masthead-article h1 .white {
  color: #FFFFFF;
  text-shadow: 1px 1px 0px #232253;
}

#masthead {
  width: 100%;
  position: relative;
  margin-bottom: 40px;
}
#masthead .masthead-image {
  line-height: 0;
}
#masthead .masthead-image img {
  width: 100%;
}
#masthead .masthead-text-wrapper {
  position: absolute;
  bottom: 10%;
  left: 50%;
  background-color: rgba(255, 244, 226, 0.8);
  padding: 3%;
  width: 44%;
}
#masthead .masthead-text-wrapper .masthead-header-prefix {
  font-family: "cabin condensed", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
  color: #232253;
  font-size: 28px;
  line-height: 1em;
}
#masthead .masthead-text-wrapper h2 {
  margin: 0;
  padding: 0;
}
#masthead .masthead-quote {
  position: absolute;
  bottom: 10%;
  left: 10%;
  width: 300px;
  background-color: #FFF4E2;
  padding: 20px;
  color: #645069;
  font-weight: bold;
  font-style: italic;
  font-size: 24px;
  line-height: 32px;
}
#masthead .masthead-quote .masthead-quote-credit {
  display: block;
  width: 100%;
  text-align: right;
  font-weight: bold;
  font-style: normal;
}
#masthead .masthead-search {
  position: absolute;
  bottom: 10%;
  left: 50%;
  background-color: rgba(255, 244, 226, 0.8);
  padding: 3%;
  width: 44%;
}
body.business #masthead .masthead-search a.jobseeker {
  display: none;
}
body.jobseeker #masthead .masthead-search a.business {
  display: none;
}
#masthead .masthead-search a {
  display: inline-block;
  border: 2px solid #BABABA;
  padding: 10px 20px;
  font-size: 18px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #FFF;
  background: rgba(0, 0, 0, 0.6);
  font-family: "Cabin";
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.3);
  margin: 2px;
}
#masthead .masthead-search a:hover {
  box-shadow: none;
  margin: 4px 0px 0px 4px;
  text-decoration: none;
  background: #645069;
  color: white;
}
#masthead .masthead-search label {
  font-family: "cabin condensed", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
  font-size: 48px;
  line-height: 1.6em;
  color: #232253;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: inline;
}
#masthead .masthead-search label span.accent {
	/*
  font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 32px;
  line-height: 34px;
  font-weight: bold;
  font-style: italic;
  color: #232253;
  border-top: 2px solid #F68B1E;
  border-bottom: 2px solid #F68B1E;
  padding: 0 4px;
  display: inline-block;
  vertical-align: 3px;
  width: auto;
  text-transform: lowercase;
  */
}
#masthead .masthead-search input {
  border-radius: 0;
  border: 2px solid #BABABA;
  display: block;
  display: none;
  height: 36px;
  width: 512px;
  max-width: 80%;
  padding: 10px 20px;
  font-size: 24px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
#masthead #masthead-map {
  width: 100%;
  height: 400px;
}

@media only screen and (max-width: 767px) {
  #masthead .masthead-text-wrapper {
    position: static;
    bottom: auto;
    left: auto;
    background-color: #FFF4E2;
    padding: 3%;
    width: 94%;
  }
}
@media only screen and (max-width: 420px) {
  #masthead .masthead-text-wrapper {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  #masthead .masthead-quote {
    position: static;
    bottom: auto;
    left: auto;
    background-color: #FFF4E2;
    padding: 3%;
    width: 94%;
  }
}
@media only screen and (max-width: 420px) {
  #masthead .masthead-quote {
    text-align: center;
  }
}
@media only screen and (max-width: 1024px) {
  #masthead .masthead-search {
    position: static;
    bottom: auto;
    left: auto;
    background-color: #FFF4E2;
    padding: 3%;
    width: 94%;
    text-align: center;
  }
}
@media only screen and (max-width: 420px) {
  #masthead .masthead-search {
    text-align: center;
  }
}
@media only screen and (max-width: 1024px) {
  #masthead .masthead-search input {
    margin: 0px auto;
  }
}
#breadcrumb {
  margin-bottom: 40px;
  background-color: #232253;
}
#breadcrumb ul {
  list-style-type: none;
  margin: 0px;
  padding: 0;
}
#breadcrumb ul li {
  display: inline-block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-indent: 0;
}
#breadcrumb ul li:before {
  content: "";
  color: #000;
}
#breadcrumb ul li:after {
  content: "";
  background-image: url("/careerconnections/images/images/icons/breadcrumb.svg");
  background-repeat: no-repeat;
  background-size: 24px 8px;
  background-position: center;
  width: 24px;
  height: 8px;
  display: inline-block;
  margin: 0 0 0 5px;
}
#breadcrumb ul li.last:after {
  content: "";
  background: none;
  width: 0;
  height: 0;
  float: none;
}
#breadcrumb ul li a {
  font-family: "cabin condensed";
  font-size: 18px;
  font-weight: 500;
  color: white;
}

@media only screen and (max-width: 767px) {
  #breadcrumb ul li {
    display: block;
    border: none;
    margin: 5px 0;
    padding: 0;
  }
}
.primary-content p .listing-title {
  color: #645069;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
}

DEACTIVATED.primary-content p:first-child:first-letter {
  font-family: "cabin condensed","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
  float: left;
  color: #232253;
  font-size: 75px;
  line-height: 60px;
  padding: 4px 8px 0 3px;
}

#centers-and-events-region {
  margin-bottom: 80px;
  clear: both;
  display: block;
  overflow: hidden;
}
#centers-and-events-region .home-primary-content {
  float: left;
  width: 66%;
}
#centers-and-events-region .home-primary-content p {
  margin-top: 10px;
  display: block;
  clear: both;
}
#centers-and-events-region .home-primary-content #map {
  width: 100%;
  height: 500px;
}
#centers-and-events-region .home-secondary-content {
  float: right;
  width: 30%;
  margin-left: 3%;
}
#centers-and-events-region .home-secondary-content .button {
  font-family: "cabin condensed","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
  color: #fff;
  margin-bottom: 10px;
  text-align: center;
  padding: 0 20px 20px 20px;
}
#centers-and-events-region .home-secondary-content .button.purple {
  /*background-color: #645069;*/
}
#centers-and-events-region .home-secondary-content .button.orange {
  background-color: #232253;
  padding-top: 20px;
}
#centers-and-events-region .home-secondary-content .button img.home-network {
  margin-bottom: 10px;
  max-width: 100%;
}
#centers-and-events-region .home-secondary-content .button .button-text-1 {
  text-transform: uppercase;
  font-size: 28px;
  padding: 20px 0 10px 0;
  display: block;
}
#centers-and-events-region .home-secondary-content .button .button-text-2 {
  font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 28px;
  padding-bottom: 20px;
  display: block;
  font-weight: bold;
  line-height: 1.5em;
}
#centers-and-events-region .home-secondary-content .button .learn-button {
  width: 100px;
  background-color: #232253;
  color: #fff;
  padding: 10px 20px;
  font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif;
  font-weight: bold;
  display: block;
  margin: 0 auto;
  border: solid white;
}
#centers-and-events-region .home-secondary-content .button .button-text-3 {
  text-transform: uppercase;
  font-size: 36px;
  padding-bottom: 10px;
  display: block;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  #centers-and-events-region .home-primary-content p {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  #centers-and-events-region .home-primary-content {
    float: none;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #centers-and-events-region .home-secondary-content {
    float: none;
    width: 94%;
    padding: 3%;
    margin: 20px auto;
  }
}
#support-you-need {
  margin-bottom: 80px;
  clear: both;
  display: block;
  overflow: hidden;
}
body.business #support-you-need {
  display: none;
}
#support-you-need .primary-content {
  float: right;
  width: 66%;
  background-color: #FFF4E2;
}
#support-you-need .primary-content h2 {
  padding: 20px 20px 10px 20px;
  margin: 0;
}
#support-you-need .primary-content h2 .accent {
  /*
  text-transform: lowercase;
  */
}
#support-you-need .primary-content h3 {
  padding: 0 20px 10px 20px;
  margin: 0;
  text-transform: uppercase;
  color: #645069;
}
#support-you-need .primary-content p {
  padding: 0 20px 10px 20px;
  margin: 0;
}
#support-you-need .primary-content .support-links {
  display: block;
  padding: 0 20px 10px 20px;
  overflow: hidden;
}
#support-you-need .primary-content .support-links a {
  width: 50%;
  float: left;
  color: #232253;
  font-weight: bold;
  font-style: italic;
  font-size: 24px;
  margin: 10px 0;
  text-align: center;
}
#support-you-need .primary-content .support-links a:hover {
  color: #F68B1E;
}
#support-you-need .secondary-content {
  float: left;
  width: 30%;
}
#support-you-need .secondary-content img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  #support-you-need .primary-content {
    float: none;
    width: 100%;
    margin: 0 -40px;
    padding: 0 80px 0 40px;
  }
}
@media only screen and (max-width: 420px) {
  #support-you-need .primary-content .support-links a {
    float: none;
    width: 100%;
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  #support-you-need .secondary-content {
    display: none;
    float: none;
    width: 54%;
    padding: 3%;
    margin: 20px auto;
  }
}
@media only screen and (max-width: 420px) {
  #support-you-need .secondary-content {
    width: 94%;
  }
}
#for-employers {
  margin-bottom: 80px;
  clear: both;
  display: block;
  overflow: hidden;
  background-color: #645069;
}
#for-employers .primary-content {
  float: left;
  width: 66%;
}
#for-employers .primary-content h2 {
  color: #fff;
  margin: 20px 0 0 0;
  line-height: 1.1em;
}
body.business #for-employers .primary-content h2 {
  font-size: 0px;
}
body.business #for-employers .primary-content h2:before {
  content: 'We Work Hard To Put New Jersey To Work';
  font-size: 40px;
  line-height: 1.1em;
}
#for-employers .primary-content h3 {
  font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif;
  color: #fff;
  padding: 0 0 10px 0;
  font-style: italic;
  font-weight: bold;
  line-height: 1.1em;
}
#for-employers .primary-content p {
  color: #fff;
  margin: 0 0 10px 0;
}
#for-employers .primary-content a {
  color: #fff;
}
#for-employers .primary-content a:hover {
  color: #F68B1E;
}
#for-employers .primary-content a .button {
  width: 150px;
  font-style: italic;
  text-align: center;
  display: block;
  padding: 10px 0;
  margin: 20px auto;
}
#for-employers .primary-content a .button.purple {
  background-color: #645069;
}
#for-employers .primary-content a .button.purple:hover {
  background-color: #fff;
}
#for-employers .secondary-content {
  float: right;
  width: 30%;
  margin-left: 3%;
}
#for-employers .secondary-content img {
  width: 90%;
  margin: 5%;
}

@media only screen and (max-width: 767px) {
  #for-employers .primary-content {
    float: none;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #for-employers .primary-content a .button {
    float: none;
    margin: 20px auto;
  }
}
@media only screen and (max-width: 767px) {
  #for-employers .secondary-content {
    float: none;
    width: 54%;
    padding: 3%;
    margin: 20px auto;
  }
}
@media only screen and (max-width: 420px) {
  #for-employers .secondary-content {
    width: 94%;
  }
}
#homepage-bottom-widgets {
  margin-bottom: 80px;
  clear: both;
  display: block;
  overflow: hidden;
}
#homepage-bottom-widgets .homepage-bottom-widget {
  width: 30%;
  margin-right: 5%;
  float: left;
}
#homepage-bottom-widgets .homepage-bottom-widget h2 {
  font-size: 46px;
  line-height: 1em;
  height: 92px;
  display: table-cell;
  vertical-align: bottom;
}
#homepage-bottom-widgets .homepage-bottom-widget.last {
  margin-right: 0;
}
#homepage-bottom-widgets .homepage-bottom-widget img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  #homepage-bottom-widgets .homepage-bottom-widget {
    float: none;
    width: 54%;
    padding: 3%;
    margin: 20px auto;
  }
}
@media only screen and (max-width: 420px) {
  #homepage-bottom-widgets .homepage-bottom-widget {
    width: 94%;
  }
}
@media only screen and (max-width: 767px) {
  #homepage-bottom-widgets .homepage-bottom-widget.last {
    margin-right: auto;
  }
}
#success-profile {
  position: relative;
  width: 100%;
  overflow: hidden;
}
#success-profile .success-profile-image {
  line-height: 0;
}
#success-profile .success-profile-image img {
  width: 100%;
}
#success-profile .success-profile-text {
  background-color: #645069;
  color: #fff;
  width: 512px;
  position: absolute;
  bottom: 40px;
  left: 40px;
  padding: 20px 0;
}
#success-profile .success-profile-text h3 {
  color: #fff;
  padding: 0 20px 10px 20px;
  margin: 0;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 1em;
}
#success-profile .success-profile-text p {
  color: #fff;
  padding: 0 20px 10px 20px;
  margin: 0;
  font-weight: bold;
  line-height: 1.1em;
}
#success-profile .success-profile-text p em {
  font-style: italic;
  font-weight: normal;
}
#success-profile .success-profile-text p.quote {
  font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif;
  color: #fff;
  font-size: 24px;
  line-height: 1.4em;
  font-style: italic;
  padding: 20px 20px 20px 20px;
}
#success-profile .success-profile-text a {
  color: #fff;
  margin: 0 auto;
  padding: 3px 10px;
  border: 2px solid #fff;
  display: block;
  width: 200px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.4em;
}
#success-profile .success-profile-text a:hover {
  background-color: #fff;
  color: #FCB912;
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  #success-profile .success-profile-image {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  #success-profile .success-profile-text {
    position: static;
    width: 100%;
  }
}
/*
.two-col .primary-content .highlighted-link{
color:#645069;display:block;margin:0 0 20px 0;font-weight:bold;font-size:18px;line-height:24px
}

.two-col .primary-content .highlighted-link:hover{
color:#FCB912
}
*/
.two-col .secondary-content {
  font-size: 16px;
  color: #000;
  /*color: #888888;*/
  font-style: italic;
}
.two-col .secondary-content h3 {
  font-family: "Cabin";
  font-size: 28px;
  line-height: 1em;
}
.two-col .secondary-content a:hover {
  text-decoration: underline;
}

.success-intro {
  width: 100%;
  box-sizing: border-box;
}
.success-intro img.success-icon {
  width: 100px;
  height: 100px;
  float: left;
}
.success-intro .success-info {
  padding: 0 0 20px 120px;
}
.success-intro .success-info span {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 1.6em;
}

.two-col .primary-content .questionnaire h4 {
  margin: 0;
  line-height: 1.1em;
}
.two-col .secondary-content #map-to-success {
  background-color: #645069;
  line-height: 0;
}
.two-col .secondary-content #map-to-success img {
  width: 88%;
  padding: 0 6% 6% 6%;
}
.two-col .secondary-content #map-to-success p {
  color: #fff;
  line-height: 1.1em;
  padding: 0 20px;
  font-style: normal;
}
.two-col .secondary-content #map-to-success h4.widget-header {
  text-align: center;
  display: block;
  color: #fff;
  padding-top: 20px;
  line-height: 32px;
}
.two-col .secondary-content #map-to-success h4.widget-header span.accent {
  /*
  color: #fff;
  border: none;
  */
}
.two-col .secondary-content #map-to-success ul {
  list-style-type: none;
  margin: 0;
  padding: 0 20px;
}
.two-col .secondary-content #map-to-success ul li {
  text-indent: 0;
  margin: 0;
  padding: 0 0 10px 24px;
  line-height: 1.3em;
  background-image: url("/careerconnections/images/images/icons/07-map-marker-icon.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}
.two-col .secondary-content #map-to-success ul li a {
  color: #fff;
  line-height: 24px;
}
.two-col .secondary-content #map-to-success ul li a:hover {
  color: #FCB912;
}
.two-col .secondary-content #map-to-success ul li.last {
  padding: 0 0 20px 24px;
}
.two-col .secondary-content #map-to-success ul li:before {
  content: "";
  color: #FCB912;
}

#bottom-button {
  clear: both;
  margin: 80px 0;
}
#bottom-button a.button {
  display: block;
  width: 300px;
  margin: 0 auto;
  padding: 10px 20px;
  text-align: center;
  font-size: 24px;
  line-height: 32px;
  background-color: #645069;
  color: #fff;
  border: 2px solid #645069;
}
#bottom-button a.button:hover {
  background-color: #fff;
  color: #645069;
  text-decoration: none;
}
#bottom-button a.button em {
  font-style: italic;
  font-size: 20px;
}

#bottom-masthead {
  clear: both;
}
#bottom-masthead img {
  width: 100%;
}

#highcharts-container {
  width: 100%;
  height: 500px;
  margin-bottom: 40px;
}

#calendar-header {
  margin-bottom: 40px;
}

.primary-content .calendar-event p:first-child:first-letter {
  font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif;
  float: none;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  padding: inherit;
}
.primary-content .calendar-event .calendar-event-date {
  width: 100px;
  cursor: pointer;
  float: left;
  text-align: center;
  background-color: #FFF4E2;
  color: #645069;
  padding: 0 0 10px 0;
  margin: 0 40px 40px 0;
}
.primary-content .calendar-event .calendar-event-date .weekday {
  font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif;
  width: 100%;
  display: block;
  background: #FCB912;
  font-size: 17px;
  padding: 2px 0;
  font-style: italic;
}
.primary-content .calendar-event .calendar-event-date .month {
  font-family: "cabin condensed","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
  width: 100%;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.11em;
  font-size: 24px;
  padding: 10px 0 0 0;
}
.primary-content .calendar-event .calendar-event-date .day {
  font-family: "cabin condensed","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
  font-size: 40px;
  line-height: 42px;
  font-weight: 400;
  letter-spacing: -0.05em;
}
.primary-content .calendar-event .calendar-event-info p {
  margin-bottom: 10px;
  line-height: 1.1em;
  font-size: 16px;
}
.primary-content .calendar-event .calendar-event-info .calendar-event-links {
  float: right;
}
.primary-content .calendar-event .calendar-event-info .calendar-event-links .calendar-map-directions {
  background-image: url("/careerconnections/images/images/icons/arrow_left.svg");
  background-repeat: no-repeat;
  background-size: 30px;
  padding-left: 34px;
  margin-left: -4px;
  display: block;
}
.primary-content .calendar-event .calendar-event-info .calendar-event-links .calendar-add {
  background-image: url("/careerconnections/images/images/icons/calendar_add.png");
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 30px;
  display: block;
}
.primary-content .calendar-event .calendar-event-description {
  clear: both;
}

.secondary-content .calendar-grid {
  line-height: 0;
}
.secondary-content .calendar-grid img {
  margin-bottom: 150px;
}
.secondary-content .featured-event {
  background-color: #645069;
  margin-bottom: 150px;
}
.secondary-content .featured-event img {
  line-height: 0;
}
.secondary-content .featured-event .featured-event-content {
  padding: 10px;
}
.secondary-content .featured-event .featured-event-content h4 {
  color: #fff;
}

body div.primary-content ul li {
  padding: 0px 0px 0px 30px;
  text-indent: 0px;
  margin-bottom: 15px;
  line-height: 1.4em;
  position: relative;
}
@media (min-width: 46.25em) {
  body div.primary-content ul li {
    padding: 0px 0px 0px 50px;
  }
}
body div.primary-content ul li::before {
  font-size: 2.5em;
  line-height: 0em;
  position: absolute;
  top: 12px;
  left: 10px;
}
@media (min-width: 46.25em) {
  body div.primary-content ul li::before {
    left: 30px;
  }
}
body h3 {
  margin-bottom: 0px !important;
  margin-top: 20px !important;
}
body h3:first-child {
  margin-top: 0px !important;
}
body div.primary-content ol {
  list-style-type: none;
  list-style-type: decimal;
  margin: 0;
  margin-left: 4em;
  padding: 0;
  counter-reset: li-counter;
}
/*4/8/16 body div.primary-content ol li {*/
body div.primary-content ol > li {
  position: relative;
  margin-bottom: 20px;
  padding-left: 0.5em;
  min-height: 3em;
}
/*4/8/16 body div.primary-content ol li::before {*/
body div.primary-content ol > li::before {
  position: absolute;
  top: 0px;
  left: -1.33em;
  width: 1.2em;
  height: 1.2em;
  font-size: 1.5em;
  line-height: 1.2;
  text-align: center;
  color: #FFF;
  border: 3px solid #C5C5C5;
  border-radius: 50%;
  background-color: #645069;
  content: counter(li-counter,decimal);
  counter-increment: li-counter;
}
body div.primary-content ol h4 {
  margin: 0px 0px 15px -30px;
  border-bottom: 2px solid #ccc;
  display: inline-block;
  line-height: 1em;
}

/* landing page */
#masthead {
  margin-bottom: 0px;
}
#masthead p {
  margin-bottom: 0px;
}
#masthead .masthead-text-wrapper p:last-child {
  margin-bottom: 0px;
}
#masthead .masthead-text-wrapper h2 {
  margin: 0px 0px .25em 0px;
  line-height: 1em;
}
#masthead .masthead-text-wrapper, #masthead .masthead-text-wrapper a{
	font-weight: normal;
}
/*2019-03-08 request removal from all*/
#masthead>.masthead-text-wrapper{
	/*
	This will hide only masthead text boxes that are direct children of the main #masthead
	This will allow us to use same set up for rotating images
	*/
	display:none;
}
.slick-slide {
	/*
	Allows masthead text to layout properly
	*/
	position: relative;
}

body h2 {
  /*text-transform: capitalize;*/
  text-transform: unset;
}

div#printer {
  float: right;
  width: 100px;
  text-align: center;
  border: 1px solid #cccccc;
  font-family: "cabin condensed";
  background: #efefef url("/careerconnections/images/images/icons/printer-11.png");
  background-repeat: no-repeat;
  background-size: 32px;
  background-position: center 25px;
  height: 65px;
  opacity: 0.5;
}
div#printer:hover {
  opacity: 1;
}

.primary-content p a,
.primary-content li a {
  border-bottom: 1px dotted;
}
.primary-content p a:hover,
.primary-content li a:hover {
  text-decoration: none;
}

a.highlighted-link {
  display: inline-block;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: 14px/100% Arial, Helvetica, sans-serif;
  padding: .33em 1.3em .35em;
  /* text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); */
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  font-family: "Cabin";
  font-size: 16px;
  font-weight: 600;
  color: #darkblue;
  /* border: solid 1px #da7c0c; */
  background: #f78d1d;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFEE37), to(#F7BE07));
  background: -moz-linear-gradient(top, #FFEE37, #F7BE07);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEE37', endColorstr='#F7BE07');
  margin-bottom: 15px;
}
.primary-content a.highlighted-link {
  margin-right: 50%;
}
a.highlighted-link:hover {
  text-decoration: none;
}
a.highlighted-link:active {
  position: relative;
  top: 1px;
}
a.highlighted-link:hover {
  color: #232253;
  background: #f47c20;
  background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
  background: -moz-linear-gradient(top, #f88e11, #f06015);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
a.highlighted-link:active {
  color: #232253;
  background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
  background: -moz-linear-gradient(top, #f47a20, #faa51a);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
a.highlighted-link:after {
  background-image: url("/careerconnections/images/images/icons/arrow-27-xxl.png");
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  position: right;
  float: right;
  margin-left: 10px;
  margin-right: 0px;
}

a.highlighted-link.downloadicon {
  line-height: 2em;
}

#for-employers.success .padded{
	padding-right: 0px;
}

div.successprofile {
  line-height: 0;
  position: relative;
  display: block;
}
div.successprofile div.inner {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background: #645069;
  height: 400px;
  padding: 15px 15px 15px 20px;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.5);
  color: white;
  font-family: Lora;
}
@media (min-width: 46.25em) {
  div.successprofile div.inner {
    position: absolute;
    top: 150px;
    left: 50px;
    width: 400px;
  }
}
div.successprofile span.widget-header {
  font-size: 32px;
  line-height: 1.4em;
}
div.successprofile img {
  max-width: 100%;
  height: auto;
}
div.successprofile p.quote {
  font-style: italic;
  font-size: 20px;
  line-height: 1.4em;
}
div.successprofile a {
  padding: 5px 10px;
  border: 1px solid white;
  color: white;
}
div.successprofile p {
  font-size: 16px;
  line-height: 1.2em;
}
div.successprofile p.profile-link {
  display: none;
}

#masthead .masthead-image img {
  width: 100%;
  /* min-height: 300px; */
  clear: both;
  background-color: #ccddcc;
}

/*
 * Landing Page Feature Box styles
 */
body.landingpage_tpl .secondary-content {
  /* List */
  /* Quotation */
  /* 
   * Tip w/map icon
   */
  /* 
   * Tip w/pointing hand icon
   */
}
body.landingpage_tpl .secondary-content.style_a > div {
  overflow: hidden;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
  line-height: 0;
}
body.landingpage_tpl .secondary-content.style_a > div p {
  line-height: 1.4em;
}
body.landingpage_tpl .secondary-content.style_a > div ul {
  line-height: 1.6em;
}
body.landingpage_tpl .secondary-content.style_b > div#featured-tool {
  background-color: rgba(251, 188, 35, 0.2);
  border-bottom: 6px solid #fbbc23;
}
body.landingpage_tpl .secondary-content.style_b > div#featured-tool:after {
  content: ' ';
  display: block;
  clear: both;
}
body.landingpage_tpl .secondary-content.style_b > div#featured-tool h3 {
  /*
  				font-family: "Cabin Condensed";
  				font-size: 22px;
  				line-height: 1em;
  				font-style: normal;
  				font-weight: bold;
  */
  border-bottom: 8px solid #FBBC23;
  background-color: white;
  position: relative;
}
body.landingpage_tpl .secondary-content.style_b > div#featured-tool h3:after {
  border-bottom: 2px dashed white;
  width: 400px;
  height: 10px;
  display: block;
  content: ' ';
  position: absolute;
  bottom: -5px;
}
body.landingpage_tpl .secondary-content.style_b > div#featured-tool ul {
  margin-left: 20px;
}
body.landingpage_tpl .secondary-content.style_b > div#featured-tool ul li {
  font-size: 16px;
  line-height: 1.6em;
  color: black;
  padding: 0 0 0 10px;
  text-indent: -16px;
}
body.landingpage_tpl .secondary-content.style_b > div#featured-tool ul li:before {
  content: ' ';
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  display: inline-block;
  background-color: #645069;
  background-size: 15px;
  margin-right: 5px;
}
body.landingpage_tpl .secondary-content.style_c:before {
  display: block;
  width: 24px;
  height: 24px;
  /*				background: $purple;
  				color: white;
  */
  content: "\201c";
  font-size: 60px;
  font-family: Georgia;
  font-style: normal;
  line-height: 1em;
  position: absolute;
  border-radius: 50px;
  left: 0px;
  top: -10px;
  color: #645069;
  font-size: 100px;
  font-weight: bold;
}
body.landingpage_tpl .secondary-content.style_c > div#featured-tool {
  position: relative;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  font-size: 18px;
  line-height: 1.6em;
}
body.landingpage_tpl .secondary-content.style_c > div#featured-tool h3 {
  right: 0px;
  font-size: 18px !important;
  font-family: lora !important;
  font-style: normal;
  padding-left: 90px;
  line-height: 1.2em;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.landingpage_tpl .secondary-content.style_c > div#featured-tool h3:before {
  content: '\2014';
  margin-left: -12px;
}
body.landingpage_tpl .secondary-content.style_c > div#featured-tool p {
  padding-top: 20px;
  padding-left: 60px;
  padding-bottom: 18px;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.landingpage_tpl .secondary-content.style_c > div#featured-tool p:last-child {
  padding-bottom: 30px;
}
body.landingpage_tpl .secondary-content.style_d > div {
  overflow: hidden;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
  border-bottom: 6px solid #645069/*18.07.05.#693065*/;
}
body.landingpage_tpl .secondary-content.style_d > div h3 {
  width: 100%;
  display: inline-block;
  height: 45px;
  background: #645069/*18.07.05.#693065*/;
  background-image: url("/careerconnections/images/icons/njcc-pin-white.png");
  background-repeat: no-repeat;
  background-size: 25px;
  font-size: 28px;
  line-height: 45px;
  padding: 0px 15px 0px 55px;
  background-position: 10px center;
  color: white;
  font-weight: bold;
  margin-bottom: 10px !important;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
}
body.landingpage_tpl .secondary-content.style_d > div p {
  padding: 0px 10px;
}
body.landingpage_tpl .secondary-content.style_e > div {
  overflow: hidden;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
  border-bottom: 6px solid #645069/*18.07.05.#693065*/;
}
body.landingpage_tpl .secondary-content.style_e > div h3 {
  width: 100%;
  display: inline-block;
  height: 40px;
  background: #645069/*18.07.05.#693065*/;
  background-image: url("/careerconnections/images/icons/point-right.svg");
  background-repeat: no-repeat;
  background-size: 30px;
  font-size: 28px;
  line-height: 40px;
  padding: 0px 15px 0px 55px;
  background-position: 10px center;
  color: white;
  font-weight: bold;
  margin-bottom: 10px !important;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
}
body.landingpage_tpl .secondary-content.style_e > div p {
  padding: 0px 10px;
}

div#notice_1 {
  clear: both;
  width: 100%;
  min-height: 100px;
  background: #aa0000;
  color: white;
  position: relative;
}
div#notice_1 .title {
  font-size: 32px !important;
  line-height: 1.4em;
  font-family: "Cabin Condensed";
  padding-left: 100px;
}
div#notice_1 .title:before {
  content: ' ';
  width: 100px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("/careerconnections/images/icons/warning.png");
  background-repeat: no-repeat;
  background-size: 85px;
  background-position: 15px 10px;
}
div#notice_1 .body {
  padding-left: 100px;
}
div#notice_2 {
  width: 100%;
  /*	min-height: 100px;   */
  background: #232253;
  color: white;
  padding: 0.5em 0px;
  margin-bottom: 2em;
  position: relative;
}
div#notice_2 .title {
  font-size: 28px !important;
  line-height: 1.4em;
  font-family: "Cabin Condensed";
  padding-left: 80px;
}
div#notice_2 .title:before {
  content: ' ';
  width: 100px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("/careerconnections/images/icons/announce.png");
  background-repeat: no-repeat;
  background-size: 85px;
  background-position: 15px 30px;
}
div#notice_2 .body {
  padding-left: 80px;
}
div#notice_3, div#notice_4 {
  width: 100%;
  background: #fff4e2;
  color: #232253;
  padding: 2em 0px;
  margin-bottom: 2em;
  position: relative;
}
div#notice_3 .title, div#notice_4 .title {
  font-size: 22px !important;
  line-height: 1.4em;
  font-family: "Cabin Condensed";
  padding-left: 80px;
}
div#notice_3 .title:before, div#notice_4 .title:before {
  content: ' ';
  width: 100px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: 85px;
  background-position: 15px 30px;
}
div#notice_3#notice_3 .title:before, div#notice_4#notice_3 .title:before {
  background-image: url("/careerconnections/images/icons/info-purple.png");
}
div#notice_3#notice_4 .title:before, div#notice_4#notice_4 .title:before {
  background-image: url("/careerconnections/images/icons/info-yellow.png");
}
div#notice_3 .body, div#notice_4 .body {
  padding-left: 80px;
}
div#notice_3:after, div#notice_4:after {
  content: ' ';
  display: block;
  clear: both;
}

/* 
 * Widgets 
 */
 
 .secondary-content h3{
	/*color: #000;*/
 }
 
 
.secondary-content span.widget-header {
  background-color: #645069;
  color: #fff;
  width: 100%;
  text-align: center;
  font-weight: bold;
  display: block;
  padding: 5px 0;
  font-size: 18px;
  line-height: 24px;
}
.secondary-content img {
  max-width: 100%;
}
.secondary-content .career-map {
  background-color: #645069;
  margin-bottom: 80px;
  display: block;
  line-height: 0;
}
.secondary-content .career-map p {
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  padding: 20px;
}
.secondary-content .profile-of-success {
  background-color: #645069;
  margin-bottom: 80px;
  display: block;
  line-height: 0;
}
.secondary-content .profile-of-success p {
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  margin: 20px;
  font-style: italic;
  font-weight: bold;
}
.secondary-content .profile-of-success p.profile-link {
  text-align: center;
  margin: 0 20px;
  padding: 0 0 20px 0;
  font-style: normal;
}

body.article_tpl .secondary-content {
  /*
   * Helpful Links
   */
  /*
   * Video 
   */
}
body.article_tpl .secondary-content table {
  table-layout: fixed;
}
body.article_tpl .secondary-content .photowidget {
  margin-bottom: 80px;
  background-color: #f3f3f3;
}
body.article_tpl .secondary-content .photowidget h3 {
  padding: 20px 20px 1px 20px;
}
body.article_tpl .secondary-content .photowidget .IntroText {
  padding: 0px 20px 1px 20px;
}
body.article_tpl .secondary-content .photowidget .BottomText {
  padding: 20px 20px 1px 20px;
}
body.article_tpl .secondary-content .photowidget h3, body.article_tpl .secondary-content .photowidget .caption {
  text-align: center;
}

body.article_tpl .secondary-content .photowidget, 
body.article_tpl .secondary-content .photowidget.Style-A,
body.article_tpl .secondary-content .photowidget.Style-B,
body.article_tpl .secondary-content .photowidget.Style-C {
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  padding: 5% 0;
}
body.article_tpl .secondary-content .photowidget ul li,
body.article_tpl .secondary-content .photowidget.Style-A ul li,
body.article_tpl .secondary-content .photowidget.Style-B ul li,
body.article_tpl .secondary-content .photowidget.Style-C ul li {
  line-height: 1.4em;
  margin-bottom: 1.4em;
  text-indent: 0px;
  font-size: 16px;
  position: relative;
}
body.article_tpl .secondary-content .photowidget ul li:before,
body.article_tpl .secondary-content .photowidget.Style-A ul li:before,
body.article_tpl .secondary-content .photowidget.Style-B ul li:before,
body.article_tpl .secondary-content .photowidget.Style-C ul li:before {
  content: '';
  display: block;
  /*
  background-image: url("/careerconnections/images/icons/check-mark-2-48.png");
  */
  background-size: 32px;
  position: absolute;
  width: 32px;
  height: 32px;
  left: -12px;
  background-repeat: no-repeat;
}

body.article_tpl .secondary-content .photowidget img,
body.article_tpl .secondary-content .photowidget.Style-A img,
body.article_tpl .secondary-content .photowidget.Style-B img,
body.article_tpl .secondary-content .photowidget.Style-C img {
  width: 98%;
  margin-left:  1%;
  max-width: 98% !important;
  display: block;
  padding-bottom: 0%;
}

body.article_tpl .secondary-content .helpful-links {
  margin-bottom: 80px;
  background-color: #FFF4E2;
  padding: 20px;
}
body.article_tpl .secondary-content .helpful-links h3 {
  font-size: 28px;
  text-align: center;
  margin: 0 0 20px 0;
}
body.article_tpl .secondary-content .helpful-links ul {
  list-style-type: none;
}
body.article_tpl .secondary-content .helpful-links ul li {
  text-indent: 0;
  margin: 0 0 20px 0;
  padding: 0;
}
body.article_tpl .secondary-content .helpful-links ul li a {
  /*color: #645069;*/
}
body.article_tpl .secondary-content .helpful-links ul li a:hover {
  color: #FCB912;
}
body.article_tpl .secondary-content .helpful-links ul li.last {
  margin: 0;
}
body.article_tpl .secondary-content .helpful-links ul li:before {
  content: "";
  color: #000;
}
body.article_tpl .secondary-content .videoWrapper {
  max-width: 345px;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 5px;
}
body.article_tpl .secondary-content .videoWrapper iframe {
  width: 100%;
  height: auto;
}

#map {
  height: 480px;
}
#map.njcc {
  height: 600px;
}

.tight {
  margin-bottom: 0px;
}

.centerpopup {
  font-family: "Lora";
}
.centerpopup .addr {
  clear: both;
}
.centerpopup .addr a.dir {
  float: right;
  text-align: right;
  background-image: url("/careerconnections/images/icons/googlemaps.png");
  background-position: center top;
  background-repeat: no-repeat;
  padding-top: 30px;
  line-height: 1em;
  text-transform: uppercase;
  font-family: "Cabin condensed";
}
.centerpopup .services {
  min-width: 350px;
}
.centerpopup .services > .t {
  font-weight: bold;
  font-size: 1.3em;
  text-transform: uppercase;
  font-family: "Cabin condensed";
  margin-top: 1em;
}
.centerpopup .services .cat .t {
  font-weight: bold;
}
.centerpopup .services .cat.one {
  float: left;
  width: 48%;
  margin-right: 2%;
}
.centerpopup .services .cat.two {
  float: left;
  width: 48%;
}
.centerpopup .services:after {
  content: ' ';
  display: block;
  clear: both;
}

#nav_interactive #navmap .map {
  position: relative;
  min-height: 810px;
  overflow: hidden;
}
#nav_interactive #navmap .hidden {
  display: none;
}
#nav_interactive #navmap img {
  position: absolute;
  width: 100%;
}
#nav_interactive #navmap #key {
  margin: 0px auto 20px;
}
#nav_interactive #navmap #key .box {
  font-family: "cabin condensed";
  line-height: 1em;
  width: 33%;
  float: left;
  padding-right: 40px;
  box-sizing: border-box;
}
#nav_interactive #navmap #key .box:before {
  content: ' ';
  width: 25px;
  height: 35px;
  display: block;
  float: left;
  margin-right: 90px;
  margin-left: -25px;
}
#nav_interactive #navmap #key .box.box1:before, #nav_interactive #navmap #key .box.box2:before {
  box-shadow: 25px 0 0px #F68B1E, 30px 0 0px white, 55px 0 0px #232253, 60px 0 0px white, 85px 0 0px #645069;
}
#nav_interactive #navmap #key .box.box2:before {
  -webkit-filter: grayscale(75%);
  filter: grayscale(75%);
}
#nav_interactive #navmap #key .box.box3:before {
  margin-right: 30px;
  box-shadow: 25px 0 0px #F68B1E;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
#nav_interactive #navmap #tools #plan .tool {
  background-color: #F68B1E;
}
#nav_interactive #navmap #tools #prepare .tool {
  background-color: #232253;
}
#nav_interactive #navmap #tools #succeed .tool {
  background-color: #645069;
}
#nav_interactive #navmap #tools .tool {
  z-index: 1;
  background-color: #eee;
  position: absolute;
  opacity: 0.5;
  opacity: 1;
  -webkit-filter: grayscale(90%);
  filter: grayscale(90%);
  font-family: "cabin condensed";
  font-size: 14px;
  text-align: center;
  line-height: 1.2em;
  color: white;
  letter-spacing: .5px;
  box-sizing: border-box;
}
#nav_interactive #navmap #tools .tool:after {
  box-sizing: border-box;
}
#nav_interactive #navmap #tools .tool:hover {
  box-shadow: 0 0 0px 2px #f68B1E, 0 0 0px 1000px rgba(0, 0, 0, 0.4);
  z-index: 5;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  cursor: pointer;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
#nav_interactive #navmap #tools .tool.recommend {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
#nav_interactive #navmap #tools #your_finances {
  left: 73px;
  top: 210px;
  width: 114px;
  height: 56px;
}
#nav_interactive #navmap #tools #your_finances:before {
  content: ' ';
  display: block;
  height: 18px;
}
#nav_interactive #navmap #tools #your_finances:after {
  content: ' ';
  display: block;
  top: 0px;
  position: absolute;
  width: 114px;
  height: 56px;
  border-top: 28px solid rgba(255, 255, 255, 0.1);
  border-bottom: 28px solid rgba(255, 255, 255, 0.3);
  border-left: 14.25px solid rgba(255, 255, 255, 0.2);
  border-right: 14.25px solid rgba(255, 255, 255, 0.2);
}
#nav_interactive #navmap #tools #your_motivation {
  left: 241px;
  top: 99px;
  width: 101px;
  height: 68px;
}
#nav_interactive #navmap #tools #your_motivation:before {
  content: ' ';
  display: block;
  height: 24px;
}
#nav_interactive #navmap #tools #your_motivation:after {
  content: ' ';
  display: block;
  top: 0px;
  position: absolute;
  width: 101px;
  height: 68px;
  border-top: 34px solid rgba(255, 255, 255, 0.1);
  border-bottom: 34px solid rgba(255, 255, 255, 0.3);
  border-left: 12.625px solid rgba(255, 255, 255, 0.2);
  border-right: 12.625px solid rgba(255, 255, 255, 0.2);
}
#nav_interactive #navmap #tools div#support_you_need {
  left: 263px;
  top: 305px;
  width: 104px;
  height: 200px;
}
#nav_interactive #navmap #tools div#support_you_need:before {
  content: ' ';
  display: block;
  height: 90px;
}
#nav_interactive #navmap #tools div#support_you_need:after {
  content: ' ';
  display: block;
  top: 0px;
  position: absolute;
  width: 104px;
  height: 200px;
  border-top: 25px solid rgba(255, 255, 255, 0.2);
  border-bottom: 25px solid rgba(255, 255, 255, 0.2);
  border-left: 52px solid rgba(255, 255, 255, 0.3);
  border-right: 52px solid rgba(255, 255, 255, 0.1);
}
#nav_interactive #navmap #tools #right_career {
  left: 66px;
  top: 543px;
  width: 114px;
  height: 55px;
}
#nav_interactive #navmap #tools #right_career:before {
  content: ' ';
  display: block;
  height: 17.5px;
}
#nav_interactive #navmap #tools #right_career:after {
  content: ' ';
  display: block;
  top: 0px;
  position: absolute;
  width: 114px;
  height: 55px;
  border-top: 27.5px solid rgba(255, 255, 255, 0.1);
  border-bottom: 27.5px solid rgba(255, 255, 255, 0.3);
  border-left: 14.25px solid rgba(255, 255, 255, 0.2);
  border-right: 14.25px solid rgba(255, 255, 255, 0.2);
}
#nav_interactive #navmap #tools div#documenation {
  left: 392px;
  top: 212px;
  width: 113px;
  height: 58px;
}
#nav_interactive #navmap #tools div#documenation:before {
  content: ' ';
  display: block;
  height: 19px;
}
#nav_interactive #navmap #tools div#documenation:after {
  content: ' ';
  display: block;
  top: 0px;
  position: absolute;
  width: 113px;
  height: 58px;
  border-top: 29px solid rgba(255, 255, 255, 0.1);
  border-bottom: 29px solid rgba(255, 255, 255, 0.3);
  border-left: 14.125px solid rgba(255, 255, 255, 0.2);
  border-right: 14.125px solid rgba(255, 255, 255, 0.2);
}
#nav_interactive #navmap #tools div#transporation {
  left: 425px;
  top: 95px;
  width: 109px;
  height: 75px;
}
#nav_interactive #navmap #tools div#transporation:before {
  content: ' ';
  display: block;
  height: 27.5px;
}
#nav_interactive #navmap #tools div#transporation:after {
  content: ' ';
  display: block;
  top: 0px;
  position: absolute;
  width: 109px;
  height: 75px;
  border-top: 37.5px solid rgba(255, 255, 255, 0.1);
  border-bottom: 37.5px solid rgba(255, 255, 255, 0.3);
  border-left: 13.625px solid rgba(255, 255, 255, 0.2);
  border-right: 13.625px solid rgba(255, 255, 255, 0.2);
}
#nav_interactive #navmap #tools div#resume {
  left: 735px;
  top: 92px;
  width: 119px;
  height: 55px;
}
#nav_interactive #navmap #tools div#resume:before {
  content: ' ';
  display: block;
  height: 17.5px;
}
#nav_interactive #navmap #tools div#resume:after {
  content: ' ';
  display: block;
  top: 0px;
  position: absolute;
  width: 119px;
  height: 55px;
  border-top: 27.5px solid rgba(255, 255, 255, 0.1);
  border-bottom: 27.5px solid rgba(255, 255, 255, 0.3);
  border-left: 14.875px solid rgba(255, 255, 255, 0.2);
  border-right: 14.875px solid rgba(255, 255, 255, 0.2);
}
#nav_interactive #navmap #tools div#volunteer {
  left: 742px;
  top: 229px;
  width: 120px;
  height: 41px;
}
#nav_interactive #navmap #tools div#volunteer:before {
  content: ' ';
  display: block;
  height: 10.5px;
}
#nav_interactive #navmap #tools div#volunteer:after {
  content: ' ';
  display: block;
  top: 0px;
  position: absolute;
  width: 120px;
  height: 41px;
  border-top: 20.5px solid rgba(255, 255, 255, 0.1);
  border-bottom: 20.5px solid rgba(255, 255, 255, 0.3);
  border-left: 15px solid rgba(255, 255, 255, 0.2);
  border-right: 15px solid rgba(255, 255, 255, 0.2);
}
#nav_interactive #navmap #tools div#job_search {
  left: 742px;
  top: 322px;
  width: 94px;
  height: 101px;
}
#nav_interactive #navmap #tools div#job_search:before {
  content: ' ';
  display: block;
  height: 40.5px;
}
#nav_interactive #navmap #tools div#job_search:after {
  content: ' ';
  display: block;
  top: 0px;
  position: absolute;
  width: 94px;
  height: 101px;
  border-top: 12.625px solid rgba(255, 255, 255, 0.2);
  border-bottom: 12.625px solid rgba(255, 255, 255, 0.2);
  border-left: 47px solid rgba(255, 255, 255, 0.3);
  border-right: 47px solid rgba(255, 255, 255, 0.1);
}
#nav_interactive #navmap #tools div#update_skills {
  left: 570px;
  top: 317px;
  width: 119px;
  height: 56px;
}
#nav_interactive #navmap #tools div#update_skills:before {
  content: ' ';
  display: block;
  height: 18px;
}
#nav_interactive #navmap #tools div#update_skills:after {
  content: ' ';
  display: block;
  top: 0px;
  position: absolute;
  width: 119px;
  height: 56px;
  border-top: 28px solid rgba(255, 255, 255, 0.1);
  border-bottom: 28px solid rgba(255, 255, 255, 0.3);
  border-left: 14.875px solid rgba(255, 255, 255, 0.2);
  border-right: 14.875px solid rgba(255, 255, 255, 0.2);
}
#nav_interactive #navmap #tools div#interviewing {
  left: 569px;
  top: 423px;
  width: 108px;
  height: 75px;
}
#nav_interactive #navmap #tools div#interviewing:before {
  content: ' ';
  display: block;
  height: 27.5px;
}
#nav_interactive #navmap #tools div#interviewing:after {
  content: ' ';
  display: block;
  top: 0px;
  position: absolute;
  width: 108px;
  height: 75px;
  border-top: 37.5px solid rgba(255, 255, 255, 0.1);
  border-bottom: 37.5px solid rgba(255, 255, 255, 0.3);
  border-left: 13.5px solid rgba(255, 255, 255, 0.2);
  border-right: 13.5px solid rgba(255, 255, 255, 0.2);
}
#nav_interactive #navmap #tools div#internships {
  left: 582px;
  top: 95px;
  width: 115px;
  height: 56px;
}
#nav_interactive #navmap #tools div#internships:before {
  content: ' ';
  display: block;
  height: 18px;
}
#nav_interactive #navmap #tools div#internships:after {
  content: ' ';
  display: block;
  top: 0px;
  position: absolute;
  width: 115px;
  height: 56px;
  border-top: 28px solid rgba(255, 255, 255, 0.1);
  border-bottom: 28px solid rgba(255, 255, 255, 0.3);
  border-left: 14.375px solid rgba(255, 255, 255, 0.2);
  border-right: 14.375px solid rgba(255, 255, 255, 0.2);
}
#nav_interactive #navmap #tools div#coaching {
  left: 737px;
  top: 668px;
  width: 115px;
  height: 57px;
}
#nav_interactive #navmap #tools div#coaching:before {
  content: ' ';
  display: block;
  height: 18.5px;
}
#nav_interactive #navmap #tools div#coaching:after {
  content: ' ';
  display: block;
  top: 0px;
  position: absolute;
  width: 115px;
  height: 57px;
  border-top: 28.5px solid rgba(255, 255, 255, 0.1);
  border-bottom: 28.5px solid rgba(255, 255, 255, 0.3);
  border-left: 14.375px solid rgba(255, 255, 255, 0.2);
  border-right: 14.375px solid rgba(255, 255, 255, 0.2);
}
#nav_interactive #navmap #tools div#applying {
  left: 562px;
  top: 665px;
  width: 116px;
  height: 56px;
}
#nav_interactive #navmap #tools div#applying:before {
  content: ' ';
  display: block;
  height: 18px;
}
#nav_interactive #navmap #tools div#applying:after {
  content: ' ';
  display: block;
  top: 0px;
  position: absolute;
  width: 116px;
  height: 56px;
  border-top: 28px solid rgba(255, 255, 255, 0.1);
  border-bottom: 28px solid rgba(255, 255, 255, 0.3);
  border-left: 14.5px solid rgba(255, 255, 255, 0.2);
  border-right: 14.5px solid rgba(255, 255, 255, 0.2);
}
#nav_interactive #navmap #tools div#networking {
  left: 556px;
  top: 536px;
  width: 141px;
  height: 74px;
}
#nav_interactive #navmap #tools div#networking:before {
  content: ' ';
  display: block;
  height: 27px;
}
#nav_interactive #navmap #tools div#networking:after {
  content: ' ';
  display: block;
  top: 0px;
  position: absolute;
  width: 141px;
  height: 74px;
  border-top: 37px solid rgba(255, 255, 255, 0.1);
  border-bottom: 37px solid rgba(255, 255, 255, 0.3);
  border-left: 17.625px solid rgba(255, 255, 255, 0.2);
  border-right: 17.625px solid rgba(255, 255, 255, 0.2);
}
#nav_interactive #navmap #tools div#lifelong {
  left: 407px;
  top: 645px;
  width: 109px;
  height: 76px;
}
#nav_interactive #navmap #tools div#lifelong:before {
  content: ' ';
  display: block;
  height: 28px;
}
#nav_interactive #navmap #tools div#lifelong:after {
  content: ' ';
  display: block;
  top: 0px;
  position: absolute;
  width: 109px;
  height: 76px;
  border-top: 38px solid rgba(255, 255, 255, 0.1);
  border-bottom: 38px solid rgba(255, 255, 255, 0.3);
  border-left: 13.625px solid rgba(255, 255, 255, 0.2);
  border-right: 13.625px solid rgba(255, 255, 255, 0.2);
}
#nav_interactive #decision_tree {
  width: 66%;
  margin: auto;
  font-family: "cabin condensed";
}
#nav_interactive #decision_tree .hidden {
  display: none;
  /*	@include transition-duration(.5s); */
}
#nav_interactive #decision_tree .level:after {
  clear: both;
  margin-bottom: 50px;
  content: ' ';
  display: block;
}
#nav_interactive #decision_tree .question_text {
  font-size: 32px;
  text-align: center;
}
#nav_interactive #decision_tree ul.answers {
  display: table;
  margin: auto;
  margin: 15px auto 50px;
}
#nav_interactive #decision_tree ul.answers li {
  display: table-cell;
  min-width: 150px;
  text-align: center;
  font-size: 20px;
}
#nav_interactive #decision_tree ul.answers li:before {
  display: none;
}
#nav_interactive #decision_tree ul.answers li div {
  background: #363580;
  background-image: -webkit-linear-gradient(top, #666, #444);
  background-image: -moz-linear-gradient(top, #666, #444);
  background-image: -ms-linear-gradient(top, #666, #444);
  background-image: -o-linear-gradient(top, #666, #444);
  background-image: linear-gradient(to bottom, #666, #444);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  color: #ffffff;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  box-shadow: 1px 4px 10px rgba(0, 0, 0, 0.6);
}
#nav_interactive #decision_tree ul.answers li:hover {
  cursor: pointer;
}
#nav_interactive #decision_tree ul.answers li:hover div {
  background-image: -webkit-linear-gradient(top, #363580, #232253);
  background-image: -moz-linear-gradient(top, #363580, #232253);
  background-image: -ms-linear-gradient(top, #363580, #232253);
  background-image: -o-linear-gradient(top, #363580, #232253);
  background-image: linear-gradient(to bottom, #363580, #232253);
}
#nav_interactive #decision_tree ul.answers li.active div {
  background-image: -webkit-linear-gradient(top, #363580, #232253);
  background-image: -moz-linear-gradient(top, #363580, #232253);
  background-image: -ms-linear-gradient(top, #363580, #232253);
  background-image: -o-linear-gradient(top, #363580, #232253);
  background-image: linear-gradient(to bottom, #363580, #232253);
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
}

@font-face {
  font-family: 'scoreboard';
  src: url("../fonts/scoreboard-webfont.eot");
  src: url("../fonts/scoreboard-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/scoreboard-webfont.woff2") format("woff2"), url("../fonts/scoreboard-webfont.woff") format("woff"), url("../fonts/scoreboard-webfont.ttf") format("truetype"), url("../fonts/scoreboard-webfont.svg#score_boardregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*
body {
    background: rgb(255, 244, 226);
}

.container {
    max-width: 1366px;
    width: 100%;
}
*/
#body-roadtrip div#nav_interactive #roadtrip {
  position: relative;
  top: 0px;
  opacity: 1;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
#body-roadtrip div#nav_interactive #roadtrip.hidden {
  opacity: 0;
  margin-top: 50px;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
#body-roadtrip div#nav_interactive .intro {
  font-size: 1.2em;
  line-height: 1.4em;
  width: 80%;
  margin: 0px auto 2em;
}
#body-roadtrip div#nav_interactive div#bg {
  background-color: #92B358;
  position: relative;
  overflow: hidden;
}
#body-roadtrip div#nav_interactive div#bg .object {
  position: absolute;
}
#body-roadtrip div#nav_interactive div#bg .object.bench {
  width: 50px;
  height: auto;
}
#body-roadtrip div#nav_interactive div#bg .object.bench#bench1 {
  top: 1150px;
  left: 515px;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
#body-roadtrip div#nav_interactive div#bg .object.bench#bench2 {
  top: 1550px;
  left: -65px;
}
#body-roadtrip div#nav_interactive div#bg .object.roadsign {
  padding: 15px 35px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.9);
  background: #2D6538;
  color: white;
  border: 4px solid white;
  border-radius: 10px;
}
#body-roadtrip div#nav_interactive div#bg .object.roadsign .lines div {
  position: absolute;
  width: 50px;
  height: 10px;
  background-color: white;
}
#body-roadtrip div#nav_interactive div#bg .object.roadsign .lines #line1 {
  right: -75px;
  top: 45px;
  width: 75px;
}
#body-roadtrip div#nav_interactive div#bg .object.roadsign .lines #line2 {
  right: -75px;
  bottom: 45px;
  width: 75px;
}
#body-roadtrip div#nav_interactive div#bg .object.roadsign .lines #line3 {
  right: -105px;
  -moz-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg);
  top: 92px;
  width: 120px !important;
}
#body-roadtrip div#nav_interactive div#bg .object.roadsign h2 {
  font-family: 'Kaushan Script';
  font-size: 36px;
  color: white;
  text-transform: none;
  margin-bottom: 0px;
  font-weight: normal;
  letter-spacing: 1px;
}
#body-roadtrip div#nav_interactive div#bg .object.roadsign#sign1 {
  top: 25px;
  right: 70px;
  width: 550px;
  font-size: 1.2em;
  line-height: 1.6em;
}
#body-roadtrip div#nav_interactive div#bg .object.roadsign#sign1 .go {
  background-image: url("../images/start_here/down-arrow-anim.gif");
  margin-top: 0.5em;
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: right;
}
#body-roadtrip div#nav_interactive div#bg .object.roadsign#sign2 {
  top: 2000px;
  left: 560px;
}
#body-roadtrip div#nav_interactive div#bg .object.roadsign.exitsign {
  padding: 10px 15px;
}
#body-roadtrip div#nav_interactive div#bg .object.roadsign.exitsign ul li:before {
  display: none;
}
#body-roadtrip div#nav_interactive div#bg .object.roadsign.exitsign ul li a {
  color: white;
}
#body-roadtrip div#nav_interactive div#bg .object.roadsign.exitsign .arrow {
  display: none;
}
#body-roadtrip div#nav_interactive div#bg .object.roadsign.exitsign:before {
  content: 'Exit 1A';
  position: absolute;
  right: -2px;
  top: -38px;
  width: 80px;
  background: #2D6538;
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-family: "Cabin Condensed";
  height: 1;
  border: 4px solid white;
  border-radius: 6px;
  font-weight: 900;
  letter-spacing: 1px;
}
#body-roadtrip div#nav_interactive div#bg .object.roadsign.exitsign h2 {
  font-family: "Cabin Condensed";
  font-size: 36px;
  text-align: center;
  letter-spacing: 1px;
  font-weight: 200;
}
#body-roadtrip div#nav_interactive div#bg .object.roadsign.exitsign#exit1 {
  top: 900px;
  right: 35px;
}
#body-roadtrip div#nav_interactive div#bg .object.roadsign.electronic {
  font-family: "scoreboard";
  background: black !important;
  color: orange !important;
  padding: 10px 15px;
}
#body-roadtrip div#nav_interactive div#bg .object.roadsign.electronic ul li:before {
  display: none;
}
#body-roadtrip div#nav_interactive div#bg .object.roadsign.electronic ul li a {
  color: white;
  color: orange !important;
}
#body-roadtrip div#nav_interactive div#bg .object.roadsign.electronic h2 {
  font-family: "scoreboard";
  color: orange !important;
  font-size: 36px;
  text-align: center;
  letter-spacing: 1px;
  font-weight: 200;
}
#body-roadtrip div#nav_interactive div#bg .object.roadsign.electronic#events {
  top: 800px;
  left: -900px;
}
#body-roadtrip div#nav_interactive div#bg .object.notes {
  z-index: 90;
  width: 150px;
  height: auto;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.9);
  padding: 5px 10px;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -moz-transition-timing-function: cubic-bezier(0, 0.62, 0.33, 1);
  -o-transition-timing-function: cubic-bezier(0, 0.62, 0.33, 1);
  -webkit-transition-timing-function: cubic-bezier(0, 0.62, 0.33, 1);
  transition-timing-function: cubic-bezier(0, 0.62, 0.33, 1);
  opacity: 0.2;
}
#body-roadtrip div#nav_interactive div#bg .object.notes.open {
  opacity: 1;
}
#body-roadtrip div#nav_interactive div#bg .object.notes#plan {
  top: 425px;
  left: -300px;
  width: 350px;
}
#body-roadtrip div#nav_interactive div#bg .object.notes#plan.open {
  left: 15px;
}
#body-roadtrip div#nav_interactive div#bg .object.notes#prepare {
  top: 1600px;
  width: 350px;
  right: -325px;
}
#body-roadtrip div#nav_interactive div#bg .object.notes#prepare.open {
  right: 25px;
}
#body-roadtrip div#nav_interactive div#bg .object.notes#succeed {
  top: 3000px;
  left: -300px;
  width: 350px;
}
#body-roadtrip div#nav_interactive div#bg .object.notes#succeed.open {
  left: 15px;
}
#body-roadtrip div#nav_interactive div#bg .object.notes .badges .row {
  margin-bottom: 20px;
}
#body-roadtrip div#nav_interactive div#bg .object.notes .badges h4 {
  margin-bottom: 0px;
}
#body-roadtrip div#nav_interactive div#bg .object.notes .badges .badge {
  display: inline-block;
  display: table-cell;
  text-align: center;
  font-size: 12px;
  font-family: "Cabin Condensed";
  width: 115px;
  position: relative;
}
#body-roadtrip div#nav_interactive div#bg .object.notes .badges .badge:hover {
  color: #F68B1E;
}
#body-roadtrip div#nav_interactive div#bg .object.notes .badges .badge:hover .tip {
  color: black;
  opacity: 1;
  top: -75%;
  -moz-transition-duration: 0.75s;
  -o-transition-duration: 0.75s;
  -webkit-transition-duration: 0.75s;
  transition-duration: 0.75s;
}
#body-roadtrip div#nav_interactive div#bg .object.notes .badges .optional {
  margin-top: 40px;
}
#body-roadtrip div#nav_interactive div#bg .object.notes .badges img {
  width: 75px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
  border-radius: 100px;
  margin: 2px 2px 2px 2px;
}
#body-roadtrip div#nav_interactive div#bg .object.notes .badges img:hover {
  box-shadow: none;
  margin: 4px 0px 0px 4px;
}
#body-roadtrip div#nav_interactive div#bg .object.notes .badges span {
  display: block;
  line-height: 1;
  font-weight: 900;
  font-size: 14px;
}
#body-roadtrip div#nav_interactive div#bg .object.notes .badges .tip {
  opacity: 0;
  position: absolute;
  top: -50%;
  left: 75%;
  text-align: left;
  background: #FFF4E3;
  width: 300%;
  z-index: 9999;
  border-radius: 10px;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.6);
  border: 4px solid #989898;
  line-height: 1.4em;
  font-size: 16px;
  font-family: "Lora";
  padding: 10px 20px;
  -moz-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  pointer-events: none;
}
#body-roadtrip div#nav_interactive div#bg .object.car {
  width: 150px;
  height: auto;
}
#body-roadtrip div#nav_interactive div#bg .object.car img {
  width: 100%;
  height: auto;
}
#body-roadtrip div#nav_interactive div#bg .object.car#car1 {
  top: 150px;
  left: 15%;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
#body-roadtrip div#nav_interactive div#bg .object.car#car1.driving {
  /* position: fixed; */
}
#body-roadtrip div#nav_interactive div#bg .object.car#car2 {
  top: 2000px;
  right: 10%;
  -moz-transition-duration: 30s;
  -o-transition-duration: 30s;
  -webkit-transition-duration: 30s;
  transition-duration: 30s;
}
#body-roadtrip div#nav_interactive div#bg .object.car#car2.move_to_top {
  top: 0px;
}
#body-roadtrip div#nav_interactive div#bg .object.person {
  width: 50px;
  height: auto;
}
#body-roadtrip div#nav_interactive div#bg .object.person#person1 {
  top: 50px;
  left: -65px;
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
#body-roadtrip div#nav_interactive div#bg .object.person#person3 {
  top: 550px;
  left: 510px;
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
#body-roadtrip div#nav_interactive div#bg .object.person#person2 {
  top: 250px;
  left: -65px;
}
#body-roadtrip div#nav_interactive div#bg .object.person#person4 {
  top: 1950px;
  left: -65px;
}
#body-roadtrip div#nav_interactive div#bg .object.tree {
  z-index: 50;
  width: 150px;
  height: auto;
}
#body-roadtrip div#nav_interactive div#bg .object.tree#tree1 {
  top: 50px;
  left: -275px;
}
#body-roadtrip div#nav_interactive div#bg .object.tree#tree2 {
  top: 275px;
  left: -300px;
}
#body-roadtrip div#nav_interactive div#bg .object.tree#tree3 {
  top: 1150px;
  left: -300px;
  width: 75px;
}
#body-roadtrip div#nav_interactive div#bg .object.tree#tree4 {
  top: 1650px;
  left: -250px;
}
#body-roadtrip div#nav_interactive div#bg .object.tree#tree5 {
  top: 1350px;
  left: 500px;
}
#body-roadtrip div#nav_interactive div#roadway {
  position: relative;
  max-width: 500px;
  height: 4000px;
  margin: auto;
  background: #333333;
  /* background-size: 100% 1000px; */
  /* background-size: 100px 100px; */
  /* background-position: top center; */
  background-repeat-x: no;
  /* background-repeat-y: repeat; */
  border-right: 75px solid #6D6E72;
  border-left: 75px solid #6D6E72;
}
#body-roadtrip div#nav_interactive div#roadway div#lines1 {
  width: 0px;
  height: 100%;
  left: 50%;
  border-left: 10px dashed white;
}
#body-roadtrip div#nav_interactive div#roadway div#lines2 {
  width: 470px;
  height: 100%;
  border-left: 2px solid #f3f3f3;
  border-right: 2px solid #f3f3f3;
  margin-left: 14px;
}
#body-roadtrip div#nav_interactive div#sidewalk {
  max-width: 650px;
  border-right: 10px solid #B7B8BC;
  border-left: 10px solid #B7B8BC;
  margin: auto;
}
#body-roadtrip div#prepare .tip {
  left: -300px !important;
}

div.occOverview {
  font-size: 14px;
  line-height: 1.2em;
  text-indent: 0px;
}

.loading {
  background-image: url("/careerconnections/images/icons/clipboard.png");
  background-repeat: no-repeat;
  min-height: 15px;
  background-position: left center;
}

ul#jobFamilyList li {
  text-indent: 0;
  padding-left: 25px;
}
ul#jobFamilyList li:before {
  font-size: 16px !important;
  left: 10px !important;
}
ul#jobFamilyList ul {
  max-height: 10000px;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
ul#jobFamilyList ul.loading {
  background-image: url("/careerconnections/images/icons/clipboard.png");
  background-repeat: no-repeat;
  min-height: 15px;
  background-position: left center;
}
ul#jobFamilyList ul.loading li {
  display: none;
}
ul#jobFamilyList ul.isClosed {
  max-height: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  overflow: hidden;
  position: absolute;
}
ul#jobFamilyList li.occTitleOpen {
  border-left: 4px solid darkpurple !important;
  border-left: 4px solid purple;
  padding-left: 10px;
  background-color: rgba(128, 0, 128, 0.05);
  padding-top: 20px;
}
ul#jobFamilyList li.occTitleOpen:before {
  display: none;
}
ul#jobFamilyList li.occTitleOpen > a {
  font-size: 30px;
}
ul#jobFamilyList li.occTitleOpen > a:hover {
  color: #232253;
  text-decoration: none;
}
ul#jobFamilyList li.occTitleOpen .occList {
  font-size: 14px;
  line-height: 1.4em;
}
ul#jobFamilyList li.occTitleOpen .occList li {
  width: 40%;
  float: left;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
}
ul#jobFamilyList li.occTitleOpen .occList li .description {
  display: none;
  position: absolute;
  top: 0px;
  left: 300px;
  display: none;
  background: #333333;
  color: white;
  border-radius: 4px;
  font-family: "cabin condensed";
  width: 200px;
  padding: 20px 15px;
  font-weight: normal;
  text-indent: 0;
  z-index: 1;
}
ul#jobFamilyList li.occTitleOpen .occList li:hover > .description {
  display: block;
}
ul#jobFamilyList li.occTitleOpen .occList li.jobOpen:hover > .description {
  display: none;
}
ul#jobFamilyList li.occTitleOpen .occList li:nth-child(even) .description {
  left: -225px;
}
ul#jobFamilyList li.occTitleOpen .occList li ul {
  display: none;
}
ul#jobFamilyList li.occTitleOpen .occList li ul.jobOpen {
  display: block;
  margin: 20px 0px;
}
ul#jobFamilyList li.occTitleOpen .occList li.jobOpen {
  width: 100%;
  background-color: #645069;
  color: white;
  padding: 20px;
  box-sizing: border-box;
}
ul#jobFamilyList li.occTitleOpen .occList li.jobOpen > a > span.tab {
  color: white;
  font-size: 28px;
  font-weight: normal;
  line-height: 1em;
}
ul#jobFamilyList li.occTitleOpen .occList li.jobOpen > a > span.tab a:hover {
  text-decoration: none !important;
  pointer-events: none;
}
ul#jobFamilyList li.occTitleOpen .occList li.jobOpen:before {
  display: none;
}
ul#jobFamilyList li.occTitleOpen .occList li.jobOpen .closebox {
  position: absolute;
  top: 10px;
  right: 10px;
  border: 1px solid white;
  text-align: center;
  padding: 0;
  width: 20px;
}
ul#jobFamilyList li.occTitleOpen .occList li.jobOpen .closebox:before {
  content: "\00d7";
  font-size: 20px;
  font-family: "verdana";
  line-height: 1em;
}
ul#jobFamilyList li.occTitleOpen .occList li.jobOpen .closebox:hover {
  background-color: #FFFFFF;
  color: #645069;
}
ul#jobFamilyList li.occTitleOpen .occList li.jobOpen .close {
  border: 1px solid #FFFFFF;
  text-align: center;
  width: 10%;
  left: 20%;
  position: relative;
  text-transform: uppercase;
  font-family: "Cabin";
  letter-spacing: 2px;
  padding: 2px 5px;
  float: left;
}
ul#jobFamilyList li.occTitleOpen .occList li.jobOpen .close:hover {
  background-color: #FFFFFF;
  color: #645069;
}
ul#jobFamilyList li.occTitleOpen .occList li.jobOpen .learnmore {
  border: 1px solid #FFFFFF;
  text-align: center;
  width: 20%;
  left: 40%;
  position: relative;
  text-transform: uppercase;
  font-family: "Cabin";
  letter-spacing: 2px;
  padding: 2px 5px;
  float: left;
}
ul#jobFamilyList li.occTitleOpen .occList li.jobOpen .learnmore:hover {
  background-color: #FFFFFF;
  color: #645069;
}
ul#jobFamilyList li.occTitleOpen .occList:after {
  display: block;
  content: ' ';
  clear: both;
}
ul#jobFamilyList li.occTitleOpen .jobOverview b {
  text-decoration: underline;
  font-weight: bold;
  letter-spacing: .5px;
  font-size: 16px;
}
ul#jobFamilyList li.occTitleOpen .jobOverview p {
  margin-bottom: 20px;
}
ul#jobFamilyList li.occTitleOpen .jobOverview p.overviewLead {
  font-size: 18px;
  line-height: 1.2em;
  border-bottom: 4px solid rgba(255, 255, 255, 0.25);
}
ul#jobFamilyList li.occTitleOpen .occOverview {
  position: relative;
}
ul#jobFamilyList li.occTitleOpen .occOverview p {
  margin-bottom: 1.2em;
}
ul#jobFamilyList li.occTitleOpen .occOverview b {
  text-decoration: underline;
  font-weight: bold;
  letter-spacing: .5px;
  font-size: 16px;
}
ul#jobFamilyList li.occTitleOpen .occOverview > p.overviewLead {
  font-size: 1.2em;
  line-height: 1.4em;
  padding-left: 100px;
}
ul#jobFamilyList li.occTitleOpen .occOverview > p.overviewLead:before {
  background-image: url("/careerconnections/images/icons/clipboard.png");
  background-color: #645069;
  background-size: 50px;
  background-repeat: no-repeat;
  background-position: center 10px;
  content: ' ';
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 100px;
  position: absolute;
  left: 10px;
  top: 10px;
}

.bignumbers {
  font-size: 50px !important;
  text-align: center;
  font-weight: 800;
  color: #232253;
}

td.bignumbers {
  vertical-align: middle !important;
}

div#content a.downloadicon {
  border: 1px dashed rgba(35, 34, 83, 0.5);
  border-radius: 5px;
  padding: 0px 10px;
}
div#content a.downloadicon:after {
  content: ' ';
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-left: 5px;
  background-image: url("/careerconnections/images/icons/download_blue.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: contain;
}
div#content a.downloadicon:hover {
  text-decoration: none;
  color: white;
  background-color: #232253;
}
div#content a.downloadicon:hover:after {
  background-image: url("/careerconnections/images/icons/download.png");
  background-position: 0px 12px;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

/*# sourceMappingURL=styles.css.map */