﻿/* 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%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{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}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
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}*/
legend{border:0;padding:0}
pre,textarea{overflow:auto}
/* End extract from normalize.css */
html,body{font-family:Verdana,sans-serif;font-size:16px;line-height:1.5;color:#40404C;background-color:#F8F8F9}
html{overflow-x:hidden}
h1,h2,h3,h4,h5,h6,.w3-slim,.w3-wide{font-family:"Segoe UI",Arial,sans-serif;}
h1{font-size:250%;font-weight:bolder;color:#066666}
h2{font-size:207%;font-weight:bolder;color:#AA520A}
h3{font-size:173%;font-weight:bolder;color:#066666}
h4{font-size:144%;font-weight:bolder;color:#AA520A}
h5{font-size:120%;font-weight:bolder;color:#066666}
h6{font-size:100%;font-weight:bolder;color:#AA520A}
h1,h2,h3,h4,h5,h6{margin-bottom:0.5em;}
h1,h2,h3,h4,h5,h6{break-after:avoid;-webkit-break-after:avoid}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
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}
img{margin-bottom:-5px}
a{color:inherit}
table{border-collapse:collapse;border-spacing:0;width:100%;display:table}
table,th,td{border:none}

html, body{height:100%;width:100%;margin:0}

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:#F0404C}
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;}
.menuchoice {font-family:Arial,sans-serif;color:#005151;}
.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}
/*
BEFORE CHANGNING THESE, SEE batchxmlinput.html
a.anchor+h1, a.anchor+h2, a.anchor+h3, a.anchor+h4, a.anchor+h5, a.anchor+h6 {margin-top:0;}
#content h4:first-of-type{margin-top:0}
div.auto-multi-column+h1, div.auto-multi-column+h2, div.auto-multi-column+h3, div.auto-multi-column+h4, div.auto-multi-column+h5, div.auto-multi-column+h6,
div.auto-multi-column+a+h1, div.auto-multi-column+a+h2, div.auto-multi-column+a+h3, div.auto-multi-column+a+h4, div.auto-multi-column+a+h5, div.auto-multi-column+a+h6,
x {margin-top:2em;}
*/
#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}
h6.nobottom+p {margin-top:0.5em}
#content ul li {margin-left:-1em;}

.auto-multi-column {
   -webkit-column-width: 20em;
      -moz-column-width: 20em;
           column-width: 20em;
   -webkit-column-count: 2;
      -moz-column-count: 2;
           column-count: 2;
     -webkit-column-gap: 3em;
        -moz-column-gap: 3em;
             column-gap: 3em;
}

.columnbreak {
   -webkit-column-break-before: always;
      -moz-column-break-before: always;
                  break-before: column;
}

.auto-multi-column .keeptogether,
.auto-multi-column p,
x {
   -webkit-column-break-inside: avoid;
             page-break-inside: avoid;
                  break-inside: avoid;
}

div.auto-multi-column *:first-child {margin-top:0;}

dt {
	float: left;
	margin-right: 5%;
	max-width: 25%;
	font-weight: bold;
}
dd {
	margin-left: 30%;
	margin-bottom: .5em;
}
dd:after {
	content: "";
	display: block;
	clear: left;
}
dd>pre {
	margin-top: 0em;
}

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

#top{display:table;position:fixed;top:0;left:4px;width:100%;margin:0;padding:0 8px 0 0;z-index:1}
#top * {color:#40404C;}
#top>div:first-child {
	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 */
}
xxx#top>p {display:block;margin:0;padding:0;width:100%;background-color:#F8F8F9;}
#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));
}

#logo {display:table-cell;padding-left:1%;}
xxx#logo img {width:96px;}

#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:			#F8F8F9;
	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:	#005151;
	-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}

#middle {clear:both;margin:6em 0 0 0}
: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}
#content {margin:0 2em 0 2em}

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

#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 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;width:100%}
#input fieldset textarea {border:1px solid #60606A;vertical-align:top}
#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}

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

@media (max-width: 480px) {
	.content-to-hide-at-640 {
		display: none!important;
	}
}

@media (min-width: 500px) {
	.table-row {
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	.table-column-half {
		display: table-cell;
		width: 50%;
		padding: 0 2em;
		/*outline: 1px solid #40404C;*/
	}
}

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

.LinedPaper {
  font-size: 12px;
  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: linear-gradient(bottom, #DDEEDD, #DDEEDD 50%, #F7FFF7 50%, #F7FFF7 50%);
  background-position: auto auto;
  -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;
}

/* index.html */
form#tryit {display:inline}
xxx#homebl {list-style-type:none;display:inline-block;margin:0 0 0 12em;padding-bottom:0.25em;width:auto;border-style:solid;border-color:#088808;border-width:0 0 2px 2px;}
#indextop {margin:2em 10% 0 10%;}
#indextop ul {float:left;font-size:173%;font-weight:bolder;color:#066666;}
#indextop img {float:right;width:20em;margin-bottom:2em;}
#indextop+div {clear:both;}
