			table#matrix_table {
				border-collapse: collapse;
				margin-left: auto;
				margin-right: auto;
				width: 430px;
				height: 410px;
				position: relative;
				font-size: 16px;
			      border: 1px;
			}
			
			#matrix_table tbody td {
				border: 3px solid black;
				padding: 8px 1px;
				margin: 0;
				text-align:center;
				vertical-align: middle;
				//width: 30; //pixels
				//height: 30; //pixels
				width: 4%; 
				height: 4%;
				background-color: #f0f0f0;
				border-style: solid;
				border-color: #999999;
				font-size: 22px;
				font-weight: bold;
			}
			
			#matrix_table tbody td.topBorder{
				border-top: 2px solid black;
			}
			
			#matrix_table tbody td.bottomBorder{
				border-bottom: 2px solid black;
			}
			
			#matrix_table tbody td.leftBorder{
				border-left: 2px solid black;
			}
			
			#matrix_table tbody td.rightBorder{
				border-right: 2px solid black;
			}
			
			#matrix_table tbody td.notice {
				padding: 4px;
				vertical-align: bottom;
				font-size: 10px;
				line-height: 1;
				background-color: white;
			}
			
			#matrix_table tfoot td {
				font-size: x-small;
			}

			#matrix_table input {
				border: none;
				//text-align:center;
				width: 18px;
				height: 18px;
				margin-bottom:0;
				padding:0;
			}
			
			#score {
				font-family: arial, sans-serif;
				border: 3px solid #eee;
				text-align:left;
				width: 430px;
				text-align:center;
				font-size: 16px;
				height: 22px;
				//margin: 0 5px;
				background-color: yellow;
				font-weight: bold;
			}
			#result {
				font-family: arial, sans-serif;
				border: 3px solid #eee;
				text-align:left;
				width: 430px;
				text-align:center;
				font-size: 16px;
				height: 22px;
				//margin: 0 5px;
				background-color: yellow;
				font-weight: bold;
			}
