@charset "utf-8";
/* CSS Document */

.lit{
	width:720px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

table {
    font-family: calibri, sans-serif;
    
    width: 500px;

	
	margin-top:3em;
	border-top-right-radius: .5em;
	margin-right:auto;
	margin-left:auto;
}

td, th {
   
    text-align: left;
    padding: 8px;
	
	
	
}

tr:nth-child(even) {
    background-color: #eee;
	
}
	
	tr:nth-child(odd) {
    background-color: #fff;
}
	



	
		body {
		
	margin:0;
	padding:0;
	border:0;
	height:100%;
	width:100%;
	background-color:#444;
	font-family: "Calibri";
	
	
}
	
	
	
	.pillow{
		width:90%;
		height:auto;
		background-color:#444;
		position:relative;
		margin:3em auto 3em auto;
		padding:3em;
		border-radius:1em;
		box-shadow:0em 0em 2em #000;
	}
	
		.box{
		position:relative;
		margin-top:3em;
		margin-bottom:3em;
		background-color:#333;
		font-size: 1em;
		text-align:center;
   		border-radius: 1em;
		visibility: block;
		margin-right:auto;
		margin-left:auto;
		width:600px;
			box-shadow:0em 0em 4em #000
	
		
		
	}
	
	fieldset{
		
		font-size: 1.25em;
		font-family: "Calibri";
		font-weight: bold;
		width:auto;
		min-width:450px;
		margin-top:.1em;
		color:#fff;
		border:0;
	}
	
	.tagget{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:80%;
	margin-bottom:2em;
	padding:.5em;
	}
	
	.title{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	margin-top:1em;
	margin-bottom:1em;
	}
	
		.salute{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:80%;
	margin-top:1em;
	margin-bottom:1em;
	}
	
	
	
	
	button{
		background-color: #EE3524;
		color:white;
		
		font-size: .75em;
		overflow: hidden;
		
		padding:1em;
		width:18%;
		line-height: 1em;
		text-align:center;
		border: 2px solid #aaa;
    	border-radius: 4px;
		cursor: pointer;
	}
	
	
	
	
	input{
		width:80%;
		line-height: 40px;
		text-align:center;
		border: 2px solid #aaa;
    border-radius: 4px;
		font-size: 3em;
			height:3;

		
	}
	
	
	
	
	
	input[type=button], input[type=submit], input[type=reset] {
    background-color: #EE3524;
    border: none;
    color: white;
    padding: 16px 32px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
	font-size:1.25em;
}


#systemvolume{
margin-bottom:.5em;
}

#avgtemp{
margin-bottom:.5em;
}

#startingpsi{
margin-bottom:.5em;
}

#maxpsi{
margin-bottom:.5em;
}



	

::-webkit-scrollbar {
display: none;
}
	
	
	
		/* #### Mobile Phones Portrait #### */
 @media screen and (max-device-width: 480px) and (orientation: portrait){
	 
	 
	 table {
    font-family: calibri, sans-serif;
    
    width: 500px;

	font-size: 2em;
	margin-top:3em;
	border-top-right-radius: .5em;
	margin-right:auto;
	margin-left:auto;
	 }
	 
	 input{
		width:80%;
		line-height: 40px;
		text-align:center;
		border: 2px solid #aaa;
    border-radius: 4px;
		font-size: 4em;
			height:5;

		
	}
	 
	
		 
	}
	
