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

BODY { 
background: #FFFFFF;
}

#header
    {
	width:100%;
	background-color: #EFEFEF;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	border-bottom-color: #FFFFFF;
/*	margin:0px 18px;
	padding-left: 0px;
	background-color: white;
	border-bottom-style: solid;
	border-bottom-width: 8px;
	border-bottom-color: Black;*/
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #000000;
	font-size: 32px;
	line-height: 60px;
    }
	
	
#instruction
    {
	width:100%;
	background-color: #FFFFFF;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-bottom-color: #FFFFFF;
/*	margin:0px 18px;
	padding-left: 0px;
	background-color: white;
	border-bottom-style: solid;
	border-bottom-width: 8px;
	border-bottom-color: Black;*/
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #AAAAAA;
	font-size: 32px;
	line-height: 60px;
    }
	
#footer
    {
	position : fixed;
	bottom:0;
	width:100%;
	text-align:center;
	background-color: #EFEFEF;
	padding-top: 0px;
	padding-bottom: 6px;
	border-top-width: 16px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #FF0004;
	font-size: 32px;
	line-height: 60px;

    }
	
/*	#body {
	font-family: Helvetica, Arial, sans-serif;
	color: #666666;
	text-align: center;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 28px;
	background-color: White;
}*/


table {
  border: 2px solid #CCCCCC;
}

.tile1, .tile2, .tile3, .tile4, .tile5, .tile6, .tile7, .tile8, .tile9, .tile10, .tile11, .tile12, .tile13, .tile14, .tile15, .tile16, .tile17, .tile18, .tile19, .tile20, .tile21, .tile22, .tile23, .tile24, .tile25, .tile26, .tile27, .tile28, .tile29, .tile30, .tile31, .tile32, .tile33, .tile34, .tile35, .tile36, .tile37, .tile38, .tile39, .tile40, .tile41, .tile42, .tile43, .tile44, .tile45, .tile46, .tile47, .tile48, .tile49, .tile50, .tile51, .tile52, .tile53, .tile54, .tile55, .tile56, .tile57, .tile58, .tile59, .tile60, .tile61, .tile62, .tile63 {
  display: table-cell;
  width: 100px;
  height: 100px;
  border: 2px solid #CCCCCC;
  background: url("7x9_16.png"); 
  cursor: pointer;
}

.tile1 {background-position: 0px 0px;}
.tile2 {background-position: -100px 0px;}
.tile3 {background-position: -200px 0px;}
.tile4 {background-position: -300px 0px;}
.tile5 {background-position: -400px 0px;}
.tile6 {background-position: -500px 0px;}
.tile7 {background-position: -600px 0px;}

.tile8 {background-position: 0px -100px;}
.tile9 {background-position: -100px -100px;}
.tile10 {background-position: -200px -100px;}
.tile11 {background-position: -300px -100px;}
.tile12 {background-position: -400px -100px;}
.tile13 {background-position: -500px -100px;}
.tile14 {background-position: -600px -100px;}

.tile15 {background-position: 0px -200px;}
.tile16 {background-position: -100px -200px;}
.tile17 {background-position: -200px -200px;}
.tile18 {background-position: -300px -200px;}
.tile19 {background-position: -400px -200px;}
.tile20 {background-position: -500px -200px;}
.tile21 {background-position: -600px -200px;}

.tile22 {background-position: 0px -300px;}
.tile23 {background-position: -100px -300px;}
.tile24 {background-position: -200px -300px;}
.tile25 {background-position: -300px -300px;}
.tile26 {background-position: -400px -300px;}
.tile27 {background-position: -500px -300px;}
.tile28 {background-position: -600px -300px;}

.tile29 {background-position: 0px -400px;}
.tile30 {background-position: -100px -400px;}
.tile31 {background-position: -200px -400px;}
.tile32 {background-position: -300px -400px;}
.tile33 {background-position: -400px -400px;}
.tile34 {background-position: -500px -400px;}
.tile35 {background-position: -600px -400px;}

.tile36 {background-position: 0px -500px;}
.tile37 {background-position: -100px -500px;}
.tile38 {background-position: -200px -500px;}
.tile39 {background-position: -300px -500px;}
.tile40 {background-position: -400px -500px;}
.tile41 {background-position: -500px -500px;}
.tile42 {background-position: -600px -500px;}

.tile43 {background-position: 0px -600px;}
.tile44 {background-position: -100px -600px;}
.tile45 {background-position: -200px -600px;}
.tile46 {background-position: -300px -600px;}
.tile47 {background-position: -400px -600px;}
.tile48 {background-position: -500px -600px;}
.tile49 {background-position: -600px -600px;}

.tile50 {background-position: 0px -700px;}
.tile51 {background-position: -100px -700px;}
.tile52 {background-position: -200px -700px;}
.tile53 {background-position: -300px -700px;}
.tile54 {background-position: -400px -700px;}
.tile55 {background-position: -500px -700px;}
.tile56 {background-position: -600px -700px;}

.tile57 {background-position: 0px -800px;}
.tile58 {background-position: -100px -800px;}
.tile59 {background-position: -200px -800px;}
.tile60 {background-position: -300px -800px;}
.tile61 {background-position: -400px -800px;}
.tile62 {background-position: -500px -800px;}
.tile63 {background: #CCCCCC; cursor: default;}

/*..tile63 {background-position: -600px -800px;}