body {
	background-color: #000000;
	margin: 0;
	color: #A0A0A0;
}
TD {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
	color: #A0A0A0;
}
A {
	COLOR: #6699FF; TEXT-DECORATION: none;
}
A:hover {
	COLOR: #6666CC; TEXT-DECORATION: none;
}
.input {
	BACKGROUND-COLOR: #00004F;
	COLOR: #CCCCCC;
	border-width: 1;
	border-style: solid;
	border-color: #6666CC;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
	TEXT-DECORATION: none;
}
A.menu {
	COLOR: #CCCCCC;
	TEXT-DECORATION: none;
}
A.menu:hover {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	font-weight: normal;
}
.title {
	color: #6666CC;
	font-weight: bold;
}

.head {
	color: #8080D5;
}

.line {
	color: #54547E;
}

.iframeline {
	border-style: solid;
	border-width: 1;
	border-color: #54547E;
}

.titleline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #54547E;
}

.top {
	color: #6699FF;
}

.alert {
	color: #00CCFF;
}

.arrow {
	color: #6666CC;
}

.scrollbar {
	SCROLLBAR-FACE-COLOR: #252F50;
	FONT-SIZE: 11px;
	SCROLLBAR-HIGHLIGHT-COLOR: #00152B;
	SCROLLBAR-SHADOW-COLOR: #385565;
	COLOR: #000000;
	SCROLLBAR-ARROW-COLOR: #6633CC;
	FONT-FAMILY: Verdana;
	SCROLLBAR-BASE-COLOR: #385565;
	scrollbar-3d-light-color: #000033;
	scrollbar-dark-shadow-color: #000033;
}

/* CQ2: velden zonder opmaak kregen de witte browserstandaard en staken fel af
   tegen het donkere thema (Phil 19/10). Zelfde kleuren als de bestaande .input-klasse. */
input[type="text"], input[type="password"], input[type="email"], input[type="number"],
input[type="search"], input[type="url"], textarea, select {
	background-color: #00004F;
	color: #CCCCCC;
	border: 1px solid #6666CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding: 2px;
}

/* CQ2: het vorige bericht van een mail in een quote-kader, in de kleur van dit thema */
.cq2quote{
	border:1px solid rgba(102,153,255,.38);
	border-left:3px solid #6699FF;
	border-radius:6px;
	background:rgba(102,153,255,.07);
	padding:8px 11px 10px;
	margin:10px 0 4px;
}
.cq2quote-kop{
	font-size:9px;
	letter-spacing:.16em;
	text-transform:uppercase;
	color:#6699FF;
	margin-bottom:4px;
}

/* Spellbook: defenses in een 2x2 raster en de korte creature-gegevens per twee op een regel
   (Phil 26/10). Zonder deze regels loopt de tekst aan elkaar. */
.sb-stats { margin: 2px 0 4px; line-height: 1.5; }
.sb-stats span { display: inline-block; margin: 0 26px 0 0; white-space: nowrap; }
.fk-def-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 18px;
	max-width: 520px; margin: 6px auto 2px; line-height: 1.55; }
.fk-def-grid span { white-space: nowrap; }

/* CQ2: de 2x2-verdedigingsstats in de spellbook (26/10) — stond alleen in de nieuwe theme,
   daardoor plakten de cellen in de oude thema's tegen elkaar. (Phil 27/10) */
.fk-magic-grid { margin: 4px auto 2px; border-collapse: collapse; }
.fk-magic-grid td { padding: 2px 14px; text-align: left; white-space: nowrap; }