<style type="text/css">

		td.alme{background-color:#ffd300;}
		td.alme{background-color:#fd540c;}
		td.alke{background-color:#009999;}
		td.trme{background-color:#ffd300;}
		td.bame{background-color:#7ce800;}
		td.seme{background-color:#ffaa00;}
		td.nome{background-color:#ef82ee;}
		td.halo{background-color:#ff7400;}
		td.noge{background-color:#9fee00;}
		td.lanth{background-color:#00cc00;}
		td.acti{background-color:#ff0000;}
		body {background-color:#000000;}
		h1 {color:#ffffff; 
		font-family:"Courier New", Times, serif;}
		td {font-family:"Courier New", Times, serif;}
		td.ewan {color:#ffffff; 
		font-family:"Courier New", Times, serif;}
		
		@media screen and (min-width: 200px)
		{
		td.space {height:0.3em}
		td {height:0.6em;
		width:0.6em;}
		td.empty {line-height:20%}
		table {width:17%;
		height:20%;}
		span{font-size:0.8333em}
		}

		@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: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}
		}
		
		td:hover {
		background-color: #de01ff;
		color: #000000;
		filter: alpha(opacity = 10);
		-moz-opacity: 10;
		-khtml-opacity: 10;
		opacity: 10;
		empty-cells:hide;
		}
</style>