<style type="text/css">
        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 */}
        
        a {text-decoration:none;}
        td a {color:#000000;}
        
        td {height:60px;
	width:60px;
	border:1px solid black}
	
        table {font-family:Arial;
	font-size:20px;
	text-align:center;
	cell-padding:0px;
	cell-spacing:0px;
	empty-cell:blank}
	
        sup {font-family:Arial;
	font-size:13px}
	
        strong {font-family:Arial;
	font-size:12px}
	
        td.pangalan {border:none}
        td.am {background-color:#ff7aad}
        td.ae {background-color:#ff42fc}
        td.tm {background-color:#a5d4fa}
        td.bm {background-color:#ffb13d}
        td.sm {background-color:#4fff61}
        td.nm {background-color:#2bc0ff}
        td.h {background-color:#fff021}
        td.ng {background-color:#edd079}
        td.l {background-color:#b6ff4f}
        td.a {background-color:#ff4747}

@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%}
	span.atomicnumber {
		font-size:0.41665em}
	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%}
	span.atomicnumber {
		font-size:0.49998em}
	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%}
	span.atomicnumber {
		font-size:0.5833em}
	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%}
	span.atomicnumber {font-size:0.6666em}
	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%}
	span.atomicnumber {
		font-size:0.74997em}
	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%}
	span.atomicnumber {
		font-size:0.8333em}
	table {width:85%;
		height:100%;}
}
	</style>