@charset "utf-8";
/* CSS Document */
	button{
		background-color:red;
		color:white;
		border-radius:60em;
		height:2em;
		width:2em;
		font-size:1em;
		margin:.5em;
		text-align:center;
		
		
	}
	
html{
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	border:0;
	font-family:calibri;
		}
		
body{
	height:100%;
	width:100%;
	border:0;
	padding:0;
	margin:0;
	background-color:#333;
		}
	
.pillow{
		width:90%;
		height:auto;
		background-color:#666;
		position:relative;
		margin:3em auto 3em auto;
		padding:3em;
		border-radius:1em;
		box-shadow:0em 0em 2em #555;
	}
	
.box{
		position:relative;
		margin-top:3em;
		margin-bottom:3em;
		background-color:#ccc;
		font-size: 1em;
		text-align:center;
		border: 2px solid #aaa;
   		border-radius: .5em .5em 0 0;
		visibility: block;
		margin-right:auto;
		margin-left:auto;
		width:600px;
		box-shadow:0em 0em 4em #333	
	}
	
input[type=button], input[type=submit], input[type=reset] {
    background-color:#EE1300;
	position:relative;
	width:100%;
	height:auto;
    border: .1em thin #ee1300;
	border-sytle:outset;
    color: white;
    text-decoration: none;
    margin: 4px auto 0 auto;
    cursor: pointer;
	font-size:3em;
	-webkit-appearance: none;
	padding:.5em;
	
	
	
	}
	
	#answerBox{
		position:relative;
		padding:0;
		margin-left:auto;
		margin-right:auto;
		height:1.5em;
		width:90%;
		background-color:#fff;
		margin-bottom:.5em;
		line-height:1.5em;
		border-radius:.1em;
		font-size:4em;
		border-radius:.1em;
	}
	
	.labelAnswerBox{
		font-size:1.5em;
		margin-bottom:.25em;
		font-style:italic;
	}
	
	.bottomboxes{
		margin-top:12em;
	}
	
	#shTemp{
		position:relative;
		width:25%;
		font-size:2.5em;
		line-height:2em;
		text-align:center;
		margin-bottom:.5em;
		border-radius:.15em;
	}
	
	#hidden{
		position:relative;
		width:25%;
		font-size:2em;
		line-height:2em;
		text-align:center;
		margin-bottom:.5em;
		border-radius:.15em;
		float:right;
		display:none;
	}
	
	
	
	#oaTemp{
		position:relative;
		width:25%;
		font-size:2.5em;
		line-height:2em;
		text-align:center;
		margin-bottom:.5em;
		border-radius:.15em;
		
	}
	
	.uppers{
		width:100%;
		height:10em;
	}
	
	
	.topboxesleft{
		position:relative;
		margin-top:0em;
		height:10em;
		width:50%;
		margin-bottom:2em;
		float:left;
	}
	
	
	
	#outdoorHigh{
		position:relative;
		width:50%;
		font-size:2.5em;
		line-height:2em;
		text-align:center;
		margin-bottom:.5em;
		border-radius:.15em;
		
		
	}
	
	#spathigh{
		position:relative;
		width:50%;
		font-size:2.5em;
		line-height:2em;
		text-align:center;
		border-radius:.15em;
		
		
	}
	
	.topboxesright{
		position:relative;
		margin-top:0em;
		height:10em;
		width:50%;
		margin-bottom:2em;
		float:right;
	}
	
	#outdoorLow{
		position:relative;
		width:50%;
		font-size:2.5em;
		line-height:2em;
		text-align:center;
		margin-bottom:.5em;
		border-radius:.15em;
		
		
	}
	
	#spatlow{
		position:relative;
		width:50%;
		font-size:2.5em;
		line-height:2em;
		text-align:center;
		margin-bottom:.5em;
		border-radius:.15em;

	}
	
	input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
	
	
	
	#whitebox{
		position:relative;
		
		background-color:white;
		height:auto;
		width:16.5em;
		padding:.5em;
		border-radius:.5em;
		margin-top:1em;
		margin-left:auto;
		margin-right:auto;
		display:none;
		font-size:1.5em;
	}
	
	#whitebox2{
		position:relative;
		margin-top:1em;
		margin-left:auto;
		margin-right:auto;
		background-color:white;
		height:auto;
		width:16.5em;
		padding:.5em;
		border-radius:.5em;
		display:none;
		font-size:1.5em;
	}
	
	#whitebox3{
		position:relative;
		margin-top:1em;
		margin-left:auto;
		margin-right:auto;
		background-color:white;
		height:auto;
		width:16.5em;
		padding:.5em;
		border-radius:.5em;
		display:none;
		font-size:1.5em;
	}
	
	#whitebox4{
		position:relative;
		margin-top:1em;
		margin-left:auto;
		margin-right:auto;
		background-color:white;
		height:auto;
		width:16.5em;
		padding:.5em;
		border-radius:.5em;
		display:none;
		font-size:1.5em;
	}
	
	#whitebox5{
		position:relative;
		margin-top:1em;
		margin-left:auto;
		margin-right:auto;
		background-color:white;
		height:auto;
		width:16.5em;
		padding:.5em;
		border-radius:.5em;
		display:none;
		font-size:1.5em;
	}
	
	#whitebox6{
		position:relative;
		margin-top:1em;
		margin-left:auto;
		margin-right:auto;
		background-color:white;
		height:auto;
		width:16.5em;
		padding:.5em;
		border-radius:.5em;
		display:none;
		font-size:1.5em;
	}
	
	#whitebox7{
		position:relative;
		margin-top:1em;
		margin-left:auto;
		margin-right:auto;
		background-color:white;
		height:auto;
		width:16.5em;
		padding:.5em;
		border-radius:.5em;
		display:none;
		font-size:1.5em;
	}