textarea {
	background-color: #000;
	color: #fff;
	font-family: "Segoe UI", Verdana, sans-serif;
	border: 1px solid #888;
	border-radius: 10px;
	width: 40rem;
	height: 20rem;
}

.cccTable {
	border-collapse: collapse;
	border: 1px solid #aaa;
}

.cccTable tr td {
	border: 1px solid #aaa;
}

.titleText {
	text-align: center;
	font-size: 2rem;
}

.checklistHeading, .characterName, .timerName {
	font-weight: bold;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	font-size: 0.9rem;
}

.characterName {
	cursor: pointer;
}

.divCheckBox {
	font-size: 2rem;
	text-align: center;
	cursor: pointer;
}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.divTrue {
	background-color: #0f0;
	color: #fff;
}

.divFalse {
	background-color: #f00;
	color: #000;
}

.right {
	float: right;
}

.aboutText {
	max-width: 400px;

}

#popupClose {
	float: right;
}

#tooltip {
	width: auto;
	max-width: 350px;
	background-color: #111;
}

.timerTable {
	display: inline-block;
}

.timerHelp {
	display: inline-block;
	margin-left: 3rem;
	font-size: 0.9rem;
	vertical-align: top;
}

.timerDigits {
	font-family: "Courier New", monospace;
	color: #0f0;
	border: 1px solid #444;
	background-color: #000;
	font-size: 1rem;
	width: 6rem;
	text-align: right;
}

.timerDone {
	color: #f00;
}

.timerDigits:focus {
	background-color: #444;
	border: 1px solid #000;
	color: #ff0;
}

.timerReset {
	margin-left: 0.3rem;
}

js-stage {
	margin-left: auto;
	margin-right: auto;
}