/* The element state classes may be included in PT.css */
.gas, .gas a, .gas a:link, .gas a:visited, .gas a:focus, .noble-ref {
	color: rgb(255,102,102);
}
.liquid, .liquid a, .liquid a:link, .liquid a:visited, .liquid a:focus {
	color: rgb(0,102,204);
}
.solid, .solid a:link, .solid a:visited, .solid a:focus  {
	color: #333333;/*.solid a:link, .solid a:, .solid a:visited, */
}
/* for those elements whose phase is theoretical ("predicted") * /
.pred {
	font-style:italic;
}
*/
/*
.solid a:focus {
	color: orange;
}
*/
.unknownPhase, .unknownPhase a, .unknownPhase a:link, .unknownPhase a:visited, .unknownPhase a:focus {
	color: rgb(140, 141, 142);
}
.gas a:hover, .liquid a:hover, .solid a:hover, .unknownPhase a:hover {
	background-color: silver;
	color: white;
}
.gas a:active, .liquid a:active, .solid a:active, .unknownPhase a:active {
	/* this applies to clicking the symbol without releasing, then moving the cursor away
	reclicking the cursor clears this state */
	color: lime;
}
.noble-ref {
	font-family: "Segoe UI Semibold";
}
.noble-ref:before {
	content: "[";
}
.noble-ref:after {
	content: "]";
}
/* these -card styles are used only in element pages, not PT pages */
.actinide-card, .alkali-card, .alkearth-card, .halogen-card, 
.lanthanide-card, .metal-card, .metalloid-card, .noble-card, 
.nonmetal-card, .transmetal-card, .unk-card, .-card {
	text-align: center;
	border-style: solid;
	border-width: 5px;
}
div.element.actinide, div.asterisk.actinide, div.categories .actinide, .actinide a, .actinide-card {
	background-color: rgb(222,249,252);
}
.actinide-card {
	border-color: rgb(9,83,91);
}
div.element.alkali, div.categories .alkali, .alkali a, .alkali-card {
	background-color: rgb(254,221,216);
}
.alkali-card {
	border-color: rgb(100,15,2);
}
div.element.alkearth, div.categories .alkearth, .alkearth a, .alkearth-card {
	background-color: rgb(230,232,255);
}
.alkearth-card {
	border-color: rgb(102,0,102);
}
div.element.halogen, div.categories .halogen, .halogen a, .halogen-card {
	background-color: rgb(255,226,174);
}
.halogen-card {
	border-color: rgb(255,193,0);
}
div.element.lanthanide, div.asterisk.lanthanide, div.categories .lanthanide, .lanthanide a, .lanthanide-card {
	background-color: rgb(235,255,204);
}
.lanthanide-card {
	border-color: rgb(0,188,0);
}
div.element.metal, div.categories .metal, .metal a, .metal-card {
	background-color: rgb(185,238,253);
}
.metal-card {
	border-color: rgb(0,51,153);
}
div.element.metalloid, div.categories .metalloid, .metalloid a, .metalloid-card {
	background-color: rgb(255,227,251);
}
.metalloid-card {
	border-color: rgb(91,0,78);
}
div.element.noble, div.categories .noble, .noble a, .noble-card {
	background-color: rgb(183,255,244);
}
.noble-card {
	border-color: rgb(0,128,108);
}
div.element.nonmetal, div.categories .nonmetal, .nonmetal a, .nonmetal-card {
	background-color: rgb(189,255,198);
}
.nonmetal-card {
	border-color: rgb(0,130,16);
}
div.element.transmetal, div.categories .transmetal, .transmetal a, .transmetal-card {
	background-color: rgb(255,255,181);
}
.transmetal-card {
	border-color: rgb(255,153,0);
}
.unk a, .unk-card {
	background-color: orange;
}
.unk-card {
	border-color: rgb(0,0,0);
}