/* CSS for main pages only (not SSP) */

/* #anchors */

h2:target,
h3:target {
	border-bottom: 3px double yellow;
}

/* preformatted substyles */

pre.smaller {
	font-size: smaller;
	line-height: 1.5;
}

/* 'You are logged in as' */

p.welcome b:before, u:before,
p.welcome b:after,  u:after {
	font-weight: bold;
	color: #bbb;
}
p.welcome b:before, u:before { content: "["; }
p.welcome b:after,  u:after  { content: "]"; }

/* thumbnail rows */

p.thumbs img {
	max-width: 200px;
	max-height: 128px;
}

/* data tables */

table.border, table.border th, table.border td {
	border: 1px solid hsl(0, 0%, 83%);
	border-collapse: collapse;
}
table.border th, table.border td {
	padding: 0.2em 0.3em;
}
table.border tr.break {
	border-top: 3px double hsl(0, 0%, 83%);
}

table.border.compact th, table.border.compact td {
	padding: 0.1em 0.3em;
}

table.border th {
	background: hsl(0, 0%, 90%);
}
table.border td {
	background: white;
}

/* visually distinct tables */

table.indent {
	margin: 0 1em;
}

table.blue {
	border-bottom: 2px solid rgb(21, 44, 112);
}
table.blue th {
	color: white;
	background: rgb(21, 44, 112);
	border: 1px solid rgb(21, 44, 112);
}
table.blue tr.break {
	border-top: 2px solid rgb(21, 44, 112);
}

.wg-device {
	margin: 0.2cm;
	padding: 0.2cm 0.2cm;
	border: 1px solid #bbb;
	border-left-width: 3px;
	/*
	width: 45%;
	display: inline-block;
	*/
}

@media (max-width: 650px) {
	.wg-device {
		width: 100%;
	}
	textarea.wg-config {
		font-size: 10pt;
	}
}