body,html{padding:0px;margin:0px;font-family:Open Sans,Arial, Helvetica, sans-serif;font-size:14px;background-color:#ffF;}
/**/


#bar1{width:100%;height:60px;background-color:#D2930D;text-align:center;color:#fff;font-size:30px;margin-top:0px;}


#pixholder{width:200px;height:200px;border: 2px solid orange;text-align:center;margin:auto;}

#allContent{border: 1px solid grey;width:798px;background-color:#fbfcfc;margin:auto;min-height:400px;}


#title{background-color:#D22C0D;margin:auto;width:400px;text-align:center;padding-top:2px;padding-left:10px;padding-right:1px;margin-top:5px;color:#FFF;}

#panel1{width:300px;float:left;text-align:center;height:100%;}
#pix{width:250px;height:250px;margin:auto;}
#inputPanel{width:380px;height:400px;float:right;}

#startButang{width:90px; margin:auto;height:23px;text-align:center; margin-top:200px;}
#startButang:hover{background-color:#F2F2F2;}
.btclass{border: 1px solid grey; border-radius:3px;cursor:pointer;}

.spacer20{width:100%;height:20px;}

#structions{margin-top:100px;font-size:24px;}
#structions2{margin-top:15px;text-align:center;font-size:16px;border:1px solid grey;border-top:none;width:798px;margin:auto;}

#boxes{margin-top:20px;width:400px;}

.box{width:28px;height:36px;border:1px solid grey;margin-right:2px;float:left;text-align:center;font-size:24px;}

#tiles{margin-top:70px;float:none;clear:both;width:100%;height:40px;width:250px;}

.tile{width:42px;height:26px;border:1px solid grey;margin-right:5px;float:left;text-align:center;font-size:16px;background-color:#EB9532;color:#fff;cursor:pointer;margin-bottom:4px;}

.grey{background-color:#F5F5F5;}

#feedback1{width:150px;text-align:center;color:#FFF;background-color:green;margin-top:20px;float:none;clear:both;font-size:16px;}
#feedback2{width:150px;text-align:center;color:#FFF;background-color:red;margin-top:20px;clear:both;font-size:16px;}

#rb{width:30px;float:left;}
#rb:hover{cursor:pointer;opacity:.7; }
#titu{font-size:30px;}

#promo{text-align:center;}

@media screen  and (max-width:800px){
	
	#structions2{width:98%;}
	#allContent{border: 1px solid grey;width:98%;}
}

@media screen  and (max-width:700px){
	.titu{display:none;height:0px;}
#bar1{font-size:20px;}
#panel1{float:none;width:100%;}

#inputPanel{float:none;width:100%;text-align:center;height:auto;min-height:200px;}
#structions{margin-top:0px;font-size:24px;text-align:center;}

#boxes{width:320px;margin:auto;}

#startButang{margin:auto;margin-top:0px;}


#tiles{width:250px;margin:auto;margin-top:45px;}

#feedback1{margin:auto;}
#feedback2{margin:auto;}


}



@media screen  and (max-width:420px){


#allContent{width:96%;padding:2%;border:0px;}
#title{width:96%;padding:2%;border:0px;}
}