/* Define the icons for high-to-low and low-to-high sorted columns */
.sort-true {
    background:no-repeat right center url(data:image/gif;base64,R0lGODlhCgAKALMAAHFxcYKCgp2dnaampq+vr83NzeHh4f///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAAAgAIf/8SUNDUkdCRzEwMTIAAAUwYXBwbAIgAABtbnRyUkdCIFhZWiAH2QACABkACwAaAAthY3NwQVBQTAAAAABhcHBsAAAAAAAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLWFwcGwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAtkc2NtAAABCAAAAvJkZXNjAAAD/AAAAG9nWFlaAAAEbAAAABR3dHB0AAAEgAAAABRyWFlaAAAElAAAABRiWFlaAAAEqAAAABRyVFJDAAAEvAAAAA5jcHJ0AAAEzAAAADhjaGFkAAAFBAAAACxn/1RSQwAABLwAAAAOYlRSQwAABLwAAAAObWx1YwAAAAAAAAARAAAADGVuVVMAAAAmAAACfmVzRVMAAAAmAAABgmRhREsAAAAuAAAB6mRlREUAAAAsAAABqGZpRkkAAAAoAAAA3GZyRlUAAAAoAAABKml0SVQAAAAoAAACVm5sTkwAAAAoAAACGG5iTk8AAAAmAAABBHB0QlIAAAAmAAABgnN2U0UAAAAmAAABBGphSlAAAAAaAAABUmtvS1IAAAAWAAACQHpoVFcAAAAWAAABbHpoQ04AAAAWAAAB1HJ1UlUAAAAiAAACpHBsUEwAAAAsAAACxgBZAGwAZQBpAG4AZf8AbgAgAFIARwBCAC0AcAByAG8AZgBpAGkAbABpAEcAZQBuAGUAcgBpAHMAawAgAFIARwBCAC0AcAByAG8AZgBpAGwAUAByAG8AZgBpAGwAIABHAOkAbgDpAHIAaQBxAHUAZQAgAFIAVgBCTgCCLAAgAFIARwBCACAw1zDtMNUwoTCkMOuQGnUoACAAUgBHAEIAIIJyX2ljz4/wAFAAZQByAGYAaQBsACAAUgBHAEIAIABHAGUAbgDpAHIAaQBjAG8AQQBsAGwAZwBlAG0AZQBpAG4AZQBzACAAUgBHAEIALQBQAHIAbwBmAGkAbGZukBoAIABSAEcAQgAgY8+P8GX/h072AEcAZQBuAGUAcgBlAGwAIABSAEcAQgAtAGIAZQBzAGsAcgBpAHYAZQBsAHMAZQBBAGwAZwBlAG0AZQBlAG4AIABSAEcAQgAtAHAAcgBvAGYAaQBlAGzHfLwYACAAUgBHAEIAINUEuFzTDMd8AFAAcgBvAGYAaQBsAG8AIABSAEcAQgAgAEcAZQBuAGUAcgBpAGMAbwBHAGUAbgBlAHIAaQBjACAAUgBHAEIAIABQAHIAbwBmAGkAbABlBB4EMQRJBDgEOQAgBD8EQAQ+BEQEOAQ7BEwAIABSAEcAQgBVAG4AaQB3AGUAcgBzAGEAbABuAHkAIABwAHIAbwBm/wBpAGwAIABSAEcAQgAAZGVzYwAAAAAAAAAUR2VuZXJpYyBSR0IgUHJvZmlsZQAAAAAAAAAAAAAAFEdlbmVyaWMgUkdCIFByb2ZpbGUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFhZWiAAAAAAAABadQAArHMAABc0WFlaIAAAAAAAAPNSAAEAAAABFs9YWVogAAAAAAAAdE0AAD3uAAAD0FhZWiAAAAAAAAAoGgAAFZ8AALg2Y3VydgAAAAAAAAABAc0AAHRleHQAAAAAQ29weXJpZ2h0IDIwMDcgQXBwbGUgSW5jLkMsIGFsbCByaWdodHMgcmVzZXJ2ZWQuAHNmMzIAAAAAAAEMQgAABd7///MmAAAHkgAA/ZH///ui///9owAAA9wAAMBsACwAAAAACgAKAAAEJZAMIcakQZjNtyhFxwEIIRofAookUnapu26t+6KFLYe1TgQ5VwQAOw%3D%3D);
}
.sort-false {
    background:no-repeat right center url(data:image/gif;base64,R0lGODlhCgAKALMAAHFxcYKCgp2dnaampq+vr83NzeHh4f///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAAAgAIf/8SUNDUkdCRzEwMTIAAAUwYXBwbAIgAABtbnRyUkdCIFhZWiAH2QACABkACwAaAAthY3NwQVBQTAAAAABhcHBsAAAAAAAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLWFwcGwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAtkc2NtAAABCAAAAvJkZXNjAAAD/AAAAG9nWFlaAAAEbAAAABR3dHB0AAAEgAAAABRyWFlaAAAElAAAABRiWFlaAAAEqAAAABRyVFJDAAAEvAAAAA5jcHJ0AAAEzAAAADhjaGFkAAAFBAAAACxn/1RSQwAABLwAAAAOYlRSQwAABLwAAAAObWx1YwAAAAAAAAARAAAADGVuVVMAAAAmAAACfmVzRVMAAAAmAAABgmRhREsAAAAuAAAB6mRlREUAAAAsAAABqGZpRkkAAAAoAAAA3GZyRlUAAAAoAAABKml0SVQAAAAoAAACVm5sTkwAAAAoAAACGG5iTk8AAAAmAAABBHB0QlIAAAAmAAABgnN2U0UAAAAmAAABBGphSlAAAAAaAAABUmtvS1IAAAAWAAACQHpoVFcAAAAWAAABbHpoQ04AAAAWAAAB1HJ1UlUAAAAiAAACpHBsUEwAAAAsAAACxgBZAGwAZQBpAG4AZf8AbgAgAFIARwBCAC0AcAByAG8AZgBpAGkAbABpAEcAZQBuAGUAcgBpAHMAawAgAFIARwBCAC0AcAByAG8AZgBpAGwAUAByAG8AZgBpAGwAIABHAOkAbgDpAHIAaQBxAHUAZQAgAFIAVgBCTgCCLAAgAFIARwBCACAw1zDtMNUwoTCkMOuQGnUoACAAUgBHAEIAIIJyX2ljz4/wAFAAZQByAGYAaQBsACAAUgBHAEIAIABHAGUAbgDpAHIAaQBjAG8AQQBsAGwAZwBlAG0AZQBpAG4AZQBzACAAUgBHAEIALQBQAHIAbwBmAGkAbGZukBoAIABSAEcAQgAgY8+P8GX/h072AEcAZQBuAGUAcgBlAGwAIABSAEcAQgAtAGIAZQBzAGsAcgBpAHYAZQBsAHMAZQBBAGwAZwBlAG0AZQBlAG4AIABSAEcAQgAtAHAAcgBvAGYAaQBlAGzHfLwYACAAUgBHAEIAINUEuFzTDMd8AFAAcgBvAGYAaQBsAG8AIABSAEcAQgAgAEcAZQBuAGUAcgBpAGMAbwBHAGUAbgBlAHIAaQBjACAAUgBHAEIAIABQAHIAbwBmAGkAbABlBB4EMQRJBDgEOQAgBD8EQAQ+BEQEOAQ7BEwAIABSAEcAQgBVAG4AaQB3AGUAcgBzAGEAbABuAHkAIABwAHIAbwBm/wBpAGwAIABSAEcAQgAAZGVzYwAAAAAAAAAUR2VuZXJpYyBSR0IgUHJvZmlsZQAAAAAAAAAAAAAAFEdlbmVyaWMgUkdCIFByb2ZpbGUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFhZWiAAAAAAAABadQAArHMAABc0WFlaIAAAAAAAAPNSAAEAAAABFs9YWVogAAAAAAAAdE0AAD3uAAAD0FhZWiAAAAAAAAAoGgAAFZ8AALg2Y3VydgAAAAAAAAABAc0AAHRleHQAAAAAQ29weXJpZ2h0IDIwMDcgQXBwbGUgSW5jLkMsIGFsbCByaWdodHMgcmVzZXJ2ZWQuAHNmMzIAAAAAAAEMQgAABd7///MmAAAHkgAA/ZH///ui///9owAAA9wAAMBsACwAAAAACgAKAAAEJRBJREKZsxQDsCSGIVzZFnYTGIqktp7fG46uzAn2TAyCMPC9QAQAOw%3D%3D);
}

body { font-size:13px; width: 80%;  margin: auto; }
a { color: black; }
/* The format and color for the main channel table */
table, th , td  {
  border: 1px solid #c08919;
  border-collapse: collapse;
  padding: 3px;
  padding-right: 15px;
  text-align: right;
}
table tr:nth-child(odd) {  background-color: #e3daca;}
table tr:nth-child(even) {  background-color: #ffffff; }
table th { border: 2px solid #c08919; background-color: #ffffff; }

td span {
  cursor: pointer;
}

.selected {
   font-style: italic;
}

/* Formatting for the authorization and submit buttobn line */
#submitdiv { padding: 10px; }
#submitdiv input { margin: 10px; }
#submitdiv#auth { width: 85px; }

.button {
  display: inline-block;
  padding: 5px 5px;
  font-size: 12px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  background-color: #469f46 ;
  border: none;
  border-radius: 5px;
  box-shadow: 0 7px #eee;
  width: 125px;
}
.button:active { background-color: #3e8e41; transform: translateY(4px);}

#reviewStatus { display: inline-block; }
#stateStatus { display: inline-block; font-size: 1.2em; margin-left:20px; color: red; }

/* Whole lot of formatting for the COSMOS header pop-up window */
.popupWindow {
  position: absolute;
  z-index: 9;
  background-color: #fffaf1;
  border: 3px solid #8a744b;;
  border-radius: 5px;
  padding: 2px;
  display: none;
}
.popupTitleBar {
  padding: 2px;
  cursor: move;
  z-index: 10;
  background-color: #8a744b;
  color: #fff;
}
.popupTitle { position: relative; }
.popupClose {
    display: inline;
    padding-right: 10px;
    font-size: 35px;
    position: absolute;
    top: -8px;
    right: 1px;
    cursor: pointer;
}

#plot input { margin-left: 330px; margin-top:8px; margin-bottom: 8px;
  cursor: pointer;
  background-color: #ffe607 ;
  border: none;
  border-radius: 5px;
  box-shadow: 0 7px #eee;
}
#plot input:active { transform: translateY(4px);}

.scrollBox {
   height: 400px;
   overflow-y: scroll;
   padding-right: 15px;
}
#txtHdr,#comHdr {
   font-family: courier;
   font-size: 14px;
   padding: 5px;
}
#plot { width: 850px; }
.cellno{ padding-left: 3px; }
.grid-class {
  display: grid;
  grid-template-areas: none;
  font-family: courier;
  padding: 0px;       
}
#grid-int {
  grid-template-columns: repeat(10,65px);
  grid-template-rows: repeat(10,29px);
}
#grid-real {
  grid-template-columns: repeat(5,130px);
  grid-template-rows: repeat(20,29px);
}
.grid-item {
  border:1px solid #888;
  padding-right: 2px;
  font-size: 10px;
  text-align: left;
  height: 28px;
}
.grid-item-int { width: 62px; }
.grid-item-real { width: 127px; }
.grid-item .value {
  display: block;
  text-align: right;
  font-size: 14px;
  padding: 0px;
}

#noteinput {
   position: absolute;
   padding: 5px;
   z-index: 19;
   background-color: #b9a379;
   display: none;
}
#noteinput:after {
    content: "";
    position: absolute;
    top: 0.0em;
    right: -3em;
    border-width: 0.1em 0em 1em 3em;
    border-style: solid;
    border-color: transparent #b9a379;
    display: block;
    width: 0;
}
#noteinput input {
   width: 60em;
}
#noteinput span {
   cursor: pointer;
   margin-left: -20px;
   font-size: 1em;
   font-weight: bold;
   border: 2px solid black;
}
#noteInstructions {
   font-size: 12px;
   font-weight: bold;
}

#scatterPlot { width: 800px; }
.dropdown {
  position: relative;
  display: inline-block;
  width: 300px;
  text-align: left;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
  width: 350px;
  box-shadow: 5px 10px #888888;
}

.dropdown:hover .dropdown-content {
  display: block;
}
  
.proced { font-size:12px; float:right;}

.notice {
	z-index: 10;
	position: fixed;
	top: 40px;
	left: 450px;
	width: 350px;
	border: 1px solid 64614d;
	border-radius: 10px;
	padding: 10px;
	background: #f9f6dd;
	opacity: 0.9;
	display: none;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	box-shadow: -10px 10px 4px gray;
}
        
.click {
   font-size: 0.7em;
   color: gray;
}