body {
	font:85% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

div.infobox {
	width: 620px;
	margin-left:auto;
	margin-right:auto;
	text-align: justify;
}

input#element
{
	border-top-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-style: solid;
	border-color: #cc9900;
	font:150% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
}

a {
	text-decoration: none;
	color: #000080;
}

a#element {
	text-decoration: none;
}

table {
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	
}

tr {
	height: 30px;
}

td {
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	color: #333333;
	border: 0px;
	background-image: url(images/element_gold_empty.gif);
	width: 30px;
}

td.noble {
	background-image: url(images/element_gray_empty.gif);
}

td.halogen {
	background-image: url(images/element_magenta_empty.gif);
}

td.nonmetal {
	background-image: url(images/element_purple_empty.gif);
}

td.earthmetal {
	background-image: url(images/element_lime_empty.gif);
}

td.alkalimetal {
	background-image: url(images/element_red_empty.gif);
}

td.metalloid {
	background-image: url(images/element_blue_empty.gif);
}

td.poormetal {
	background-image: url(images/element_aqua_empty.gif);
}

td.lanthanide {
	background-image: url(images/element_green_empty.gif);
}

td.actinide {
	background-image: url(images/element_yellow_empty.gif);
}

.hidden {
	background-color: #FFFFFF;
	background-image: none;
	border: none;
	width: auto;
}

.hidden-small {
	color: #FFFFFF;
	background-color: #FFFFFF;
	background-image: none;
	border: none;
	width: 5px;
}