/**** General types of elements: ****/

/* General styles for every use: */
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	background: #000000 url("/_images/tilebak.gif") repeat top left;
	color: #00FF00;
}
table {
	border-collapse: collapse;
	border-spacing: 0px;
}
td {
	padding: 0px;
}
form {
	margin: 0px;
}
img {
	border: 0px;
	vertical-align: text-bottom;
}
a:link,a:visited {
	color: #00FFFF;
}
a:hover {
	color: #C0C0C0;
}
a:active,a:focus {
	color: #FF80FF;
}
sub,sup {
	font-size: 75%;
}
small {
	font-size: 85%;
}
big {
	font-size: 125%;
}
h1 {
	text-align: center;
	margin-top: 0px;
	color: #00FFFF;
	font-style: italic;
	letter-spacing: .05em;
}
h2 {
	margin: .8em 0px .5em;
	border-bottom: 2px solid #006000;
	font-size: 160%;
	font-family: monospace;
	font-weight: normal;
}
h2:first-child {
	margin-top: 0px;
}
p {
	margin: .8em 0px;
}
dt {
	margin-bottom: .1em;
	font-size: 125%;
	font-weight: bold;
	font-style: italic;
}
dd {
	margin: 0px 0px .8em 3em;
}
dd > p:first-child {
	margin: 0px;
}
dd ul {
	padding: 0px;
}
dd ul ul {
	padding-left: 3em;
}
dd ul ul ul {
	padding-left: 6em;
}
pre {
	white-space: pre-wrap;
	font-size: 120%;
}
h1 i, i i, dt i {
	font-style: normal;
}
hr {
	height: 27px;
	margin: 1.2em 4em;
	border-width: 0px 6px;
	border-style: ridge;
	border-color: #606060;
	background: url("/_images/rulebak.png") repeat-x center;
}
abbr[title] {
	cursor: help;
}

/* General styles for forms: */
input, textarea, select, button {
	background: #000000;
	color: #00FF00;
	font-family: monospace;
	font-size: 120%;
}
input[type="submit"], input[type="reset"], input[type="button"], button {
	padding: .2em .5em;
	cursor: default;
}
input[disabled], textarea[disabled], select[disabled], select[disabled] option, option[disabled],
button[disabled], .disabl {
	color: #202020;
	text-shadow: 1px 1px #606060;
}
select:focus {
	background: #003030;
	color: #00FFFF;
}
optgroup {
	background: #003000;
	color: #00FF00;
	padding: .5em 0px 0px;
	font-family: monospace;
}
option {
	background: #000000;
	color: #00FF00;
	padding: 0px 4px;
	font-family: monospace;
}
optgroup option {
	padding: 0px 4px 0px 1em;
}
input[type="submit"]:not([disabled]):hover,
input[type="submit"]:not([disabled]):focus,
input[type="reset"]:not([disabled]):hover,
input[type="reset"]:not([disabled]):focus,
input[type="button"]:not([disabled]):hover,
input[type="button"]:not([disabled]):focus,
button:not([disabled]):hover,
button:not([disabled]):focus {
	background: #202020;
	color: #C0C0C0;
}
input[type="submit"]:not([disabled]):active,
input[type="reset"]:not([disabled]):active,
input[type="button"]:not([disabled]):active,
button:not([disabled]):active {
	background: #402040;
	color: #FF80FF;
}
.inputfullwidth {
	width: 100%;
	box-sizing: border-box;
}
.numfld3 {
	width: 3em;
}
.numfld5 {
	width: 5em;
}
.datefld {
	width: 12em;
}
.timefld {
	width: 5em;
}
/* Description of radio button group: */
.radiodesc {
	margin-bottom: 0px;
}
/* Indented radio button group: */
.radioind {
	margin-top: 0px;
	margin-left: 2em;
}

/* General types of formatting: */
.cen {
	text-align: center;
}
.rt {
	text-align: right;
}
.dk {
	background: #002000;
}
.lt {
	background: #003000;
}

/* General types of lists: */
ul,ol {
	margin: .6em 0px;
	padding-left: 2em;
}
li {
	margin: .4em 0px;
}
ol.upalpha {
	list-style-type: upper-alpha;
}
ol.loalpha {
	list-style-type: lower-alpha;
}
ol.uproman {
	list-style-type: upper-roman;
}
ol.loroman {
	list-style-type: lower-roman;
}
ol.dec {
	list-style-type: decimal;
}

/* Types of tables: */
.fulltblpad {
	width: 100%;
}
.fulltblpad td {
	padding: 2px;
	vertical-align: top;
	text-align: left;
}
.fulltblpad td.cen {
	text-align: center;
}
.fulltblpad td.rt {
	text-align: right;
}
.checklist {
	border-collapse: separate;
	border-spacing: 2px;
}

/* Items in left column: */
#leftcol > * {
	box-sizing: border-box;
	background: #000000;
	border: 2px ridge #C0C0C0;
	padding: 0px;
}

/* Dynatree styles: */
#leftcol .toggle {
	padding-right: 4px;
	vertical-align: text-bottom;
	text-align: center;
}
#menu .hilite {
	border-width: 1px 0px;
	border-color: #006000;
	border-style: solid;
	background: #003000;
	font-weight: bold;
}
#menu .treeitem, #menu .loading {
	padding: 2px 4px;
}
#menu .loading {
	display: none;
	padding-left: 14px;
	background: #303030;
	color: #C0C0C0;
	font-weight: bold;
}
#menu .loading img {
	padding-right: 4px;
	vertical-align: text-bottom;
	text-align: center;
}
#menu img {
	vertical-align: baseline;
}
#menu .toggle button {
	width: 8px;
	height: 1rem;
	border: none;
	padding: 0px;
	vertical-align: text-bottom;
}
#menu .toggle button.inact {
	background: url("/_images/btntree_.gif") no-repeat center;
}
#menu .toggle button.acttoggle {
	background: url("/_images/btntreeopen_0.gif") no-repeat center;
}
#menu .toggle button.acttoggle:not([disabled]) {
	cursor: pointer;
}
#menu .toggle button.acttoggle.open {
	background-image: url("/_images/btntreeopen_1.gif");
}
#menu .toggle button.acttoggle:not([disabled]):hover {
	background-color: #404040;
}
#menu .toggle button.acttoggle:not([disabled]):active,
#menu .toggle button.acttoggle:not([disabled]):focus {
	background-color: #603060;
}
#menu a:link, #menu a:visited {
	color: #00FFFF;
	text-decoration: none;
}
#menu a:hover {
	color: #C0C0C0;
	text-decoration: underline;
}
#menu a:active, #menu a:focus {
	color: #FF80FF;
	text-decoration: underline;
}
/* Dynatree indentations: */
#menu div .treeitem {
	padding-left: 14px;
	text-indent: -12px;
}
#menu div div .treeitem {
	padding-left: 24px;
}
#menu div div div .treeitem {
	padding-left: 34px;
}
#menu div div div div .treeitem {
	padding-left: 44px;
}
#menu div div div div div .treeitem {
	padding-left: 54px;
}
#menu div div div div div div .treeitem {
	padding-left: 64px;
}
#menu div div div div div div div .treeitem {
	padding-left: 74px;
}
#menu div div div div div div div div .treeitem {
	padding-left: 84px;
}

/* Account display: */
/*#accountfld {
	background: #000000;
	border: 2px ridge #C0C0C0;
	padding: 0px;
}*/
#accountfld h2 {
	margin: 0px 0px 8px;
	border: none;
	padding: 2px;
	background: #003030;
	color: #00FFFF;
	font-size: 120%;
	text-align: center;
}
#accountfld p {
	margin: 4px 0px;
	padding: 0px 4px;
}
#accountfld .logout {
	padding-left: 14px;
	text-indent: -12px;
}
#accountfld img {
	vertical-align: baseline;
}

#maincontent {
	padding: 8px;
}

main {
	width: 100%;
}

/* Immobile styles: */
@media(min-width: 54em) {
	h1 {
		font-size: 200%;
	}

	/* Left column: */
	#leftcol {
		position: absolute;
		width: 10em;
		top: 128px;
		left: 6em;
	}

	/* Items in left column: */
	#leftcol > * {
		width: 100%;
		margin: 2em 0px 1em;
		font-family: "Tahoma","Verdana","Arial","Helvetica",sans-serif;
		font-size: 85%;
	}
	#leftcol > :first-child {
		margin-top: 0px;
	}
	#leftcol > :last-child {
		margin-bottom: 0px;
	}

	/* Dynatree styles: */
	#menu {
		margin-bottom: 1em;
		overflow: auto;
	}

	/* Account display: */
/*	#accountfld {
		font-family: "Tahoma","Verdana","Arial","Helvetica",sans-serif;
		font-size: 85%;
	}*/

	/* Main title style: */
	#maintitle {
		position: absolute;
		top: 0px;
		right: 0px;
		margin: 0px;
	}
	#boxtitle {
		display: none;
	}

	/* Main section style: */
	#mainsec {
		position: absolute;
		top: 112px;
		right: 0px;
		left: 17em;
		border-width: 2px 0px 2px 2px;
		border-style: ridge;
		border-color: #C0C0C0;
	}

	/* Top box style: */
	.topbox {
		border-bottom: 2px ridge #C0C0C0;
	}

	/* Bottom box style: */
	.botbox {
		border-top: 2px ridge #C0C0C0;
	}

	/* Command report styles: */
	.cmdsuccess, .cmdfail {
		font-size: 160%;
		letter-spacing: .1em;
	}

	/* Popup dialog container style: */
	.blockUI.dispdialog {
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		padding: 10% 8em;
	}

	/* Confirmation popup container style: */
	.blockUI.blockMsg {
		width: 50%;
		top: 40%;
		left: 25%;
	}

	/* Wait popup style: */
	#popupmsgwait {
		padding: 40vh 0px 0px;
	}
	#msgwait {
		width: 20em;
		margin: 0px auto;
	}

	/* Dialog popup style: */
	#popupformdialog {
		padding: 10vh 0px;
	}
	#formdialog {
		width: 54em;
		margin: 0px auto;
	}

	/* Confirmation, information popup style: */
	#popupformconf, #popupforminfo {
		padding: 35vh 0px 0px;
	}
	#formconf, #forminfo {
		width: 40em;
		margin: 0px auto;
	}
}

/* Mobile styles: */
@media(max-width: 54em) {
	h1 {
		font-size: 160%;
	}

	/* Left column: */
	#leftcol {
		margin: 0px;
	}

	/* Items in left column: */
	#leftcol > * {
		margin: 2em 1em 1em;
	}

	/* Main title style: */
	#maintitle {
		display: none;
	}
	#boxtitle, #boxtitle p {
		margin: 0px;
	}
	#boxtitle #mainicon {
		float: right;
		padding: 8px;
	}
	#boxtitle #maintitleimg {
		margin-right: 104px;
		padding: 12px 8px;
	}

	/* Main section style: */
	#mainsec {
		border-top: 2px ridge #C0C0C0;
	}

	/* Top box style: */
	.topbox {
		border-bottom: 2px ridge #C0C0C0;
		clear: both;
	}

	/* Menu button style: */
	#menusec {
		margin: 0px;
		clear: both;
		text-align: right;
	}

	/* Bottom box style: */
	.botbox {
		border-width: 2px 0px;
		border-style: ridge;
		border-color: #C0C0C0;
	}
	
	/* Command report styles: */
	.cmdsuccess, .cmdfail {
		font-size: 140%;
	}

	/* Popup dialog container style: */
	.blockUI.dispdialog {
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		padding: 0px 1em;
	}

	/* Confirmation popup container style: */
	.blockUI.blockMsg {
		width: 90%;
		top: 40%;
		left: 5%;
	}

	/* Wait popup style: */
	#popupmsgwait {
		padding: 35vh 0px 0px;
	}
	#msgwait {
		margin: 0px 10vw;
	}

	/* Dialog popup style: */
	#popupformdialog {
		padding: 0px;
	}
	#formdialog {
		width: 100%;
	}

	/* Confirmation, information popup style: */
	#popupformconf, #popupforminfo {
		padding: 30vh 0px 0px;
	}
	#formconf, #forminfo {
		margin: 0px 5vw;
	}
}

/* Login page styles: */
#inner {
	max-width: 32em;
	margin: 2em auto;
	border: 2px ridge #C0C0C0;
	padding: 8px;
	background: #000000;
}
#inner p {
	text-align: center;
}
#userinput, #password {
	width: 100%;
	box-sizing: border-box;
}

/* Top box style: */
.topbox {
	padding: 4px 8px;
	background: #003000;
	color: #00FF00;
	font-family: monospace;
	text-align: right;
	line-height: 1em;
}

/* Bottom box style: */
.botbox {
	clear: both;
	padding: 4px 8px;
	background: #002000;
	color: #00FF00;
	font-family: monospace;
	line-height: 1em;
}
.botbox p {
	margin: .3em 0px;
}
.botbox .footlite {
	color: #00FFFF;
}

/**** Top form items [toolbar, command report]: ****/

/* Confirm box styles: */
.confirmbox {
	border-bottom: 2px ridge #C0C0C0;
	padding: 4px 8px;
	background: #000000;
	font-family: monospace;
}
.confirmbox p {
	margin: 0px 0px 2px;
	text-align: center;
}
.confirmbox .confyes {
	float: right;
}
.confirmbox a:link, .confirmbox a:visited {
	display: block;
	width: 5em;
	border: 1px outset #C0C0C0;
	padding: 1px;
	text-align: center;
	text-decoration: none;
}
.confno a:link, .confno a:visited {
	background: #300000;
	color: #FF4040;
}
.confyes a:link, .confyes a:visited {
	background: #003030;
	color: #00FFFF;
}
.confno a:hover, .confyes a:hover {
	background: #303030;
	color: #C0C0C0;
}
.confno a:active, .confyes a:active, .confno a:focus, .confyes a:focus {
	background: #300030;
	color: #FF40FF;
}

/* Button row styles: */
#btnlist {
	border-bottom: 2px ridge #C0C0C0;
	padding: 2px 8px;
	background: #003000;
	font-family: monospace;
}
#btnlist button {
	margin: 2px;
}

/* Command report styles: */
.cmdsuccess, .cmdfail {
	border-bottom: 2px ridge #C0C0C0;
	padding: 4px 8px;
	background: #000000;
	font-family: monospace;
	text-align: center;
	text-shadow: #000000 1px 1px 1px;
}
.cmdsuccess {
	background: #003030;
	color: #00FFFF;
}
.cmdfail {
	background: #300000;
	color: #FF4040;
}

/* Warning and error message styles: */
.warning, .error {
	margin: .8em 0px;
	border-width: 2px;
	border-style: solid;
	padding: 8px 2em;
}
.warning {
	border-color: #606000;
	background: #303000;
	color: #FFFF00;
}
.error {
	border-color: #601818;
	background: #300C0C;
	color: #FF4040;
}

/* Popup container style: */
.blockUI.blockOverlay {
	background: #000000;
	opacity: .75;
}
.blockUI.blockMsg {
	margin: 0px;
	border: 0px;
	padding: 8px;
	box-sizing: padding-box;
}
#popupbackground {
	z-index: 100;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	margin: 0px;
	border: none;
	padding: 0px;
	cursor: not-allowed;
	background: #000000;
	opacity: .75;
	transition: opacity 400ms;
}
#popupbackground.hide {
	opacity: 0;
}
.popupcontainer {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	cursor: not-allowed;
	transition-property: transform,opacity;
	transition-duration: 400ms;
	transition-timing-function: ease-out;
}
#popupformdialog {
	z-index: 120;
}
#popupformconf {
	z-index: 120;
}
#popupforminfo {
	z-index: 150;
}
#popupmsgwait {
	z-index: 200;
	cursor: wait;
}
/* Hide by pushing out: */
.popupcontainer.hide {
	opacity: 0;
	transform: scale(.8) perspective(1000px) rotateX(10deg);
	transition-timing-function: ease-in;
}
/* Hide by pushing in: */
.popupcontainer.hidein {
	opacity: 0;
	transform: scale(1.25) perspective(1000px) rotateX(-10deg);
	transition-timing-function: ease-in;
}

/* Popup styles: */
.loadingmsg {
	border: 2px ridge #606060;
	padding: 8px;
	background: #202020;
	text-align: center;
	font-family: monospace;
	font-size: 200%;
	color: #C0C0C0;
	text-shadow: 2px 2px 2px #000000;
}
#msgwait {
	border: 2px ridge #606060;
	padding: 8px;
	background: #202020;
	box-shadow: 0px 0px 16px 8px #000000;
	text-align: center;
	font-family: monospace;
	font-size: 250%;
	color: #C0C0C0;
	text-shadow: 2px 2px 2px #000000;
}
#formdialog {
	max-height: 100%;
	box-sizing: border-box;
	border: 2px ridge #606060;
	padding: 0px;
	background: #000000;
	overflow: auto;
	cursor: auto;
}
#formdialogtitle {
	position: sticky;
	top: 0px;
	margin: 0px;
	border-bottom: 2px solid #006060;
	padding: 4px;
	background: #003030;
	font-size: 160%;
	font-family: monospace;
	color: #00FFFF;
}
#formdialogloading {
	margin: 0px;
	padding: 1em;
	background: #202020;
	text-align: center;
	color: #C0C0C0;
	font-family: monospace;
	font-size: 250%;
	text-shadow: 2px 2px 2px #000000;
	cursor: wait;
}
#msgwait img, #formdialogloading img {
	padding: 0px .5em;
	vertical-align: baseline;
}
#formdialogfld {
	margin: 0px;
	padding: 0px;
}
#formdialogfld .frmcontents {
	margin: 8px;
}
#formdialogfld dl {
	margin-top: 0px;
}
#formdialogfld .frmdeploybtns {
	position: sticky;
	bottom: 0px;
	margin: 0px;
	border-top: 2px ridge #606060;
	padding: 8px;
	background: #000000;
	text-align: right;
}
#formconf, #forminfo {
	border-width: 2px;
	border-style: solid;
	padding: 8px;
	box-shadow: 0px 0px 16px 8px #000000;
	cursor: auto;
}
#formconf {
	border-color: #606000;
	background: #202000;
	color: #FFFF00;
}
#forminfo {
	border-color: #006000;
	background: #000000;
	color: #00FF00;
}
#forminfo.success {
	border-color: #006060;
	background: #002020;
	color: #00FFFF;
}
#forminfo.failure {
	border-color: #601818;
	background: #200808;
	color: #FF4040;
}
#formconfmsg, #forminfomsg {
	margin-top: .4em;
	text-align: center;
	font-family: monospace;
	font-size: 140%;
}
#formconfmsg {
	font-size: 140%;
}
#forminfomsg {
	font-size: 160%;
	letter-spacing: .05em;
	text-shadow: 1px 1px 1px #000000;
}
#forminforeport {
	height: 8em;
	border: 2px inset #606060;
	padding: 4px;
	background: #000000;
	font-family: monospace;
	font-size: 120%;
	white-space: pre-wrap;
	overflow-y: auto;
}
#formconfbtns {
	width: 100%;
}
#formconfbtns input, #forminfo input {
	font-size: 140%;
}
#formconfbtns .formfldno {
	text-align: left;
}
#formconfbtns .formfldyes, #forminfo .formfldok {
	text-align: right;
}
#forminfo .formfldok {
	margin-bottom: 0px;
}

/* Form styles: */
.formindent {
	margin-left: 2em;
}
.helptxt {
	margin-left: 2em;
	font-style: italic;
}
/* Reorder fields: */
.inpreorder > thead td {
	padding: 2px 8px;
	font-weight: bold;
}
input.btnactive, button.btnactive {
	border-style: inset;
	background: #003030;
	color: #00FFFF;
}
.inpreorder .reorderbtns {
	vertical-align: middle;
	text-align: center;
}
.inpreorder .reorderbtns button {
	margin: 2px 4px;
}
/* Orderable fields: */
.orderable {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	gap: 1em;
}
.orderable .itemscroll {
	flex: auto;
	height: 20em;
	overflow: auto;
	background: #000000;
	border: .16em inset #606060;
}
.orderable .itemlist > div {
	border: .08em solid transparent;
	padding: .4em;
}
.orderable .itemlist > div.rowhide {
	display: none;
}
.orderable:not(.disabl) .itemlist > div.rowsel {
	border-color: #008080;
	background: #004040;
	color: #00FFFF;
}
.orderable.disabl .itemlist > div.rowsel {
	border-color: #404040;
	background: #101010;
	color: #808080;
}
.orderable .itemlist p {
	margin: .4em 0em 0em;
}
.orderable .itemlist p:first-child {
	margin-top: 0em;
}
.orderable .itemlist .rdosel {
	display: none;
}
.orderable .reorderbtns {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	gap: .6em;
}
/* Multiorder fields: */
.multiorder {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	gap: 1em;
}
.multiorder .listavail,
.multiorder .listsel {
	flex: 1 0 8em;
}
.multiorder .listavail p,
.multiorder .listsel p {
	margin: .2em .4em;
	font-weight: bold;
}
.multiorder .listavail select,
.multiorder .listsel select {
	width: 100%;
}
.multiorder .reorderbtns {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	gap: .6em;
}

/* Debugging output: */
.submitdebug {
	margin: 1.2em 0px;
	border: 2px ridge #606060;
	padding: .4em;
	background: #000000;
	overflow-wrap: break-word;
}
.submitdebug > h2:first-child {
	padding: 4px;
	border: 2px solid #006000;
	text-align: center;
}
.submitdebug.success > h2:first-child {
	background: #003030;
	border-color: #006060;
	color: #00FFFF;
}
.submitdebug.failure > h2:first-child {
	background: #300000;
	border-color: #600000;
	color: #FF4040;
}
.submitdebug .errortxt {
	margin: 1.6em 3em;
	border: 2px inset #606060;
	padding: .5em;
	background: #000000;
	font-family: monospace;
	font-size: 120%;
	white-space: pre-wrap;
}
.submitdebug.success .errortxt {
	background: #002020;
	color: #00FFFF;
}
.submitdebug.failure .errortxt {
	background: #200000;
	color: #FF4040;
}
.submitdebug .sqlblock {
	margin: .8em 0px;
}
.submitdebug .sqlblock p:first-child {
	margin: 0px;
}
.submitdebug .sqlblock pre {
	margin: .2em 1.5em 0px;
}
.submitdebug .sqlblock .sqlresult {
	margin: .4em 1.5em 0px;
	border-top: 2px solid #006000;
	padding-top: .2em;
}
.submitdebug .sqlblock .sqlresult::before {
	content: '» ';
}
.submitdebug .sqlblock .sqlresult.norows {
	border-top-color: #303030;
	color: #808080;
}
.submitdebug .sqlblock .sqlresult:not(.norows) b {
	color: #00FFFF;
}
.submitdebug .sqlblock .sqlerror {
	margin: .4em 1.5em 0px;
	border-top: 2px solid #601818;
	padding-top: .2em;
	color: #FF4040;
}
.submitdebug .sqlblock .sqlerror::before {
	content: '× ';
}

/* Syntax highlighting: */

/* General: */
.hljs-keyword {
  color: #00FFFF;
}
.hljs-built_in {
  color: #ADDB67;
  font-style: italic;
}
.hljs-type {
  color: #82AAFF;
}
.hljs-literal {
  color: #FF5874;
}
/*.hljs-number {
  color: #99CCCC;
}*/
.hljs-regexp {
  color: #5CA7E4;
}
.hljs-string {
  color: #EEEEEE;
}
.hljs-subst {
  color: #D3423E;
}
.hljs-symbol {
  color: #82AAFF;
}
.hljs-class {
  color: #FFCB8B;
}
.hljs-function {
  color: #82AAFF;
}
.hljs-title {
  color: #DCDCAA;
  font-style: italic;
}
.hljs-params {
  color: #7FDBCA;
}

/* Meta */
.hljs-comment {
  color: #AAAAAA;
}
.hljs-doctag {
  color: #7FDBCA;
}
.hljs-meta {
  color: #82AAFF;
}
.hljs-meta-keyword {
  color: #82AAFF;
}
.hljs-meta-string {
  color: #ECC48D;
}

/* Tags, attributes, config */
.hljs-section {
  color: #82B1FF;
}
.hljs-tag,
.hljs-name,
.hljs-builtin-name {
  color: #7FDBCA;
}
.hljs-attr {
  color: #7FDBCA;
}
.hljs-attribute {
  color: #80CBC4;
}
.hljs-variable {
  color: #ADDB67;
}

/* Markup */
.hljs-bullet {
  color: #D9F5DD;
}
.hljs-code {
  color: #80CBC4;
}
.hljs-emphasis {
  color: #C792EA;
  font-style: italic;
}
.hljs-strong {
  color: #ADDB67;
  font-weight: bold;
}
.hljs-formula {
  color: #C792EA;
}
.hljs-link {
  color: #FF869A;
}
.hljs-quote {
  color: #697098;
  font-style: italic;
}

/* CSS */
.hljs-selector-tag {
  color: #FF6363;
}

.hljs-selector-id {
  color: #FAD430;
}

.hljs-selector-class {
  color: #ADDB67;
  font-style: italic;
}

.hljs-selector-attr,
.hljs-selector-pseudo {
  color: #C792EA;
  font-style: italic;
}

/* Templates */
.hljs-template-tag {
  color: #C792EA;
}
.hljs-template-variable {
  color: #ADDB67;
}

/* diff */
.hljs-addition {
  color: #ADDB67FF;
  font-style: italic;
}

.hljs-deletion {
  color: #EF535090;
  font-style: italic;
}

/**** Specific types of elements: ****/

/* Front page and Weekly Whine table styles: */
.fulltblpad .listdate {
	text-align: center;
}
.listdate a:link, .listdate a:visited {
	font-weight: bold;
	text-decoration: none;
}
.listdate a:hover, .listdate a:active, .listdate a:focus {
	text-decoration: underline;
}

/* Front page item styles: */
.triviaques {
	margin-bottom: 0px;
}
.triviaans {
	margin: 0px;
	padding: .4em 1em;
}
.triviaans.correct {
	border: 1px solid #006000;
	background: #003000;
}

/* Whine/Activity list styles: */
.yearbar {
	border: 2px ridge #C0C0C0;
	padding: 8px;
	background: #000000;
	text-align: center;
}
#keywordlist {
	width: 20em;
	box-sizing: border-box;
}
.whinepost {
	margin: 2em 0px;
	border: 2px ridge #C0C0C0;
	background: #000000;
}
.whinepost p {
	margin: 1em 16px;
}
.whinepost .postdate {
	margin: 0px;
	padding: 4px 8px;
	background: #002000;
	font-weight: bold;
}
.whinepost h2 {
	margin: 0px;
	border-color: #006060;
	padding: 4px 12px 2px;
	background: #003030;
}
.whinepost h2 a:link, .whinepost h2 a:visited {
	text-decoration: none;
}
.whinepost h2 a:hover, .whinepost h2 a:active, .whinepost h2 a:focus {
	text-decoration: underline;
}
.whinepost .keywords {
	margin: 1em 8px 4px;
	color: #00C000;
	font-size: 85%;
	font-style: italic;
}
.keywords a:link, .keywords a:visited {
	color: #00FF00;
	font-weight: bold;
	text-decoration: none;
}
.keywords a:hover {
	color: #C0C0C0;
	text-decoration: underline;
}
.keywords a:active, .keywords a:focus {
	color: #FF80FF;
	text-decoration: underline;
}
.activitycont {
	display: flex;
	flex-flow: row-reverse wrap;
}
.activitycont p {
	flex: 1000 0 12em;
}
.activitycont .imcont {
	flex: auto;
	margin: 0px;
	padding: .5em;
	background: #003000;
	text-align: center;
}
.whinepost.hidden {
	border: 2px ridge #606060;
	color: #808080;
}
.whinepost.hidden .postdate {
	background: #202020;
}
.whinepost.hidden h2 {
	border-color: #606060;
	background: #303030;
}
.whinepost.hidden .activitycont .imcont {
	background: #303030;
}
.navresults {
	margin: .5em 0px;
	text-align: center;
}