body { margin: 20px; width:90%; font-family: arial,verdana,helvetica;}
	#copy { position: absolute; top: 25px; right: 10%; font-weight: bold; font-size: 10px; } 
	#logo { position: absolute; top: 08px; right: 20%; font-weight: bold; font-size: 10px; } 
	#uses { position: absolute; bottom: 20px; right: 0; font-weight: bold; font-size: 10px; } 	  
	#message { position: absolute; bottom: 15px; left: 0;  font-weight: bold; font-size: 15px; } 	 
	#spectrallines {padding-left:10px;}
	#canvas {display: block; width: 80%; margin-left: 70px;}
	
	
	a { text-decoration: none; color: #444;}
	h1 { font-size: 200%; font-weight:bold; color: #036; border-bottom: 2px solid #036; }
	h2 { font-size: 120%; font-weight:bold; color: #036; margin-bottom: 5px; margin-top: 15px; }
	.but {margin-top:10px; width: 6ch;}
	#myDiv {position: relative}
	
	fieldset {
		display: inline;		
		position: absolute; 
		text-align: center;
		top:0px;
		left: 70px;
	}
	
	#zSlider {width:40ch;}
	
	
	
	ul.menu {
		list-style-type: none;
		margin: 0;
		margin-bottom: 20px;
		padding: 0;
		overflow: hidden;
		background-color: #38444d;
	}

	ul.menu li {
		float: left;
	}

	li.dropdown-content a, .dropbtn {
		display: inline-block;
		color: white;
		text-align: center;
		padding: 14px 16px;
		text-decoration: none;
	}

	.dropdown-content input {margin-top: 10px;margin-bottom: 10px;}

	.menu li a:hover, .dropdown:hover .dropbtn {
		background-color: red;
	}

	li.dropdown {
		display: inline-block;
	}

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

	.dropdown-content a {
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: left;
	}

	.dropdown-content a:hover {background-color: #f1f1f1;}

	.dropdown:hover .dropdown-content {
		display: block;
	}

	
	
	#displayImages {
		position: absolute; 
		width: 16ch;
		background-color: white; 
		padding: 10px; 
		border: 1px solid #ccc; 
		top: 20%; 
		left: 20%;
		box-shadow: 2px 5px 3px silver;
		border-radius: 10px;
	}

/*	
	#spectrallines {
		position: absolute; 
		width: 16ch;
		background-color: white; 
		padding: 10px; 
		border: 1px solid #ccc; 
		top: 20%; 
		left: 80%;
		box-shadow: 2px 5px 3px silver;
		border-radius: 10px;
	}
	
*/
	#control {
		font-weight:bold;
		position: absolute; 
		background-color: white; 
		padding: 10px; 
		border: 1px solid #ccc; 
		top: 60%; 
		left: 80%;
		box-shadow: 2px 5px 3px silver;
		border-radius: 10px;
	}

	#control div {
		display: inline-block;
		border-radius: 50%;
		border: 1px solid #ccc; 		
		width: 1.7rem;
		height: 1.7rem;
		vertical-align: middle;
		text-align: center;
		cursor: pointer;
		line-height: 1.7rem;
	}
	
	table, tr, td {
		cursor: pointer;
		font-weight:bold;
	}

	td { width: 2ch; border: 1px solid #ccc; text-align: center; vertical-align: middle;}

	input[type="file"] {display:none;  }

	#custom-file-upload {
		display:none;
		position: absolute;
		right:180px;
		top: 0px;
		width: 25px;
		height: 25px;
		cursor: pointer;
/*		border: 1px solid #ccc;
		display: inline-block;
		padding: 6px 12px;
		border-radius: 5px;
		box-shadow: 5px 10px 7px silver;
		background-image: url("./load.png");
		background-size: cover;
		opacity: 0.4;
		*/
	}

	li {margin-top: 0.5rem}