*		{ background-color: #FFF; font-family: Verdana, Latha, Tahoma, Arial, sans-serif; }

	table		{ table-layout: fixed; width: 100%; }
	td		{ width: 5%; font-size: small; text-align: center; }

	.perHdr		{ font-size: x-small; text-align: center; color: #000; }
	.eleOut		{ font-weight: bold; text-align: left; }
	.eleHdr		{ font-size: small; text-align: left;}

	.alkali		{ color: #000; text-align: center; cursor: pointer; background-color: #B3C85B; }
	.earthmetal	{ color: #000; text-align: center; cursor: pointer; background-color: #C8875B; }
	.transition	{ color: #000; text-align: center; cursor: pointer; background-color: #C85B5B; }
	.poormetal	{ color: #000; text-align: center; cursor: pointer; background-color: #5B87C8; }
	.lanthanide	{ color: #000; text-align: center; cursor: pointer; background-color: #8D9AC4; }
	.actinide	{ color: #000; text-align: center; cursor: pointer; background-color: #B5BDD9; }
	.nonmetal	{ color: #000; text-align: center; cursor: pointer; background-color: #5BC85B; }
	.noblegas	{ color: #000; text-align: center; cursor: pointer; background-color: #5B5BC8; }