body
{
	background: #FFFFCC;
	color: #000000;
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	margin: 5px 10px 10px 10px;
	padding: 0px;
}
.voting-buttons
{
	position: relative;
	bottom: 1px;
}

.voting-buttons a
{
	float: none !important;
	padding-bottom: 0px !important;
	padding-top: 0px !important;
}
a.voting_yes:link, a.voting_yes:visited {
	color: #3C922F;
	font-weight: bold;
	background: url(../images/voting_yes.png) green no-repeat;
	border: 1px outset #3C922F;
	padding: 2px 4px 2px 20px;
	white-space: nowrap;
	float: left;
	line-height: 10px;
	text-decoration: none;
}
a.voting_no:link, a.voting_no:visited {
	color: #AE3738;
	font-weight: bold;
	background: url(../images/voting_no.png) red no-repeat;
	border: 1px outset #AE3738;
	padding: 2px 4px 2px 20px;
	white-space: nowrap;
	float: left;
	line-height: 10px;
	text-decoration: none;
}
a:link, body_alink
{
	color: #0000C0;
	text-decoration: none;
}
a:visited, body_avisited
{
	color: #0000C0;
	text-decoration: none;
}
a:hover, a:active, body_ahover
{
	color: #663333;
	text-decoration: none;
}
.page
{
	background: #FFFFF1;
	color: #000000;
}
.page a:link, .page_alink
{
	color: #0000C0;
}
.page a:visited, .page_avisited
{
	color: #0000C0;
}
.page a:hover, .page a:active, .page_ahover
{
	color: #663333;
}
td, th, p, li
{
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
	background: #FFFFCC;
	color: #000000;
	border: 1px solid #0B198C;
}
.tcat
{
	background: #FFFFCC url(../images/cat-line.gif) repeat-x top left;
	color: #000000;
	font: bold 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tcat a:link, .tcat_alink
{
	color: #0000C0;
	text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
	color: #0000C0;
	text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
	color: #663333;
	text-decoration: none;
}
.thead
{
	background: #663333 url(../images/cellpic-fp-big.gif) repeat-x top left;
	color: #FFFFF1;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:link, .thead_alink
{
	color: #FFFFF1;
}
.thead a:visited, .thead_avisited
{
	color: #FFFFF1;
}
.thead
{
	background: #663333 url(../images/cellpic-fp-big.gif) repeat-x top left;
	color: #FFFFF1;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:hover, .thead a:active, .thead_ahover
{
	color: #FFFFCC;
}
.tfoot
{
	background: #663333 url(../images/cellpic-fp.gif) repeat-x top left;
	color: #000000;
}
.tfoot a:link, .tfoot_alink
{
	color: #FFFFF1;
}
.tfoot a:visited, .tfoot_avisited
{
	color: #FFFFF1;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
	color: #FFFFCC;
	text-decoration: underline;
}
.alt1, .alt1Active
{
	background: #FFFFCC;
	color: #000000;
	font-size: 9pt;
}
.alt2, .alt2Active
{
	background: #FFFF99;
	color: #000000;
}
.inlinemod
{
	background: #FFFFCC;
	color: #000000;
}
.wysiwyg
{
	background: #FFFFCC;
	color: #000000;
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	margin: 5px 10px 10px 10px;
	padding: 0px;
}
textarea, .bginput
{
	background: #FFFFCC;
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.bginput option, .bginput optgroup
{
	font-size: 10pt;
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
	background: #FFFFF1;
	color: #000000;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
select
{
	background: #FFFFCC;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
	font-size: 11px;
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
	color: #000000;
}
.navbar
{
	color: #0000C0;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
	font-weight: bold;
}
.fjsel
{
	background: #FFFFCC;
	color: #000000;
}
.fjdpth0
{
	background: #FFFFF1;
	color: #000000;
}
.panel
{
	background: #FFFFF1;
	color: #000000;
	padding: 10px;
	border: 2px outset;
}
.panelsurround
{
	background: #FFFFCC;
	color: #000000;
}
legend
{
	background: transparent;
	color: #0000C0;
	font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
	background: #663333 url(../images/cellpic-fp.gif) repeat-x top left;
	color: #FFFFF1;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 3px 6px 3px 6px;
	white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
	color: #FFFFFF;
	text-decoration: underline;
}
.vbmenu_popup
{
	background: #FFFFFF;
	color: #000000;
	border: 1px solid #0B198C;
}
.vbmenu_option
{
	background: #FFFFF1;
	color: #000000;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
	color: #000000;
	text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
	color: #330000;
	text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
	color: #330000;
	text-decoration: none;
}
.vbmenu_hilite
{
	background: #FFFFCC;
	color: #330000;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
	color: #330000;
	text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
	color: #330000;
	text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
	color: #330000;
	text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 10pt; text-decoration: none;}

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

/* vbPortal Extras */
.urlrow, .textrow, .blockform, .boxform, .loginform {
	margin: 0px;
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.textrow, .blockform, .boxform, .loginform {
	font-size: 10px;
}
.urlrow {
	font-size: 11px;
}
.textrow, .urlrow {
	padding: 2px 2px;
}
.blockform, .loginform {
	padding: 0px;
}
.boxform {
	padding: 2px;
}
.gogif {
	padding: 0px 3px 0px 3px;
	margin: 0px;
}

/* *****thead2 for calendar made by flar ***** */
.thead2 {url: images/gradients/cellpic-fp-big.gif repeat-x top left; }

/* *****alt3 alternating color 3 made by flar ***** */
.alt3 {background-color:#FFFFF1;}

.nodisplay {
	display: none;
}

#autosearch{
float:left;
width:205px;
margin:5px 0 0 0;
}
#menucontainer{
float:left;
position:relative;
width:250px;
height:104px;
}
#results {
}
#results ul {
	z-index:10;
	position: absolute;
 	top: 94px;
 	left: 0px;
	border: 1px solid #bfbfbf;
	list-style: none;
	width: 208px;
	display:block;
	margin:0;
	padding:0;
}
#results ul li {
position:relative;
margin:0;
padding:0;
width:198px;
}
#results ul li a{
	display: block;
	color: #444;
	background: #fff;
	text-decoration: none;
	padding: 1px 4px 2px 6px;
	width:198px;
}
* html #results ul li a {
 margin:0;
 padding:0;
	display:block;
}
#results ul li a strong {
	color: #000;
}
#results ul li a:hover, #results ul li a.hover {
	background: #0056f4;
	color: #fff;
}
#results ul li a:hover strong, #results ul li a.hover strong {
	color: #fff;
}

input#s{
margin-top:4px;
width:205px;
font: 12px/12px Verdana, sans-serif;
color:#666666;
padding:3px 5px;
}

.xdaclear{
clear:both;
overflow:hidden;

}

ul.menu {list-style:none; margin:0; padding:0;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px;font-size:11px;}
ul.menu ul {position:absolute; top:26px; left:0; display:none; opacity:0; list-style:none;width:230px;}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:230px; margin:0}
ul.menu ul li a {display:block; padding:3px 5px 3px 12px; background-color:#ffffff}
ul.menu ul li a:hover {background-color:#c5c5c5}
ul.menu ul ul {left:-230px; top:-1px}
ul.menu .menulink {border:1px solid #aaa; padding:5px 5px 5px 5px; font-weight:bold; background:url(/images/header.gif); width:230px}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(/images/header_over.gif)}
ul.menu .sub {background:#fff url(/images/arrow.gif) 4px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}

/* Fabkova refresh: shared visual system for all pages */
:root
{
	color-scheme: light dark;
	--fc-bg-page: radial-gradient(circle at top, #fffce8 0%, #fff4c6 38%, #f2e2b1 100%);
	--fc-fg-main: #24110b;
	--fc-link: #0e3fba;
	--fc-link-hover: #643127;
	--fc-surface: #fffdf0;
	--fc-shadow-strong: rgba(51, 28, 12, 0.18);
	--fc-shadow-soft: rgba(0,0,0,.10);
	--fc-border: #866232;
	--fc-thead-top: #7d4a2a;
	--fc-thead-bottom: #633119;
	--fc-thead-fg: #fff6df;
	--fc-tcat-top: #f6e7bc;
	--fc-tcat-bottom: #f2dca0;
	--fc-tcat-fg: #2f1608;
	--fc-alt1: #fff7dc;
	--fc-alt2: #fff2cb;
	--fc-panel-surround: #fff2c9;
	--fc-panel-bg: #fffdef;
	--fc-panel-border: #dec68c;
	--fc-input-bg: #fffdf2;
	--fc-input-border: #b89b67;
	--fc-button-top: #fff4d1;
	--fc-button-bottom: #edd9aa;
	--fc-button-hover-top: #fff9e4;
	--fc-button-hover-bottom: #f1e0ba;
	--fc-button-border: #9d7944;
	--fc-vbmenu-top: #7a4627;
	--fc-vbmenu-bottom: #5f2f19;
	--fc-vbmenu-fg: #fff8e6;
	--fc-header-top: #fffce1;
	--fc-header-bottom: #fff5b5;
	--fc-header-title: #311313;
	--fc-header-sep: #7d5a30;
	--fc-header-section: #5a2b2b;
	--fc-pill-bg: #fff8dc;
	--fc-pill-border: #d7c57a;
	--fc-pill-fg: #6c5b24;
	--fc-pill-alert-bg: #fff1e0;
	--fc-pill-alert-border: #cd7f32;
	--fc-pill-alert-fg: #7f2f00;
	--fc-account-bg: #ffffef;
	--fc-account-border: #d9cc93;
	--fc-avatar-border: #b9a96f;
	--fc-clock: #1b7c2c;
	--fc-nav-bg: #f6edd0;
	--fc-nav-border: #7d5a30;
	--fc-nav-fg: #4d2a2a;
	--fc-nav-hover-bg: #fff8dc;
	--fc-nav-active-bg: #663333;
	--fc-nav-active-fg: #fff8e1;
	--fc-nav-active-border: #4d2525;
	--fc-nav-logout-bg: #f1d6c0;
	--fc-nav-logout-border: #a76435;
	--fc-nav-logout-fg: #5f1c00;
	--fc-chat-new: #cf1e1e;
	--fc-chat-info: #0e3fba;
	--fc-chat-default: #24110b;
}

:root[data-theme='dark']
{
	--fc-bg-page: radial-gradient(circle at top, #1f2025 0%, #18191d 45%, #121317 100%);
	--fc-fg-main: #eae4d8;
	--fc-link: #9dc0ff;
	--fc-link-hover: #e4b89f;
	--fc-surface: #1d1f24;
	--fc-shadow-strong: rgba(0, 0, 0, 0.45);
	--fc-shadow-soft: rgba(0,0,0,.35);
	--fc-border: #3f4148;
	--fc-thead-top: #4b2d22;
	--fc-thead-bottom: #3b2219;
	--fc-thead-fg: #f2e9d7;
	--fc-tcat-top: #2d3139;
	--fc-tcat-bottom: #242830;
	--fc-tcat-fg: #ddd6c8;
	--fc-alt1: #23262d;
	--fc-alt2: #2a2e36;
	--fc-panel-surround: #252932;
	--fc-panel-bg: #20242b;
	--fc-panel-border: #3d424b;
	--fc-input-bg: #171b22;
	--fc-input-border: #525866;
	--fc-button-top: #3c3322;
	--fc-button-bottom: #2f281c;
	--fc-button-hover-top: #4a3f2b;
	--fc-button-hover-bottom: #383024;
	--fc-button-border: #6f6040;
	--fc-vbmenu-top: #4a2b20;
	--fc-vbmenu-bottom: #3c2219;
	--fc-vbmenu-fg: #f0e7d7;
	--fc-header-top: #262b34;
	--fc-header-bottom: #1f242c;
	--fc-header-title: #ece8df;
	--fc-header-sep: #a99376;
	--fc-header-section: #d8cab3;
	--fc-pill-bg: #2b313a;
	--fc-pill-border: #4b5563;
	--fc-pill-fg: #ddd9cf;
	--fc-pill-alert-bg: #3f2a20;
	--fc-pill-alert-border: #7b4a32;
	--fc-pill-alert-fg: #f5d7c8;
	--fc-account-bg: #20252e;
	--fc-account-border: #434b58;
	--fc-avatar-border: #5c6878;
	--fc-clock: #85d99a;
	--fc-nav-bg: #2a3038;
	--fc-nav-border: #576174;
	--fc-nav-fg: #e6dfd0;
	--fc-nav-hover-bg: #343b45;
	--fc-nav-active-bg: #6f3f2a;
	--fc-nav-active-fg: #fff0da;
	--fc-nav-active-border: #945137;
	--fc-nav-logout-bg: #4a2f24;
	--fc-nav-logout-border: #8f5135;
	--fc-nav-logout-fg: #ffd8c4;
	--fc-chat-new: #ff8b8b;
	--fc-chat-info: #9dc0ff;
	--fc-chat-default: #eae4d8;
}

@media (prefers-color-scheme: dark)
{
	:root:not([data-theme='light'])
	{
		--fc-bg-page: radial-gradient(circle at top, #1f2025 0%, #18191d 45%, #121317 100%);
		--fc-fg-main: #eae4d8;
		--fc-link: #9dc0ff;
		--fc-link-hover: #e4b89f;
		--fc-surface: #1d1f24;
		--fc-shadow-strong: rgba(0, 0, 0, 0.45);
		--fc-shadow-soft: rgba(0,0,0,.35);
		--fc-border: #3f4148;
		--fc-thead-top: #4b2d22;
		--fc-thead-bottom: #3b2219;
		--fc-thead-fg: #f2e9d7;
		--fc-tcat-top: #2d3139;
		--fc-tcat-bottom: #242830;
		--fc-tcat-fg: #ddd6c8;
		--fc-alt1: #23262d;
		--fc-alt2: #2a2e36;
		--fc-panel-surround: #252932;
		--fc-panel-bg: #20242b;
		--fc-panel-border: #3d424b;
		--fc-input-bg: #171b22;
		--fc-input-border: #525866;
		--fc-button-top: #3c3322;
		--fc-button-bottom: #2f281c;
		--fc-button-hover-top: #4a3f2b;
		--fc-button-hover-bottom: #383024;
		--fc-button-border: #6f6040;
		--fc-vbmenu-top: #4a2b20;
		--fc-vbmenu-bottom: #3c2219;
		--fc-vbmenu-fg: #f0e7d7;
		--fc-header-top: #262b34;
		--fc-header-bottom: #1f242c;
		--fc-header-title: #ece8df;
		--fc-header-sep: #a99376;
		--fc-header-section: #d8cab3;
		--fc-pill-bg: #2b313a;
		--fc-pill-border: #4b5563;
		--fc-pill-fg: #ddd9cf;
		--fc-pill-alert-bg: #3f2a20;
		--fc-pill-alert-border: #7b4a32;
		--fc-pill-alert-fg: #f5d7c8;
		--fc-account-bg: #20252e;
		--fc-account-border: #434b58;
		--fc-avatar-border: #5c6878;
		--fc-clock: #85d99a;
		--fc-nav-bg: #2a3038;
		--fc-nav-border: #576174;
		--fc-nav-fg: #e6dfd0;
		--fc-nav-hover-bg: #343b45;
		--fc-nav-active-bg: #6f3f2a;
		--fc-nav-active-fg: #fff0da;
		--fc-nav-active-border: #945137;
		--fc-nav-logout-bg: #4a2f24;
		--fc-nav-logout-border: #8f5135;
		--fc-nav-logout-fg: #ffd8c4;
		--fc-chat-new: #ff8b8b;
		--fc-chat-info: #9dc0ff;
		--fc-chat-default: #eae4d8;
	}
}

body
{
	background: var(--fc-bg-page);
	color: var(--fc-fg-main);
	margin: 0;
	padding: 12px;
}

a:link, a:visited, .page a:link, .page a:visited
{
	color: var(--fc-link);
}

a:hover, a:active, .page a:hover, .page a:active
{
	color: var(--fc-link-hover);
}

.page.fc-page
{
	max-width: 1280px;
	margin: 0 auto;
	background: var(--fc-surface);
	border-radius: 14px;
	box-shadow: 0 10px 32px var(--fc-shadow-strong);
}

.fc-shell
{
	padding: 12px 18px 18px 18px;
}

.fc-toolbar
{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.tborder
{
	border: 1px solid var(--fc-border);
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 3px 12px var(--fc-shadow-soft);
}

.thead
{
	background: linear-gradient(180deg, var(--fc-thead-top) 0%, var(--fc-thead-bottom) 100%);
	color: var(--fc-thead-fg);
}

.tcat
{
	background: linear-gradient(180deg, var(--fc-tcat-top) 0%, var(--fc-tcat-bottom) 100%);
	color: var(--fc-tcat-fg);
}

.alt1, .alt1Active
{
	background: var(--fc-alt1);
	color: var(--fc-fg-main);
}

.alt2, .alt2Active
{
	background: var(--fc-alt2);
	color: var(--fc-fg-main);
}

.panelsurround
{
	background: var(--fc-panel-surround);
}

.panel
{
	background: var(--fc-panel-bg);
	border: 1px solid var(--fc-panel-border);
	border-radius: 10px;
	padding: 12px;
}

textarea, .bginput, select
{
	background: var(--fc-input-bg);
	color: var(--fc-fg-main);
	border: 1px solid var(--fc-input-border);
	border-radius: 6px;
	padding: 5px 6px;
}

.button
{
	background: linear-gradient(180deg, var(--fc-button-top) 0%, var(--fc-button-bottom) 100%);
	color: var(--fc-fg-main);
	border: 1px solid var(--fc-button-border);
	border-radius: 7px;
	padding: 4px 10px;
	font-weight: bold;
}

.button:hover
{
	background: linear-gradient(180deg, var(--fc-button-hover-top) 0%, var(--fc-button-hover-bottom) 100%);
}

.vbmenu_control
{
	background: linear-gradient(180deg, var(--fc-vbmenu-top) 0%, var(--fc-vbmenu-bottom) 100%);
	color: var(--fc-vbmenu-fg);
	border-radius: 8px;
}

.fc-toolbar-table
{
	border-radius: 8px;
}

.fc-header-shell
{
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 2px 10px var(--fc-shadow-soft, rgba(0, 0, 0, .10));
}

.fc-header-wrap
{
	background: linear-gradient(180deg, var(--fc-header-top, #fffce1) 0%, var(--fc-header-bottom, #fff5b5) 100%);
	padding: 10px 12px;
}

.fc-header-top
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

.fc-brand
{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	color: var(--fc-header-title, #311313);
	font-weight: bold;
	font-size: 16px;
	line-height: 1.3;
}

.fc-brand a
{
	color: var(--fc-header-title, #311313);
	text-decoration: none;
}

.fc-brand a:hover
{
	text-decoration: underline;
}

.fc-header-sep
{
	color: var(--fc-header-sep, #7d5a30);
	font-weight: bold;
}

.fc-header-section-link, .fc-header-section-label
{
	font-size: 13px;
	color: var(--fc-header-section, #5a2b2b);
}

.fc-pm-pill
{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	border-radius: 999px;
	background: var(--fc-pill-bg, #fff8dc);
	border: 1px solid var(--fc-pill-border, #d7c57a);
	color: var(--fc-pill-fg, #6c5b24);
	font-size: 11px;
}

.fc-pm-pill-alert
{
	background: var(--fc-pill-alert-bg, #fff1e0);
	border-color: var(--fc-pill-alert-border, #cd7f32);
	color: var(--fc-pill-alert-fg, #7f2f00);
}

.fc-pm-pill img
{
	display: block;
}

.fc-header-right
{
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.fc-theme-toggle
{
	padding: 4px 10px;
	border-radius: 999px;
	border: 1px solid var(--fc-nav-border, #7d5a30);
	background: var(--fc-nav-bg, #f6edd0);
	color: var(--fc-nav-fg, #4d2a2a);
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

.fc-theme-toggle:hover
{
	background: var(--fc-nav-hover-bg, #fff8dc);
}

.fc-header-main
{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 12px;
	flex-wrap: wrap;
}

.fc-account
{
	display: flex;
	align-items: flex-start;
	gap: 10px;
	min-width: 260px;
	background: var(--fc-account-bg, #ffffef);
	border: 1px solid var(--fc-account-border, #d9cc93);
	border-radius: 8px;
	padding: 8px 10px;
}

.fc-account-guest
{
	min-width: 220px;
}

.fc-avatar
{
	width: 56px;
	height: 56px;
	border: 1px solid var(--fc-avatar-border, #b9a96f);
	border-radius: 8px;
	object-fit: cover;
}

.fc-account-meta
{
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.fc-clock-wrap
{
	margin-bottom: 2px;
}

.fc-clock
{
	color: var(--fc-clock, #1b7c2c);
	font-weight: bold;
	font-size: 12px;
}

.fc-nav
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
	max-width: 700px;
}

.fc-nav-link
{
	display: inline-block;
	padding: 5px 10px;
	border-radius: 6px;
	border: 1px solid var(--fc-nav-border, #7d5a30);
	background: var(--fc-nav-bg, #f6edd0);
	color: var(--fc-nav-fg, #4d2a2a) !important;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.fc-nav-link:hover
{
	background: var(--fc-nav-hover-bg, #fff8dc);
	text-decoration: none;
}

.fc-nav-link-active
{
	background: var(--fc-nav-active-bg, #663333);
	color: var(--fc-nav-active-fg, #fff8e1) !important;
	border-color: var(--fc-nav-active-border, #4d2525);
}

.fc-nav-link-logout
{
	background: var(--fc-nav-logout-bg, #f1d6c0);
	border-color: var(--fc-nav-logout-border, #a76435);
	color: var(--fc-nav-logout-fg, #5f1c00) !important;
}

img
{
	max-width: 100%;
	height: auto;
}

input[type='text'], input[type='password'], input[type='file'], textarea, select
{
	max-width: 100%;
	box-sizing: border-box;
}

@media (max-width: 820px)
{
	body
	{
		padding: 4px;
	}

	.fc-shell
	{
		padding: 8px;
		overflow-x: auto;
	}

	.page.fc-page
	{
		border-radius: 10px;
	}

	.vbmenu_control form
	{
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
		align-items: center;
	}

	.vbmenu_control form input[type='text'],
	.vbmenu_control form select
	{
		min-width: 140px;
	}

	.fc-header-wrap
	{
		padding: 9px;
	}

	.fc-header-main
	{
		flex-direction: column;
		align-items: stretch;
	}

	.fc-nav
	{
		justify-content: flex-start;
	}

	.fc-account
	{
		min-width: 0;
		width: 100%;
	}
}

/* Contrast fixes for both themes */
.smallfont,
.time,
td, th, p, li
{
	color: var(--fc-fg-main);
}

.fc-accent-text
{
	color: var(--fc-link);
	font-weight: bold;
}

.navbar
{
	color: var(--fc-link);
}

.tcat a:link, .tcat_alink,
.tcat a:visited, .tcat_avisited,
.tcat a:hover, .tcat a:active, .tcat_ahover
{
	color: var(--fc-link);
}

.thead a:link, .thead_alink,
.thead a:visited, .thead_avisited,
.thead a:hover, .thead a:active, .thead_ahover
{
	color: var(--fc-thead-fg);
}

.tfoot
{
	background: linear-gradient(180deg, var(--fc-vbmenu-top) 0%, var(--fc-vbmenu-bottom) 100%);
	color: var(--fc-vbmenu-fg);
}

.tfoot a:link, .tfoot_alink,
.tfoot a:visited, .tfoot_avisited,
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
	color: var(--fc-thead-fg);
}

.vbmenu_popup,
.vbmenu_option,
.vbmenu_hilite,
.vbmenu_option a:link,
.vbmenu_option a:visited,
.vbmenu_option a:hover,
.vbmenu_hilite a:link,
.vbmenu_hilite a:visited,
.vbmenu_hilite a:hover,
#results ul li a,
#results ul li a strong,
#results ul li a:hover,
#results ul li a.hover,
#results ul li a:hover strong,
#results ul li a.hover strong,
ul.menu a,
input#s
{
	color: var(--fc-fg-main);
}

.vbmenu_popup
{
	background: var(--fc-panel-bg);
	border-color: var(--fc-border);
}

.vbmenu_option,
.vbmenu_hilite,
#results ul li a,
ul.menu ul li a
{
	background: var(--fc-surface);
}

#results ul li a:hover,
#results ul li a.hover,
ul.menu ul li a:hover
{
	background: var(--fc-nav-hover-bg);
	color: var(--fc-fg-main);
}

input#s
{
	background: var(--fc-input-bg);
	border: 1px solid var(--fc-input-border);
}