body {background-color: #000000;
		color: #FFFFFF;}
	td {opacity:1.0;
		filter:alpha(opacity=40); /* For IE8 and earlier */}
	td:hover {opacity:0.5;
		filter:alpha(opacity=100); /* For IE8 and earlier */}
	td.no:hover {opacity:1.0;
		filter:alpha(opacity=40); /* For IE8 and earlier */}
	h1 {font-family: Tahoma, sans-serif}
	td {text-align:center;
	    vertical-align:middle;
		border:1px solid black;
		padding:0px;}
	a:link {color:#000000;
		text-decoration:none;}
	a:visited {color:#000000;
		text-decoration:none;}
	span.let {display:block;
		font-weight:bold;}
	span.s1, span.s2, span.let, td {font-family: Tahoma, sans-serif;}
	td.non {border-style:none}
	td.nmet {background-color:#FFAAFF}
	td.smet {background-color:#7FAAFF}
	td.nobg {background-color:#BCC6CC}
	td.hal {background-color:#FFAA55}
	td.amet {background-color:#FFFF7F}
	td.aearth {background-color:#F8C4BC}
	td.bmet {background-color:#AAFFAA}
	td.rearth {background-color:#BB906C}
	td.tmet {background-color:#C2DFFF}
	td.ant {background-color:#FF7F7F}
	table {padding:0px;
		border-collapse:separate;}	

@media screen and (min-width: 320px)
{
	h1 {font-size:0.8em;}
	td {width:1.5em;
		height:1.5em;}
	td.non {line-height:65%;}
	span.s1 {font-size:0.2em;}
	span.s2 {font-size:0.1em;}
	span.let {font-size:0.5em;}
	table {height:60%;
		width:50%;}
}

@media screen and (min-width: 480px)
{
	h1 {font-size:1em;}
	td {width:1.8em;
		height:1.8em;}
	td.non {line-height:70%;}
	span.s1 {font-size:0.3em;}
	span.s2 {font-size:0.2em;}
	span.let {font-size:0.6em;}
	table {height:70%;
		width:60%;}
}

@media screen and (min-width: 600px)
{
	h1 {font-size:1.2em;}
	td {width:2.1em;
		height:2.1em;}
	td.non {line-height:80%;}
	span.s1 {font-size:0.4em;}
	span.s2 {font-size:0.3em;}
	span.let {font-size:0.7em;}
	table {height:80%;
		width:70%;}
}

@media screen and (min-width: 786px)
{
	h1 {font-size:1.4em;}
	td {width:2.4em;
		height:2.4em;}
	td.non {line-height:80%;}
	span.s1 {font-size:0.5em;}
	span.s2 {font-size:0.4em;}
	span.let {font-size:0.8em;}
	table {height:90%;
		width:80%;}
}

@media screen and (min-width: 900px)
{
	h1 {font-size:1.6em;}
	td {width:2.7em;
		height:2.7em;}
	td.non {line-height:100%;}
	span.s1 {font-size:0.6em;}
	span.s2 {font-size:0.5em;}
	span.let {font-size:0.9em;}
	table {height:100%;
		width:90%;}
}

@media screen and (min-width: 1024px)
{
	td {height:3em;
	    width:3em;}
}

@media screen and (min-width: 1200px)
{
	td {height:3.3em;
	    width:3.3em;}
}