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

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


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

}
/*  Responsive Columns
================================================== */

.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: 3.7037%;
}
.ResponsiveContainer .two.columns {
	width: 9.2593%;
}
.ResponsiveContainer .three.columns {
	width: 14.8148%;
}
.ResponsiveContainer .threefive.columns {
	width: 18.5185%;
}
.ResponsiveContainer .four.columns {
	width: 20.3704%;
}
.ResponsiveContainer .five.columns {
	width: 25.9259%;
}
.ResponsiveContainer .six.columns {
	width: 31.4815%;
}
.ResponsiveContainer .seven.columns {
	width: 37.0370%;
}
.ResponsiveContainer .eight.columns {
	width: 42.5926%;
}
.ResponsiveContainer .nine.columns {
	width: 48.1481%;
}
.ResponsiveContainer .ten.columns {
	width: 53.7037%;
}
.ResponsiveContainer .eleven.columns {
	width: 59.2593%;
}
.ResponsiveContainer .twelve.columns {
	width: 64.8148%;
}
.ResponsiveContainer .thirteen.columns {
	width: 70.3704%;
}
.ResponsiveContainer .fourteen.columns {
	width: 75.9259%;
}
.ResponsiveContainer .fifteen.columns {
	width: 81.4815%;
}
.ResponsiveContainer .sixteen.columns {
	width: 87.0370%;
}
.ResponsiveContainer .one-third.columns {
	width: 27.7778%;
}
.ResponsiveContainer .two-thirds.columns {
	width: 57.4074%;
}
/* Offsets */
.ResponsiveContainer .offset-by-quarter {
	padding-left: 1.3889%;
}
.ResponsiveContainer .offset-by-quarter-half {
	padding-left: 1.8519%;
}
.ResponsiveContainer .offset-by-half {
	padding-left: 2.7778%;
}
.ResponsiveContainer .offset-by-one {
	padding-left: 5.5556%;
}
.ResponsiveContainer .offset-by-two {
	padding-left: 11.1111%;
}
.ResponsiveContainer .offset-by-three {
	padding-left: 16.6667%;
}
.ResponsiveContainer .offset-by-four {
	padding-left: 22.2222%;
}
.ResponsiveContainer .offset-by-five {
	padding-left: 27.7778%;
}
.ResponsiveContainer .offset-by-six {
	padding-left: 33.3333%;
}
.ResponsiveContainer .offset-by-seven {
	padding-left: 38.8889%;
}
.ResponsiveContainer .offset-by-eight {
	padding-left: 44.4444%;
}
.ResponsiveContainer .offset-by-nine {
	padding-left: 50.0000%;
}
.ResponsiveContainer .offset-by-ten {
	padding-left: 55.5556%;
}
.ResponsiveContainer .offset-by-eleven {
	padding-left: 61.1111%;
}
.ResponsiveContainer .offset-by-twelve {
	padding-left: 66.6667%;
}
.ResponsiveContainer .offset-by-thirteen {
	padding-left: 72.2222%;
}
.ResponsiveContainer .offset-by-fourteen {
	padding-left: 77.7778%;
}
.ResponsiveContainer .offset-by-fifteen {
	padding-left: 83.3333%;
}

/*  #Mobile (Portrait)
================================================== */

@media only screen and (max-width: 640px) {
.ResponsiveContainer {
	width: 100%;
}
.ResponsiveContainer .columns, .ResponsiveContainer .column {
	margin: .5rem 0;
	padding: 0 5px;
}
.ResponsiveContainer .one.column, .ResponsiveContainer .one.columns, .ResponsiveContainer .two.columns, .ResponsiveContainer .three.columns, .ResponsiveContainer .four.columns, .ResponsiveContainer .five.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.columns, .ResponsiveContainer .two-thirds.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;
}
}