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: 0; right: 0; font-weight: bold; font-size: 10px; } 	  
	#message { position: absolute; bottom: 15px; left: 0;  font-weight: bold; font-size: 15px; } 	 
	
	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}
	#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}