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

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

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


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

body 		{
color:black;
font-family: Palatino, Georgia, serif;
font-size:100%;
padding:0;
margin:0;
padding-bottom:3em;
text-align:left;
border:0;
}

body 		{
font-family: Arial, Helvetica, sans-serif ;
}


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

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



/* 
-------------------------------------
HEADING
-------------------------------------
*/
h1 		{ 
//color:black; 
//font-family:arial, verdana, sans-serif;
//padding:0;
//margin:0;
//border:0;
//text-align:left;
//clear:both;
//padding-top:1em;
}

a, h1, h2, h3, h4, li, p { font-family:arial, verdana, sans-serif;}
a, h1, h2, h3, h4, li, p { color:black;}
h1, h2, h3, h4, li { text-align:left;}
a, h1, h2, h3, h4, li, p { vertical-align: text-top;}

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

footer 		{ font-size: 13px; color:black;}
.checkbox-custom-label 		{ font-size: 12px;}
.checkbox-custom-label-sm	{ font-size: 9px; line-height:180%;}

/* 
-------------------------------------
INPUT
-------------------------------------
*/
input 		{
border: 	0;
outline: 	0;
background: 	white;
//background: 	transparent;
border-bottom: 	1px solid black;
//display: inline-block;
//   margin-right: -10px;
    /* The 2 below properties are just for "correct" vertical placement of the button. */
 //   margin-top: 5px;
 //   vertical-align: top;
//float:left;
width: auto;
}

/* 
-------------------------------------
PARAGRAPH  line-height:100%;
-------------------------------------
*/
p {
    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.bottom 	{ margin-bottom: -5em; padding-left: 24px; text-indent: -24px;}
p.indent	{ text-indent: -24px; padding-left: 24px;}
p.col1-top  	{ margin-top: 0.5em; text-indent: -14px; padding-left: 14px; line-height:180%;}
p.col1  	{ margin-left: 1em; margin-top: 0.5em; text-indent: -24px; padding-left: 24px; line-height:180%;}

p.col2-top  	{ margin-top: 0.5em; text-indent: -14px; padding-left: 14px; line-height:180%;}
p.col2  	{ margin-left: 2em; margin-top: 0.5em; text-indent: -27px; padding-left: 14px; line-height:180%;}
p.col3  	{ margin-top: 0.5em; text-indent: -27px; padding-left: 14px; line-height:180%;}
p.col4  	{ margin-top: 0.5em; text-indent: -24px; padding-left: 24px; line-height:180%;}

p.indent_small	{ text-indent: -25px; padding-left: 33px; }

/* 
-------------------------------------
LABELS
-------------------------------------
*/
label 		{ 
font-size:13px; 
//  display: inline-block;
//  margin-left: 100px;
//  margin-right: -100px;

// display: block;
//   padding-left: 1.5em;
padding-right:10px;
//    text-indent: -.7em;
//  width: 100%;
//  display: block;
float: left;
//  margin-left: 55px; 
}
 
label.small 		{ 
font-size:9px; 
width: 100%;
display: block;
float: left;
}



/* 
-------------------------------------
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.left           { 
background-color: #f0f0f0; 
border-size:1px;
border-style:solid none solid solid;
border-color:black; 
border-width:thin;
}

div.right           { 
background-color: #f0f0f0; 
border-size:1px;
border-style:solid solid solid solid;
border-color:black; 
border-width:thin;
}

div.basic           { 
background-color: #f0f0f0; 
border-size:1px;
border-style:solid none solid solid;
border-color:black; 
border-width:thin;
}

div.bottom { 			//Layout Wizard
height: 200px;
width: 80%;
margin-left: auto;
margin-right: auto;
margin-top: none;
margin-bottom: none;
border-top: 4px solid #00ccff;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
background-color: #575757;
}

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

/* 
-------------------------------------
BUTTONS
-------------------------------------
*/
button.right 	{color:	black; float: right; margin: 0px  10px 0px 10px;}


/* 
-------------------------------------
LINKS
-------------------------------------
*/
a 		{ color: black;}
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 img 		{ border: 0;}
a:link IMG 	{ border: 2px solid blue }
a:visited IMG 	{ border: 2px solid red }
a:active IMG 	{ border: 2px solid lime }
a:link  	{ border: none; float: right;}
/* 
-------------------------------------
NAV
-------------------------------------
*/


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

#c1, #c2, #c3, #c4 {
width: 20%; // 1/4 of 100%
height: auto;
display: inline-block;
}

/* 
-------------------------------------
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
-------------------------------------
*/
.checkbox-custom, .radio-custom {
    opacity: 0;
    position: absolute;   
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label, checkbox-custom-label-sm {
//    display: inline-block;
    vertical-align: middle;
    margin: 2px;
    cursor: pointer;

//    display: inline-block;
//    margin-left: 2px;
//    margin-right: -10px;
}

.checkbox-custom-label, .radio-custom-label, checkbox-custom-label-sm {
    position: relative;
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before , .checkbox-custom + .checkbox-custom-label-sm:before {
    content: '';
    background: #fff;
    border: 1px solid #222;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    padding: 1px;
    margin-right: 10px;
    text-align: center;
}

.checkbox-custom:checked + .checkbox-custom-label:before, .checkbox-custom:checked + .checkbox-custom-label-sm:before {
    background: #6495ED;
    box-shadow: inset 0px 0px 0px 4px #fff;
}

.radio-custom + .radio-custom-label:before {
    border-radius: 0%;
}

.radio-custom:checked + .radio-custom-label:before {
    background: #ccc;
    box-shadow: inset 0px 0px 0px 4px #fff;
}

.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label, .checkbox-custom:focus + .checkbox-custom-label-sm, {
  //outline: 1px solid #fff; 
//outline: none;
}

/* 
-------------------------------------
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 div.left {
border: 1px solid #c3c3c3;
width: 90px;
height: 50px;
display:block;
float:left;
}

#DOL_FORM div.right {
width: 150px;
height: 50px;
position:relative;
display:inline;
float:left;
}

#DOL_FORM div.left5 {
border: none;
//width: 2%;
//height: 13px;
padding: 0px;
display:block;
float:left;
}

#DOL_FORM div.right5 {
border: none;
//width: 90%;
//height: 50px;
padding: 0px;
position:relative;
display:inline;
float: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;
}