/* 
-------------------------------------
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 		{
//color:		black;
//font-family: 	Palatino, Georgia, serif;
//font-family: 	Arial, Helvetica, sans-serif;
//font-size:	100%;
//padding:	0;
//margin:		0;
//padding-bottom:	3em;
//text-align:	left;
//border:		0;
}


.form_center {
    margin: auto;
    max-width: 780px;
//	height: auto;
 //   border: 1px solid green;
    padding: 5px;
}





/* 
-------------------------------------
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 { 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, p, label { vertical-align: text-center;}

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

h1, h2, h3, h4 { 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: 12px; line-height:100%; display:block; text-align:right; margin-bottom:7px}
p.spcup { font-size: 12px; line-height:100%; display:block; text-align:left; margin-top:7px;margin-bottom:0px}
p.spcdwnup { font-size: 12px; line-height:100%; display:block; text-align:left; margin-top:7px;margin-bottom:7px}
p.spcdwn { font-size: 12px; 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;}

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

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

}

div.top-1-right {
height: 	70px;
//border:		1px solid gray;
display: 	inline-block;
position: 	relative;
width: 		67.76%; 
padding: 	5px;
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: 		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:		155px;
}

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


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

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

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: 17%;
//background-color: lightblue;
vertical-align: top;
}

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


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

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: 		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: 		215px; 
padding: 	10px;
height:		205px;
}

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

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

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

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.field1 {
height:22px;
//display: inline;
display: block;
//border:1px solid gray;
width: 100%;
//background-color: #dcdcdc;
//padding:0;
margin-top: 	-10px;
}

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


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

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

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

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

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

div.stack {
height: 	auto;
}

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

div.stack24 {
height:auto;
margin-top: 4px;
margin-bottom: 4px;
//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.sameline {
height:auto;
display: inline;
//border:1px solid gray;
}

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

/* 
-------------------------------------
Safari  6.1, 7, 8, 9 and 10
-------------------------------------
*/
@media screen and (min-color-index:0) 
and(-webkit-min-device-pixel-ratio:0) { 


}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari-Opera specific declarations here */


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.column-left-1 {
border:		1px solid gray;
display: 	inline-block;
position: 	relative;
vertical-align: top;
width: 		215px; 
padding: 	10px;
height:		230px;
}

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

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

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

div.column-left-3 {
border:		1px solid gray;
display: 	inline-block;
position: 	relative;
vertical-align: top;
width: 		215px; 
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-5 {
border:		1px solid gray;
display: 	inline-block;
position: 	relative;
vertical-align: top;
width: 		96%; 
padding: 	10px;
height:		433px;
}

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

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

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


}

/* 
-------------------------------------
Opera

html.opera #content_lock
noindex:-o-prefocus, .MyClass {
	color:red;
}

-------------------------------------
*/

noindex:-o-prefocus, .MyClass {
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.column-left-1 {
border:		1px solid gray;
display: 	inline-block;
position: 	relative;
vertical-align: top;
width: 		215px; 
padding: 	10px;
height:		230px;
}

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

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

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

div.column-left-3 {
border:		1px solid gray;
display: 	inline-block;
position: 	relative;
vertical-align: top;
width: 		215px; 
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-5 {
border:		1px solid gray;
display: 	inline-block;
position: 	relative;
vertical-align: top;
width: 		96%; 
padding: 	10px;
height:		433px;
}

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

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

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




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


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

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

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

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

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


/* 
-------------------------------------
Chrome  58.0.3029.110
-------------------------------------
*/

@media screen and (-webkit-min-device-pixel-ratio:0) {    


div.column-left-3 {
border:		1px solid gray;
display: 	inline-block;
position: 	relative;
vertical-align: top;
width: 		215px; 
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-5 {
border:		1px solid gray;
display: 	inline-block;
position: 	relative;
vertical-align: top;
width: 		96%; 
padding: 	10px;
height:		35px;
}

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

}

















/* 
-------------------------------------
MOBILE
-------------------------------------
*/

@media only screen and (max-width: 779px) {

	.form_center {
   	 	margin: auto;
    		width: 90%;
    		//border: 1px solid red;
    		padding: 5px;
	}

	ul, ol, li {padding-left:0; margin-left:8px;}
	li {margin-top:8px;}
	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: 12px; line-height:100%; display:block; text-align:right; margin-bottom:7px}

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



	h1.title_top {
	text-align:	left;
	vertical-align: text-top;
	margin-top: 	40px;
	}

	div.instructions {
	height:		40px; 
	text-align:	left; 
	margin-top: 	20px;
	width: 		96%;
	margin-bottom: 	0px;
	}

	div.buttons {
	text-align:	left; 
	height: 	auto; 
	margin-left: 	-12px;
	margin-top: 	0px;
	margin-bottom: 	5px;
	//border: 1px solid red;
	display: 	block;
	width: 10%;
	padding:0;
	}


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

	div.column-left-1 {
	border:		none;
	display: 	block;
	position: 	relative;
	vertical-align: top;
	width: 		auto; 
	height:		auto;
	padding: 	0px;
	margin-top: 	15px;
	margin-bottom: 	0px;
	}

	div.column-right-1 {
	border:		none;
	display: 	block;
	position: 	relative;
	width: 		99%; 
	height:		auto;
	}

	div.column-left-2 {
	border:		none;
	display: 	block;
	position: 	relative;
	vertical-align: top;
	width: 		auto; 
	height:		auto;
	padding: 	0px;
	margin-top: 	15px;
	margin-bottom: 	0px;
	}

	div.column-right-2 {
	border:		none;
	display: 	block;
	position: 	relative;
	width: 		99%; 
	height:		auto;
	}


	div.column-left-3 {
	border:		none;
	display: 	block;
	position: 	relative;
	vertical-align: top;
	width: 		auto; 
	height:		auto;
	padding: 	0px;
	margin-top: 	15px;
	margin-bottom: 	0px;
	}

	div.column-right-3 {
	border:		none;
	display: 	block;
	position: 	relative;
	width: 		99%; 
	height:		auto;
	}

	div.column-left-4 {
	border:		none;
	display: 	block;
	position: 	relative;
	vertical-align: top;
	width: 		auto; 
	height:		auto;
	padding: 	0px;
	margin-top: 	15px;
	margin-bottom: 	0px;
	}

div.column-right-4 {
border:		none;
display: 	block;
position: 	relative;
width: 		99%; 
height:		auto;
margin-bottom: 	30px;
}

div.sec4-col1 {
border:		none;
display: 	block;
position: 	relative;
width: 		99%; 
height:		auto;
//margin-top: 	0px;
margin-bottom: 	15px;
}

div.sec4-col2 {
border:		none;
display: 	block;
position: 	relative;
width: 		99%; 
height:		auto;
margin-bottom: 	15px;
}

div.sec4-col3 {
border:		none;
display: 	block;
position: 	relative;
width: 		99%; 
height:		auto;
margin-bottom: 	15px;
}


div.sec4-col4 {
border:		none;
display: 	block;
position: 	relative;
width: 		99%; 
height:		70px;
margin-bottom: 	15px;
}

div.column-5 {
border:		none;
display: 	block;
position: 	relative;
vertical-align: top;
width: 		98%; 
padding: 	0px;
height:		40px;
margin-bottom: 	230px;
}

div.field_learn {
height:		auto;
width: 		99%;
display: 	block;
border:		none;
margin-top: 	8px;
margin-bottom: 	0px;
}

div.column-6 {
border:		none;
display: 	block;
position: 	relative;
vertical-align: top;
width: 		96%; 
padding: 	0px;
height:		auto;
margin-top: 	220px;
}

div.column-left-7 {
border:		none;
display: 	block;
position: 	relative;
vertical-align: top;
width: 		auto; 
height:		auto;
padding: 	0px;
margin-top: 	15px;
margin-bottom: 	0px;
}

div.column-right-7 {
border:		none;
display: 	block;
position: 	relative;
width: 		99%; 
height:		auto;
margin-top: 	5px;
}



div.column-left-8 {
border:		none;
display: 	block;
position: 	relative;
vertical-align: top;
width: 		auto; 
height:		auto;
padding: 	0px;
margin-top: 	15px;
margin-bottom: 	0px;
}

div.column-right-8 {
border:		none;
display: 	block;
position: 	relative;
width: 		99%; 
height:		auto;
}



div.column-left-9 {
border:		none;
display: 	block;
position: 	relative;
vertical-align: top;
width: 		auto; 
height:		auto;
padding: 	0px;
margin-top: 	15px;
margin-bottom: 	0px;
}

div.column-right-9 {
border:		none;
display: 	block;
position: 	relative;
width: 		99%; 
height:		auto;
}

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

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





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


	body {
		//background-color: skyblue;
	}

	input[type="text"] {
	position: relative;
	// display: inline;
	// display: block;
	//display: block-inline;
        margin : 0 auto;
	width:95%;
	//background-color: #dcdcdc;
	//width:auto;
        }

	p.fieldquestion { font-size: 12px; line-height:130%; display:block;}
	a { text-align:left;}
	a:link 	{ border: none; float: left;}
}

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