#mendeleev TABLE {
	BORDER-COLLAPSE: collapse
}
#mendeleev TD {
	COLOR: #BBBBBB; BORDER-RIGHT: #888 1px solid; PADDING-RIGHT: 0pt; BORDER-TOP: #888 1px solid; PADDING-LEFT: 0pt; PADDING-BOTTOM: 0pt; BORDER-LEFT: #888 1px solid; WIDTH: 6em; PADDING-TOP: 0pt; BORDER-BOTTOM: #888 1px solid
}

.alk A {
	TEXT-DECORATION: none
}
.mtl A {
	TEXT-DECORATION: none
}
.trns A {
	TEXT-DECORATION: none
}
.noid A {
	TEXT-DECORATION: none
}
.alk A:hover {
	TEXT-DECORATION: none
}
.mtl A:hover {
	TEXT-DECORATION: none
}
.trns A:hover {
	TEXT-DECORATION: none
}
.noid A:hover {
	TEXT-DECORATION: none
}

.METAL a:link, .METAL a:visited, .METAL a:active, .METAL a, a.metal-cell {
	COLOR: #000000;
	display: block;
	padding: 1px;
}

a.metal-cell { width: 80px; border: 1px solid #888888; text-decoration: none }

.trns.METAL a:hover, a.trns.metal-cell:hover {
	BACKGROUND-COLOR: #66ccff;
	display: block;
	padding: 1px;
}
.alk.METAL a:hover, a.alk.metal-cell:hover {
	BACKGROUND-COLOR: #ff7578;
	display: block;
	padding: 1px;
}
.mtl.METAL a:hover, a.mtl.metal-cell:hover {
	BACKGROUND-COLOR: #ffcc66;
	display: block;
	padding: 1px;
}
.noid.METAL a:hover, a.noid.metal-cell:hover {
	BACKGROUND-COLOR: #66ff99;
	display: block;
	padding: 1px;
}


.trns div {
	padding: 1px;
}
.alk div {
	padding: 1px;
}
.mtl div {
	padding: 1px;
}
.noid div {
	padding: 1px;
}

#mendeleev td.trns, .trns {
	BACKGROUND-COLOR: #cdeeff;
}
#mendeleev td.alk, .alk {
	BACKGROUND-COLOR: #ffc2c2
}
#mendeleev td.mtl, .mtl {
	BACKGROUND-COLOR: #ffe5b2
}
#mendeleev td.noid, .noid {
	BACKGROUND-COLOR: #beffd4
}



SPAN.kd {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
SPAN.atm {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
SPAN.mol {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.kd {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; FLOAT: left; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.kd A{
	FONT-WEIGHT: bold; FONT-SIZE: 18px; FLOAT: left; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#BBBBBB;
}
.kd A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; FLOAT: left; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#FFFFFF;
}
.atm {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FLOAT: right; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.mol {
	CLEAR: both; DISPLAY: block; FONT-SIZE: 9px; VERTICAL-ALIGN: middle; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.nm {
	DISPLAY: block; FONT-SIZE: 8px; TEXT-TRANSFORM: uppercase; TEXT-ALIGN: right; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.grp {
	DISPLAY: block; FONT-SIZE: 8px; VERTICAL-ALIGN: middle; TEXT-ALIGN: center; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.grp2 {
	DISPLAY: block; FONT-SIZE: 16px; VERTICAL-ALIGN: middle; TEXT-ALIGN: center; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.grp3 {
	DISPLAY: block; FONT-SIZE: 16px; VERTICAL-ALIGN: middle; TEXT-ALIGN: center; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.grp4 {
	DISPLAY: block; FONT-SIZE: 13px; VERTICAL-ALIGN: middle; TEXT-ALIGN: center; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.trns .atm {
	FLOAT: left
}
.trns .kd {
	FLOAT: right
}
.trns .mol {
	TEXT-ALIGN: right
}