a:link{color: #0000FF; text-decoration: underline; font-weight: bold;}
a:visited{color: #0000FF; text-decoration: underline; font-weight: bold;}
a:hover{color:#0000FF; text-decoration: none; font-weight: bold;}
a:active{color: #0000FF; text-decoration: underline; font-weight: bold;}

a.sponsor:link{color: #FFFFFF; font-size: 8pt; text-decoration: underline; font-weight: bold;}
a.sponsor:visited{color: #FFFFFF; font-size: 8pt; text-decoration: underline; font-weight: bold;}
a.sponsor:hover{color:#FFFFFF; font-size: 8pt; text-decoration: none; font-weight: bold;}
a.sponsor:active{color: #FFFFFF; font-size: 8pt; text-decoration: underline; font-weight: bold;}

a.sponsor2:link{color: #0000FF; font-size: 8pt; text-decoration: none; font-weight: bold;}
a.sponsor2:visited{color: #0000FF; font-size: 8pt; text-decoration: none; font-weight: bold;}
a.sponsor2:hover{color:#000000; font-size: 8pt; text-decoration: none; font-weight: bold;}
a.sponsor2:active{color: #0000FF; font-size: 8pt; text-decoration: none; font-weight: bold;}

a.tiny:link{color: #0000FF; font-size: 8pt; text-decoration: none; font-weight: normal;}
a.tiny:visited{color: #0000FF; font-size: 8pt;text-decoration: none; font-weight: normal;}
a.tiny:hover{color:#0000FF; font-size: 8pt;text-decoration: none; font-weight: normal;}
a.tiny:active{color: #0000FF; font-size: 8pt;text-decoration: none; font-weight: normal;}

#periodictable a {color:#FFFFFF; text-decoration: none;}

a.noblegas{color: #FFFFFF;  background-color: #FFFFFF;text-decoration: none; display: block; background: url(images/bck-class-green.png) left; height: 55px; width: 45px; border: 1px solid #000000;}
a.noblegas:hover { background-color: #d6eace; background: url(images/bck-class-green.png) right;}

a.other{color: #FFFFFF; background-color: #FFFFFF; text-decoration: none; display: block; background: url(images/bck-class-orange.png) left; height: 55px; width: 45px; border: 1px solid #000000;}
a.other:hover {background-color: #f4ddba; background: url(images/bck-class-orange.png) right;}

a.alkaline {color: #FFFFFF; background-color: #FFFFFF; text-decoration: none; display: block; background: url(images/bck-class-blue.png) left; height: 55px; width: 45px; border: 1px solid #000000;}
a.alkaline:hover {background-color: #d8e2f6; background: url(images/bck-class-blue.png) right;}

a.alkali{color: #FFFFFF; background-color: #FFFFFF; text-decoration: none; display: block; background: url(images/bck-class-red.png) left; height: 55px; width: 45px; border: 1px solid #000000;}
a.alkali:hover {background-color: #f4bfbf; background: url(images/bck-class-red.png) right;}

a.metalloid{color: #FFFFFF; background-color: #FFFFFF; text-decoration: none; display: block; background: url(images/bck-class-purple.png) left; height: 55px; width: 45px; border: 1px solid #000000;}
a.metalloid:hover {background-color: #eacded; background: url(images/bck-class-purple.png) right;}

a.halogen{color: #FFFFFF; background-color: #FFFFFF; text-decoration: none; display: block; background: url(images/bck-class-pink.png) left; height: 55px; width: 45px; border: 1px solid #000000;}
a.halogen:hover {background-color: #fadfe7; background: url(images/bck-class-pink.png) right;}

a.nonmetal{color: #FFFFFF; background-color: #FFFFFF; text-decoration: none; display: block; background: url(images/bck-class-lblue.png) left; height: 55px; width: 45px; border: 1px solid #000000;}
a.nonmetal:hover {background-color: #d8f3f2;  background: url(images/bck-class-lblue.png) right;}

a.transition{color: #FFFFFF; background-color: #FFFFFF; text-decoration: none; display: block; background: url(images/bck-class-yellow.png) left; height: 55px; width: 45px; border: 1px solid #000000;}
a.transition:hover {background-color: #efebaa; background: url(images/bck-class-yellow.png) right;}

a.lanthanide{color: #FFFFFF; background-color: #FFFFFF; text-decoration: none; display: block; background: url(images/bck-class-silver.png) left; height: 55px; width: 45px; border: 1px solid #000000;}
a.lanthanide:hover {background-color: #ebebeb; background: url(images/bck-class-silver.png) right;}

a.actinides{color: #FFFFFF; background-color: #FFFFFF; text-decoration: none; display: block; background: url(images/bck-class-platinum.png) left; height: 55px; width: 45px; border: 1px solid #000000;}
a.actinides:hover {background-color: #e7eff6; background: url(images/bck-class-platinum.png) right;}

a.tnoblegas {color: #000000; background-color: #FFFFFF; background-color: #00ff00; text-decoration: none; display: block; height: 6px; width: 6px; font-size: 6px; border: 1px solid #000000;}
a.tnoblegas:hover {color: #000000; background-color: #d6eace; border: 1px solid #FFFFFF;}
a.tother {color: #000000; background-color: #FFFFFF; background-color: #ff9933; text-decoration: none; display: block; height: 6px; width: 6px; font-size: 6px; border: 1px solid #000000;}
a.tother:hover {color: #000000; background-color: #f4ddba; border: 1px solid #FFFFFF;}
a.talkaline {color: #000000; background-color: #FFFFFF; background-color: #0000FF; text-decoration: none; display: block; height: 6px; width: 6px; font-size: 6px; border: 1px solid #000000;}
a.talkaline:hover {color: #000000; background-color: #d8e2f6; border: 1px solid #FFFFFF;}
a.talkali {color: #000000; background-color: #FFFFFF; background-color: #FF0000; text-decoration: none; display: block; height: 6px; width: 6px; font-size: 6px; border: 1px solid #000000;}
a.talkali:hover {color: #000000; background-color: #f4bfbf; border: 1px solid #FFFFFF;}
a.tmetalloid {color: #000000; background-color: #FFFFFF; background-color: #ff00ff; text-decoration: none; display: block; height: 6px; width: 6px; font-size: 6px; border: 1px solid #000000;}
a.tmetalloid:hover {color: #000000; background-color: #eacded; border: 1px solid #FFFFFF;}
a.thalogen {color: #000000; background-color: #FFFFFF; background-color: #ffbbbb; text-decoration: none; display: block; height: 6px; width: 6px; font-size: 6px; border: 1px solid #000000;}
a.thalogen:hover {color: #000000; background-color: #fadfe7; border: 1px solid #FFFFFF;}
a.tnonmetal {color: #000000; background-color: #FFFFFF; background-color: #00ffff; text-decoration: none; display: block; height: 6px; width: 6px; font-size: 6px; border: 1px solid #000000;}
a.tnonmetal:hover {color: #000000; background-color: #d8f3f2; border: 1px solid #FFFFFF;}
a.ttransition {color: #000000; background-color: #FFFFFF; background-color: #fff000; text-decoration: none; display: block; height: 6px; width: 6px; font-size: 6px; border: 1px solid #000000;}
a.ttransition:hover {color: #000000; background-color: #efebaa; border: 1px solid #FFFFFF;}
a.tlanthanide {color: #000000; background-color: #FFFFFF; background-color: #cccccc; text-decoration: none; display: block; height: 6px; width: 6px; font-size: 6px; border: 1px solid #000000;}
a.tlanthanide:hover {color: #000000; background-color: #ebebeb; border: 1px solid #FFFFFF;}
a.tactinides {color: #000000; background-color: #FFFFFF; background-color: #99ccff; text-decoration: none; display: block; height: 6px; width: 6px; font-size: 6px; border: 1px solid #000000;}
a.tactinides:hover {color: #000000; background-color: #e7eff6; border: 1px solid #FFFFFF;}

a.selected {color: #000000; border-color: #000000; background-color: #FFF000; border-color: #FF0000; }

body {background-color: #FFFFFF; font-family: Verdana, Geneva, Arial, helvetica, sans-serif; margin: 0px; color: #333333;	font-size: 10pt;}

td {font-family: Verdana, Geneva, Arial, helvetica, sans-serif;}
th {font-family: Verdana, Geneva, Arial, helvetica, sans-serif;}

H1 {font-size: 10pt; font-weight: bold; color: #083799; text-transform:capitalize;}
H2 {font-size: 10pt; color: #990000; font-weight: bold; }
H3 {font-size: 10pt; font-weight: bold; color: #000000; margin: 0px;}

ul {list-style-type: none; padding: 2px; margin: 2px;}
ul.regular {list-style-type: square; padding: 0 1em; margin: 1em;}

FORM {margin-bottom: 0px;}

FIELDSET {border: 1px solid #678ddb;}
LEGEND {font-weight: bold;}

#page {margin: 10px;}

#header {width: 100%; border-collapse: collapse;}
#logo {vertical-align: top;}
#minitable {width: 300px; text-align: right; vertical-align: top; padding: 1em;}
#main {padding: 0px 10px; }

#utility {background-color: #D8E2F6; border-top: 1px solid #678ddb; border-bottom: 1px solid #678ddb; padding: 2px 8px; text-align: right; color: #000000;}

#error {background-color: #FFFFFF; font-size: 10pt; color: #990000; font-weight: bold; text-align: center; }

#copyright {border-top: 1px solid #1e5482; padding: 10px; text-align: center; font-size: 8pt;}
#disclaimer {border-top: 1px solid #1e5482; text-align: center; font-size: 8pt;padding: .5em; }

#periodictable {border-collapse: collapse; margin: 10px auto;  font-family: Arial, helvetica, sans-serif; }
#periodictable td {padding: 0px; height: 20px;}

#periodictable b {float: right;}
#periodictable em {font-size: 8pt; font-weight: bold; text-align: left; margin: 0px; margin-left: .2em; font-style: normal;}
#periodictable strong { display: block; font-size: 12pt; font-weight: bold; text-align: center; line-height: 28pt; margin: 0px; color: #000000;}

#chemelement {}

#chemelement em {float: left; font-size: 8pt; font-weight: bold; margin: 0px; margin-left: .2em; font-style: normal;}
#chemelement strong {clear: both; display: block;font-size: 12pt; font-weight: bold; text-align: center; line-height: 27pt;  vertical-align: middle; margin: 0px;  color: #000000;}

#atomicweight {font-size: 6pt; text-align: center; height: 15px;}

#tperiodictable {border-collapse: collapse;}
#tperiodictable td {padding: 0px;}

#tsymbol {font-size: 8pt; font-weight: bold;}

#element { list-style-type: none; padding: 0px; margin: 0px;}

#name {width: 10%; vertical-align: top;}
#information {vertical-align: top; white-space: normal; width: 25%}
#energylevel {vertical-align: top; white-space: normal; width: 20%}
#isotope {vertical-align: top; width: 25%}
#ads {width: 20%; vertical-align: top; text-align: center; border-left: 1px solid #1e5482; }

#sponsored {margin-top: 1em;}

#small {font-size: 8pt;}