cursor: url(images/me4o-lapa.png) 120 141, auto;
	body {margin: auto; max-width: 1024 px; max-height: 710px;}
	#interactive, #screen1, #screen2, #screen3, #screen4, #end {position:absolute; min-width: 0px; min-height: 0px; width:0px; height: 0px; max-width: 0px; max-height: 0px; overflow: hidden;}
	#animated_background { position:absolute; z-index: -2;}
	#menu {width: 960px; height: 0px;}
	#animated_me4o {position: absolute; left: 300px; top:0px; z-index: -1;}
	#back {position: absolute; margin-left: 50%; margin-right:50%; margin-top: 20%; margin-bottom:0px;}
	#bin, #bin1, #bin2, #bin3, #bin4 {position:absolute; width: 256px; height: 286px; bottom: 20px; right: 40px; z-index: 2; }
	
	#button1 { position: absolute; left:40px; top: 40px; min-width: 140px; width: 140px; height: 140px; min-height: 140px; cursor: move;}
	#button2 { position: absolute; left:30px; top: 210px; min-width: 140px; width: 140px; height: 140px; min-height: 140px; cursor: move;}
	#button3 { position: absolute; left:210px; top: 80px; min-width: 140px; width: 140px; height: 140px; min-height: 140px; cursor: move;}
	#button4 { position: absolute; left:200px; top: 245px; min-width: 140px; width: 140px; height: 140px; min-height: 140px; cursor: move;}

	#selection { postition: relative; margin: auto;  width: 1012px; min-width: 1012px; height: 720px; min-height: 720px; overflow: hidden;}
	#selectioninside { margin: auto;  padding: 20px; width: 400px; min-width: 400px;}
	#username { margin: 20px; }
	#fname { width: 300px; margin: auto;}
	#gender { width: 200px; margin: auto;}
	#grade { margin: 20px;}
	#arrow { position: absolute; top:202px; right: 10px; z-index: 3;}
	#arrow1 { position: relative; top:202px; left: 790px; z-index: 3;}
	#theend { position: absolute; top:202px; left: 706px; z-index: 3;}
	#console { padding: 10px; font-family: 'VT323', cursive; font-size: 20px; color: #AAFF66 ; background: rgba(0, 0, 0, 0.75); position: fixed; bottom: 0px; left: 0px; overflow: hidden; max-width: 200px; max-height: 30px; width: 50px; height: 10px; }
	#console:hover { display: inline; width:400px; max-width:400px; height: 100%; max-height: 100%; overflow:scroll;}
	#container {position: absolute; top:0px; z-index: 2;}
	#screenone {margin:auto; width:250px;}
	#q1a1, #q1a2, #q1a3, #q1a4,	#q2a1, #q2a2, #q2a3, #q2a4,	#q3a1, #q3a2, #q3a3, #q3a4,	#q4a1, #q4a2, #q4a3, #q4a4 {width:0px; height:0px;}
	#binimage1, #binimage2, #binimage3, #binimage4 {width:0px; height:0px;}
	
	
	.cell { border-style: dotted; border-width: 1px; border-color: gray; height: 20px; overlay: hidden; width: 80px; align: center; text-align: center; float: left; margin-left: -1px;}
	.row { width: 920px; height: 20px; margin-top: -1px;}