/* font declarations */
span.t1{color:#000000; font-family:Optima, Candara, serif; font-size:90%;} /* default size ~ 16px */
	span.ty1{color:#000000; font-family:Optima, Candara, serif; background:#FFFFBB; font-size:90%;} 
	span.tg1{color:#000000; font-family:Optima, Candara, serif; background:#DDFFDD; font-size:90%;} 
span.t3{color:#000000; font-family:Optima, Candara, serif; font-size:75%;}
span.t3g{color:#888888; font-family:Optima, Candara, serif; font-size:75%;}
span.t3r{color:#880000; font-family:Optima, Candara, serif; font-size:75%;}
span.tdb{color:#000000; font-family:Helvetica, Arial, sans-serif; font-size:75%;} /*special: delete key 'x'*/
span.ldb{color:#ccc; font-family:Helvetica, Arial, sans-serif; font-size:110%;}
/********************************* 2022-11-17 ******************************************/
span.pdb{color:#ccc; font-family:Helvetica, Arial, sans-serif; font-size:110%;}
/****************************************************************************************/
/* Named Files Big List */
span.g1{color:#909090; font-family:Optima, Candara, serif; font-size:90%;}
span.g2{color:#909090; font-family:Optima, Candara, serif; font-size:70%; font-weight: 600;}

span.terminal_1{color:#000000; font-family:Monaco, Lucida Console, Palatino, serif; font-size:50%;}

.hideDiv {display: none;}

.trdhide {display:none;}
.llholder {
	position:relative;
	top:0em;
}
.rr {
	float:right;
	margin:0.2em;
}
.ll {
	position:absolute;
	left:4em;
	top:0em;
	width:5em;
	height:2em;
	background-color:#EEEEEE;
	border: 0.1em solid #cccccc;
	z-index:10;
}
.ll_h {border: 0.1em solid #8181F7;}
.qq {
	float: left; 
	margin: 0.2em;
	min-width:2em;
	min-height:1em;
}

.depthTags{
	position:absolute;
	left:4em;
	top:1.5em;
	width:5em;
	height:2em;
	background-color:#FFFFFF;
	border: 0.1em solid #cccccc;
	z-index:10;
}
.depthtags_h  {border: 0.1em solid #8181F7;}
.depthtags_hb {background-color:#FFEFFF;}

.hideFort{
	float: left;
	width: auto;
	display: none;
}

.loopDiv {display:none;}

/* Normalization formula */
.label {
	float: left; 
	margin: 1.3em 0.1em 0.3em 0.1em;
	width: 4.5em;
	text-align:center;
}
.label2 {
	float: left; 
	margin: 1.6em 0.3em 0.3em 0.3em;
	width: 3.6em;
}
.label3 {
	float: left; 
	margin: 1.3em 0.1em 0.3em 0.1em;
	width: 1.2em;
}
.formula {
	float: left; 
	margin: 0.3em 0em 0.3em 0em;
	width: 9.6em;
	text-align:center;
}

#triangle-down0 { /* s-azimuth marker */
	width: 0;
	height: 0;
	border-left: 0.5em solid transparent;
	border-right: 0.5em solid transparent;
	border-top: 1em solid Gainsboro;
	position:absolute;
	top:-0.5em;
	left:0;
}

#triangle-down1 {	/* tradeoff marker */
	width: 0;
	height: 0;
	border-left: 0.5em solid transparent;
	border-right: 0.5em solid transparent;
	border-top: 1em solid Gainsboro;
	position:absolute;
	top:-0.5em;
	left:0;
}

.triholder {
	width: 8%;
	margin: 0 90%;
}

.txt {padding: 10px;}
#prefs {
	width: 100%;
	position: absolute;
	left:0px;
	top:0px;
	display: none;
	background-color:#EEEEEE;
	z-index: 4;
	text-align:left;
	cursor: pointer;
}

#absoluteOver{
	position: absolute;
	left:0;
	top:0
	width:100%;
	z-index:200;
	text-align:left;
	margin: 2em 5em;
}
ul.filelist {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em; 
	color:#AAAAAA;
	font-size:150%;
}


#dropZone_c35 {
	position:relative;
	width: 100%;
	height: 23em;
	margin: 0;
	background-color: #eee;
	border-radius: 0px 0px 4px 4px;
	overflow:hidden;
}

#hole_list {
	height:100%;
	overflow-y: scroll;
	overflow-x:hidden;
}

#compare_Zone {
	position:relative;
	width: 100%;
	height: 9em;
	margin: 0;
	background-color: #EEEEEE;
	border-radius: 0px 0px 4px 4px;
	float:left;
}

#compare_holder
{
	width: 100%;
	height:auto;
}


.listerL {
	background-color: #EEEEEE;/*#EEDDEE;*/
	height: 6em;
	width: 6.5em;
	cursor: pointer;
	font-size: 100%;
	margin: 15px 0px 0px 0px;
	padding: 0.1em 0em 0.1em 0em;
	
	border-top-width: 0.25em;
	border-top-style: solid;
	border-top-color: #CCCCFF;
	border-bottom-width: 0.25em;
	border-bottom-style: solid;
	border-bottom-color: #CCCCFF;
	
	border-left-width: 0.25em;
	border-left-style: solid;
	border-left-color: #CCCCFF;
}

#list_0_B {
	float: left;
	background-color: #DDDDDD;
	height: 9em;
	width: 6.5em;
	cursor: pointer;
	font-size: 100%;
	margin: 0px 0px 0px 15px;
}

.listerM {
	background-color: #EEEEEE;/*#DDDDFF;*/
	height: 6em;
	width: 6.3em;
	cursor: pointer;
	font-size: 100%;
	margin: 15px 0px 0px 0px;
	padding: 0.1em 0em 0.1em 0em;
	
	border-top-width: 0.25em;
	border-top-style: solid;
	border-top-color: #CCCCFF;
	border-bottom-width: 0.25em;
	border-bottom-style: solid;
	border-bottom-color: #CCCCFF;
}

#list_1_B {
	float: left;
	background-color: #EEEEEE;
	height: 9em;
	width: 6.3em;
	cursor: pointer;
	font-size: 100%;
}

.listerR {
	background-color: #EEEEEE;
	height: 6em;
	width: 6.3em;
	cursor: pointer;
	font-size: 100%;
	margin: 15px 0px 0px 0px;
	padding: 0.1em 0em 0.1em 0em;
	
	border-top-width: 0.25em;
	border-top-style: solid;
	border-top-color: #CCCCFF;
	border-bottom-width: 0.25em;
	border-bottom-style: solid;
	border-bottom-color: #CCCCFF;
	
	border-right-width: 0.25em;
	border-right-style: solid;
	border-right-color: #CCCCFF;
}

#list_2_B {
	float: left;
	background-color: #EEEEEE;
	height: 9em;
	width: 6.3em;
	cursor: pointer;
	font-size: 100%;
	margin: 0px;
}

#listerBackground {
	position:absolute;
	left:0px;
}
#listerForeground {
	position:absolute;
	left:0px;
}

.dropped{
	background-color: #FFCCCC;
}

.deletetag {
	position:absolute;
	left:0em;
	top:0.9em;
	width: 0.8em; /*80%*/
	height: 0.8em;
	background-color: #cccccc;
	line-height: 0.7em;
	border-radius: 10px;
}
.freezetag {
	position:absolute;
	right:0.1em;
	top:0.7em;
	width: 1em; /*80%*/
	height: 1em;
	/*background-color: #cccccc;*/
	/*line-height: 0.7em;*/
	/*border-radius: 10px;*/
}

/********************************** 2022-11-17 ************************************/
.pdftag {
	position:absolute;
	right:1.2em;
	top:0.65em;
	width: 1em; /*80%*/
	height: 1em;
	/*background-color: #cccccc;*/
	/*line-height: 0.7em;*/
	/*border-radius: 10px;*/
}
/****************************************************************************************/

.deletetagH {
	float: left; 
	position: relative;
	margin: 0.2em;
	cursor:pointer;
	width: 0.8em; /*80%*/
	height: 0.8em;
	background-color: #FFFFFF;
	line-height: 0.7em;
	border-radius: 10px;
	z-index:20;
}

.typeFM {
	position:absolute;
	left:3em;
	top:0px;
	width: 1em; /*80%*/
	height: 1em;
	background-color: #FFFFBB;
	line-height: 1em;
	
}

.typeSB {
	position:absolute;
	left:1.7em;
	top:0px;
	width: 1em; /*80%*/
	height: 1em;
	background-color: #DDFFDD;
	line-height: 1em;
}

.typeFF {
	position:absolute;
	right:0em;
	top:0px;
	min-width:1em;
	min-height:1em;
	background-color: #EEEEEE;
	line-height: 1em;
	display: inline-block;
}

/* scale factor over smaller hole tags */
#factSpot {
	position:absolute;
	right:0em;
	top:0px;
	width:4em;
	height:1.4em;
	z-index:-1;
}

#trdLst {
	float: left; 
	margin: 0.3em;
	width: 100%;
	height:6em;
	overflow-y:scroll;
}

.trEntry {
	position:relative;
	top:1em;
}

.trdTags {
	position:relative;
	left:0em;
	top:0em;
	width: 80%;
	height: 2em;
	cursor: pointer;
	text-align: center;
	border: 0.2em solid #CCCCFF;
	background-color: #EEEEEE;
	white-space: nowrap;
	margin:0.2em;
}

.tags_h {
	border: 0.2em solid #8181F7;
	background-color: #FFDEEE;
}

.holes {
	box-sizing: border-box;
	position:relative;
	cursor: pointer;
	width: 23em;
	height: 3em;
	font-size:1em;
	background-color: #FFFFFF;
	text-align: center;
	border: 0.2em solid #CCCCFF;
	white-space: nowrap;
	padding: 1px 0px 1px 12px;
	margin: 5px;
}

.holeTags {
	box-sizing: border-box;
	position:relative;
	cursor: pointer;
	width: 6.1em;
	height: 2.5em;
	background-color: #FFFFFF;
	text-align: center;
	line-height: 3em;
	border: 0.2em solid #CCCCFF;
	white-space: nowrap;
}

.longname{
	position: absolute;
	left:7.5em;
	top:0.2em;
}

#plotArea {
	position:relative;
	width: 42em;
	height: 54.5em;
	background-color: #FFFFFF;
	font-size: 100%;
	overflow:hidden;
}




#axisLabels {
	width: 42em;
	height: 2.45em;
	position: relative;
	margin:0 auto;
	background-color:#FFFFFF;
	text-align:left;
}

#plotHolder {
	width: 50em;
	height: 50em;
	position: relative;
	margin:0 auto;
	background-color:#FFFFFF;
	text-align:left;
	overflow:hidden;
}

#header {
	position: absolute;
	top: 49.45em;
	left:0em;
	width: 42em;
	height: 5.05em;
	margin:0 auto;
	background-color:#FFFFFF;
	text-align:left;
}


.axis path,
.axis line {
	fill: none;
	stroke: #000000;
	shape-rendering: crispEdges;
}
.axis text {
    font-family: sans-serif;
    font-size: 11px;
}
.line {
	fill: none;
	stroke: #000000;
	stroke-width: 1px; /* 0.7 px*/
}
.gridH .tick {
    stroke: lightgrey;
    opacity: 0.7;
}
.gridH path {
      stroke-width: 0;
}
.gridV0 .tick {
    stroke: lightgrey;
    opacity: 0.7;
}
.gridV0 path {
      stroke-width: 0;
}

.gridV1 .tick {
    stroke: lightgrey;
    opacity: 0.7;
}
.gridV1 path {
      stroke-width: 0;
}
.gridV2 .tick {
    stroke: lightgrey;
    opacity: 0.7;
}
.gridV2 path {
      stroke-width: 0;
}
.gridV3 .tick {
    stroke: lightgrey;
    opacity: 0.7;
}
.gridV3 path {
      stroke-width: 0;
}

.titles {
	font-family: serif;
	font-size: 87.5%;
}
.titles-sm {
	font-family: serif;
	font-size: 62.5%;
}
.info {
	font-family: serif;
	font-size: 87.5%;
}
.info-sm {
	font-family: serif;
	font-size: 62.5%;
}

#tooltip {
	position: absolute;
	right:0px;
	top:0px;
	text-align: left;
	margin:5px;
	min-width:80px;
	min-height:50px;
	z-index:10;
}

/*.tooltip {
	position: absolute;
	text-align: left;
	padding:5px;
	width:max-content;
	height:max-content;
	background-color: #FFFC8E !important;
	border-width: 1px;
	border-radius: 4px;
	border-style: solid;
	border-color: #aaaaaa;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}*/