/* 
-------------------------------------
TITLE		: Modified Style Sheet using mobile configuration
DATE		: JUNE 2017
AGENCY		: DOL / OFCCP
AUTHOR		: VIATEQ CORPORATION / Dennis R.Dunston
NOTES		: 
-------------------------------------
*/
/* Old IE bug: won't recognise first rule. */
.initial { text-align:center; }

/* 
-------------------------------------
BODY
-------------------------------------
*/
body {
background-color: 	white;
}

.form_center {
margin: 	auto;
max-width: 	780px;
padding: 	5px;
}

/* 
-------------------------------------
HTML
-------------------------------------
*/

html 		{
border:		0;
margin:		0;
padding:	0;
font-size:	1em;
}

/* 
-------------------------------------
IMG
-------------------------------------
*/
img 		{
max-width: 100%;
max-height: 100%;
}


/* 
-------------------------------------
HEADING
-------------------------------------
*/

a, h1, h2, h3, h4, ul, ol, li, p, label { font-family: Tahoma, Arial, verdana, sans-serif;}
a, h1, h2, h3, h4, ul, ol, li, p, label { color:black;}
a, h1, h2, h3, h4, ul, ol, li, p 	{ text-align:left;}
a, h1, h2, h3, h4, ul, ol, li, label 	{ vertical-align: text-center;}

h1 			{ font-size: 16px;}
a, h2, ul, ol, li,p { font-size: 10px; line-height:120%; }
label, input { font-size: 10px; line-height:80%; }
h3 		{ font-size: 9px;}
h4 		{ font-size: 8px;}

h1, h2, h3, h4 { margin:0; padding:0;}

p {display:block;}
p { margin:0; padding:0;}

p.title_top { 
//font-size: 12px; 
//line-height:100%; 
//display:block; 
//text-align:left; 
//margin-left: -10px; 
//margin-top:0px; 
//margin-bottom:3px
}

p.title_bottom { font-size: 10px; line-height:90%; display:block; text-align:right; margin-bottom:7px}
p.spcup { font-size: 10px; line-height:90%; display:block; text-align:left; margin-top:7px;margin-bottom:0px}
p.spcdwnup { font-size: 10px; line-height:90%; display:block; text-align:left; margin-top:7px;margin-bottom:7px}
p.spcdwn { font-size: 10px; line-height:90%; display:block; text-align:left; margin-top:0px;margin-bottom:7px}
a.right { text-align:right;}
a.left { border: none; display:inline-block; text-align:left;}
p.htmllink {position: relative; float:left; margin:0; padding:0; text-align:left;}

footer 	{ font-size: 10px; color:black;}

textarea {
resize: 		none;
border: 		none;
overflow: 		hidden;
padding-left:		6px;
//border: 		1px solid black;
border-bottom: 		1px solid black;
}

textarea.nar6 {
resize: 		none;
//border: 		none;
overflow: 		hidden;
border: 		1px solid black;
//border-bottom: 	1px solid black;
}

/* 
-------------------------------------
Internet Explorer is the default browser 
-------------------------------------
*/


h1.title_top {
text-align:	right;
vertical-align: text-top;
margin-top: 	0px;
}

div.top-1-left {
width: 		215px; 
//height: 	140px;
//border:		1px solid gray;
display: 	inline-block;
position: 	relative;
vertical-align: top;
padding: 	10px;
height:		80px;
}

div.top-1-right {
height: 	80px;
//border:		1px solid red;
display: 	inline-block;
position: 	relative;
width: 		62.76%; 
padding: 	5px;
margin:		-5px;
margin-top:	5px;
}

div.top-link {
//border:		1px solid blue;
display: 	inline-block;
position: 	relative;
vertical-align: top;
width: 		99%; 
padding: 	0px;
height:		20px;
}

div.top-2-left {
width: 		215px; 
//height: 	140px;
//border:		1px solid gray;
display: 	inline-block;
position: 	relative;
vertical-align: bottom;
padding: 	10px;
height:		20px;

}

div.top-2-right {
height: 	24px;
//border:		1px solid gray;
display: 	inline-block;
position: 	relative;
width: 		67.76%; 
padding: 	0;
margin:		0;
margin-top:	0px;
text-align:	right;
vertical-align: bottom;
}

input[type="button"].button_exec { 
outline:		2; 
border: 		solid 1px black;
margin-left: 		13px;
margin-right: 		0px;
line-height:		auto;
}

div.Form_Main {
border:		none;
display: 	block;
position: 	relative;
vertical-align: top;
width: 		auto; 
//padding: 	10px;
height:		auto;
margin-top:	0px;
}

div.column-left-1 {
border:		1px solid gray;
display: 	inline-block;
position: 	relative;
vertical-align: top;
width: 		215px; 
padding: 	10px;
height:		250px;
}

div.column-right-1 {
border:		1px solid gray;
display: 	inline-block;
position: 	relative;
width: 		60.76%; 
padding: 	10px;
margin:		-5px;
margin-top:	0px;
height:		250px;
}

div.column-left-2 {
border:		1px solid gray;
display: 	inline-block;
position: 	relative;
vertical-align: top;
width: 		215px; 
padding: 	10px;
height:		150px;
}

div.column-right-2 {
border:		1px solid gray;
display: 	inline-block;
position: 	relative;
width: 		60.76%; 
padding: 	10px;
margin:		-5px;
margin-top:	0px;
height:		150px;
}

div.column-left-3 {
border:		1px solid gray;
display: 	inline-block;
position: 	relative;
vertical-align: top;
width: 		215px; 
padding: 	10px;
height:		150px;
}

div.column-right-3 {
border:		1px solid gray;
display: 	inline-block;
position: 	relative;
width: 		60.76%; 
padding: 	10px;
margin:		-5px;
margin-top:	0px;
height:		150px;
}


div.column-left-4 {
border:		1px solid gray;
display: 	inline-block;
position: 	relative;
vertical-align: top;
width: 		215px; 
padding: 	10px;
height:		260px;
}

div.column-right-4 {
border:		1px solid gray;
display: 	inline-block;
position: 	relative;
width: 		60.76%; 
padding: 	10px;
margin:		-5px;
margin-top:	0px;
height:		260px;
}

div.sec4-col1 { display: inline-block; width: 24%; vertical-align: top;}
div.sec4-col2 { display: inline-block; width: 24%; vertical-align: top;}
div.sec4-col3 { display: inline-block; width: 25%; vertical-align: top;}
div.sec4-col4 { display: inline-block; width: 15%; vertical-align: top;}

div.column-5 {
border:		1px solid gray;
display: 	inline-block;
position: 	relative;
vertical-align: top;
width: 		96%; 
padding: 	10px;
height:		30px;
}


div.column-6 {
border:		1px solid gray;
display: 	inline-block;
position: 	relative;
vertical-align: top;
width: 		96%; 
padding: 	10px;
height:		310px;
}

div.column-left-7 {
border:		1px solid gray;
display: 	inline-block;
position: 	relative;
vertical-align: top;
width: 		215px; 
padding: 	10px;
height:		45px;
}

div.column-right-7 {
border:		1px solid gray;
display: 	inline-block;
position: 	relative;
width: 		60.76%; 
padding: 	10px;
margin:		-5px;
margin-top:	0px;
height:		45px;
}


div.column-left-8 {
border:		1px solid gray;
display: 	inline-block;
position: 	relative;
vertical-align: top;
width: 		215px; 
padding: 	10px;
height:		200px;
}

div.column-right-8 {
border:		1px solid gray;
display: 	inline-block;
position: 	relative;
width: 		60.76%; 
padding: 	10px;
margin:		-5px;
margin-top:	0px;
height:		200px;
}

div.column-left-9 {
border:		1px solid gray;
display: 	inline-block;
position: 	relative;
vertical-align: top;
width: 		215px; 
padding: 	10px;
height:		70px;
margin-top:	0px;
}

div.column-right-9 {
border:		1px solid gray;
display: 	inline-block;
position: 	relative;
width: 		60.76%; 
padding: 	10px;
margin:		-5px;
margin-top:	0px;
height:		70px;
}

div.column-span-revised {
border:		none;
display: 	block;
position: 	relative;
vertical-align: top;
width: 		99%; 
padding-top: 	10px;
height:		10px;
}

div.column-span-submit {
border:		none;
display: 	block;
position: 	relative;
vertical-align: top;
width: 		99%; 
padding: 	0px;
height:		30px;
margin-top: 	10px;
}
/* 
-------------------------------------
offsets for spacing 
-------------------------------------
*/
div.spcdwn5 	{ height:18px; 	display: block;	width: 100%; 	margin-bottom: 	5px;}
div.spcdwn10 	{ height:18px;	display: block;	width: 100%;	margin-bottom: 	10px;}
div.spcdwn20 	{ height:18px;	display: block;	width: 100%;	margin-bottom:	40px; }
div.spcdwn30 	{ height:18px;	display: block;	width: 100%;	margin-bottom: 	50px;}
div.spcdwn40 	{ height:18px;	display: block;	width: 100%;	margin-bottom: 	70px;}

div.field 	{ height:18px;	display: block;	width: 100%;	margin-bottom: 	5px;}
div.field1 	{ height:18px; 	display: block;	width: 100%;	margin-top:	-30px; margin-top: -10px;}
div.field8 	{ height:18px; 	display: block; width: 100%; 	margin-bottom:	10px;}
div.field7 	{ height:18px;	display: block;	width: 100%;	margin-top: 	20px; margin-bottom: 	30px;}
div.field5 	{ height:18px;	display: block;	width: 100%;	margin-top: 	0px; margin-bottom: 	8px;}
div.stack 	{ height:auto;}
div.stack2 	{ margin-top:	8px;}
div.stack24 	{ height:auto;	margin-top: 	4px;	margin-bottom: 	4px;}
div.stack4 	{ height:auto;	margin-bottom: 	4px;	}
div.stack8 	{ height:auto;	margin-bottom: 	8px;	}
div.stack33 	{ height:auto;	width: 		auto;	}
div.stack_nar6 	{ height:auto;	width: 		auto;margin-top: 	-14px;}
div.sameline 	{ height:auto;	display: inline;}
div.field_learn { height:auto;	display: inline-block;}

p.indent	{ padding-left: 10px; }
p.indent2	{ padding-left: 32px; margin-top:0px; color:none;}
p.indent_small	{ text-indent: -25px; padding-left: 33px; }
p.indent44 	{ margin-top:-2.5em; margin-left:20px; display:inline-block; font-size: 12px;}
p.indent4 	{ margin-top:-1.5em; margin-left:30px; display:inline-block; font-size: 11px; vertical-align: text-top;}








div.wrapper {
height:auto;
//border:1px solid gray;
}

div.wrapper2 {
height:		auto;
display: 	inline;
//border:	1px solid gray;
}

div.read_instructions {
height:		22px; 
text-align:	right; 
margin-top: 	0px;
padding: 	0px;
}

div.buttons {
text-align:	right; 
height: 	25px; 
margin-top: 	10px;
//display: 	inline;
margin-right: 	10px;
line-height:	130%;
}

/* 
-------------------------------------
INPUT, CHECKBOX, TEXTAREA, RADIO
-------------------------------------
*/
input 		{
width: 			auto;
border: 		0;
outline: 		0;
padding-left:		6px;
//background: 		transparent;
//background-color: 	#d1d1d1; 
//display: 		inline-block;
//margin-right: 	10px;
//margin-top: 		5px;
//vertical-align: 	top;
//float:		left;
}

input[type="button"] { 
outline:		2; 
border: 		solid 1px black;
margin-left: 		13px;
line-height:		130%;
}

input, select { 
border-bottom: 		1px solid black;
//margin-left: 33px;
//margin-left: 41.79em;
//border: 		solid 1px #3d3d3d;
}

input[type="checkbox"]:hover, 
input[type="checkbox"]:focus, 
input[type="checkbox"]:active, 
input[type="radio"]:hover, 
input[type="radio"]:focus, 
input[type="radio"]:active { 
outline:	solid 2px black;
//overflow: hidden;
}

input[type="checkbox"]:checked { 
//outline:	solid 9px red;
-webkit-appearance:checkbox;
//-webkit-appearance: none;
}

/* 
-------------------------------------
Highlights label and input.
-------------------------------------
*/

input:hover, 
input:focus, 
input:active, 
select:hover, 
select:focus, 
select:active, 
textarea:hover, 
textarea:focus, 
textarea:active { 
outline:	solid 2px black;
}


/* 
-------------------------------------
PARAGRAPH  line-height:100%;
-------------------------------------
*/
p {
//    display: block;
//    margin-top: 0em;
//    margin-bottom: 0em;
//    margin-left: 0;
//    margin-right: 0;
}

p.old {
    display: block;
    margin-top: 1em;
    margin-bottom: -1em;
    margin-left: 0;
    margin-right: 0;
}

p.br 		{ line-height:120%; margin-bottom: 0em;}
p.newline 	{ line-height:120%; margin-bottom: 4em;}
p.top 		{ margin-top: -0.5em; padding-left: 24px; text-indent: -24px;}
p.top2 		{ margin-top: 9em; padding-left: 24px; text-indent: -24px;}


span		{display:inline-block;}

/* 
-------------------------------------
LABELS

label 			{display: inline;}
-------------------------------------
*/



label {
display: inline-block;
widt:auto;
}


label.adj2 		{margin-top:-2.5em; margin-left:20px; display:block; font-size: 12px;}
label.adj3 		{margin-top:-2.5em; margin-left:20px; display:block; font-size: 12px;}
label.adj4 		{margin-top:-1.56em; margin-left:20px; display:block; font-size: 12px;}
label.small 		{display:inline-block; font-size: 11px; vertical-align: text-top;}
label.other 		{margin-top:-1.5em; margin-left:20px; display:inline-block; font-size: 11px; vertical-align: text-top;}
label.other2 {
	display: 		-webkit-box;
	display: 		-webkit-flex;
	display: 		-ms-flexbox;
	display: 		flex;
	-webkit-box-align: 	center;
	-webkit-align-items: 	center;
	-ms-flex-align: 	center;
	align-items: 		center;
	padding-right:		5px;
	margin-left: 		5px;
	//font-size:11px; 
	//padding-left: 10px;
	//margin-right: 		5px; 
	//float: left;
}

/* 
-------------------------------------
TEXT FOR ENGLISH
-------------------------------------
*/

label.basic 		{margin-top:-20px; margin-left:7px; padding-left: 15px;}
label.basic2 		{margin-top:-15px; margin-left:9px; padding-left: 15px;}
label.basic 		{display:block; font-size: 12px; vertical-align: text-top; line-height:100%;}
label.basic2 		{display:block; font-size: 11px; vertical-align: text-top; line-height:110%; }

/* 
-------------------------------------
LABEL EFFECT
-------------------------------------
*/

input[type=radio], 
input[type=checkbox] {
	-webkit-box-flex: 	0;
	-webkit-flex: 		none;
	-ms-flex: 		none;
	flex: 			none;
	//margin-right: 	5px; 
	//margin-left: 		15px; 
	//vertical-align:	top; 
	//padding-right:	10px;
	//padding-left:		10px;
	outline: 		1px solid black;
	//border: 1px solid #fff;
	//opacity: 0;
	overflow: hidden;
}
 
/* 
-------------------------------------
DIV
-------------------------------------
*/

div.centered      {width: 900px; }
div.columns       {width: 630px;  margin: 0 auto;}
div.columns div   {width: 300px; height: 200px; float: left; padding:5px;}
div.clear         {clear: both; }

div.border	{
border-size:2px;
border-style:solid;
border-color:black;
}

div.col {
float: left;
width: 25%;
}

/* 
-------------------------------------
BUTTONS
-------------------------------------
*/







button.right 	{color:	black; float: right; margin: 0px  10px 0px 10px;}
/* 
-------------------------------------
LINKS
-------------------------------------
*/
a:visited 	{ color: black; }        /* visited links */
a:active 	{ color: black; }        /* active links */
a:focus 	{ background-color:none; color:black;}
a:hover 	{ background-color:none; color:black;}
a:active 	{ background-color:none; color:black;}
a:link IMG 	{ border: none; float: right;}
a:visited IMG 	{ border: none; float: right;}
a:active IMG 	{ border: none; float: right;}
a:link  	{ border: none; float: right;}
/* 
-------------------------------------
NAV
-------------------------------------
*/


/* 
-------------------------------------
COLUMNS
-------------------------------------
*/


/* 
-------------------------------------
FOOTER
-------------------------------------
*/
footer {
border-size:2px;
border-style:solid;
border-color:black;
border-width:thin;
margin-left: 41.79em;
margin-right: -1em;
padding:13px;
width: 190px; // 1/4 of 100%
height: auto;
//display: inline-block;
display: block;
text-align: center;
}

/* 
-------------------------------------
CHECKBOX & RADIO BUTTONS
-------------------------------------
*/

/* 
-------------------------------------
FORMS
-------------------------------------
*/
#DOL_FORM {
background-color:		white;
width: 				780px;
height: 			780px;
padding: 			10px;
margin: 			0 auto;
}

#DOL_FORM div {
width: 50px;
height: 50px;
border: 1px solid #000000;
float:left;
padding: 10px;
text-align:left;
}

#DOL_FORM_MOBILE div {
//width: 50px;
//height: 50px;
//border: 1px solid #000000;
//float:left;
padding: 10px;
text-align:left;
}

/* 
-------------------------------------
LIST ul or ol  /  Jaws NVDA Narrator WAI-ARIA <nav> and role="navigation" Voice Over and Orca Windows Eyes
-------------------------------------
*/

.screen-reader-text { 
   clip: rect(1px, 1px, 1px, 1px); 
   height: 1px; 
   width: 1px; 
   overflow: hidden; 
   position: absolute !important;
}

/* 
-------------------------------------
Needed to add a off form title for the label.
-------------------------------------
*/
.scrn-rdr a, .scrn-rdr a:hover, .scrn-rdr a:visited, label.scrn-rdr {
display: 		block;
position: 		absolute;
left: 			-10000px;
top: 			auto;
width: 			100%;
height: 		3em;
font-weight: 		bold;
//text-align: 		center;
// border-bottom: 	1px solid #000;
color: 			#fff;
margin-left:		30px;
}
.scrn-rdr a:active, .scrn-rdr a:focus {
background: 		#000;
position: 		static;
width: 			100%;
height: 		auto;
padding: 		1em;
margin: 		auto;
}