<STYLE TYPE="text/css">

body {
	color: #0F0000;
	background-color: #ffffff;

	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12pt;
	margin: 0 auto;
	padding: 0;
	height: 100%;
}















.wrapper {
	min-height: 100%;
	position: absolute;
	width: 100%;
	background-color: #d9d9d9; /*#d4def7;*/ /*#e6e6e6;*/
	margin: 0 auto;
	left: 0;
	top: 0;
}

.content {
	top: 0;
	left: 0;
	padding-top: 60px;		/* Match navbar height */
	padding-bottom: 65px;	/* Match footer height */
	/*position: absolute;*/
    z-index: -1;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	overflow: auto;
}


/* navbar */
.navbar {
	padding: 0px;
	margin: 0px;
	z-index: 9;
	font-family: Arial, Helvetica, sans-serif;

	top: 0;
	left: 0;
	width: 100%;
}

.navbar ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	/*background-color: #333;*/
	background: rgba(42,42,42,0.9);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 45px;
	z-index: 9;
}

.navbar li {
	float: left;
}

.navbar li a:not(.nopadding) {
	display: block;
	color: white;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}

.navbar li a.nopadding {
	padding: 0;
	text-decoration: none;
}

.navbar li a:hover:not(.active) {
	background-color: #111;
}

.navbar .active {
	background-color: #ff8000;
}


.titleblock {
	float: left;
	/*overflow: auto;*/
	margin: auto;
	padding-left: 20px;
	padding-bottom: 10px;
	/*width: 100%;*/
	max-width: 1040px; /* 100%; */
	left: 0;
	clear: both;
    z-index: 2; /* -1;	*/

}

.subtitle {
	left: 0;
	width: 97%;
	float: left;
    overflow-x: scroll;
    z-index: -1; /* -1;	*/
	/*margin: auto;*/
	/*position: absolute;*/
	padding: 20px;
	clear: both;
}

.subtitle p {
	max-width: 1040px;
}


/* footer */
.footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;	/* Must match content padding */
	color: #FFFFFF;
	/*background-color: #000000;*/
	background: rgba(42,42,42,0.9);

	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 10pt;
}


.footer ul {
	list-style-type: none;
	padding-left: 0;
	list-style: none;
}

.footer li {
	text-decoration: none;
}

.footer li a {
	color: white;
	text-align: left;
	text-decoration: none;
}

.footer li a:hover:not(.active) {
	color: yellow;
}

.link-col {
	float: left;
	width: 25.0%;
}

.footer-left {
	float: left;
	width: 50.0%;
	padding-top: 5px;
}
.footer-right {
	float: right;
	/*width: 50.0%;*/
	padding-top: 10px;
	padding-right: 40px;
	color: #e6e6e6;
}


.footer-table {
	width: 840px;
	margin: auto;
}

.footer-logos {
	float: left;
	width: 25.0%;
	padding-top: 5px;
}

.footer-legal {
	float: left;
	padding-left: 8px;
	padding-bottom: 8px;
	font-size: 8pt;
}

#missing {
	display: none;
}

#duplicates {
	display: none;
}

.teammember {
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
	width: 300px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	float: left;
	background-color: #808080; /*#f2f2f2;*/
	border-color: #666666;
}

a.mbrLink:link    {color:white;text-decoration:underline;font-weight:bold;}
a.mbrLink:visited {color:white;text-decoration:underline;font-weight:bold;}
a.mbrLink:hover   {color:#ff8000;text-decoration:underline;font-weight:bold;}
a.mbrLink:active  {color:#ff8000;text-decoration:underline;font-weight:bold;}

.mbrName {
	font-weight: bold;
	padding: 0px 0px 0px 2px;
	margin: 0px;
	color: #ff8000;
}

.mbrTitle {
	color: #e6e6e6;
	padding: 4px 0px 2px 2px;
	margin: 0px;
	font-size: 11pt;
}

.mbrDept {
	color: #e6e6e6;
	padding: 2px 0px 2px 2px;
	margin: 0px;
	font-size: 11pt;
}


.homeFeature {
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
	width: 690px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	float: left;
	background-color: #808080; /*#f2f2f2;*/
	border-color: #666666;
}

.featureTitle {
	font-weight: bold;
	padding: 0px 0px 0px 2px;
	margin: 0px;
	color: white;
	font-size: 18pt;
}

.featureDescr {
	color: white; /*#e6e6e6;*/
	padding: 4px 0px 2px 2px;
	margin: 0px;
	font-size: 12pt;
}




.cite {
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
	/*width: 330px;*/
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 0px;
	padding: 10px;
	float: left;
	background-color: #f2f2f2; /*#f2f2f2;*/
	border-color: black;
}

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

.xwrapper {
    overflow-x: scroll;
    z-index: 2;  /* -1 */
}




/* Make this specific to image table */
table.instanceCollection { }

table.instanceCollection td {
    min-width: 100px;
    /*font-weight: bold; */
}

.fixed {
    position: absolute;
    /*background: #aaa;*/
    font-weight: bold;
}


button.neg {
	background-color: white;
	color: black;
	border: none;
	/*width: 55px;*/
	text-align: center;
	border-radius: 3px;
	font-weight: bold;
	font-size: 12pt;
	cursor: pointer;
}

button.thumbs {
	background-color: #ff8000;
	color: black;
	border: none;
	/*width: 55px;*/
	text-align: center;
	border-radius: 3px;
	font-weight: bold;
	font-size: 12pt;
	cursor: pointer;
}

#btnMissing {
	background-color: #808080;
	color: white;
	border: none;
	/*width: 55px;*/
	text-align: center;
	border-radius: 3px;
	font-weight: bold;
	/*font-size: 12pt;*/
	cursor: pointer;
}

#btnDuplicates {
	background-color: #808080;
	color: white;
	border: none;
	/*width: 55px;*/
	text-align: center;
	border-radius: 3px;
	font-weight: bold;
	/*font-size: 12pt;*/
	cursor: pointer;
}


.thumbsStdDiv {
	display: none;
}
.thumbsInvDiv {
	display: none;
}

table.instindextable {
	border-collapse: collapse;
}

table.instindextable td {
	padding: 10px 20px;
	vertical-align: top;
}

table.summarytable {
	border-collapse: collapse;
}

table.summarytable td {
	padding: 0px 20px;
	vertical-align: top;
}

td.lineabove {
	border-top: 1px solid black;
}
td.linebelow {
	border-bottom: 1px solid black;
}

td.label {
	font-weight: bold;
	vertical-align: top;
}

td.right {
	text-align: right;
}

.zoomimg {
	cursor: pointer;
}

a.miplib:link    {color:#808080;text-decoration:none;font-weight:normal;}
a.miplib:visited {color:#808080;text-decoration:none;font-weight:normal;}
a.miplib:hover   {color:#ff9900;text-decoration:underline;font-weight:normal;}
a.miplib:active  {color:#ff9900;text-decoration:underline;font-weight:normal;}

a.iss:link    {color:#ff8000;text-decoration:underline;font-weight:bold;}
a.iss:visited {color:#ff8000;text-decoration:underline;font-weight:bold;}
a.iss:hover   {color:#ff9900;text-decoration:underline;font-weight:bold;}
a.iss:active  {color:#ff9900;text-decoration:underline;font-weight:bold;}





.myImg {
	cursor: zoom-in; /* pointer; */
	transition: 0.3s;
}

.myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 9; /* Sit on top    was 1*/
	padding-top: 40px; /* Location of the box */
	/*right: 50%;*/
	/*padding: 70px 70px;*/
	width: 760px; /* Full width */
	height: 540px; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.85); /* Black w/ opacity */

	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	border-radius: 25px;
}


/* Modal Content (image) */
.modal-content {
	margin: auto;
	display: block;
	width: 640px;
	max-width: 700px;
}


/* Caption of Modal Image */
#caption {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
	text-align: center;
	color: #ccc;
	padding: 10px 0;
	height: 50px;
}

/* The Close Button */
.close {
	position: absolute;
	top: 10px;
	right: 15px;
	color: #f1f1f1;
	font-size: 40px;
	font-weight: bold;
	transition: 0.3s;
}

.close:hover,
.close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

/* Tooltips */
/* See https://www.w3schools.com/Css/css_tooltip.asp */

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  margin-bottom: 10px;
  padding: 0px;
}

.tooltip .tooltiptextbelow {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 5px 3px;

  /* Position the tooltip */
  position: absolute;
  z-index: 9;
  top: 100%;
  left: 50%;
  margin-left: -20px;
  font-weight: normal;
  font-size: 12pt;
}

.tooltip .tooltiptextabove {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 5px 3px;

  /* Position the tooltip */
  position: absolute;
  z-index: 9;
  bottom: 100%;
  left: 50%;
  margin-left: -10px;
  font-weight: normal;
  font-size: 12pt;
}

.tooltip:hover .tooltiptextbelow {
  visibility: visible;
}

.tooltip:hover .tooltiptextabove {
  visibility: visible;
}


/* These are subsections in the instances/abc.html pages. */
h3.subhead {
	margin: 0px;
	padding: 0px;
}

</STYLE>
