body{

  font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: black;
  background: white;

	margin: 25px;
	padding: 0;

}

table {
	padding: 3px;
	margin: 5px;
	text-align:center;
}

table .ListOfElements {
	padding: 3px;
	margin: 5px;
}

tr { margin:0; }
tr .ListOfElements {
  background: white;
}

tr .ListOfElementsHightlight {
  background: red;
}

td {
	padding:3px;
  margin: 3px;
}

td .ListOfElements {
  padding: 3px;
  margin: 0;
}

.element {
  border: 1px solid silver;
  background: white;
  padding:3px;
  width: 80px;
}

.elementLegend {
  border: 1px solid silver;
  background: white;
  padding:3px;
  width: 150px;
}

.symbol {
	font-size: 1.6em;
	float: left;
	line-spacing: 1.25em;
}

.G { color: darkred; }
.L { color: blue; }
.M { color: green; }
.S { color: black; }

.atomicNumber {
  font-size: 1.6em;
  color: darkred;
  float: right;
	line-spacing: 1.25em;
}

.atomicWeight {
  font-size: 0.80em;
  color: blue;
  font: none;
  text-align: center;
	line-spacing: 1.25em;
}

.name {
  font-size: 0.80em;
  color: black;
  float: none;
  text-align: center;
	line-spacing: 1.25em;
}

.undefined {
  font-size: 0.90em;
  color: darkgrey;
	line-spacing: 1.25em;
}