	<style type="text/css">
		div.periodicTable table {
			font-family: Courier;
			font-size: 0.9em;
			margin: 0;
			padding: 0;
		}
		div.periodicTable th, div.periodicTable td {
			text-align: center;
			padding: 1px;
			width: 31px;
		}
		div.periodicTable th.element {
			background-color: #FFF;
			color: #000;
		}
		div.periodicTable td.cannotSelect {
			background-color: #FFF;
			color: #000;
		}
		div.periodicTable td.rowHeading {
			border: none;
			background-color: #000000;
			color: #FFFFFF;
		}
	/* Style the label so it looks like a button */
		div.periodicTable label {
			border-top: 2px outset #DDD;
			border-left: 2px outset #DDD;
			border-bottom: 2px outset #933;
			border-right: 2px outset #933;
			background-color: #DDD;
			position: relative;
			text-align: center;
			padding: 0;
			margin: 0;
			cursor: pointer;
			width: 25px !important;
			min-width: 25px !important;
		}
	/* CSS to make the checkbox disappear (but remain functional) */
		div.periodicTable label input {
			position: absolute;
			visibility: hidden;
		}
	</style>
	<!--[if IE]>
	/* Conditional styles applied in IE only to work around cross-browser bugs */
	<style>
		label input#myCheckbox {
			visibility: visible;
			z-index: 2;
		}
	</style>
	<![endif]-->
?>
