html * { 
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	text-size-adjust: none;
	max-height: 100000px; 
}

body,html { height: 100%; width: 100%; min-height: 101vh}

body, input, textarea, select{ font-family: Arial, Helvetica, sans-serif; 
	font-size:15px; 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
}				
		
body {	margin: 0px; padding: 0px; text-align: left; }
			
.rainbowline { display: block; width:100%; height:0.8px; border:0; background-image: repeating-linear-gradient(to right, red, green, blue, green, red ); } 
				
.small		{ font-size: 90%; }
.left		{ text-align: Left; }
.right		{ text-align: Right }
.center		{ text-align: Center; }
.nobr		{ white-space: nowrap; }
.bold		{ font-weight: bold; }
.indent		{ margin-left: 28px; }
.white		{ color: #FFFFFF; }
.warning 	{ color: #CC0000; }
.arg		{ color: #008000; font-weight: bold; }

.helpview	{ display: none; }
.helphide	{ display: inline-block; }
.bordered	{ border: 1px solid black }

p            { text-align: Left; margin-top: 0px; margin-bottom: 6px; }
p.image      { margin-left: 28px; margin-top: 18px; margin-bottom: 12px; }

img 		 { max-width: 98%; height:auto; }

td           { text-align: left; vertical-align:top }
td.shaded    { background-color: #EEEEEE; }
td.content   { padding-top: 10px; }

ul           { text-align: Left; margin-top: 6px; margin-bottom: 12px; }
ol           { text-align: Left; margin-top: 6px; }
li           { text-align: Left; list-style-type: square; margin-top: 6px; margin-left:18px; }
li.num       { text-align: Left; list-style-type: decimal; margin-top: 6px;}
li.none      { text-align: Left; list-style-type: none; margin-top: 6px; }

h1           { font-size: 120%; color: #004000; font-weight: bold; margin-top: 0px; margin-bottom: 18px; }
h2           { font-size: 100%; color: #004000; font-weight: bold; }
h3           { font-size: 100%; font-weight: bold; text-align: Left; }

#dialogtable p { margin-top:12px; }
input[type='text'], input[type='search'] { width:320px; padding:6px }
input[type='submit'] { min-width:100px; padding:6px}  
textarea { width:322px; }

input, textarea, select, .button { outline: none; background: #fafaff; border:2px solid #000066; border-radius:6px }

input[type='image'] { border: 0;}
input[type='button']:Hover, input[type=submit]:Hover, .button:Hover  { background: #e5f1fb; border-color: #0075CC; }

input[type='text'], input[type='email'], input[type='password'], textarea { padding:6px 12px; }
input[type='button'],input[type=submit] { text-align:center; background-color: #efefef; border: 2px solid #002F50; cursor: pointer; }
input[type='text']:nth-of-type(2)::-webkit-input-placeholder { color: gray; }
input[type='text']:nth-of-type(2):-moz-placeholder { color: gray; }
::-webkit-input-placeholder { color: gray; } 
:-ms-input-placeholder { color: gray; }
::placeholder  { color: gray; }

.dotf, .dotl { border-top: 1px dotted #AAAAAA; vertical-align: top; padding-top:6px; padding-bottom:0px; }
.dotl 	     { border-bottom: 1px dotted #AAAAAA; }
  
a      { text-decoration: none; color: blue; }	
a:hover      { color: #FF0000; }

ul { padding-left: 24px; }

dt           { font-weight: normal; margin-top: 6px; margin-bottom: 4px; }
dd           { margin-top: 2px; margin-bottom: 4px }

#skiptocontent {
	position: absolute;
	top: -1000px;
	left: 4px;
	z-index:100;
	background: #BF1722;
	padding:3px 6px;
	border: 1px solid white;
	color: white; 
}

#skiptocontent:active, 
#skiptocontent:focus, 
#skiptocontent:hover {
	top: 4px;
}

#topbar {
	/* background-color: #eeeeef; */
}

#header {
	height: 60px;
	padding: 12px 12px 6px 14px;
	overflow: hidden;
}

#header input.inputbox {
	font-family: Arial, Helvetica, sans-serif; 
	border: 1px solid #c0c0c0;
	font-size: 14px; 
	height:32px;
}

#toolbar {
	display: inline-block; 
	float: right; 
	position:absolute; right:0px; 
	margin-top: 6px; 
	margin-right: 6px; 
	text-align: right;
}

#darkmodeselect { height: 32px; padding-left:3px; padding-right:3px; border-width:1px; border-color:gray; margin-right:12px; }

#searchkeyw { width:120px; padding:4px 6px 4px 6px; } 

#content { 
	padding: 36px 16px 24px 24px;
	vertical-align: top; 
	text-align: left; 
	min-height:300px;
	line-height: 140%;
	color: black;
}

h1, h2 { position: relative; left: -24px; }

h1 + ul , h2 + ul { padding-left: 0px;  }

div.infotip {
	clear:both;
	margin:12px 60px 12px 0px;
	padding: 12px; 
	min-height:3.4em;
	background-color:#eeeeee;
	border:1px solid #ddd;
	border-radius:10px;
	width:600px;
	max-width:90%;
}

div.infotip p { margin-left:0px; }
div.infotip p:last-child { margin-bottom:0px; padding-bottom:0px; }

div.infotip ul { margin-left:24px; margin-top:0px; }
div.infotip li:first-child {margin-top:0px; }

div.infotip::before {
  content: "";
  width: 2.6em;
  height: 2.6em;
  float:left;
  position: relative; top: -2px;
  display: inline-block;
  background-image: url("/gif/tip.png");
  background-repeat: no-repeat;
  background-size: 1.8em 1.8em;
}

/* *************************************************************************************** */

.printonly { display: none; }

@media all and (max-width: 520px) {
	p.image { margin-left: 0px; margin-top: 18px; margin-bottom: 12px; }
	div.infotip { max-width:100%; }
}

@media all and (max-width: 450px) {
	#topmenu a { padding-left:24px; padding-right:0px; }
	#searchkeyw { width:80px; }
}

@media all and (max-width: 370px) {
	#searchkeyw { display:none; }
}

@media print {
	.printonly { display: block; }
    .noprint { display: none; }
    .menubar { display: none; }
    #leftbar { display: none; }
    #toolbar { display: none; }
    #sidebar { display: none; }
    #sidebarright { display: none; }
    #sidebarbottom { display: none; }
    #bottommenu  { display: none; }
    #topmenu  { display: none; }
}

.lightmode {
	display: inline-block;
}
.darkmode {
	display: none;
}