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

.form_center {
    margin: auto;
    width: 670px;
//	height: auto;
 //   border: 1px solid green;
   // padding: 5px;
padding: 0;
}

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

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

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


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

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

textarea { vertical-align: top;}

h1 		{ font-size: 16px; letter-spacing: 2px;}
a, h2, ul, ol, li, p, label, input, textarea { font-size: 11px; line-height:120%; letter-spacing: 0px;}
h3 		{ font-size: 10px; letter-spacing: 2px;}
h4 		{ font-size: 9px; letter-spacing: 2px;}

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

p.title_top { font-size: 11px; line-height:100%; display:block; text-align:left; margin-left: -10px; margin-top:0px; margin-bottom:3px}
p.title_bottom { font-size: 11px; line-height:100%; display:block; text-align:right; margin-bottom:7px}
p.spcup { font-size: 11px; line-height:100%; display:block; text-align:left; margin-top:7px;margin-bottom:0px}
p.spcdwnup { font-size: 11px; line-height:100%; display:block; text-align:left; margin-top:7px;margin-bottom:7px}
p.spcdwn { font-size: 11px; line-height:100%; 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: 12px; color:black;}

ol {list-style-type: cjk-ideographic;}


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







.printmode {
display: 	block;
position: relative;
//page-break-before: auto;
page-break-inside: avoid;
overflow: 	hidden;
resize: 	none; /* user resize */
width:		98%;
outline: 	none;
white-space:pre-line;
//white-space:pre-wrap;
}

/* 
-------------------------------------
WRAPPER 
-------------------------------------
*/

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:		90px;
}

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

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: 		180px; 
padding: 	10px;
height:		220px;
}

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


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

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

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

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


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

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

div.sec4-col1 {
//height:inline-block;
display:inline-block;
//border:1px solid gray;
width: 25%;
//background-color: lightblue;
}

div.sec4-col2 {
//height:auto;
display: inline-block;
//border:1px solid gray;
width: 25%;
//background-color: lightblue;
vertical-align: top;
}

div.sec4-col3 {
//height:auto;
display: inline-block;
//border:1px solid gray;
width: 30%;
//background-color: lightblue;
vertical-align: top;
}

div.sec4-col4 {
//height:auto;
display: inline-block;
//border:1px solid gray;
width: 15%;
//background-color: lightblue;
vertical-align: top;
}

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


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

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

div.column-right-7 {
border:		1px solid gray;
display: 	inline-block;
position: 	relative;
width: 		65.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: 		180px;
padding: 	10px;
height:		180px;
}

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

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

div.column-right-9 {
border:		1px solid gray;
display: 	inline-block;
position: 	relative;
width: 		65.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: 	0px;
height:		10px;
}

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

div.field {
height:18px;
//display: inline;
display: block;
//border:1px solid gray;
width: 100%;
//background-color: #dcdcdc;
//padding:0;
//margin-top: 	-20px;
}

div.field2 {
height:22px;
display: block;
//border:1px solid gray;
width: 100%;
//background-color: #dcdcdc;
//padding:0;
margin-bottom: 	30px;
}

div.field3 {
height:22px;
display: block;
//border:1px solid gray;
width: 100%;
//background-color: #dcdcdc;
//padding:0;
margin-bottom: 	20px;
}


div.field5 {
height:22px;
//display: inline;
display: block;
//border:1px solid gray;
width: 100%;
//background-color: #dcdcdc;
//padding:0;
margin-bottom: 	20px;
}

div.field6 {
height:22px;
//display: inline;
display: block;
//border:1px solid gray;
width: 100%;
//background-color: #dcdcdc;
//padding:0;
margin-bottom: 	40px;
}
div.stack {
height: 	auto;
}

div.stack2 {
height:auto;
margin-top: 8px;
//border:1px solid gray;
}

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.field_learn {
height:auto;
display: inline;
//border:1px solid gray;
}

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

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

div.instructions {
height:		22px; 
text-align:	right; 
margin-top: 	20px;
}

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


/* 
-------------------------------------
Darn Firefox  53.0.3
-------------------------------------
*/
@-moz-document url-prefix() {       

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

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


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

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


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: 		65.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:		230px;
}

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

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

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

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


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

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


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

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

/* 
-------------------------------------
Chrome
-------------------------------------
*/
@media print and (-webkit-min-device-pixel-ratio:0) {    

body 		{
background-color: #dcdcdc;
border:		1px solid gray;	
}

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

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


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

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


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

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

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

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

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

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

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


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

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


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: 		65.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:		60px;
margin-top:	0px;
}

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



}















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

p.indent	{ padding-left: 10px; }
p.indent2	{ padding-left: 32px; margin-top:-10px; 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;}

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:-1.5em; margin-left:7px; padding-left: 15px;}
label.basic2 		{margin-top:-1.5em; 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
-------------------------------------

Puts a shade over the label
label:hover {
background: #e6f7ff;
}

input[type=checkbox]:selected  {
	background: #C9E1FB;
	background: #0f0;
}

input[type=text] { // Use these to space the text from the input.
	-webkit-box-flex: 	0;
	-webkit-flex: 		none;
	-ms-flex: 		none;
	flex: 			none;
	//margin-right: 	5px; 
	margin-left: 		5px; 
	vertical-align:		top; 
	padding-right:		5px;
	padding-left:		5px;
	// This outlines the input
	//outline:		1px solid black;
}
*/

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

input[type=button] {
margin-left: 		15px; 
//vertical-align:	top; 
}





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
-------------------------------------
list-style-type:none
*/

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