@charset "utf-8";
/* CSS Document */
#instructionsPlay{ color:rgba(255,255,0,1); width:600px; float:left; display:inline; margin-left: 10px; text-align: center; font-size: 2em;}
h2 {color:rgba(255,255,0,1);}
	.logo { float:left; display:inline; margin-top: 25px;}
	body {
	background-color: black;
}
label {color:rgba(255,255,0,1);} 
.label2 {font-size:	2em; color:rgba(0,0,0,1);}
	#top {position:absolute; top:0px; left:100px; width:725px; }
#results { font-size: 3em;}
/* #instructionsPlay{ position:absolute; top:10px; left:50px; color:rgba(255,255,0,1); width:550px; display:inline; } */
#QR {font-size:	2em; color:rgba(255,255,0,1);}
#header {width:1000px;}
#myCanvas3 {position:absolute; top:100px; left:550px; }
#myCanvas2 {position:absolute; top:125px; left:150px; }
#myCanvas {position:absolute; top:125px; left:150px; }
#midHeader {position:absolute; top:125px; left:150px; width:500px; border-radius: 15px; border: 0px solid #000000; margin-right: 10px;}	
#midHeaderMod {position:absolute; top:125px; left:150px; width:400px; border-radius: 15px; border: 3px solid #000000; margin-right: 10px;}	
#leftHeader {position:absolute; top:0px; left:0px; width:125px; height: 550px;}
/* #leftHeaderMod {position:absolute; top:550px; left:0px; width:550px; height: 125px;} */
#rightHeader {position:absolute; top:100px; left:550px; width:225px; height: 750px;}
#bottom {width:500px; position:absolute; top:575px; left:50px; border-radius: 35px; border: 3px solid #000000;
padding: 2%; background-color: white;} 
#bottomMod {width:400px; position:absolute; top:525px; left:50px; border-radius: 35px; border: 3px solid #000000;
padding: 2%; background-color: white;} 
	.tile {margin-right: 4px;}
    .tile2 {margin-right: 6px;}
	.btn-simple {width: 100%; height: 1.5em; font-size: 2em;}
.inputField {font-size:	1.5em;}
.inputField2 {font-size:	1.5em; width:50px;}
#title {display:inline; float:left; margin-right:5%;}
#patent { color:black;}
#codeLable { font-size:	2em; color:black;}
#code { font-size:	2em;}