body {
		font-size:14px;
		font-family:'Arial';
		background:#C5D3E8;
		background-image: linear-gradient(to right, #C5D3E8, #ffffff 400px, #C5D3E8 800px);
		background-size:  100% 100%;
		background-position: 100% 100%;
		background-repeat: no-repeat;
		overflow-x: hidden;	
	}
	
	.header {
		width:99%;
		height:30px;
		text-align:left;
		margin-top:15px;
		background-color:transparent;
		color:#000;
	}

	.footer {
		width:99%;
		height:30px;
		text-align:center;		
		margin-top:15px;
		background-color:transparent;	
		color:#000;			
	}
	
	#manual-download {
		font-size:16px;
		color:blue;
		text-decoration:none;		
	}
	
	.sign {	
		height:30px;
		line-height: 30px;
		font-size:14px;
		float:right;
		margin-right:10px;	
		background-color:transparent;
		
	}
	
	.icon {	
		height:30px;
		line-height: 30px;
		font-size:18px;
		letter-spacing:5px;
		float:left;
		margin-left:10px;	
		background-color:transparent;
	}
	
	#banner {
		opacity:.8;
		position:fixed;
		margin-top:300px;
		width:100%;
		height:100px;		
		border-top:1px solid #000;
		border-bottom:1px solid #000;
		z-index:6;
		background-color:#ffffff;		
		transition:opacity 1000ms;
	}
	
	#banner.diss {
		display:none;
	}
	
	.small-banner {
		 height:90px;
		 line-height:90px;
		 font-size:50px;		 
		 font-family: 'Courier New', monospace;
		 letter-spacing:30px;
		 text-align:center;
		 margin-top:5px;
		 border:0px solid #000;
		 background-color:#ffffff;
		 opacity:1;
	}
	
	.options-container {
		width:750px;
		height:50px;
		background-color:transparent;
		margin:0 auto;
		margin-top:25px;
	}
	
	.options-text-container {
		width:345px;
		height:50px;
		line-height:50px;
		font-size:16px;
		letter-spacing:7px;
		color:#000;
		text-align:center;
		background-color:transparent;
		float:left;
	}
	
	.options-select-container {
		width:400px;
		height:50px;
		background-color:transparent;
		float:left;		
	}
	
	.options-select {
		width:385px;
		height:40px;
		font-size:15px;
		letter-spacing:3px;
		background-color:#FFFFFF;
		margin-left:8px;
		margin-top:5px;
		float:left;
		color:#000;
		padding-left:10px;
		z-index:3;
		border:1px solid #000;
		border-radius:5px;
	}	
	
	.parent-container {
		width:750px;
		height:700px;
		background-color:transparent;
		margin:0 auto;
		margin-top:5px;
	}
	
	.left-text-container {
		width:45px;
		height:690px;
		background-color:#ffffff;
		float:left;
		margin-top:5px;
		 writing-mode: vertical-lr;
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
		opacity:.4;
		font-size:18px;
		text-align:center;
		line-height:45px;
		font-family: 'Courier New', monospace;
		letter-spacing:14px;
		border-left:1px solid #000;
	}
	
	.left-container {
		width:300px;
		height:700px;
		background-color:transparent;
		float:left;
	}
	
	.upload-button-container {
		width:300px;
		height:400px;
		background-color:transparent;
		float:left;
	}	
	
	.upload-button {
		width:286px;
		height:390px;
		line-height:395px;
		background-color:#FFE689;	
		margin-left:5px;		
		margin-top:5px;
		font-size:70px;
		text-align:center;	
		display:inline-block;	
		border:2px solid #000;
	}
	
	.play-stop-button-container {
		width:300px;
		height:200px;
		background-color:transparent;
		float:left;
	}	
	.play-button {
		width:142px;
		height:195px;
		line-height:195px;
		background-color:#659287;	
		margin-left:5px;
		margin-top:5px;
		text-align:center;
		float:left;
	}
	
	.stop-button {
		width:142px;
		height:195px;
		line-height:195px;
		background-color:#DEAA79;	
		margin-left:5px;
		margin-top:5px;
		text-align:center;
		float:left;
	}
	
	.arm-button-container {
		width:300px;
		height:100px;
		background-color:transparent;
		float:left;
	}
	
	.arm-button {
		width:142px;
		height:90px;
		line-height:90px;
		background-color:#B1C29E;	
		margin-left:5px;
		margin-top:5px;
		text-align:center;
		float:left;
		font-size:13px;
	}
	
	.download-button {
		width:142px;
		height:90px;
		line-height:90px;
		background-color:#bac5d6;	
		margin-left:5px;
		margin-top:5px;
		text-align:center;
		float:left;
		font-size:13px;
	}
	
	.right-container {
		width:400px;
		height:700px;
		background-color:transparent;
		float:left;
	}		

	
	.progress-div {
		width:385px;
		height:142px;
		background-color:#F8FAFC;	
		margin-left:5px;
		margin-top:5px;
		font-size:14px;
		text-align:center;
		float:left;
		word-wrap: break-word;
		overflow: hidden;
		display: flex;
		flex-direction: column-reverse;		
		color:#606569;
		border:2px solid #000;
		border-radius:2px;	
	}
	
	.vol-div {
		width:385px;
		height:30px;
		background-color:#F8FAFC;
		margin-left:5px;
		margin-top:5px;
		font-size:14px;
		text-align:center;
		float:left;
		color:#606569;
		border:2px solid #000;
	}
	
	.instructions-div {
		width:385px;
		height:495px;
		background-color:#F8FAFC;	
		margin-left:5px;
		font-size:12px;
		text-align:center;
		float:left;	
		border:2px solid #000;
		border-radius:2px;
		margin-top:5px;
	}
	
	.download-bypass-button-container {
		width:400px;
		height:190px;
		background-color:transparent;
		float:left;
	}
	
	.bypass-button {
		width:390px;
		height:186px;
		line-height:186px;
		background-color:#E5E1DA;	
		margin-left:5px;
		margin-top:5px;
		text-align:center;
		letter-spacing:5px;
	}	
		
	.action {		
		letter-spacing:3px;
		border-radius:2px;
		text-decoration:none;		
		font-size:17px;
		font-family:'Arial';
	}
	
	.action:hover {
		cursor:pointer;		
		font-weight:bold;
	}
	
	.instructions-text {
		width:385px;
		height:20px;
		line-height:15px;
		display: inline-block;
		color:#000;				
		font-size:12px;
		padding-left:10px; 		
	}
	
	.instructions-button {
		font-size:16px;
		letter-spacing:3px;
	}
	
	.instructions-button:hover {
		cursor:pointer;
		font-size:14px;
		font-family:'Arial';
	}
	
	.left { 
		text-align:left; 
	}	
	
	.top-padding {
		padding-top:15px;
	}
	
	.add-height {
		height:50px;
	}
	
	.add-extra-height {
		height:80px;
	}	
	
	.margin-top-padding {
		margin-top:15px;
	}
	
	@media (min-width:350px) and (max-width:450px) {
  
	.action { 
		text-align:center;
		padding:0px;
		font-size:13px;
	}
  
   
	}