@media handheld
{
	form, fieldset, legend, label, input, textarea {
		font-size: 1.5em;
	}
}

label {
	font-weight: bold;
}
legend {
	background-color: white;
	border: 1px solid black;
	font-size: 1.2em;
	font-weight: bold;
}
tt {
	backgrond-color: #fff;
	color: #000;
}
input:read-only {
  background-color: lightgray;
}
input:focus, textarea:focus, select:focus {
  background-color: yellow;
}
.listTR:hover {
	background-color: #ff0;
}
#nav1 {
	display: none;
}
#content {
	width: 838px;
}
.fieldError {
	background-color: #f99;
	color: #000;
}
.valid {
	background-color: #099;
	border: 3px solid #000;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.invalid {
	background-color: #fc0;
	border: 3px solid #000;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.revoked {
	background-color: #f99;
	border: 3px solid #000;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.validdates {
	color: #009;
}
.invaliddates {
	color: #c90;
}
.revokeddates {
	text-decoration: line-through;
	color: #900;
}
blink, .blink {
	animation: blink-animation 1.0s steps(5, start) infinite;
}
@keyframes blink-animation {
	0% {
		color: black;
	}
	30% {
		color: black;
		}
	85% {
		color: red;
	}
}