/* BEGIN GAS */
p.AtomicNumber {
	font: Arial;
	font-size: 1.1em;
	font-weight: bold;
	color: black;
	text-align: left;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

p.ASymG {
	font: Arial;
	font-size: 1.8em;
	font-weight: bold;
	color: red;
	text-align: left;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
p.Shell {
	font: Arial;
	font-size: .3em;
	color: black
	text-align: right;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
p.ShellName {
	font: Arial;
	font-size: .3em;
	color: black
	text-align: right;
	margin: 0;
	padding: 0;
}
p.ShellNumber {
	font: Arial;
	font-size: .3em;
	color: black
	text-align: left;
	margin: 0;
	padding: 0;
}
p.Hydrogen {
	font: Arial;
	font-size: .75em;
	color: black;
	text-align: left;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
p.AtomicWeight {
	font: Arial;
	font-size: 0.6em;
	color: black;
	text-align: left;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

p.EC {
	font: Arial;
	font-size: .35em;
	color: blue;
	text-align: left;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
/* END GAS */
p.header {
	font: Arial;
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	margin: 0;
	color: black;
}

a:link {
	text-decoration: none;
}

table.petable {
	table-layout: fixed;
	width: 100%;
	height: 80%;
}

.peheader {
	background-color:none;
	border-collapse: collapse;
	border:none;
	text-align:center;
	vertical-align:bottom;
	text-decoration:none;
	font-size:1.5em;
	font-weight:bold;
	color: black;
}

td.NonMetal {
	background-color: #5CAD5C;
	border-collapse: collapse;
	border: solid 2px #0F2E0F;
	border-radius: 10px;
}

td.P1 {
	background-color: #FFD699;
	border-collapse: collapse;
	border: solid 2px #FF9900;
	border-radius: 10px;
}

td.P2 {
	background-color: #FFFF8C;
	border-collapse: collapse;
	border: solid 2px #BBBB00;
	border-radius: 10px;
}

td.P3-12 {
	background-color: #FFADAD;
	border-collapse: collapse;
	border: solid 2px #4C2E2E;
	border-radius: 10px;
}

td.Metaloid {
	background-color: #4DDB4D;
	border-collapse: collapse;
	border: solid 2px #005200;
	border-radius: 10px;
}

td.Trans {
	background-color: #94B8B8;
	border-collapse: collapse;
	border: solid 2px #1F2E2E;
	border-radius: 10px;
}

td.REE {
	background-color: pink;
	border-collapse: collapse;
	border: solid 2px red;
	border-radius: 10px;
}

td.ACT {
	background-color: #CCCCFF;
	border-collapse: collapse;
	border: solid 2px purple;
	border-radius: 10px;
}

td.P17 {
	background-color: #B2B2FF;
	border-collapse: collapse;
	border: solid 2px #0000FF;
	border-radius: 10px;
}

td.P18 {
	background-color: #EEBFED;
	border-collapse: collapse;
	border: solid 2px #BA55D3;
	border-radius: 10px;
}

td.P18:hover, td.P17:hover, td.P1:hover, td.P2:hover, td.NonMetal:hover, td.P3-12:hover, td.Metaloid:hover, td.Trans:hover, td.REE:hover, td.ACT:hover {
	background-color: #00FFFF;
}

td.header {
	background-color: none;
	text-align: center;
	vertical-align: bottom;
}


/*BEGIN SOLID */
p.ASymS {
	font: Arial;
	font-size: 1.8em;
	font-weight: bold;
	color: black;
	text-align: left;
	vertical-align: center;
	margin: 0;
	padding: 0;
}
/* END SOLID */
/* BEGIN LIQUID */
p.ASymL {
	font: Arial;
	font-size: 1.8em;
	font-weight: bold;
	color: blue;
	text-align: left;
	vertical-align: center;
	margin: 0;
	padding: 0;
}
/* END LIQUID */
/* BEGIN ARTIFICIAL */
p.ASymA {
	font: Arial;
	font-size: 1.8em;
	font-weight: bold;
	color: gray;
	text-align: left;
	vertical-align: center;
	margin: 0;
	padding: 0;
}
/* END ARTIFICIAL */

div.elediv {
	position: absolute;
	height: 50px;
	width: 50px;
	border-color: black
	border-width: 2px;
	border-style: solid;
	border-radius: 5px;
	background-color: white;
}