/*Tiles*/
.contentPageOnly .infographic .tile {
  height: 100px;
  padding: 8px;
}
/**/
/*Landing box*/
.contentPageOnly .infographic .landing-box {
  padding: 0px;
  height: 270px;
  margin-top: 1em;
}
.contentPageOnly .infographic .landing-box img {
  width: 100%;
  text-align: center;
  padding-bottom: 1em;
}
.contentPageOnly .infographic .landing-box .infographic-box-content {
  padding: 8px;
}
/**/
/*Ring Test*/
.ringbox {
  position: absolute;
  top: 22%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 500px;
  height: 500px;
  /*background: rgba(255,255,255, 0.96);*/
}
.ring {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 125px;
  height: 125px;
  background: #ffffff;
  /*border: 3px solid #3c3c3c;*/
  border: 3px solid #0099cc;
  border-radius: 50%;
  text-align: center;
  line-height: 120px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #004481;
  letter-spacing: 4px;
  /* text-transform: uppercase;
    text-shadow: 0 0 10px #004481;*/
  box-shadow: 0 0 20px rgba(0, 0, 0, .5);
}
.ring:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 3px solid transparent;
  border-top: 3px solid #ea1738;
  border-right: 3px solid #ea1738;
  border-radius: 50%;
  animation: animateC 2s linear infinite;
}
.ring div {
  display: block;
  position: absolute;
  top: calc(50% - 2px);
  left: 50%;
  width: 50%;
  height: 4px;
  background: transparent;
  transform-origin: left;
  animation: animate 2s linear infinite;
}
.ring div:before {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ea1738;
  top: -6px;
  right: -8px;
  box-shadow: 0 0 0px #ea1738;
}
@keyframes animateC {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes animate {
  0% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(405deg);
  }
}
/**/
/*Infographics*/
.infographic-box {
  padding: 0em 1em;
  margin: 3em 0 0 0;
}
.blue {
  border: 2px solid #027aae;
}
.red {
  border: 2px solid #ea1738;
}
.purple {
  border: 2px solid #7f467f;
}
.green {
  border: 2px solid #12866e;
}
.infographic-box-title {
  font-size: 1.4rem;
  background-color: #fff;
  color: #000 !important;
  left: -.5rem;
  top: -1.9rem;
  line-height: 26px;
  margin-top: .6rem;
  position: relative;
  white-space: normal;
  padding: 5px 5px;
  font-family: Source Sans Pro, sans-serif;
  width: max-content;
  max-width: 105%;
}
.infographic-box-content {
  position: relative;
  top: -1.7rem;
  margin-bottom: -.6rem;
}
/*How to progress bar*/
.howtocontainer {
  width: 100%;
  position: static;
  height: 5em;
  z-index: 1;
  padding: .5em 0em .2em 0em;
}
ul.howtoprogressbar {
  list-style: none;
  padding: 0px 0px;
  font-size: .8em;
}
.fivesteps li {
  float: left;
  width: 20%;
  position: relative;
  text-align: center;
}
.sixsteps li {
  float: left;
  width: 16.6%;
  position: relative;
  text-align: center;
}
.sevensteps li {
  float: left;
  width: 14.2%;
  position: relative;
  text-align: center;
}
.howtoprogressbar {
  counter-reset: step -1;
}
.howtoprogressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 30px;
  height: 30px;
  border: 2px solid #bebebe;
  display: block;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  line-height: 27px;
  background: white;
  color: #a56716;
  text-align: center;
  font-weight: bold;
}
.howtoprogressbar li:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 5px;
  background: #bebebe;
  top: 15px;
  left: -50%;
  z-index: -1;
}
.howtoprogressbar li:first-child:before {
  width: 30px;
  height: 30px;
  border: 2px solid #12866e;
  display: block;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  line-height: 27px;
  background: #12866e;
  color: white;
  text-align: center;
  font-weight: bold;
}
.howtoprogressbar li:first-child:after {
  content: none;
}
.howtoprogressbar li.howtoactive + li:after {
  background: #12866e;
}
.howtoprogressbar li.howtoactive + li:before {
  border-color: #12866e;
  background: #12866e;
  color: white;
}
.howtoprogressone li:first-child:before {
  color: #12866e;
  width: 25px;
  height: 25px;
  border: 2px solid #12866e;
  display: block;
  margin: 4px auto 10px auto;
}
.howtoactiveitem {
  color: #12866e;
}
/**/
/* Form Progress */
.vprogress {
  width: 1000px;
  margin: 20px auto;
  text-align: center;
}
.vprogress .bar {
  display: block;
}
.vprogress .circle {
  display: block;
  margin-bottom: 0px;
  background: #fff;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  border: 1px solid #d5d5da;
}
.vprogress .bar {
  position: relative;
  width: 6px;
  height: 52px;
  top: 0px;
  margin-left: 17px;
  margin-right: -5px;
  border-left: none;
  border-right: none;
  border-radius: 0;
}
.vprogress .circle .label {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 32px;
  margin-top: 3px;
  color: #b5b5ba;
  font-size: 17px;
}
.vprogress .circle .title {
  color: #b5b5ba;
  font-size: 13px;
  line-height: 30px;
  margin-left: 45px;
  position: relative;
  top: -28px;
}
/* Done / Active */
.vprogress .bar.done, .vprogress .circle.done {
  background: green;
}
.vprogress .bar.failed, .vprogress .circle.failed {
  background: red;
}
.vprogress .bar.active {
  background: linear-gradient(to right, #EEE 40%, #FFF 60%);
}
.vprogress .circle.done .label {
  color: #FFF;
  background: #8bc435;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);
}
.vprogress .circle.done .title {
  color: #444;
}
.vprogress .circle.active .label {
  color: #FFF;
  background: #0c95be;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);
}
.vprogress .circle.active .title {
  color: #0c95be;
}
/*COVID*/
#COVIDEmployer .COVID3HomeBox .col-body {
  border: 4px solid #48825E !important;
  max-height: 160px;
}
#COVIDEmployer .COVID3HomeBox a {
  color: #ffffff !important;
}
#COVIDEmployer .COVID3HomeBox .col-head {
  background: #48825E !important;
}
/* */
.COVIDTopBox {
  border: 4px solid #48825E;
  background-color: rgba(104, 176, 136, 0.18);
  margin: 1em 0em;
  padding-bottom: 1em;
}
/*
.COVIDHomeMiddle {
margin-left: 0px !important;
margin-right: 0px !important;
}
.COVIDHomeBox {
	border: 4px solid #48825E;
	padding: 0px;
	min-height: 170px;
}
.COVIDHomeBox h3 {
	color: #ffffff;
	background: #48825E;
	padding: 5px 2px 8px 10px;
	margin: 0px;
	margin-bottom: 0em;
	font-size: 16px;
	line-height: 1.65em;
}

.COVIDHomeBox h3 a {
	color: #ffffff;
}

.COVIDHomeBoxInner {
	padding: 1em;
}

.COVIDHomeBox2 {margin-left: -1em; margin-right: 1em;}
.COVIDHomeBox3 {margin-left: 1em; margin-right: -1em;}*/
/* This is a separate CSS controlled by MN - Jay 
Used to separate our changes from regular COS CSS stylesheets.
You need to link the pages you are styling to this stylesheet for the changes to take affect.

==================================================*/
/*

Things to hand off to Xpand*/
/* GetMyFuture - Quote Card*/
.quote-card {
  background: #ffffff;
  border: 3px solid #12866e;
  margin: 0;
  padding: 0;
  width: 40%;
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}
.quote-card h3 {
  color: #ffffff;
  background: #12866e;
  padding: .3em;
  margin-top: 0px;
  line-height: 1.65em;
  position: relative;
  top: -2px;
  min-width: 101%;
}
.quote-card p {
  display: inline-block;
  float: left;
  font-style: italic;
  font-size: 16px;
  line-height: 1.65em;
  padding: 0em 1.2em;
}
.quote-card p:first-of-type {
  text-align: left;
}
.quote-card p:last-of-type {
  float: right;
}
.quote-card p img {
  margin: 0% 8% 8%;
  width: 90%;
  height: auto;
}
/*.SingleColumn {
  padding-right: 0px !important;
  padding-left: 0px !important;
}*/
/*Youth colors*/
.content-item.findacareerilike {
  background: #7A756C;
  background-image: url("/TridionMultimedia/tcm24-25526_FindACareerILike.png");
  background-position: center 85%;
  background-repeat: no-repeat;
}
.content-item.finishhighschool {
  background: #0099cc;
  background-image: url("/TridionMultimedia/tcm24-25529_FinishHighSchool.png");
  background-position: center 85%;
  background-repeat: no-repeat;
}
.content-item.getworkexperience {
  background: #A56716;
  background-image: url("/TridionMultimedia/tcm24-25523_GetWorkExperience.png");
  background-position: center 85%;
  background-repeat: no-repeat;
}
.content-item.findjobsearchhelp {
  background: #12866E;
  background-image: url("/TridionMultimedia/tcm24-25528_FindJobSearchHelp.png");
  background-position: center 85%;
  background-repeat: no-repeat;
}
.content-item.getajob {
  background: #bfd0df;
  background-image: url("/TridionMultimedia/tcm24-25521_GetAJob.png");
  background-position: center 85%;
  background-repeat: no-repeat;
}
.content-item.gettraining {
  background: #7A756C;
  background-image: url("/TridionMultimedia/tcm24-25524_GetTraining.png");
  background-position: center 85%;
  background-repeat: no-repeat;
}
.content-item.writearesume {
  background: #12866E;
  background-image: url("/TridionMultimedia/tcm24-25527_WriteAResume.png");
  background-position: center 85%;
  background-repeat: no-repeat;
}
.content-item.applytocollege {
  background: #A56716;
  background-image: url("/TridionMultimedia/tcm24-25522_ApplyToCollege.png");
  background-position: center 85%;
  background-repeat: no-repeat;
}
.content-item.workformyself {
  background: #0099cc;
  background-image: url("/TridionMultimedia/tcm24-25525_WorkForMyself.png");
  background-position: center 85%;
  background-repeat: no-repeat;
}
.content-item .content-item-main h3 {
  text-align: center;
  font-size: 2em;
  margin-top: .65em;
}
.content-item .content-item-main img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.content-item a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-decoration: none; /* Makes sure the link   doesn't get underlined */
  z-index: 10; /* raises anchor tag above everything else in div */
  background-color: white; /*workaround to make clickable in IE */
  opacity: 0; /*workaround to make clickable in IE */
  filter: alpha(opacity=1); /*workaround to make clickable in IE */
}
.content-item .overlay {
  /*border-bottom: 60px solid #fff;*/
  /*border-left: 60px solid transparent;*/
  bottom: 0;
  height: 0;
  opacity: .95;
  position: absolute;
  right: 0;
  text-indent: -9999px;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  width: 0;
}
.content-item:hover .overlay {
  border-bottom: 800px solid #fff;
  border-left: 800px solid transparent;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.content-item .corner-overlay-content {
  bottom: 10px;
  color: #000;
  position: absolute;
  right: 10px;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.content-item:hover .corner-overlay-content {
  opacity: 0;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.content-item .overlay-content {
  bottom: 0;
  color: #000;
  left: 0;
  opacity: 0;
  padding: 30px;
  position: absolute;
  right: 0;
  top: 0;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.content-item .overlay-content h2 {
  border-bottom: 1px solid #333;
  padding: 0 0 12px;
}
.content-item:hover .overlay-content {
  opacity: 1;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.content-item .overlay-content a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: none;
  color: #004481;
  border: 2px solid #004481;
  text-transform: uppercase;
  margin: 2em 1em 0 0;
  float: right;
}
.content-item .overlay-content a.info:hover {
  background: #004481;
  color: #ffffff;
}
.content-item .overlay-content a.info:after {
  content: ' \25BA';
}
.ResponsiveContainer {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.ResponsiveContainer.YouthHome .column, .ResponsiveContainer.YouthHome .columns {
  float: left;
  display: inline;
  margin: 0px;
}
.ResponsiveContainer .VetImg {
  width: 100%;
  height: auto;
}
.JayChecklist legend {
  font-size: 16px;
  font-family: Verdana, Arial, Sans-serif;
  margin-bottom: 1.5em;
  font-weight: bold;
}
.JayChecklist label {
  font-weight: 400;
}
/* Xpand End */
/* General
==================================================*/
.Vimeo {
  width: 65%;
  height: 250px;
  margin: 0em 0em 1em 0em;
  float: right;
  padding: 0 0em 0 1.5em;
}
.twoColumn {
  margin-top: 2em;
}
.AccordionImages img {
  width: 33.33%;
  float: left;
  margin-top: -1em;
  margin-bottom: 1em;
}
ol li {
  margin: 9px 1em;
}
blockquote {
  margin: 1em;
}
/*------- Bobby's CSS Additions - START---------------*/
.video-box {
  width: 200px;
  height: 200px;
  margin: 10px !important;
  float: left;
  color: #000000;
}
.AccordionImageFull img {
  width: 100%;
  height: auto;
  margin: .25em;
}
.topic-box .topic-header {
  background-color: #bfd0df;
  color: #004481;
}
.video-box:hover {
  width: 200px;
  height: 200px;
  margin: 10px;
  float: left;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}
.video-box img {
  width: 100%;
}
.occtitle {
  width: 98%;
  text-align: center;
  vertical-align: middle;
  position: relative;
  float: left;
  clear: both;
  margin-top: 1em;
}
/*------- Bobby's CSS Additions - END ---------------*/
.FifteenPercent {
  width: 15%;
}
.JNewsletter {
  clear: both;
  margin-bottom: 1.65em;
  padding-bottom: 1.65em;
  border-bottom: 2px solid #bfd0df;
}
.JNewsletter img {
  width: 100%;
  height: auto;
}
.JNewsletter .NewsletterTwoColumn {
  float: left;
  padding: 0 1em 2em .5em;
}
.JNewsletter .ULNewsletterTwoColumn {
  position: relative;
  top: 1em;
  left: 3em;
}
.JNewsletter .JNewsletterTitleTwoColumn {
  position: relative;
  top: 2em;
  font-size: 2em;
  left: 2em;
  line-height: 1.56em;
}
.NewsletterHeader {
  padding: .25em 0;
  text-align: center;
  background-color: #004491;
  color: #FFFFFF;
  font-size: 2.5em;
}
.JNewsletter h3 {
  font-weight: bold !important;
}
.JNewsletter .NewsletterPaddingFive {
  padding-bottom: 5em;
}
.JNewsletter .NewsletterPaddingNine {
  padding-bottom: 9em;
}
.JNewsletter .NewsletterPaddingTwelve {
  padding-bottom: 12em;
}
.cssV2 .j-content-list li {
  list-style: outside disc;
  margin: 1.2em 0 0 2em;
}
.cssV2 .j-explanatory-content-list li {
  font-size: 1em;
  list-style: outside disc;
  margin: .5em 0 0 2em;
}
.j-content-ol-list li {
  list-style: inside 1;
  margin: 1.6em;
}
.video_middle_medium .jwplayer {
  width: 50%;
}
/*Youth Portal*/
.youth_quote a {
  display: inline !important;
}
.cssV2 .j-accordion .accordion {
  margin: 1em 0px;
  clear: both;
  font-family: Arial, Helvetica, Verdana, Sans-serif;
}
.cssV2 .j-accordion .title-area {
  background: none repeat scroll 0 0 #bfd0df;
  font-size: 14px;
  font-style: normal;
}
.cssV2 .j-accordion .title-area .module-title {
  color: #000000;
}
.cssV2 .j-accordion .module-inner {
  font-size: 14px;
  line-height: 23px;
  padding: 1em;
  font-style: normal;
}
.cssV2 .j-accordion .module-inner p {
  margin: 1em 0px;
}
.cssV2 .j-accordion li {
  font-size: 14px;
  list-style: inside disc;
  margin: 1.6em;
  list-style-position: outside;
}
.cssV2 .j-accordion-video {
  width: 80%;
  margin: 0 auto;
}
/* Style Guide*/
.SGColor004481 {
  display: inline-block;
  width: 100%;
  background: #004481;
}
.SGColor0099CC {
  display: inline-block;
  width: 100%;
  background: #0099CC;
}
.SGColor0397D6 {
  display: inline-block;
  width: 100%;
  background: #0397D6;
}
.SGColor027AAD {
  display: inline-block;
  width: 100%;
  background: #027AAD;
}
.SGColorBFD0DF {
  display: inline-block;
  width: 100%;
  background: #BFD0DF;
}
.SGColorE5EAED {
  display: inline-block;
  width: 100%;
  background: #E5EAED;
}
.SGColor7F467F {
  display: inline-block;
  width: 100%;
  background: #7F467F;
}
.SGColorEA1738 {
  display: inline-block;
  width: 100%;
  background: #EA1738;
}
.SGColor48B7F0 {
  display: inline-block;
  width: 100%;
  background: #48B7F0;
}
.SGColorC6C9CC {
  display: inline-block;
  width: 100%;
  background: #C6C9CC;
}
.SGColor70757C {
  display: inline-block;
  width: 100%;
  background: #70757C;
}
.SGColor583058 {
  display: inline-block;
  width: 100%;
  background: #583058;
}
.SGColor7A756C {
  display: inline-block;
  width: 100%;
  background: #7A756C;
}
.SGColorE0DBD4 {
  display: inline-block;
  width: 100%;
  background: #E0DBD4;
}
.SGColorA56716 {
  display: inline-block;
  width: 100%;
  background: #A56716;
}
.SGColor12866E {
  display: inline-block;
  width: 100%;
  background: #12866E;
}
.SGColor007EB5 {
  display: inline-block;
  width: 100%;
  background: #007EB5;
}
.SGColorFFFFFF {
  display: inline-block;
  width: 100%;
  background: #FFFFFF;
}
.SGColor7A756C {
  display: inline-block;
  width: 100%;
  background: #7A756C;
}
.SGColorE0DBD4 {
  display: inline-block;
  width: 100%;
  background: #E0DBD4;
}
.SGColorA56716 {
  display: inline-block;
  width: 100%;
  background: #A56716;
}
.SGColor12866E {
  display: inline-block;
  width: 100%;
  background: #12866E;
}
.SGColor007EB5 {
  display: inline-block;
  width: 100%;
  background: #007EB5;
}
.SGColor70757C {
  display: inline-block;
  width: 100%;
  background: #70757C;
}
.SGColor583058 {
  display: inline-block;
  width: 100%;
  background: #583058;
}
/*.accordion-download .video-title {
    font-size: 22px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
    line-height: 1.2em;
    margin: 2em 1em 0.5em;
}*/
.check-list li {
  list-style-type: none;
}
.check-list li input {
  position: relative;
  right: 2.5em;
  margin-right: -1.8em;
  top: .2em;
}
.j-video {
  width: 80%;
  text-align: center;
  margin: 0 auto;
}
/*Accordion */
/*Youth home*/
.homepage_logo {
  width: 50%;
  float: left;
  padding: 1.8em;
}
.youth_quote {
  width: 50%;
  float: left;
  padding: 1.8em;
  position: relative;
  z-index: 10;
}
.youth_quote h2 {
  font-size: 24px;
  text-align: center;
}
.youth_quote p {
  margin-bottom: 1em;
  float: right;
}
.homepage_logo h1 {
  font-size: 50px;
  text-align: center;
  color: #004481;
  font-weight: bold;
  padding-top: .2em;
}
.homepage_logo h1 span span {
  color: #12866e;
}
.YouthHome .tagline h3, .YouthHome .user_guide h3, .YouthHome .takeoursurvey h3 {
  font-size: 2em;
  color: #fff;
  padding: 1em 0 1em 1em;
  background: #004481;
  margin-bottom: 0px;
  margin-top: 0px;
}
.YouthHome .user_guide h3 {
  border-right: 2px solid #fff;
  border-left: 2px solid #fff;
}
.YouthHome .user_guide h3 a, .YouthHome .takeoursurvey h3 a {
  color: #ffffff;
  text-decoration: none;
}
.YouthHome .getmyfuture-mobilehome {
  display: none !important;
}
.content-item {
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 275px;
  margin: 0px auto;
  overflow: hidden;
  position: relative;
  width: auto;
  border: 1px solid #ccc;
}
.content-item a {
  text-decoration: none;
  color: #000000;
}
p.videos-text {
  margin: .5em 0px;
}
/*Interest Assessment*/
.subtitle span {
  color: #45aadd;
}
.interest-assessment-intro {
  text-align: center;
  margin: 5em 0 9em 0;
}
.interest-assessment-intro p .interest-assessment-btn {
  font-size: 20px;
  font-weight: bold;
  color: #027aad;
  background: #ffffff;
  border: #027aad;
  border-style: solid;
  border-width: 2px;
  padding: 1em 2em;
  text-decoration: none !important;
  text-transform: uppercase;
  display: inline-block;
}
.interest-assessment-intro p a.interest-assessment-btn:hover {
  color: #ffffff;
  background: #027aad;
  border: #027aad;
  border-style: solid;
  border-width: 2px;
}
/*End Interest Assessment*/
/* Base Grid 
.ResponsiveContainer.YouthHome .three.columns {
	width: 20%;
}
.ResponsiveContainer.YouthHome .four.columns {
	width: 25%;
}
.ResponsiveContainer.YouthHome .thirteen.columns {
	width: 80%;
}
.ResponsiveContainer.YouthHome .sixteen.columns {
	width: 100%;
}*/
/*End Youth*/
==================================================*/ /*  A to Z
================================================== */
#navbar.navbar_fixed {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color: #fff;
  text-align: center;
  opacity: 0.97;
  border-bottom: 1px solid #ccc;
}
#navbar.navbar_absolute {
  display: none;
  margin: -20px 0 20px 0;
  background-color: #F2F2F2;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#navbar.navbar_absolute input[type="text"], #navbar.navbar_fixed input[type="text"] {
  width: 30em;
  border: 3px solid #E4E4E4;
  margin: 1em;
  padding-left: 1em;
}
#navbar.navbar_absolute ::-webkit-input-placeholder, #navbar.navbar_fixed ::-webkit-input-placeholder { /* WebKit browsers */
  color: #0099CB;
}
#navbar.navbar_absolute :-moz-placeholder, #navbar.navbar_fixed :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #0099CB;
}
#navbar.navbar_absolute ::-moz-placeholder, #navbar.navbar_fixed ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #0099CB;
}
#navbar.navbar_absolute :-ms-input-placeholder, #navbar.navbar_fixed :-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #0099CB;
}
#navbar.navbar_absolute input[type="button"], #navbar.navbar_fixed input[type="button"] {
  width: 5em;
  font-weight: 400;
  background: none;
  background-color: #0099CB;
  color: #fff;
  text-shadow: none;
}
.go-top {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color: #fff;
  text-align: center;
  opacity: 0.97;
  border-bottom: 1px solid #ccc;
  display: none;
}
.go-top:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
.atozlist {
  display: block;
  font-size: .875rem;
  line-height: 1.3125rem;
}
.atozlist h1 {
  line-height: 42px;
  margin-bottom: 14px;
}
.atozlist h2 {
  line-height: 42px;
  margin-bottom: 7px;
  color: #000;
  font-size: 1.0625rem;
  display: block
}
.atozlist h3 {
  line-height: 35px;
  color: #666;
  margin: 1em 0 0 1.5em;
}
.atozlist h4 {
  line-height: 28px;
  margin-bottom: 7px;
}
.atozlist h5 {
  line-height: 21px;
  margin-bottom: 7px;
}
.atozlist ul {
  margin: 0 0 21px 2em;
  padding: 0;
}
.atozlist li {
  line-height: 21px;
  margin-bottom: 14px;
  list-style-type: none;
}
.atozlistheader {
  display: block;
  font-size: .875rem;
  line-height: 1.3125rem;
  border-bottom: 1px solid #ccc;
  background: #fff;
  text-align: center;
}
.atozlistheader h1 {}
.atozlistheader ul {
  list-style-type: none;
  padding: 0;
}
.atozlistheader ul li {
  display: inline;
}
.atozlistheader ul li a {
  display: inline-block;
  padding: .5em .75em;
  background: #ccc;
  color: #036;
  margin-bottom: 5px;
}
.atozlistheader ul a:hover {
  background: #999;
  color: #fff;
  text-decoration: none;
}
#page-text .atozlistheader ul li {
  margin: 0px;
}
/* DRS pages 
==================================================*/
div.DRSHome .fifteen.columns {
  margin: 2em 0;
  background: #E0DBD4;
  padding: 1.6em;
  border: 1px solid #70757c;
}
div.DRSHome .fifteen.columns hr {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(160, 145, 123, 0), rgba(160, 145, 123, 0.75), rgba(160, 145, 123, 0));
  margin: 0 0 1.6em 0;
}
div#divDrs1 div.drshomecol {
  height: 355px;
  padding-top: 10px;
}
div#divDrs1 {
  height: 420px;
}
/*  Help pages
================================================== */
body div.ToolHelp {
  font: 100% Verdana, Arial, sans-serif;
  margin-bottom: 20px;
}
body div.ToolHelp h1.ToolHelpIntro {
  color: #6d747d;
  font-size: 137.5%;
  line-height: 1.5;
  margin: 1em 0 1.65em 0;
  font-weight: normal;
  display: block;
}
body div.ToolHelp h3 {
  font-size: 18px;
  font-family: arial, sans-serif;
  margin: 0 0 9px 0;
  font-weight: normal;
  line-height: 1.2em;
  display: block;
}
body div.ToolHelp ul, body div.ToolHelp ol {
  margin-left: 1em;
}
body div.ToolHelp ul li {
  font-size: 81.25%;
  list-style: outside disc;
  margin: 20px;
}
body div.ToolHelp ol li {
  font-size: 81.25%;
  list-style: outside decimal;
  margin: 20px;
}
body div.ToolHelp ul.FontAdjust li, body div.ToolHelp ol.FontAdjust li {
  font-size: 100%;
}
body div.ToolHelp p.FontAdjust {
  font-size: 81.25%;
  line-height: 2em;
}
/*Registration*/
body div.RegistrationList ol li {
  list-style: outside decimal;
  margin: 20px;
}
/*ExOffender Table*/
.ExOffenderFullScreen {
  display: block;
}
.ExOffenderMobile {
  display: none;
}
table.exoffenderContent {
  font-size: 13px;
  border-collapse: collapse;
  margin-bottom: 14px;
}
table.exoffenderContent th, body.BPTemplate table.exoffenderContent td {
  border-left: 1px solid black;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  text-align: left;
}
table.exoffenderContent {
  border-right: 1px solid black;
}
table.exoffenderContent th, body.BPTemplate table.exoffenderContent td {
  padding: .5em;
}
table.exoffenderContent td:nth-of-type(odd) {}
table.exoffenderContent tr:nth-of-type(even) {
  background: #EEE;
}
table.exoffenderContent .exlftOdd {
  background: #fff;
}
table.exoffenderContent .exlftEven {
  background: #ccc;
}
table.exoffenderContent th {
  background: #ccc;
  font-size: 16px;
}
table.exoffenderContent ul.ulcheck {
  float: left;
}
table.exoffenderContent ul.ulcheck li {
  list-style-type: none;
}
table.EXInterest a:link, body.BPTemplate table.EXInterest a:visited {
  font-size: .8em;
}
table.EXInterest a:last-of-type {
  padding: 0;
}
table.exoffenderContent th.exoffender-table-no-border, table.exoffenderContent td.exoffender-table-no-border {
  border-left: none;
  border-right: none;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
}
table.exoffenderContent td {
  vertical-align: top
}
table.exoffenderContent th, table.exoffenderContent td {
  border: 1px solid black;
}
/*  Link to Us
================================================== */
.link-to-us {
  border: gray 1px solid;
  text-align: left;
  overflow-x: hidden;
  overflow-y: scroll;
  word-wrap: break-word;
  /**height: 85px;
             width: 320px;**/
  font-size: 12px;
  margin-bottom: 2em;
  padding: .4em;
}
/****************DRS Home - Jay ********************/
#divDrs2 {
  height: 130px;
  *height: 110px;
  _height: 110px;
}
div#divDrs1 {
  height: 400px;
  *height: 410px;
  _height: 410px;
  font-size: 13px;
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
div#divDrs1 div#drshomecolwrapper {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
div#divDrs1 div.drshomecol {
  float: left;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 10px;
  margin-top: -10px;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 0;
  padding-top: 0;
  width: 140px;
  background-color: #f0f0f0;
  height: 310px;
}
div#divDrs1 div.drshomecol p strong {
  display: block;
  font-size: 1.1em;
}
div#divDrs1 div.drshomecol p a:link {
  display: block;
}
div#divDrs1 table {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
div#RoundedTopRightBottomLeftGreyBoxContent {
  margin-bottom: 12px;
}
/*  Responsive Tables
================================================== */
#Jtable, .Jtable {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5em 0;
}
/* Zebra striping */
#Jtable tr:nth-of-type(odd), .Jtable tr:nth-of-type(odd) {
  background: #e1e6ec;
}
#Jtable tr:nth-of-type(even), .Jtable tr:nth-of-type(even) {
  background: #f0f3f6;
}
#Jtable th, .Jtable th {
  background: #bccddc;
  color: #000000;
  font-weight: bold;
}
#Jtable td, #Jtable th, .Jtable td, .Jtable th {
  padding: 1em;
  /*border: 1px solid #CBC5C5;*/
  text-align: left;
}
/*#Jtable tr.odd:nth-of-type(odd), #Jtable tr.even:nth-of-type(even) {
	background: none;
}*/
#Jtable tr.odd {
  background: #e1e6ec;
}
#Jtable tr.even {
  background: #f0f3f6;
}
#Jtable .odd td, #Jtable .even td {
  border: 1px solid #cccccc;
}
.HSETable p {
  text-align: center;
}
.ExOffenderYourInterestsTableDesktop p a {
  margin: 0 1em;
}
.ExOffenderYourInterestsTableDesktop {}
.ExOffenderYourInterestsTableMobile {
  display: none;
}
.ExOffenderCommonFirstJobsTableDesktop p a {
  margin: 0 1em;
}
.ExOffenderCommonFirstJobsTableDesktop {}
.ExOffenderCommonFirstJobsTableMobile {
  display: none;
}
#Jtable td:nth-of-type(4), .Jtable td:nth-of-type(4) {
  text-align: center;
}
#Jtable td:nth-of-type(5), .Jtable td:nth-of-type(5) {
  text-align: center;
}
/*  Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
================================================== */
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  /*  force Table to not be like table
================================================== */
  .COVIDTopBox {
    margin: 1em .5em;
  }
  .COVIDHomeBox {
    margin-bottom: 1em;
  }
  .COVIDHomeBox2 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .COVIDHomeBox3 {
    margin-left: 0em;
    margin-right: 0em;
  }
  #Jtable, #Jtable thead, #Jtable tbody, #Jtable th, #Jtable td, #Jtable tr, .Jtable, .Jtable thead, .Jtable tbody, .Jtable th, .Jtable td, .Jtable tr {
    display: block;
  }
  #Jtable, .Jtable {
    border: 1px solid #CBC5C5;
  }
  /* Hide table headers (but not display: none;, for accessibility) */
  #Jtable thead tr, .Jtable thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  #Jtable tr, .Jtable tr {
    border: 1px solid #CBC5C5;
  }
  #Jtable td, .Jtable td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
  }
  #Jtable td:before, .Jtable td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: bold;
  }
  /* Responsive labels for all tables
================================================== */
  /*Style Guide Colors Table */
  .DRSAccessPointsTable td:nth-of-type(1):before {
    content: "Name/Address";
  }
  .DRSAccessPointsTable td:nth-of-type(2):before {
    content: "Contact-Phone-Email";
  }
  /*Ex Offender Tables*/
  .ExOffenderYourResumeTable td:nth-of-type(1):before {
    content: "Section";
  }
  .ExOffenderYourResumeTable td:nth-of-type(2):before {
    content: "Information to include";
  }
  .ExOffenderYourInterestsTableMobile td:nth-of-type(1):before {
    content: "Interest";
  }
  .ExOffenderYourInterestsTableMobile td:nth-of-type(2):before {
    content: "Matching types of jobs";
  }
  .ExOffenderCommonFirstJobsTableMobile td:nth-of-type(1):before {
    content: "Career fields";
  }
  .ExOffenderCommonFirstJobsTableMobile td:nth-of-type(2):before {
    content: "Types of jobs";
  }
  .ExOffenderCareerOptionsTable td:nth-of-type(1):before {
    content: "Career detail";
  }
  .ExOffenderCareerOptionsTable td:nth-of-type(2):before {
    content: "Questions to ask";
  }
  .ExOffenderWorkRestrictionsTable td:nth-of-type(1):before {
    content: "Offense involving";
  }
  .ExOffenderWorkRestrictionsTable td:nth-of-type(2):before {
    content: "May affect";
  }
  .ExOffenderShortTermGoalsTable td:nth-of-type(1):before {
    content: "Task";
  }
  .ExOffenderShortTermGoalsTable td:nth-of-type(2):before {
    content: "Finish by";
  }
  .ExOffenderYourInterestsTableDesktop {
    display: none !important;
  }
  .ExOffenderYourInterestsTableMobile {
    display: inline !important;
  }
  .ExOffenderCommonFirstJobsTableDesktop {
    display: none !important;
  }
  .ExOffenderCommonFirstJobsTableMobile {
    display: inline !important;
  }
  /*Style Guide Colors Table */
  .StyleGuideColorsTable td:nth-of-type(1):before {
    content: "Color Sample";
  }
  .StyleGuideColorsTable td:nth-of-type(2):before {
    content: "HEX Code";
  }
  .StyleGuideColorsTable td:nth-of-type(3):before {
    content: "R/G/B Code";
  }
  .StyleGuideColorsTable td:nth-of-type(4):before {
    content: "C/M/Y/K Code";
  }
  .StyleGuideColorsTable td:nth-of-type(5):before {
    content: "Portal";
  }
  /*Whats Right For Me*/
  .WhatsRightForMeTable td:nth-of-type(1):before {
    content: "Training";
  }
  .WhatsRightForMeTable td:nth-of-type(2):before {
    content: "What’s this?";
  }
  .WhatsRightForMeTable td:nth-of-type(3):before {
    content: "How long will it take?";
  }
  .WhatsRightForMeTable td:nth-of-type(4):before {
    content: "How will it help me?";
  }
  /*Research Employers Table*/
  .ResearchEmployersTable td:nth-of-type(1):before {
    content: "Question";
  }
  .ResearchEmployersTable td:nth-of-type(2):before {
    content: "Where to Search";
  }
  /*Inquiry Letters Table*/
  .InquiryLettersTable td:nth-of-type(1):before {
    content: "Your Needs";
  }
  .InquiryLettersTable td:nth-of-type(2):before {
    content: "My Qualifications";
  }
  /*WorkSamplesTable*/
  .WorkSamplesTable td:nth-of-type(1):before {
    content: "Occupation";
  }
  .WorkSamplesTable td:nth-of-type(2):before {
    content: "You could include";
  }
  /*JobInterviewsTable*/
  .JobInterviewsTable td:nth-of-type(1):before {
    content: "Interview Type";
  }
  .JobInterviewsTable td:nth-of-type(2):before {
    content: "What to Expect";
  }
  .JobInterviewsTable td:nth-of-type(3):before {
    content: "Tips";
  }
  /*Overcoming Stereotypes Table*/
  .OvercomingStereotypesTable td:nth-of-type(1):before {
    content: "Stereotype";
  }
  .OvercomingStereotypesTable td:nth-of-type(2):before {
    content: "Resolution";
  }
  /*Green Careers Table*/
  .GreenCareersTable td:nth-of-type(1):before {
    content: "Category";
  }
  .GreenCareersTable td:nth-of-type(2):before {
    content: "Occupation";
  }
  .GreenCareersTable td:nth-of-type(3):before {
    content: "Education &Training";
  }
  .GreenCareersTable td:nth-of-type(4):before {
    content: "Certification";
  }
  .GreenCareersTable td:nth-of-type(5):before {
    content: "License";
  }
  /*Green Careers What are tables*/
  .GreenCareersWhatAreTables td:nth-of-type(1):before {
    content: "Occupation";
  }
  .GreenCareersWhatAreTables td:nth-of-type(2):before {
    content: "Description";
  }
  /*Green Careers Table National Employment Growth*/
  .GreenCareersTableNationalEmploymentGrowth td:nth-of-type(1):before {
    content: "Category";
  }
  .GreenCareersTableNationalEmploymentGrowth td:nth-of-type(2):before {
    content: "Occupation";
  }
  .GreenCareersTableNationalEmploymentGrowth td:nth-of-type(3):before {
    content: "2010 Employment";
  }
  .GreenCareersTableNationalEmploymentGrowth td:nth-of-type(4):before {
    content: "2020 Employment";
  }
  .GreenCareersTableNationalEmploymentGrowth td:nth-of-type(5):before {
    content: "Percent Change";
  }
  .GreenCareersTableNationalEmploymentGrowth td:nth-of-type(6):before {
    content: "Earnings";
  }
  /*Job Bank Info Other Table*/
  .JobBankInfoOtherTable td:nth-of-type(1):before {
    content: "Website";
  }
  .JobBankInfoOtherTable td:nth-of-type(2):before {
    content: "Description";
  }
  /*JobInterviewsTable*/
  .HSETable td:nth-of-type(1):before {
    content: "State";
  }
  .HSETable td:nth-of-type(2):before {
    content: "GED";
  }
  .HSETable td:nth-of-type(3):before {
    content: "HiSET";
  }
  .HSETable td:nth-of-type(4):before {
    content: "TASC";
  }
  .HSETable td:nth-of-type(5):before {
    content: "OTHER";
  }
  /*Technical Information*/
  .TechnicalInformation td:nth-of-type(1):before {
    content: "Web Service";
  }
  .TechnicalInformation td:nth-of-type(2):before {
    content: "Description";
  }
  .TechnicalInformation td:nth-of-type(3):before {
    content: "COS Examples";
  }
  /*WhatsAvailable*/
  .WhatsAvailable td:nth-of-type(1):before {
    content: "What's Available";
  }
  .WhatsAvailable td:nth-of-type(2):before {
    content: "Description";
  }
  /*DataDownloadsTable*/
  .DataDownloadsTable td:nth-of-type(1):before {
    content: "Data";
  }
  .DataDownloadsTable td:nth-of-type(2):before {
    content: "Last Updated";
  }
  .DataDownloadsTable td:nth-of-type(3):before {
    content: "What’s in this data?";
  }
  .DataDownloadsTable td:nth-of-type(4):before {
    content: "See this data in use";
  }
  /*GetMyFutureResumesTable*/
  .GetMyFutureResumesTable td:nth-of-type(1):before {
    content: "Contact information";
  }
  .GetMyFutureResumesTable td:nth-of-type(2):before {
    content: "Summary";
  }
  .GetMyFutureResumesTable td:nth-of-type(3):before {
    content: "Work experience";
  }
  .GetMyFutureResumesTable td:nth-of-type(4):before {
    content: "Education";
  }
  .GetMyFutureResumesTable td:nth-of-type(5):before {
    content: "Volunteering / activities";
  }
  .GetMyFutureResumesTable td:nth-of-type(6):before {
    content: "Military experience";
  }
  /*GetMyFutureChooseCareerTable*/
  .GetMyFutureChooseCareerTable td:nth-of-type(1):before {
    content: "Would I enjoy this work?";
  }
  .GetMyFutureChooseCareerTable td:nth-of-type(2):before {
    content: "Would I be good at it?";
  }
  .GetMyFutureChooseCareerTable td:nth-of-type(3):before {
    content: "How well does this career fit what I like and am good at?";
  }
  .GetMyFutureChooseCareerTable td:nth-of-type(4):before {
    content: "How much education would I need?  How long would it take to get it? How much would it cost?";
  }
  .GetMyFutureChooseCareerTable td:nth-of-type(5):before {
    content: "How much money would I earn in this career?";
  }
  .GetMyFutureChooseCareerTable td:nth-of-type(6):before {
    content: "Are there jobs in my area?";
  }
  /*Resume Guide Tables*/
  .IdentifyTransferableSkillsTable td:nth-of-type(1):before {
    content: "Transferable Skills";
  }
  .IdentifyTransferableSkillsTable td:nth-of-type(2):before {
    content: "Examples";
  }
  .HighlightYourAccomplishmentsTable td:nth-of-type(1):before {
    content: "Challenge";
  }
  .HighlightYourAccomplishmentsTable td:nth-of-type(2):before {
    content: "Action";
  }
  .HighlightYourAccomplishmentsTable td:nth-of-type(3):before {
    content: "Result";
  }
  .TheBasicElementsTable td:nth-of-type(1):before {
    content: "Transferable Skills";
  }
  .TheBasicElementsTable td:nth-of-type(2):before {
    content: "Examples";
  }
  .WriteAFirstDraftTable td:nth-of-type(1):before {
    content: "
Instead of saying this";

  }
  .WriteAFirstDraftTable td:nth-of-type(2):before {
    content: "Say this";
  }
  .EditAndProofreadTable td:nth-of-type(1):before {
    content: "Your resume overall";
  }
  .EditAndProofreadTable td:nth-of-type(2):before {
    content: "Complete?";
  }
  .EditAndProofreadTable td:nth-of-type(3):before {
    content: "For more information";
  }
  .DesignForEasyTable td:nth-of-type(1):before {
    content: "Technique";
  }
  .DesignForEasyTable td:nth-of-type(2):before {
    content: "Why It’s Important";
  }
  /*Business Center*/
  /*IllegalQuestions*/
  .IllegalQuestionsTable td:nth-of-type(1):before {
    content: "Illegal subject";
  }
  .IllegalQuestionsTable td:nth-of-type(2):before {
    content: "Sample illegal questions";
  }
  /*IllegalQuestions*/
  .LegalHiringIssuesTable td:nth-of-type(1):before {
    content: "Requirement";
  }
  .LegalHiringIssuesTable td:nth-of-type(2):before {
    content: "For more information";
  }
  /*PrisonToProductivityTable*/
  .PrisonToProductivityTable td:nth-of-type(1):before {
    content: "Name";
  }
  .PrisonToProductivityTable td:nth-of-type(2):before {
    content: "Description";
  }
  /*GoTable*/
  .GoTable td:nth-of-type(1):before {
    content: "Services";
  }
  .GoTable td:nth-of-type(2):before {
    content: "Staffing Agency";
  }
  .GoTable td:nth-of-type(3):before {
    content: "Reentry Programs";
  }
}
/*  Responsive Columns
================================================== 
.full-width {
  width: 100%;
  padding: 0px;
  margin: 0px auto;
}*/
.ResponsiveContainer {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.ResponsiveContainer .column, .ResponsiveContainer .columns {
  float: left;
  display: inline;
  margin-left: .9259%;
  margin-right: .9259%;
}
.ResponsiveContainer.row {
  margin-bottom: 20px;
}
/* Nested Column Classes */
.ResponsiveContainer .column.alpha, .columns.alpha {
  margin-left: 0;
}
.ResponsiveContainer .column.omega, .columns.omega {
  margin-right: 0;
}
/* Base Grid */
.ResponsiveContainer .one.column, .ResponsiveContainer .one.columns {
  width: 4.1667%;
}
.ResponsiveContainer .two.columns {
  width: 10.4167%;
}
.ResponsiveContainer .three.columns {
  width: 16.6667%;
}
.ResponsiveContainer .threefive.columns {
  width: 20.8333%;
}
.ResponsiveContainer .four.columns {
  width: 22.9167%;
}
.ResponsiveContainer .fourfive.columns {
  width: 27.0833%;
}
.ResponsiveContainer .five.columns {
  width: 29.1667%;
}
.ResponsiveContainer .fivefive.columns {
  width: 33.33%;
}
.ResponsiveContainer .six.columns {
  width: 35.4167%;
}
.ResponsiveContainer .seven.columns {
  width: 41.6667%;
}
.ResponsiveContainer .eight.columns {
  width: 47.9167%;
}
.ResponsiveContainer .nine.columns {
  width: 54.1667%;
}
.ResponsiveContainer .ten.columns {
  width: 60.4167%;
}
.ResponsiveContainer .eleven.columns {
  width: 66.6667%;
}
.ResponsiveContainer .twelve.columns {
  width: 72.9167%;
}
.ResponsiveContainer .thirteen.columns {
  width: 79.1667%;
}
.ResponsiveContainer .fourteen.columns {
  width: 85.4167%;
}
.ResponsiveContainer .fifteen.columns {
  width: 91.6667%;
}
.ResponsiveContainer .sixteen.columns {
  width: 97.9167%;
}
.ResponsiveContainer .one-third.column {
  width: 31.2500%;
}
.ResponsiveContainer .two-thirds.column {
  width: 64.5833%;
}
/* Offsets */
.ResponsiveContainer .offset-by-quarter {
  padding-left: 1.5625%;
}
.ResponsiveContainer .offset-by-quarter-half {
  padding-left: 2.0833%;
}
.ResponsiveContainer .offset-by-half {
  padding-left: 3.1250%;
}
.ResponsiveContainer .offset-by-one {
  padding-left: 6.2500%;
}
.ResponsiveContainer .offset-by-two {
  padding-left: 12.5000%;
}
.ResponsiveContainer .offset-by-three {
  padding-left: 18.7500%;
}
.ResponsiveContainer .offset-by-four {
  padding-left: 25.0000%;
}
.ResponsiveContainer .offset-by-five {
  padding-left: 31.2500%;
}
.ResponsiveContainer .offset-by-six {
  padding-left: 37.5000%;
}
.ResponsiveContainer .offset-by-seven {
  padding-left: 43.7500%;
}
.ResponsiveContainer .offset-by-eight {
  padding-left: 50.0000%;
}
.ResponsiveContainer .offset-by-nine {
  padding-left: 56.2500%;
}
.ResponsiveContainer .offset-by-ten {
  padding-left: 62.5000%;
}
.ResponsiveContainer .offset-by-eleven {
  padding-left: 68.7500%;
}
.ResponsiveContainer .offset-by-twelve {
  padding-left: 75.0000%;
}
.ResponsiveContainer .offset-by-thirteen {
  padding-left: 81.2500%;
}
.ResponsiveContainer .offset-by-fourteen {
  padding-left: 87.5000%;
}
.ResponsiveContainer .offset-by-fifteen {
  padding-left: 93.7500%;
}
/*  #Mobile (Landscape)
================================================== */
@media only screen and (max-width: 991px) {
  /*Tiles*/
  .contentPageOnly .infographic .tile {
    height: auto;
  }
  /*Landing box*/
  .contentPageOnly .infographic .landing-box {
    padding: 0px;
    height: auto;
  }
}
@media only screen and (max-width: 850px) {
  .COVIDTopBox {
    margin: 1em .5em;
  }
  .COVIDHomeBox {
    margin-bottom: 1em;
  }
  .COVIDHomeBox2 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .COVIDHomeBox3 {
    margin-left: 0em;
    margin-right: 0em;
  }
  .YouthHome .tagline h3, .YouthHome .user_guide h3, .YouthHome .takeoursurvey h3 {
    font-size: 1.7em;
    color: #fff;
    padding: 1em 0 1em 1em;
    background: #004481;
  }
}
@media only screen and (max-width: 720px) {
  .youth_quote, .homepage_logo {
    width: 100%;
    float: none;
    padding: 0em;
  }
  .youth_quote h2 {
    font-size: 25px;
    text-align: center;
  }
  .youth_quote p {
    margin: 1em;
    float: none;
    text-align: center;
  }
  .ResponsiveContainer {
    width: 100%;
  }
  .ResponsiveContainer .columns, .ResponsiveContainer .column {
    margin: .5rem;
    padding: 0px;
  }
  .ResponsiveContainer .one.column, .ResponsiveContainer .one.columns, .ResponsiveContainer .two.columns, .ResponsiveContainer .three.columns, .ResponsiveContainer .threefive.columns, .ResponsiveContainer .four.columns, .ResponsiveContainer .fourfive.columns, .ResponsiveContainer .five.columns, .ResponsiveContainer .fivefive.columns, .ResponsiveContainer .six.columns, .ResponsiveContainer .seven.columns, .ResponsiveContainer .eight.columns, .ResponsiveContainer .nine.columns, .ResponsiveContainer .ten.columns, .ResponsiveContainer .eleven.columns, .ResponsiveContainer .twelve.columns, .ResponsiveContainer .thirteen.columns, .ResponsiveContainer .fourteen.columns, .ResponsiveContainer .fifteen.columns, .ResponsiveContainer .sixteen.columns, .ResponsiveContainer .one-third.column, .ResponsiveContainer .two-thirds.column {
    width: 50%;
  }
  .YouthHome .fourfive.columns {
    width: 40%;
  }
  .YouthHome .twelve.columns {
    width: 60%
  }
  .YouthHome .threefive.columns {
    width: 40%
  }
  /* Offsets} */
  .ResponsiveContainer .offset-by-one, .ResponsiveContainer .offset-by-two, .ResponsiveContainer .offset-by-three, .ResponsiveContainer .offset-by-four, .ResponsiveContainer .offset-by-five, .ResponsiveContainer .offset-by-six, .ResponsiveContainer .offset-by-seven, .ResponsiveContainer .offset-by-eight, .ResponsiveContainer .offset-by-nine, .ResponsiveContainer .offset-by-ten, .ResponsiveContainer .offset-by-eleven, .ResponsiveContainer .offset-by-twelve, .ResponsiveContainer .offset-by-thirteen, .ResponsiveContainer .offset-by-fourteen, .ResponsiveContainer .offset-by-fifteen {
    padding-left: 0;
  }
  .HSETable p {
    text-align: left;
  }
  .YouthHome .tagline {
    width: 100% !important;
  }
  .YouthHome .tagline h3 {
    font-size: 2em;
    width: 100%;
    margin-top: 1.3em;
  }
  .YouthHome .user_guide h3 {
    border-right: none;
    border-left: none;
  }
  .YouthHome .user_guide h3, .YouthHome .takeoursurvey h3 {
    display: none;
  }
  .YouthHome .getmyfuture-mobilehome {
    display: inline-block !important;
    width: 100% !important;
  }
  .YouthHome .getmyfuture-mobilehome h3 {
    font-size: 2em;
    color: #fff;
    padding: 1em 0 1em 1em;
    background: #004481;
    border: solid 1px #ffffff;
    width: 100%;
  }
  .YouthHome .getmyfuture-mobilehome h3 a {
    color: #fff;
    text-decoration: none;
  }
}
/*  #Mobile (Portrait)
================================================== */
@media only screen and (max-width: 480px) {
  .ResponsiveContainer {
    width: 100%;
  }
  .ResponsiveContainer .columns, .ResponsiveContainer .column {
    margin: .5rem;
    padding: 0px;
  }
  .ResponsiveContainer .one.column, .ResponsiveContainer .one.columns, .ResponsiveContainer .two.columns, .ResponsiveContainer .three.columns, .ResponsiveContainer .threefive.columns, .ResponsiveContainer .four.columns, .ResponsiveContainer .fourfive.columns, .ResponsiveContainer .five.columns, .ResponsiveContainer .fivefive.columns, .ResponsiveContainer .six.columns, .ResponsiveContainer .seven.columns, .ResponsiveContainer .eight.columns, .ResponsiveContainer .nine.columns, .ResponsiveContainer .ten.columns, .ResponsiveContainer .eleven.columns, .ResponsiveContainer .twelve.columns, .ResponsiveContainer .thirteen.columns, .ResponsiveContainer .fourteen.columns, .ResponsiveContainer .fifteen.columns, .ResponsiveContainer .sixteen.columns, .ResponsiveContainer .one-third.column, .ResponsiveContainer .two-thirds.column, .YouthHome .thirteen.columns {
    width: 100%;
  }
  /* Offsets} */
  .ResponsiveContainer .offset-by-one, .ResponsiveContainer .offset-by-two, .ResponsiveContainer .offset-by-three, .ResponsiveContainer .offset-by-four, .ResponsiveContainer .offset-by-five, .ResponsiveContainer .offset-by-six, .ResponsiveContainer .offset-by-seven, .ResponsiveContainer .offset-by-eight, .ResponsiveContainer .offset-by-nine, .ResponsiveContainer .offset-by-ten, .ResponsiveContainer .offset-by-eleven, .ResponsiveContainer .offset-by-twelve, .ResponsiveContainer .offset-by-thirteen, .ResponsiveContainer .offset-by-fourteen, .ResponsiveContainer .offset-by-fifteen {
    padding-left: 0;
  }
  .HSETable p {
    text-align: left;
  }
  .quote-card {
    display: none;
  }
  .youth_quote {
    margin: 0em 0em 1.5em 0em;
    padding: 0em .35em .3em .35em;
  }
  .ResponsiveContainer:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .cssV2 .j-accordion-video {
    width: 81%;
    margin: 0 auto;
    position: relative;
    left: 0%;
  }
}
@media only screen and (max-width: 640px) {
  .howtocontainer {
    display: none;
  }
  .submenu-title {
    margin: 0 -10px 10px
  }
  .JNewsletter .NewsletterTwoColumn {
    float: none;
    padding: 1em 1em;
    text-align: center
  }
  .ExOffenderFullScreen {
    display: none;
  }
  .ExOffenderMobile {
    display: block;
  }
  .JNewsletter .ULNewsletterTwoColumn {
    position: relative;
    top: 1em;
    left: 1em;
  }
  .JNewsletter .NewsletterPaddingFive {
    padding-bottom: 1em;
  }
  .JNewsletter .NewsletterPaddingNine {
    padding-bottom: 1em;
  }
  .JNewsletter .JNewsletterTitleTwoColumn {
    position: relative;
    top: 0em;
    font-size: 1.25em;
    left: 0em;
    line-height: 1.56em;
  }
  .NewsletterHeader {
    padding: .25em 0;
    text-align: center;
    background-color: #004491;
    color: #FFFFFF;
    font-size: 1.5em;
  }
  .Vimeo {
    width: 100%;
    height: 220px;
    margin: 1em 0em;
    float: none;
    padding: 0em;
  }
}