:root {
	--hOdd:		#009933;
	--hEven:	#CC6600;
}

/* Extract from W3.CSS 2.7 by Jan Egil and Borge Refsnes */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html {
	-ms-text-size-adjust:	100%;
	-webkit-text-size-adjust:	100%;
	scroll-behavior:	smooth;
}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}
audio,canvas,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box}
kbd,pre,samp{font-family:monospace,monospace;font-size:1em;line-height:1.5em;}
button,input,select,textarea{font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input[type=checkbox],input[type=radio]{padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{box-sizing:content-box;-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
/*fieldset{border:1px solid #C0C0C4;margin:0 2px;padding:.35em .625em .75em}*/
pre,textarea{overflow:auto}
/* End extract from normalize.css */
html,body{font-family:Verdana,Helvetica,Arial,sans-serif;font-size:16px;line-height:2em;color:#202026;background-color:#F8F8F9;margin:0}
html{overflow-x:hidden}
/* http://htmlcolorcodes.com/color-chart/ */
h1{font-size:398%;font-weight:bolder;color:var(--hOdd)}
h2{font-size:316%;font-weight:bolder;color:var(--hEven)}
h3{font-size:251%;font-weight:bolder;color:var(--hOdd)}
h4{font-size:200%;font-weight:bolder;color:var(--hEven)}
h5{font-size:158%;font-weight:bolder;color:var(--hOdd)}
h6{font-size:126%;font-weight:bolder;color:var(--hEven)}
p.h7{font-size:100%;font-weight:bolder;color:var(--hOdd)}
span.h1{color:var(--hOdd)}
span.h2{color:var(--hEven)}
span.h3{color:var(--hOdd)}
span.h4{color:var(--hEven)}
span.h5{color:var(--hOdd)}
span.h6{color:var(--hEven)}
h1,h2,h3,h4,h5,h6,p.h7 { 
	font-family: Cambria,Times New Roman,serif;
	line-height: 1em;
	margin-bottom: 0.5em;
	break-after: avoid;
	-webkit-break-after: avoid
}
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong,p.h7 strong{font-weight:bold}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,p.h7 a{font-weight:inherit}
p.h7+p {
	margin-top:	0em !important;
}
a.section-show-hide h1, a.section-show-hide h2, a.section-show-hide h3, a.section-show-hide h4, a.section-show-hide h5, a.section-show-hide h6 {display:inline-block}
hr{height:0;border:0;border-top:1px solid #eee;margin:20px 0}
sup{font-size:xx-small}
xxx a{color:inherit}
table{border-collapse:collapse;border-spacing:0;width:100%;display:table}
table,th,td{border:none}
table.widetable {
	margin-left: -30%;
	width: 150%!important;
	line-height: 1em;
}
table.widetable th {
	line-height: 1.5em;
}

#middle {
	clear: both;
	margin: 6em 0 0 0;
}

.responsiveimg {
  padding: 0 6px;
  display: inline;
  width: 33;33333%;
}

@media screen {
	html {
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-image: linear-gradient(10deg, rgba(188,184,177,1), rgba(188,184,177,.3));
	}
	head, body {
		margin: 0 1em 0 1em;
		font-size: 1em;
	}
}
@media screen and (max-width: 300px) { /* tiny screen */
	head, body {
		margin: 0;
	}
	#middle, #content {
		margin: 0 !important;
	}
}
@media screen and (min-width: 300px) and (max-width: 600px) { /* small screen */
	head, body {
		margin: 0;
	}
	#middle, #content {
		margin: 0 !important;
	}
}
@media screen and (min-width: 600px) and (max-width: 1200px) { /* medium screen */
	head, body {
		margin: 0 10% 0 10%;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1600px) { /* large screen */
	head, body {
		margin: 0 15% 0 15%;
		font-size: 1.25vw;
	}
}
@media screen and (min-width: 1600px) { /* very large screen */
	head, body {
		margin: 0 20% 0 20%;
		font-size: 1vw;
	}
}

img.screenshot {display:block;max-width:100%;max-height:100%;padding-bottom:2em;}
img.istresponsive {
	border:		0;
	width:		100%;
	height:		auto;
}
img.isthalfsize {
	width: 50%;
}

button{display:inline-block;border:none;border-radius:1em;outline:0;margin:0;padding:0 8px 0 8px;vertical-align:middle;font:inherit;text-decoration:none!important;text-align:center;cursor:pointer;white-space:nowrap;color:#F8F8F9;background-color:#40404C;}
button:hover{color:#20202E;background-color:#E0E0E2;}
a.button, span.button{font-size:90%!important;border:none;border-radius:1em;font:inherit;display:inline-block;margin:0;overflow:visible;outline:0;padding:0 8px 0 8px;vertical-align:middle;text-decoration:none!important;text-transform:none;color:#F8F8F9;background-color:#40404C;text-align:center;cursor:pointer;white-space:nowrap;}
a.button:hover, span.button:hover{color:#20202E;background-color:#E0E0E2;}
/*a.button{-webkit-appearance:button;-moz-appearance:button;appearance:button}*/
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
a.button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
a:not([href]) {cursor:pointer}
input:not(:valid){background-color:#FFA0A6}
.errormessage{color:#FF6060;} /*# #F0404C */
.infomessage{color:#00A000;}
input:invalid {border:2px solid #B040B5;background-color:inherit;}
input:required {border:2px solid #40A44C;background-color:inherit;}
input:required:invalid {border:2px solid #D0D04C;background-color:inherit;}
.makeitred {color:red!important;}
.yellowhilite {background-color:yellow!important;}
.greenhilite {background-color:lime!important;}
.oddmenutext {color:var(--hOdd)}
.evenmenutext {color:var(--hEven)}
.strong {font-weight:bold}
.dl-header {text-decoration:underline;text-decoration-style:double;font-weight:bold;}
.menuchoice {font-family:Arial,sans-serif;font-weight:500;color:#005151;white-space:nowrap;}
.docbutton {font-size:70%;white-space:nowrap;}
.boldtofrom {font-weight:bold;color:inherit!important;}
.hidden {display:none}
xxx.hidden {position:absolute!important;top:-9999px!important;left:-9999px!important}
.indent {margin:0 0 0 2em}
.boxshadow {padding:1em;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.boxscroll32 {max-height:32em;overflow-y:scroll}
.margintop {margin-top: 3em}
.accesskey {font-weight:bold;text-decoration:underline}
input[readonly] {background-color:#C0C0C4}
input,textarea,select {background-color:#F8F8F9}
.overflow {overflow:auto}
pre {margin-top:-1em}
a.anchor {display:block;position:relative;top:-6em;visibility:hidden}
#content {margin: 0 10% 0 10%}
#content p+ul{margin-top:-1em}
#content dd li {margin-left:-2em}
.left {text-align:left}
.center {text-align:center}
.right {text-align:right}
.nowrap {white-space:nowrap}
.notopmargin {margin-top:0;}
.nobottommargin {margin-bottom:0;}
#content ul li {margin-left:-1em;}

details > summary {
	display: list-item;
}
details h1, details h2, details h3, details h4, details h5, details h6 {
	display: inline;
	margin-top: 0;
}

dt {
	float: left;
	clear: left;
	margin-right: 5%;
	width: 25%;
	font-weight: bold;
}
dd {
	margin-left: 30%;
	margin-bottom: .5em;
}
dd:after {
	content: "";
	display: block;
	clear: left;
}
dd>pre {
	margin-top: 0em;
}
dl.smallleft dt {
	width: 10%;
}
dl.smallleft dd {
	margin-left: 15%;
}
dl.tightdl {
	line-height:	1em;
}
dl.tightdl dt {
	width: 10%;
}
dl.tightdl dd {
	margin-left: 15%;
}
.brmedium {
	display: block;
	margin-bottom: 1em;
}
.brlarge {
	display: block;
	margin-bottom: 2em;
}

ul.lst-checkbox {
	list-style:	none;
	background-color:	yellow;
}
ul.lst-checkbox li {
	padding-left:	1em;
	text-indent:	-2em;
}
ul.lst-checkbox li:before {
	content:	"\2610";
	padding-right:	1em;
}

#input form fieldset input, #input form fieldset select {
	width:			24em;
}

#top {
	display:	table;
	position:	fixed;
	top:		0;
	left:		0;
	width:		100%;
	margin:		0;
	padding:	0 8px 0 0;
	z-index:	1;
	background-color:	#E0E0E2;					/* browsers that do not support gradients */
	filter:		progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F1',endColorstr='#C0C0C4'); /* IE */
	background:	-webkit-linear-gradient #F0F0F1, #C0C0C4 ); 	/* Safari 5.1 to 6.0 */
	background:	-o-linear-gradient( #F0F0F1, #C0C0C4 );	/* Opera 11.1 to 12.0 */
	background:	-moz-linear-gradient( #F0F0F1, #C0C0C4 );	/* Firefox 3.6 to 15 */
	background:	linear-gradient( #F0F0F1, #C0C0C4 );		/* Standard syntax */
}
#top>p {
	display:	block;
	margin:		0;
	padding:	0;
	width:		100%;
	background-color:	#F8F8F9;					/* browsers that do not support gradients */
	background:	-webkit-linear-gradient(to bottom,rgba(248,248,249,1),rgba(248,248,249,0));
	background:	-o-linear-gradient(to bottom,rgba(248,248,249,1),rgba(248,248,249,0));
	background:	-moz-linear-gradient(to bottom,rgba(248,248,249,1),rgba(248,248,249,0));
	background:	linear-gradient(to bottom,rgba(248,248,249,1),rgba(248,248,249,0));
}
#top * {
	color:#40404C;
}

#logo {
	display:table-cell;
	padding-left:1%;
}
#logo img {
	width:72px;
	padding-top:3px;
}

#nonlogo {display:table-cell;width:100%;vertical-align:top;}
#headinglogin {display:table;width:100%;}
xxx#heading {display:table-cell;text-align:center;}
#heading {display:table-cell;position:relative;left:10%;white-space:nowrap;}
#heading p {margin:0;padding:0;font-size:150%;font-weight:500;color:#005151;}
#heading p a, #heading p span, #heading p .fa {text-decoration:none;color:inherit;}
#login {display:table-cell;padding-right:1%;}
#login form {text-align:right;}
#login form button {background-color:#F8F8F9;margin-top:-0.75em;}
#login form button:hover {color:#F8F8F9;background-color:#60606A;}

#menu {clear:both;display:table-cell;}
/* https://www.w3schools.com/css/css_dropdowns.asp */
#menu ul {
	list-style-type:	none;
	margin:			0;
	padding:		0;
	overflow:		hidden;
	background-color:	transparent;
}
#menu li {
	float:			left;
	line-height:		1em;
	color:			#005151;
}
#menu .dropbtn {
	display:		inline-block;
	white-space:		nowrap;
	color:			inherit;
	text-align:		center;
	padding:		0.25em 1em 0.25em 1em;
	text-decoration:	none;
}
#menu li i.fa {
	color:			#005151;
}
#menu li a:hover, #menu .dropdown:hover .dropbtn, #menu li i.fa:hover {
	color:			#004D4D;
	font-weight:		bold;
	letter-spacing:		-0.030em;
	background-color:	transparent;
	-webkit-transition:	background-color .3s,color .15s,box-shadow .3s,opacity 0.3s;
	transition:		background-color .3s,color .15s,box-shadow .3s,opacity 0.3s;
}
#menu li.dropdown {
	display:		inline-block;
}
#menu .dropdown-content {
	/*display:		none; DONE WITH CLASS=".hidden"*/
	position:		absolute;
	background-color:	#F8F8F9;
	min-width:		10em;
	box-shadow:		0 0.5em 1em 0 rgba(0,0,0,0.2),0 0.375em 1.25em 0 rgba(0,0,0,0.19);
	z-index:		1;
}
#menu .dropdown-content a {
	color:			#005151;
	padding:		0.5em 1em 0.5em 1em;
	text-decoration:	none;
	display:		block;
	text-align:		left;
	/*box-shadow:		0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
	border-bottom:		2px solid #F0F0F1;
}
#menu .dropdown-content a:hover {
	background-color:	#C0C0C4;
	-webkit-transition:	background-color .3s,color .15s,box-shadow .3s,opacity 0.3s;
	transition:		background-color .3s,color .15s,box-shadow .3s,opacity 0.3s;
}
#menu .dropdown:hover .dropdown-content {
	display:		block;
}
.dropdown-content-visible {display:block;}

#menu #menu-searchform {display:none}
#menu #menu-searchform *{margin:0;padding:0}
#menu #menu-searchform button{border-radius:0;margin:0;padding:4px 16px 2px 16px;vertical-align:middle;background-color:transparent;}
#menu #menu-searchform form{margin:0 0 0 0;padding:2px 0 0 4px;}
#menu #menu-searchform button:hover{-webkit-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s;transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s}
#menu #menu-translateform {display:none}
#menu #menu-translateform *{margin:0;padding:0}
#menu #menu-translateform button{border-radius:0;padding:5px 16px 5px 16px;vertical-align:middle;background-color:transparent;}
#menu #menu-translateform button:hover{-webkit-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s;transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s}
#menu #google_translate_element {display:inline-block}
#menu #menu-translateform button {display:inline-block}

:target:before {content:"";display:block;height:3em;margin:-3em 0 0;} /* https://www.itsupportguides.com/knowledge-base/tech-tips-tricks/how-to-offset-anchor-tag-link-using-css/ */
#my-and-ad {margin:0;padding:0}
#my-content {margin:0;padding:0}
#ad-content{clear:both;border:1px #60606A}

#footer {clear:both;margin:3em 2em 0 2em;font-size:80%;line-height:1.25em;}

#ad-and-my {clear:both;display:block;width:100%;}
#my-content {width:74%;display:inline-block;}
#ad-content {clear:both;width:25%;display:inline-block;vertical-align:top;margin:0;padding:0;}

/*a.section-show-hide{font-family:Georgia}*/
a.section-show-hide{margin:0;font-weight:bold;text-decoration:underline;}
a.section-show-hide span{text-decoration:none;display:inline-block;padding:0 0.5em 0 0}
#input fieldset a.section-show-hide{padding-bottom:0.5em}

#instructions{clear:both;margin:-1em 0 0 0;padding:1em}
#instructions-content{-webkit-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s;transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s}
#instructions-content{margin:0 0 0 1em;padding:2em}
#instructions-content p.h7 {font-style:italic}

#input{clear:both;padding:1em}
#input-content{margin:0 0 0 1em;overflow:auto}
#input fieldset{display:inline-block;border:none;padding:2em 2em 2em 2em;margin-bottom:1em}
#input fieldset legend {border:0;padding:0;padding-top:1.25em;margin-bottom:-1.25em;}
#input fieldset ol {list-style:none;margin:0 0 1em 0;padding:0}
#input fieldset label{display:inline-block;text-align:right;width:10em;margin:8px 2px 0 -2em;padding:0 0 0 0}
#input fieldset input,
#input fieldset select,
#input fieldset textarea,
x {display:inline-block;margin-top:4px;border:none;border-bottom:1px solid #60606A}
#input fieldset input {line-height:1em;}
#input fieldset textarea {border:1px solid #60606A;vertical-align:top;line-height:1.5em;}
#input .fsli-right {display:inline-block;vertical-align:top}
#input .fsli-right p {margin:0}
#input a.button-plus-minus{border:none;border-radius:50%;display:inline-block;outline:0;padding:0;text-decoration:none;color:#F8F8F9;background-color:#40404C;text-align:center;cursor:pointer;white-space:nowrap;font-size:150%;font-weight:bold;width:1em;line-height:1em}
#input a.button-plus-minus{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
#input a.button-plus-minus:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
#input a.button-plus-minus>span {position:relative;top:-0.06em;left:0.01em;}
#input a.disabled{cursor:not-allowed;opacity:0.3;pointer-events:none;box-shadow:none}
#input form p em{font-weight:bold}
#input table {margin-bottom:1em}
#input fieldset input.selector {width:2em}
#input .field-error {background-color: #FF6060}
#input .field-normal {}

#results{clear:both;padding:1em}
#results-content{margin:0 0 0 1em}

#index-menu {clear:both;font-size:80%}
#index-menu {display:block; clear:both; margin:2em;background-color:#F0F0F1;overflow:auto;}
#index-menu ul { list-style-type:none; margin:0; padding:0 3em 0 0;}
#index-menu ul li { float:left; border-left: 1px #40404C solid; padding:0 0 0 0.5em;}
#index-menu ul li ul li { clear:both; display:block; }
#index-menu ul li ul li { border:none; padding:0; }
#index-menu a { color: inherit; }
#index-menu a:hover { background-color: #C0C0C4; }
#index-menu a[href="#"] {text-decoration:none; cursor:default; }
#index-menu a[href="#"]:hover { background-color: inherit; }
#index-menu ul li a {font-weight:bold}
#index-menu ul li ul li a {font-weight:normal}

div.item-description + div {clear:both;margin:0 0 0.5em 0}

div.item-description div.item,
x{
	float:			left;
	padding-left:		2em;
	width:			12em;
	font-weight:		bold;
}
div.item-description div.description,
x{
	margin-left:		12em; /* two more than item width */
}

.htmlemail {
	background-color:	#E0E0E2;
	line-height:		1.5em;
}

.inlineblock {
	display:	inline-block;
	max-width:	100%;
	overflow-x:	auto;
}

p ul, p ol {
	margin-top:	-1em;
}

.aslink {
	display: inline-block!important;
}

button.aslink {
	background:none!important;
	color:inherit;
	border:none; 
	padding:0!important;
	font: inherit;
	/*border is optional*/
	border-bottom:1px solid #444; 
	cursor: pointer;
	-webkit-appearance:default;
	border-radius:0;
	height:1.5em;
	vertical-align:top;
}

.quote {
	display:inline-block;
	margin:0 2em 0 2em;
	font-size:100%;
}

.parameter {
	font-style: italic;
}
.parameter:before {
	content:	"[";
}
.parameter:after {
	content:	"]";
}

ul.singlespace li {
	margin:		0;
}

/* from #TestReceiver */
.fatal {
	background-color:	#FF6060; /* #F0404C; */
}
.success {
	background-color:	#A0FFA6;
}
.warning {
	background-color:	#FFFF88;
}
.failure {
	background-color:	#FFA0A6;
}
.debug {
	background-color:	#F0A0F6;
}
.bold {
	font-weight:		bold;
}
.normal {
}

.note {
	margin:			0;
        font-size:		75%;
}
.ofnote {
	margin:			0;
        font-size:		75%;
        font-weight:		normal!important;
}
.path {
	font-family:	monospace,monospace;
	white-space:	nowrap;
	font-weight:	bold;
}
.tldr {
	background:	LightGray;
}

.LinedPaper {
  font-size:	12px;
  line-height:	150%;
  margin:	0;
  padding:	0;
  -webkit-box-sizing:	content-box;
  -moz-box-sizing:	content-box;
  box-sizing:	content-box;
  border:	none;
  -o-text-overflow:	clip;
  text-overflow:	clip;
  background:	-webkit-linear-gradient(bottom, #DDEEDD, #DDEEDD 50%, #F7FFF7 50%, #F7FFF7 50%);
  background:	-moz-linear-gradient(bottom, #DDEEDD, #DDEEDD 50%, #F7FFF7 50%, #F7FFF7 50%);
  background:	-ms-linear-gradient(bottom, #DDEEDD, #DDEEDD 50%, #F7FFF7 50%, #F7FFF7 50%);
  background:	-o-linear-gradient(bottom, #DDEEDD, #DDEEDD 50%, #F7FFF7 50%, #F7FFF7 50%);
  background:	linear-gradient(bottom, #DDEEDD, #DDEEDD 50%, #F7FFF7 50%, #F7FFF7 50%);
  background-position:	auto auto;
  background-attachment:	local; /* 2017-12-06-SSS */
  -webkit-background-origin:	padding-box;
  background-origin:	padding-box;
  -webkit-background-clip:	border-box;
  background-clip:	border-box;
  -webkit-background-size:	auto 3em;
  background-size:	auto 3em;
}

textarea.LinedPaper,
code.LinedPaper {
	white-space:	pre;
	font-family:	monospace,monospace;
	font-size:	80%; /* only multiples of 10 */
	line-height:	150%;
	display:	block;
	unicode-bidi:	embed;
	overflow:	auto;
	box-shadow:	0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

textarea.LinedPaper {
	margin-top:	1em!important;
}

code.limitheight {
	max-height:	12em;
	overflow-y:	scroll;
}