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


						Pagefiguration for feedback (error pages )


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

/* Old IE bug: won't recognise first rule. */
.initial { text-align:center; }

/* 
-------------------------------------
BODY
-------------------------------------
*/

.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:link  	{ border: none; float: left;} 

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

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

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

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

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

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

}

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

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

div.error_list {
border:		none;
display: 	inline-block;
position: 	relative;
vertical-align: top;
width: 		96%; 
padding: 	10px;
height:		140px;
padding-bottom: 50px;
}

div.error_return {
border:		none;
display: 	inline-block;
position: 	relative;
vertical-align: top;
width: 		96%; 
padding: 	10px;
height:		40px;
}

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

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


/* 
-------------------------------------
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}
	p.fieldquestion { font-size: 12px; line-height:130%; display:block;}
	a { text-align:right;}
	a:link 	{ border: none; float: right;}
	
	/* 
	-------------------------------------
	WRAPPER 
	-------------------------------------
	*/
	div.error_list {
	border:		none;
	display: 	block;
	position: 	relative;
	vertical-align: top;
	width: 		auto; 
	height:		auto;
	padding: 	0px;
	margin-top: 	15px;
	margin-bottom: 	0px;
	padding-bottom: 50px;
	}

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


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

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

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

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

textarea {
   resize: none;
border: 		1px solid 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%; }


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