@charset "utf-8";
/* CSS Document */

.KeyTable {
	width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000;
	background: none;
	border-collapse: collapse;
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
}
.KeyTable:focus {
	background-color: silver;
}


.KeyText ul {
	list-style-position: outside;
	list-style-type: circle;
}

.KeyTable td, .KeyTable th {
	padding: 4px;
	border: 1px solid white;
	border-image: none;
	color: black;
	vertical-align: middle;
	background-color: rgb(220,255,220);
}
.KeyTable th {
	text-align: center;
	background-color: #B4FFB4;
}
.KeyTable:target td {
	background-color: #B4FFB4;
	pointer-events: auto; /*test*/
}
.KeyTable:target th {
	background-color: #8CFF8C;
	pointer-events: auto; /*test*/
}
/*
.KeyTable:not(:target) th {
	background-color: rgb(106,255,181);
	pointer-events: none; 
}
.KeyTable:not(:target) td {
	background-color: #DEFFD9;
	pointer-events: none;
}
*/
.KeyTable tr:first-child > *:first-child {
	border-top-left-radius: 1ex;
}
.KeyTable tr:last-child > *:first-child {
	border-bottom-left-radius: 1ex;
}
.KeyTable tr:last-child > *:last-child {
	border-bottom-right-radius: 1ex;
}
.KeyTable tr:first-child > *:first-child {
	border-bottom-left-radius: 1ex;
}
.KeyTable tr:first-child > *:last-child {
	border-top-right-radius: 1ex;
}

.KeyTable tr:last-child > *:first-child {
	border-bottom-left-radius: 0ex;
}

/*Set Table Cell Widths*/

.KeyTable .KeyBack, .KeyTable #KeyRefresh {
	width: 32px;
	text-decoration: none;
}
.KeyTable .KeyNum {
	width: 25px;
}
.KeyTable .KeyLet {
	width: 15px;
}
.KeyTable .KeyLink {
	text-align: left;
	width: 10em;
}
/*Link States*/
/*
a:link {
	color: rgb(43, 128, 6);
	text-decoration: none;
}
a:visited {
	color: rgb(43, 128, 6);
}
a:hover {
	text-decoration: underline;
}
*/
.KeyTable ul {
	margin: 0px;
	padding: 5px 5px 5px 15px;
}
.KeyTable .KeyLink p {
	text-align: center;
	margin: 0px;
	padding: 0px;
}