#title {
	
	background-color: #77AAFF;
	width: 30%;
	height: 70%;
	margin-top: -1em;
	border-radius: 10px;
	text-align: center;
}

#header {
	
	border-radius: 10px;
	border: solid;
	border-color: #334499;
	background-color: #3366AA;
	width: 100%;
	height: 8%;
	left:   5%;
	margin-top:    0%;
	
}

#inputsection {
	
	width: 100%;
	height: 22%;
	margin-top: 0px;
	left: 0px;
	background-color: #CCCCFF;
	border: solid;
	border-color: #777777;
}

#canvas {
	
	width: 100%;
	height: 70%;
	margin-top: 0px;
	left: 0px;
	border: solid;
	border-color: #777777;
}



.hidden {
	
	display: none; 
	visibility: hidden;
	
	
	
}


.floating {
	
	display: block; 
	visibility: visible;
	
	
	
}


.button {
	
	border-radius: 10px;
	border: solid;
	border-color: #334499;
	background-color: #AABBFF;
	margin-left:   2%;
	margin-top:    2%;
	
	
	
	
}


.pressedbutton {
	
	border-radius: 10px;
	border: solid;
	border-color: #334499;
	background-color: #3366AA;
	margin-left:   2%;
	margin-top:    2%;
	
	
	
	
}