span.t1{color:#000000; font-family:Palatino, serif; font-size:90%;}
span.t3g{color:#888888; font-family:Palatino, serif; font-size:75%;}

#versionHolder {
	position: absolute;  
	left: 10px;  
	top: 5px;  
	width:200px;
	height:2em;
}

#title-info {
	padding: 0.25em;
}

.file-wrapper {
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	position: relative;
	}
	
.file-wrapper input {
	display: transparent;
	cursor: pointer;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	opacity: 1;
	font-size: 100px;
	z-index:2;
	}
	


/* for printing display printableArea only */
/* might work but shouldn't try until svg is in it*/
/* copy media after each update with timeout */
@media screen 
{
	#plotArea {
		width: 42em;
		height: 51em;
		margin: 0em 3.5em 1.5em 1.5em;
		float: left; 
		background-color:#FFFFFF;
		text-align:left;
		z-index:2;
	}
	.UI-display { display: block; }
	#LogoHolder { display: block; }
	div.divFooter { display: none; }
	#top-spacer {
		text-align:right;
		height:2em;
		width:100%;
		display: block;
	}
}

@media print 
{
	#plotArea {
		width: 42em;
		height: 51em;
		margin: 0em 3.5em 1.5em 1.5em;
		float: left; 
		background-color:#FFFFFF;
		text-align:left;
		z-index:2;
	}
    body{background-color: #FFF !important}
	.UI-display { display: none; }
	#LogoHolder { display: none; }
	#top-spacer { display: none; }
	div.divFooter { display: none; position: fixed; bottom: 0; }
}


#container {
	width: max-content;
	display: inline-block;
	height: max-content;
	position: relative;
	margin:0px auto;
	margin-top: 2em;
	background-color:#FFFFFF;
	text-align:left;
	overflow:auto;
	clear: left;
	z-index: 2;
	float: left;
}


#save span, #load_manual span, #load span, #load_sample span , #data_filter span, #rescale_plane span, #plane_def2_bt span{
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    font-family: Optima, sans-serif;
	font-size: 12px;
}

#plane_def2_bt span, #plane_def1_bt span, #vector_properties_bt span, #drawing_options_bt span, #load_banner_bt span, #gridplot_banner_bt span, #loop_options_bt span{
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    font-family: Optima, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: black;

}

.tooltip {

	background-color: #FFFC8E !important;
	border-width: 1px;
	border-radius: 10px;
	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;
}


.heading {
	width: 100%;
	position: relative;
	left: -1px;
	top: 0px;
	margin-top:-1px;
	margin-bottom:-1px;
	background-color:#FFCCCC;
}

div.heading_title {
	text-align: center;
	font-weight: bold;
	width: 100%;
	
}

#header {
	position: relative;
	top: 1em;
	width: 42em;
	height: 4.3em;
	margin:5 auto;
	background-color:#FFFFFF;
	text-align:left;
	z-index:1;
}

.logo {
	font-family: Palatino;
	font-size: 125%;
}

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

.info-sm {
	font-family: Palatino, serif;
	font-size: 62.5%;
}

#hmm {
	width: max-content;
	height: max-content;
	position: relative;
	margin:0 auto;
	background-color:#FFFFFF;
	text-align:left;
	overflow:visible;
	transform-origin:0%50%;
	float: left;
	z-index:2;
}



#container2 {
	width: max-content;
	height: max-content;
	position: relative;
	margin:0 auto;
	background-color:#FFFFCC;
	text-align:left;
	overflow:auto;
	transform-origin:0%50%;
	float: left;
	z-index: 3;
}





#GridPlot {
	width: max-content;
	height: max-content;
	min-width: 371px;
	min-height: 500px;
	position: relative;
	margin: 0em 3.5em 1.5em 1.5em;
	left: -17px;
	top: 5px;
	text-align:center;
	overflow:visible;
	float: left;
	font-family: Optima, sans-serif;
	font-size: 14px;
	z-index: 5000;


}

#GridPlotA {

	background-color:#FFFFFF;
	border-style: solid;
    border-width: 5px;
    border-color:#F5F5F5;

}

.ui-resizable-helper { border: 1px dotted gray; }

#scalebar {
	width: 45em;
	height: 45em;;
	position: relative;
	margin: 0em 3.5em 1.5em 1.5em;
	background-color:#FFFFCC;
	/*background-color:#FFFFCC;*/
	text-align:left;
	overflow:hidden;
	float: none;
}


#LogoHolder, LogoHolder2 {
	position: fixed;
	bottom:0;
    right:0;
	margin: 0.4em;
	z-index:20;
}
#LogoHolder2 { display: none; }
#Logo { text-align: right; }

#mainControls {
	width: 27em;
	height: auto;
	margin: 0em 3.5em 1.5em 1.5em;
	float: left; 
	background-color:#F5F5F5
	text-align:left;
	z-index:2;
	font-family: Optima, sans-serif;
	font-size: 14px;

}

.view_notselect { 
	box-shadow: 0px 0 0px #aaaaaa;
	font-weight: 400;
}
.view_notselect span { background-color: WhiteSmoke; }

.view_select { 
	box-shadow: 0px 0 1.5px #aaaaaa;
	font-weight: 600;
}
.view_select span { background-color: transparent; }





/* dialogue box stuff */
div.splitbanner {
	float: left; 
	text-align:center;
	margin: 0.3em 0.3em 0.3em 0.3em;
	width: 97.5%;
	border-width: 1px;
	border-style: solid;
	border-color: #aaaaaa;
	background-color:#F5F5F5;
}

div.vbannerSm {
	float: left; 
	text-align: center;
	margin: 0em 0em 0em 0em;
	width: 50%;
	/*background-color:#FFFFCC;*/
}

div.button_file {
	float: left; 
	text-align: center;
	margin: 0.3em 0.3em 1em 0.3em;
	width: 100%;
	/*background-color:#FFFFCC;*/
}

div.vbannerSm2 {
	float: left; 
	text-align:left;
	margin: 0.3em 0em 0.3em 0.3em;
	width: 23%;
	/*background-color:#FFFFCC;*/
}

div.vbannerSm2a {
	float: left; 
	text-align:left;
	margin: 0.3em 0em 0.3em 0.3em;
	width: 25%;
	/*background-color:#FFFFCC;*/
}

div.vbannerSm2b {
	float: left; 
	text-align:left;
	margin: 0.3em 0em 0.3em 0.3em;
	width: 20%;
	/*background-color:#FFFFCC;*/
}

div.vbannerSm3 {
	float: left; 
	text-align:right;
	margin: 0.3em 0.3em 0.3em 0.3em;
	width: 20%;
	/*background-color:#FFFFCC;*/
}

div.vbannerSm4 {
	float: left; 
	text-align: center;
	margin: 0.6em 0em 0.3em 0.3em;
	width: 98%;
	display: flex;
    justify-content: center;
	/*background-color:#FFFFCC;*/
}

div.vbannerSm5 {
	float: left; 
	text-align:right;
	margin: 0.2em 0.2em 0.2em 0.2em;
	width: 15%;
	/*background-color:#FFFFCC;*/
}


div.floatTL{
 position:absolute;
    top:230px;
    left:10px;
}



div.vbannerText {
	float: left; 
	text-align:right;
	margin: 0em 0.3em 0.3em 0.3em;
	width: 60%;
	max-width: 150px;
	/*background-color:#FFFF00;*/
}

textarea {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 5px solid #888;
    background-color:#FFFF00;
}

button.view_off{
	
}

button.view_on{
	padding: 0.15em 0.35em;
	background-color:#35b128;
	color: black;
	border-color: #22711a;
	border-radius: 0.35em;
	border-width:1px;
	border-style:solid;
}
button.view_on:hover{
	background-color:#2b9121;
}
button.view_on:active{
	background-color:#27811d;
}
/* 2022-11-03 */
/*
button.view_on{
	background:#35b128;
}
*/

div.vbannerText2 {
	font-style: italic;
	float: left; 
	text-align:right;
	margin: 0em 0.15em 0.3em 0.3em;
	width: 8%;
	/*background-color:#FFFF00;*/
}

div.vbannerText3 {
	float: left; 
	text-align:right;
	margin: 0em 0.3em 0.3em 0.3em;
	width: 100%;
	/*background-color:#FFFF00;*/
}
div.vbannerText4 {
	float: left; 
	text-align:center;
	margin: 0.3em 0.3em 0.8em 0.3em;
	width: 50%;
	/*background-color:#FFFF00;*/
}


div.thirdbanner {
	float: left; 
	text-align:left;
	margin: 0.3em 0.3em 0.3em 0.3em;
	width: 30%;
	border-width: 0.07em;
	border-style: solid;
	border-color: #aaaaaa;
	background-color:#eeeeff;
}

div.vbannerTitle {
	text-align: center;
	font-weight: bold;
	margin: 0.3em 0.3em 0.6em 0.3em;
	width: 100%;
	
}

div.vbannerInner {
	float: left; 
	text-align:left;
	margin: 0.3em 0.3em 0.3em 0.3em;
	width: 30%;
	/*background-color:#FFFFCC;*/
}

div.viewpoint {
	float: left; 
	text-align:center;
	margin: 0em 0.5em 0.0em 0.5em;
	width: 46%;
	font-family: Optima,sans-serif;
    font-size: 15px;
	/*background-color:#FFFFCC;*/
}

input:invalid {
    box-shadow: none !important;
}

div.usertext {
	width: max-content;
	float: left; 
	text-align:left;
	margin: 0.3em 0.3em 0.3em 0.3em;
	z-index:500;
	/*background-color:#FFFFCC;*/
}

.filezone {
	width:100%;
	padding: 0.6em 0.6em 0em 0.6em;
}

/* filewrapper for custom upload button*/
/* http://viget.com/inspire/custom-file-inputs-with-a-bit-of-jquery */





body {
	padding: 0;
	margin: 0;
	text-align:center;
	background-color:#eeeeee;
 	/*overflow:hidden;*/
 }
 
 /********************************** 2023-07-28 ************************************/
 /* prevent selecting text on buttons */
 button{
  	user-select: none !important;
  	-webkit-user-select: none !important;
 }
 /***************************************************************************************/