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

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

/* General
================================================== */

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



/*.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: 30px;
	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 {
	font-size: 2em;
	color: #fff;
	padding: 1em 0 1em 1em;
	background: #004481;
}

.YouthHome .tagline h3{
	border-right: 2px solid #fff;
}

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

/* 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: .2em;
}

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

}


/*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;
}
/*  Link to Us
================================================== */
.link-to-us {
	border: gray 1px solid;
	text-align: left;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 320px;
	word-wrap: break-word;
	height: 85px;
	font-size: 12px;
	margin-bottom: 2em;
}
/****************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 {
	width: 100%;
	border-collapse: collapse;
	margin: 1.5em 0;
}
/* Zebra striping */
#Jtable tr:nth-of-type(odd) {
	background: #e1e6ec;
}
#Jtable tr:nth-of-type(even) {
	background: #f0f3f6;
}
#Jtable th {
	background: #bccddc;
	color: #000000;
	font-weight: bold;
}
#Jtable td, #Jtable th {
	padding: 1em;
	/*border: 1px solid #CBC5C5;*/
	text-align: left;
}
.HSETable p {
	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
================================================== */
#Jtable, #Jtable thead, #Jtable tbody, #Jtable th, #Jtable td, #Jtable tr {
	display: block;
}
#Jtable {
	border: 1px solid #CBC5C5;
}
/* Hide table headers (but not display: none;, for accessibility) */
#Jtable thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
#Jtable tr {
	border: 1px solid #CBC5C5;
}
#Jtable td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
}
#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
================================================== */
		
	
/*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";
}
/*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?";
}







}
/*  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: 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;
}

}


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

.YouthHome .tagline h3{
	border-right: none;
	border-left: none;
}
.YouthHome .user_guide h3 {
	display:none;
}
.YouthHome .getmyfuture-mobilehome {display: inline-block !important;}

.YouthHome .getmyfuture-mobilehome h3 {
	font-size: 2em;
	color: #fff;
	padding: 1em 0 1em 1em;
	background: #004481;
        border: solid 1px #ffffff;
}

.YouthHome .getmyfuture-mobilehome h3 a {
	color: #fff;
        text-decoration: none;
}



.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) {
.accordion-menu {
    margin-left: -10px;
    margin-right: -10px;    
  }
  .submenu-title {
	margin:0 -10px 10px
	}
}