:root {
	/* Surfaces */
	--canvas: #f5f6f8;
	--surface: #ffffff;
	--surface-muted: #f0f0f0;

	/* Text */
	--text: #2d2d2d;
	--text-muted: #666666;
	--text-faint: #a0a0a0;
	--text-inverse: #ffffff;

	/* Links */
	--link: #2d2d2d;
	--link-hover: #5b7db4;

	/* Accent (blue) */
	--accent: #3f5f94;
	--accent-strong: #4f6fa8;
	--accent-deep: #2b3f65;

	/* Borders */
	--menu-border: #7a7a7a;
	--border-strong: #444444;
	--border: #cfcfcf;

	/* Tables */
	--table-header-bg: #2d2d2d;
	--table-header-text: #ffffff;
	--table-row-odd: #ffffff;
	--table-row-even: #f7f7f7;
	--table-row-hover: #eef7f9;
	--admin-row-alt: #eef2f7;

	/* Menu & navigation */
	--menu-section-bg: #afafaf;
	--menu-highlight: #d3d3d3;
	--menu-dropdown-bg: #7f97bf;
	--menu-dropdown-border: #6b6b6b;

	/* Page-menu tabs */
	--tab-border: #b9b9b9;
	--tab-hover-bg: #f7f7f7;
	--tab-hover-border: #9bb0cf;
	--tab-active-bg: #5e7fb3;
	--tab-active-border: #4b6796;

	/* Teams */
	--team-home: #4f6fa8;
	--team-away: #0d9488;

	/* Status / semantic */
	--status-warning: #cc0000;
	--status-positive: #2f5721;
	--status-negative: #6b1a1a;
	--status-warning-bg: #ffb6c1;
	--highlight: #b7c8e6;
	--played-bg: #e0e0e0;
	--halftime-bg: #cccccc;
}

body {
	background-color: var(--canvas);
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.4;
	margin: 0;
}

p {
	color: var(--text);
	font-size: 10px;
	text-align: left;
	text-decoration: none;
}

h1 {
	color: var(--text);
	font-size: 10pt;
	line-height: 12pt;
	font-weight: bold;
	text-transform: uppercase;
}

h2 {
	color: var(--text);
	font-size: 9pt;
	line-height: 12pt;
	font-weight: bold;
	padding-top: 5px;
}

h3 {
	color: var(--text);
	font-size: 8pt;
	line-height: 10pt;
	font-weight: bold;
	padding-top: 5px;
}

h4 {
	color: var(--text);
	font-size: 8pt;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	vertical-align: bottom;
	font-variant: small-caps;
}

a:link,
a:visited {
	color: var(--link);
	font-size: 10px;
	text-align: left;
	text-decoration: underline;
	transition: color 0.15s ease;
}

a:hover,
a:focus {
	text-decoration: none;
	color: var(--link-hover);
}

input {
	font-size: 10px;
}

button {
	cursor: pointer;
	font-size: 10px;
}

a.button {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	text-decoration: none;
	color: initial;
	white-space: nowrap;
}

.commentmeta {
	margin-top: 4px;
	font-size: 80%;
	color: var(--text-muted);
}

table {
	border-collapse: collapse;
	margin: 5px;
	padding: 1px;
}

th {
	color: var(--text-inverse);
	font-size: 10px;
	text-align: left;
	text-decoration: none;
	background-color: var(--table-header-bg);
}

th a:link,
th a:visited {
	color: var(--text);
	font-size: 10px;
	text-align: left;
	text-decoration: underline;
}

td {
	color: var(--text);
	font-size: 10px;
	text-align: left;
	text-decoration: none;
}

/*
 * Many data tables opt into cell borders with the legacy HTML border="N"
 * attribute rather than CSS. Chromium drops that presentational hint at
 * fractional display scaling (e.g. Windows at 125%/150%), so the thin grid
 * lines disappear while Linux at 100% renders them. Declaring the borders
 * explicitly makes them paint reliably as thin lines across platforms.
 */
table[border="1"] th,
table[border="1"] td,
table[border="2"] th,
table[border="2"] td {
	border: 1px solid var(--border-strong);
}

/* border="2" tables (pool standings) keep their slightly heavier outer frame. */
table[border="2"] {
	border: 2px solid var(--border-strong);
}

.table-legend {
	caption-side: bottom;
	margin-top: 4px;
	color: var(--text-muted);
	font-size: 11px;
	text-align: center;
}

.spirit-table td,
.spirit-table th {
	vertical-align: top;
}

.spirit-control-cell {
	border-left: 1px solid var(--border);
	padding-left: 10px;
}

/*
 * Spirit score pair shown on the schedule for spirit admins. It is secondary
 * information next to the game score, so it stays dimmer and unemphasized
 * while the actual scores keep the normal cell color.
 */
.game-spirit {
	color: var(--text-faint);
	white-space: nowrap;
}

.spirit-missing {
	color: var(--status-warning);
	text-decoration: none;
}

.spirit-controlgroup {
	display: flex;
	flex-wrap: nowrap;
	gap: 6px 10px;
	align-items: center;
}

.spirit-controlgroup .spirit-choice {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 8px;
	border-left: 1px solid var(--border);
}

.spirit-controlgroup .spirit-choice:first-child {
	border-left: 0;
	padding-left: 0;
}

.spirit-table tr:nth-child(even) td {
	background-color: var(--table-row-even);
}

.spirit-table tr:nth-child(odd) td {
	background-color: var(--table-row-odd);
}

.spirit-table td {
	padding: 4px 6px;
	border-bottom: 1px solid var(--border);
}

.page {
	max-width: 920px;
	width: 100%;
	margin: 0 auto;
	overflow: visible;
	clear: both;
	padding-top: 0px;
	padding-bottom: 25px;
	padding-right: 0px;
	border: 1px solid var(--border-strong);
	border-radius: 6px;
	background-color: var(--surface);
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
}

.mobile_page {
	width: 300px;
	border: 1px solid var(--border-strong);
	margin-left: auto;
	margin-right: auto;
	overflow: visible;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 0px;
	padding-bottom: 25px;
	background-color: var(--surface);
}

.page_top {
	width: 100%;
	padding: 0px;
	height: 50px;
	border-bottom: 1px dashed var(--border-strong);
	background-color: var(--surface-muted);
}

.top_banner_space {
	height: 0px;
}

.page_middle {
	width: 100%;
	clear: both;
}

/*
 * Pin the content layout table to the page width so a wide child table cannot
 * stretch the cell (and thus the whole .page) past the viewport. Combined with
 * overflow-x on .tdcontent, wide tables scroll inside the content cell instead,
 * keeping .page and .page_top aligned at the page width.
 */
.page_middle > table {
	width: 100%;
	table-layout: fixed;
	/* Override the global table margin: at width:100% a margin would push this
	   structural table past the page's right border. */
	margin: 0;
}

.page_bottom {
	width: 100%;
}

.navigation_bar {
	width: 95%;
	height: 16px;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	/*background-color: #E0E0E0;*/
	/*border-top: solid #EEEEDD 1px; */
	/*border-bottom: solid #000000 1px; */
	/*border-left: solid #EEEEDD 1px; */
	/*border-right: solid #000000 1px;*/
	/*margin-bottom: 2px;*/
}

.logo {
	width: 90%;
	display: block;
	margin: 5px auto;
	border: 0;
	text-align: center;
}

.menu_left {
	vertical-align: top;
	/*background-color: #ebebeb;*/
	width: 195px;
}

.menu_left table {
	margin: 0 0 5px 0;
}

.menu_button {
	display: none;
}

.menu_button_row {
	display: none;
}

.topheader_auth_mobile {
	display: none;
}

.menu_close_button {
	display: none;
}

.gameplay-scoreboards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	width: 100%;
}

.gameplay-scoreboard {
	min-width: 0;
	overflow-x: auto;
}

.gameplay-scoreboard table {
	width: 100%;
	margin: 5px 0;
}

.gameplay-scoreboard caption {
	padding: 2px 3px;
	font-weight: bold;
	text-align: center;
}

@media only screen and (max-width: 768px) {
	.page {
		border-left: 0;
		border-right: 0;
		border-radius: 0;
		box-shadow: none;
	}

	.page_top {
		height: auto;
		min-height: 50px;
	}

	.page_top table {
		white-space: normal !important;
	}

	.page_middle > table {
		width: 100%;
		margin: 0;
	}

	.gameplay-scoreboards {
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
	}

	.menu_left {
		display: none;
		position: fixed;
		top: 50px;
		left: 0;
		bottom: 0;
		width: 220px;
		max-width: 85vw;
		padding: 8px;
		background-color: rgba(0, 0, 0, 0.8);
		overflow-y: auto;
		z-index: 1000;
	}

	.menu_left.menu_open {
		display: block;
	}

	.menu_close_button {
		display: block;
		position: absolute;
		top: 4px;
		right: 4px;
		width: 16px;
		height: 16px;
		margin: 0;
		padding: 0;
		border: 0;
		background-color: transparent;
		color: var(--text-inverse);
		font-size: 14px;
		line-height: 16px;
		text-align: center;
		z-index: 1;
	}

	.menu_left .seasondropdown {
		position: relative;
		z-index: 2;
	}

	.menu_button {
		display: block;
		width: 30px;
		padding: 4px 0 0 0;
	}

	.menu_button_row {
		display: block;
		margin-left: 16px;
	}

	.header_text:link,
	.header_text:visited,
	.header_text:active,
	.header_text:hover,
	.header_text:focus {
		font-size: 16pt;
		margin-left: 4px;
	}

	.header_logo {
		height: 32px;
	}

	.page_top .topheader_left {
		width: 1%;
		white-space: nowrap;
	}

	.topheader_auth_inline {
		display: none;
	}

	.topheader_auth_mobile {
		display: inline;
		white-space: nowrap;
	}

	.page_top .topheader_right {
		width: 100%;
		padding-right: 8px;
		text-align: right;
		vertical-align: top;
	}

	.page_top .topheader_right table {
		width: auto !important;
		margin-left: auto;
		margin-right: 0;
	}

}

.leftmenulinks {
	float: left;
	text-align: left;
	vertical-align: top;
	background-color: var(--surface-muted);
	width: 195px;
	margin: 0 0 5px 0;
	padding: 0;
	border: 1px solid var(--menu-border);
	border-radius: 4px;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
}

.leftmenulinks_plain {
	float: left;
	text-align: left;
	vertical-align: top;
	background-color: transparent;
	width: 195px;
	margin: 0 0 5px 0;
	padding: 0;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
}

.topheader_right {
	/*background-image: url("header_right.jpg");*/
	/*background-repeat:repeat-x;*/
	vertical-align: top;
	padding-top: 0px;
	padding-right: 10px;
	width: 200px;
}

.topheader_left {
	/*width: 503px;*/
}

.tdcontent {
	/*border-left: solid #598788 4px;*/
	width: 100%;
	/* Scroll over-wide tables within the content cell (see .page_middle > table). */
	overflow-x: auto;
}

.content {
	/*width: 635px;*/
	width: 95%;
	height: 100%;
	margin: 0px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: var(--surface);
	padding-right: 0px;
	padding-left: 5px;
	padding-top: 5px;
	/*border:1px solid #333;*/
}

.eventbanner {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 8px;
}

.header_text {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.header_text:link,
.header_text:visited,
.header_text:active,
.header_text:hover,
.header_text:focus {
	color: var(--accent);
	font-size: 20pt;
	/*padding-left:10px;*/
	margin-left: 8px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}

.header_logo {
	width: auto;
	height: 40px;
}

.seasondropdown {
	width: 175px;
	background-color: var(--menu-dropdown-bg);
	color: var(--text);
	font-size: 11px;
	border: 1px solid var(--menu-dropdown-border);
	border-radius: 6px;
	padding: 1px 5px;
}

.seasonnav:link,
.seasonnav:visited {
	font-weight: bold;
	text-align: center;
	color: var(--text);
	text-decoration: underline;
	/*background-color: #fe7f02;*/
	text-transform: uppercase;
	display: block;
	transition: color 0.15s ease;
}

.seasonnav:active,
.seasonnav:hover,
.seasonnav:focus {
	color: var(--accent);
	text-decoration: none;
	font-weight: normal;
}

.nav:link,
.nav:visited {
	font-size: 8pt;
	font-weight: bold;
	padding: 2px;
	color: var(--text);
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	transition: color 0.15s ease, background-color 0.15s ease;
}

.nav:active,
.nav:hover,
.nav:focus {
	color: var(--accent);
	text-decoration: none;
	background-color: var(--menu-highlight);
}

.subnav,
.subnav:link,
.subnav:visited {
	font-size: 8pt;
	padding-top: 2px;
	padding-left: 2px;
	color: var(--text);
	text-decoration: none;
	display: block;
	transition: color 0.15s ease, background-color 0.15s ease;
}

.subnav:active,
.subnav:hover,
.subnav:focus {
	color: var(--accent);
	text-decoration: underline;
	background-color: var(--menu-highlight);
}

.navpoollink,
.navpoollink:link,
.navpoollink:visited {
	font-size: 8pt;
	/*padding: 2px;*/
	padding-left: 8px;
	color: var(--text);
	text-decoration: none;
	display: block;
	transition: color 0.15s ease, background-color 0.15s ease;
}

.navpoollink:active,
.navpoollink:hover,
.navpoollink:focus {
	color: var(--accent);
	text-decoration: underline;
	background-color: var(--menu-highlight);
}

.navigation_bar_text {
	display: flex;
	align-items: center;
	gap: 8px;
	overflow: hidden;
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 10px;
	line-height: 18px;
	white-space: nowrap;
	/*vertical-align: center;*/
}

.navigation_back_link {
	display: flex;
	flex: 1 1 auto;
	gap: 4px;
	overflow: hidden;
	font-weight: bold;
}

.navigation_back_label {
	flex: 0 0 auto;
}

.navigation_back_target {
	color: var(--text-muted);
	flex: 1 1 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.menuseasonlevel {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	/*background-color: #fe7f02;*/
	background-color: var(--menu-section-bg);
}

.menuserieslevel {
	font-size: 10px;
	font-weight: bold;
}

.menupoollevel {
	font-size: 10px;
	/*padding-left:10px*/
}

.pagemenu_container {
	width: 100%;
	margin: 0px;
	padding: 6px 0 0 0;
	border-bottom: 1px solid var(--border);
	/*	height:15px;*/
}

ul#pagemenu {
	list-style-type: none;
	position: relative;
	width: 100%;
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

ul#pagemenu li {
	display: block;
	float: left;
	margin: 0 0 0 6px;
}

ul#pagemenu li.left {
	margin: 0;
}

table#pagemenu th {
	background: transparent;
}

ul#pagemenu li a,
table#pagemenu a {
	display: block;
	float: left;
	color: var(--text);
	background-color: var(--surface-muted);
	border: 1px solid var(--tab-border);
	border-bottom: 0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	text-decoration: none;
	padding: 5px 14px 5px 14px;
	margin-bottom: -5px;
	font-size: 11px;
	transition: color 0.15s ease, background-color 0.15s ease;
}

ul#pagemenu li a.right {
	padding-right: 19px;
}

ul#pagemenu li a:hover,
table#pagemenu a:hover {
	color: var(--accent-strong);
	text-decoration: none;
	background-color: var(--tab-hover-bg);
	border-color: var(--tab-hover-border);
}

ul#pagemenu li a.current,
table#pagemenu a.current {
	color: var(--accent-deep);
	text-decoration: none;
	background-color: var(--tab-active-bg);
	border-color: var(--tab-active-border);
	position: relative;
	top: 1px;
}

@media only screen and (max-width: 768px) {
	.pagemenu_container {
		padding-bottom: 2px;
		border-bottom: 0;
	}

	.pagemenu_container ul#pagemenu,
	.pagemenu_container table#pagemenu tr {
		display: flex;
		flex-wrap: wrap;
		gap: 4px;
		align-items: stretch;
	}

	.pagemenu_container table#pagemenu,
	.pagemenu_container table#pagemenu tbody {
		display: block;
		width: 100%;
	}

	.pagemenu_container ul#pagemenu li,
	.pagemenu_container table#pagemenu th {
		display: block;
		float: none;
		margin: 0;
	}

	.pagemenu_container table#pagemenu td {
		display: none;
	}

	.pagemenu_container ul#pagemenu li a,
	.pagemenu_container table#pagemenu a {
		box-sizing: border-box;
		float: none;
		height: 100%;
		margin-bottom: 0;
		padding: 5px 9px;
		border: 1px solid var(--tab-border);
		border-radius: 6px;
	}

	.pagemenu_container ul#pagemenu li a.current,
	.pagemenu_container table#pagemenu a.current {
		top: 0;
	}
}

.thsort,
.thsort:link,
.thsort:visited {
	font-size: 10px;
	color: var(--text-inverse);
	text-decoration: underline;
}

.thsort:active,
.thsort:hover,
.thsort:focus {
	color: var(--accent);
	text-decoration: none;
}

.thlink,
.thlink:link,
.thlink:visited {
	font-size: 10px;
	color: var(--text-inverse);
	text-decoration: underline;
}

.thlink:active,
.thlink:hover,
.thlink:focus {
	color: var(--accent);
	text-decoration: none;
}

.topheadertext {
	color: var(--text);
	background-color: transparent;
	padding: 1px;
}

.topheaderlink,
.topheaderlink:link,
.topheaderlink:visited {
	color: var(--text);
	text-decoration: underline;
}

.topheaderlink:active,
.topheaderlink:hover,
.topheaderlink:focus {
	color: var(--accent);
	text-decoration: none;
}

.history-table {
	white-space: nowrap;
	border-collapse: collapse;
}

.history-table th,
.history-table td {
	padding: 1px 2px;
}

.history-table th {
	white-space: normal;
}

.statistics-table th,
.statistics-table td {
	text-align: center;
	vertical-align: middle;
}

.statistics-table th.left,
.statistics-table td.left {
	text-align: left;
}

.teams-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 10px 0;
	background-color: var(--surface);
	border: 0;
	border-radius: 0px;
	overflow: hidden;
	padding: 0;
}

.teams-table th,
.teams-table td {
	padding-left: 8px;
	padding-right: 8px;
	transition: background-color 0.15s ease;
}

.teams-table th {
	background-color: var(--table-header-bg);
}

.placements-table th a:link,
.placements-table th a:visited,
.placements-table th a:active,
.placements-table th a:hover,
.placements-table th a:focus {
	color: var(--table-header-text);
}

.teams-table tr:first-child td {
	border-top: 1px solid var(--border);
}

.teams-table tr:nth-of-type(even) td {
	background-color: var(--table-row-even);
}

.teams-table tr:hover td {
	background-color: var(--table-row-hover);
}

.games-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 10px 0;
	background-color: var(--surface);
	border: 0;
	border-radius: 0px;
	overflow: hidden;
	padding: 0;
}

.games-table th,
.games-table td {
	padding-left: 4px;
	padding-right: 4px;
	transition: background-color 0.15s ease;
}

.games-table th {
	background-color: var(--table-header-bg);
}

.games-table tr:first-child td {
	border-top: 1px solid var(--border);
}

.games-table tr:nth-of-type(even) td {
	background-color: var(--table-row-even);
}

.games-table tr:hover td {
	background-color: var(--table-row-hover);
}

.infotable td {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.infotable th {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
}

.admintable {
	white-space: nowrap;
	width: 100%;
	/*border-collapse:separate;*/
	/*border-spacing:1em;*/
}

tr.admintablerow:nth-of-type(odd) {
	background-color: var(--admin-row-alt);
}

tr.admintablerow:nth-of-type(even) {
	background-color: var(--surface);
}

.admintablerow {
	/*border-bottom: 1px solid #006;*/
	/*background-color: #E0E0E0;*/
}

tr.admintablerow>td {
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	padding-right: 0.5em;
}

.flag {
	border-collapse: collapse;
	border: 1px solid var(--border-strong);
}

.button {
	cursor: pointer;
	font-size: 10px;
}

.input {
	font-size: 10px;
}

.checkbox {
	font-size: 10px;
	padding: 1px;
	margin: 1px;
}

.fakeinput {
	font-size: 10px;
	color: var(--text);
	background-color: var(--surface);
	border: 0;
}

.helpbutton {
	width: 20px;
	height: 20px;
}

.deletebutton {
	cursor: pointer;
	padding: 0px;
	padding-left: 3px;
	padding-right: 3px;
	border: 0;
	transition: background-color 0.15s ease;
}

.deletebutton:hover {
	background-color: var(--accent-strong);
}

.dropdown {
	font-size: 10px;
}

.localeselection {
	border: 1px solid var(--border-strong);
	height: 10px;
}

.menuseparator {
	border-bottom: 1px dotted var(--border-strong);
}

.center {
	text-align: center;
	vertical-align: middle;
}

.right {
	text-align: right;
	vertical-align: middle;
}

.left {
	text-align: left;
	vertical-align: middle;
}

.nowrap {
	white-space: nowrap;
}

.posvalue td {
	color: var(--status-positive);
}

.negvalue td {
	color: var(--status-negative);
}

.highlight {
	background-color: var(--highlight);
}

.attention {
	background-color: var(--status-warning-bg);
}

.lowlight {
	color: var(--text-faint);
}

.schedulingname {
	font-style: italic;
}

.game-winner {
	font-weight: normal;
}

.game-loser {
	font-weight: normal;
}

.list_letter {
	color: var(--text);
	font-size: 10pt;
	line-height: 12pt;
	font-weight: bold;
	text-transform: uppercase;
}

.selectable_highlight {
	background-color: var(--highlight);
	cursor: pointer;
	font-weight: bold;
}

.callahan {
	background-color: var(--played-bg);
	color: var(--text-faint);
}

.warning {
	color: var(--status-warning);
}

.player-not-accredited {
	display: block;
	color: var(--status-warning);
	font-size: 0.85em;
}

.home {
	background-color: var(--team-home);
	color: var(--text-inverse);
}

.guest {
	background-color: var(--team-away);
	color: var(--text-inverse);
}

.mediaevent {
	width: 14px;
	height: 14px;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}

.homefontcolor {
	color: var(--team-home);
}

.guestfontcolor {
	color: var(--team-away);
}

.halftime {
	background-color: var(--halftime-bg);
	color: var(--text);
	font-weight: bold;
	text-align: center
}

.infocell {
	color: var(--text);
	font-size: 8pt;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	vertical-align: bottom;
	font-variant: small-caps;
}

.headerlink {
	color: var(--text);
	font-size: 12pt;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	vertical-align: bottom;
	font-variant: small-caps;
}

.groupinglink:link,
.groupinglink:visited {
	color: var(--text);
	text-align: left;
	text-decoration: underline;
	font-weight: bold;
	vertical-align: bottom;
	font-variant: small-caps;
	display: block;
	padding: 0px 5px 0 5px;
	float: left;
}

.groupinglink:hover,
.groupinglink:focus {
	color: var(--link-hover);
	text-decoration: none;
	font-weight: bold;
}

.selgroupinglink {
	color: var(--accent-strong);
	text-decoration: none;
	font-weight: bold;
	font-variant: small-caps;
}

.profileheader {
	font-weight: bold;
}

.dbrow {
	font-size: 1em;
}

.timezone {
	color: var(--text-faint);
	font-style: italic;
}

.unconfirmed {
	color: var(--text-faint);
	font-style: italic;
	font-weight: normal;
}

.guides {
	background-color: transparent;
	font-style: italic;
	font-size: 8pt;
	text-align: center;
	vertical-align: middle;
}

yuicalendar.table {
	font-size: small;
}

.calweekdaycell {
	background-color: var(--surface);
}

.calheader {
	color: var(--accent);
}

.playedpool {
	background-color: var(--played-bg);
}

.tablelowlight {
	background-color: var(--played-bg);
}

.feed {
	margin-left: 3px;
	padding: 0 0 0 19px;
	background: url("../../images/linkicons/feed_14x14.png") no-repeat 0 50%;
}

.feed-list {
	margin: 0 0 15px 15px;
	padding: 0;
	list-style-type: none;
}

.feed-list li {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}

.feed-list li a {
	padding: 0 0 0 19px;
	background: url("../../images/linkicons/feed_14x14.png") no-repeat 0 50%;
	list-style-type: none;
}

/*
 * Print overrides (kept last so they win the cascade). On screen, the content
 * table is pinned (table-layout: fixed) and .tdcontent scrolls over-wide tables;
 * when printing, restore natural flow so wide tables print in full instead of
 * being clipped to the on-screen scroll region.
 */
@media print {
	.page_middle > table {
		table-layout: auto;
	}

	.tdcontent {
		overflow-x: visible;
	}
}