<style type="text/css">
		table {text-align:center;
			   vertical-align:middle;
			   empty-cells:hide;
			   font-size:95%;
			   font-family:Arial}
		h1 {color:white;}
		td {height:100%;
			width:100%; text-align: center; }
		td a
			{border:none; text-align:center; display: block; }
		 a {text-decoration:none;
			color:#000000;}
		body{background-color:black;}
			td:hover {
		background-color: #fadc41;
		color: #000000;
		filter: alpha(opacity = 10);
		-moz-opacity: 10;
		-khtml-opacity: 10;
		opacity: 10;
		empty-cells:hide;
		}
		sup {font-family:"Times New Roman";}
		td.NM {background-color:#FE6378 }
		td.AM {background-color:#FE6347}
		td.AEM {background-color:#F6DEB3}
		td.TM {background-color:#DDA1DD}
		td.Met {background-color:#91EE90}
		td.PM {background-color:#B0D4DE}
		td.H {background-color:#FFFBCD}		
		td.NG {background-color:#FE6366}
		td.L {background-color:#EF82EE}
		td.A {background-color:#FF69C4}
	
@media screen and (min-width: 300px)
{
	td.space {height:0.3em}
	td {height:0.9em;
	    width:0.9em;}
	td.empty {line-height:30%}
	table {width:25.5%;
		height:30%;}
	
	
	
}
@media screen and (min-width: 400px)
{
	td.space {height:0.4em}
	td {height:1.2em;
	    width:1.2em;}
	td.empty {line-height:40%}
	table {width:0.34%;
		height:25%;}
}

@media screen and (min-width: 500px)
{
	td.space {height:0.5em}
	td {height:1.5em;
	    width:1.5em;}
	td.empty {line-height:50%}
	table {width:42.5%;
		height:50%;}
}

@media screen and (min-width: 600px)
{
	td.space {height:0.6em}
	td {height:1.8em;
	    width:1.8em;}
	td.empty {line-height:60%}
	table {width:51%;
		height:60%;}  
}

@media screen and (min-width: 700px)
{	
	td.space {height:0.7em}
	td {height:2.1em;
	    width:2.1em;}
	td.empty {line-height:70%}
	table {width:59.5%;
		height:70%;}
}

@media screen and (min-width: 800px)
{
	td.space {min-height:0.8em}
	td {min-height:2.4em;
	    min-width:2.4em;}
	td.empty {line-height:80%}
	table {min-width:68%;
		min-height:80%;}
}

@media screen and (min-width: 900px)
{
	td.space {height:0.9em}
	td {height:2.7em;
	    width:2.7em;}
	td.empty {line-height:90%}
	table {width:76.5%;
		height:90%;}
}

@media screen and (min-width: 1000px)
{
	td.space {height:1em}
	td {height:3em;
	    width:3em;}
	td.empty {line-height:100%}
	table {width:85%;
		height:100%;}
}	

td:hover {
		background-color:#fcfdff;
		color: #000000;
		filter: alpha(opacity = 10);
		-moz-opacity: 10;
		-khtml-opacity: 10;
		opacity: 10;
		empty-cells:hide;
		}
</style>