	<style type="text/css">
           	    table {vertical-align:middle;
			   empty-cells:hide;
			   font-size:95%;
			   font-family:Arial;}
		body {background-color:#000000;}
		h1 { color:#F5F5F5; text-align:center;}
		a {text-decoration:none;}
		a:hover {font-size:150%;}
		td {border:none;
			color:#F5F5F5;
			text-align:center;}
		td a{color:#F5F5F5;}
		td.NM {background-color:#228B22	;}
		td.AM {background-color:#FF8C00;}
		td.AEM {background-color:#B8860B;}
		td.TM {background-color:#FF69B4;}
		td.Met {background-color:#20B2AA;}
		td.PM {background-color:#4169E1;}
		td.H {background-color:#9ACD32;}
		td.NG {background-color:#9400D3;}
		td.L {background-color:#FF1493;}
		td.A {background-color:#FF0000;}
	
	@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%;}
	span{font-size:0.8333em}
	
	
	
	
}
@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%;}
	span{font-size:0.8333em}
}

@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%;}
	span {font-size:0.8333em}
}

@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%;}
	span{font-size:0.8333em}
		
}

@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%;}
	span{font-size:0.8333em}
}

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

@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%;}
	span{font-size:0.8333em}
}

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

@media screen and (min-width: 1200px)
{
	td {height:3.5em;
	    width:3.5em;}
		span{font-size:0.8333em}
}
	</style>
				