/* normalize.css */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
	margin: 0;
}

/* HTML5 display definitions
	 ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
	display: none;
}

/* Links
	 ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
	outline: 0;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
	border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
	font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
	font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
	background: #ff0;
	color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
	border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
	overflow: hidden;
}

/* Grouping content
	 ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
	margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
	box-sizing: content-box;
	height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
	overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Forms
	 ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
	color: inherit; /* 1 */
	font: inherit; /* 2 */
	margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
	overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
	text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
	cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
	line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
	overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
	font-weight: bold;
}

/* Tables
	 ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/* base.css */
/* --------------------------------------------------------------
	$Base
-------------------------------------------------------------- */

/** {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}*/

/* Define your base font-size here; most elements will inherit this. _NO__DOTCOMMA__AFTER__*/
html {
	font-size: 1em; /* Assuming 16px... */
	line-height: 1.5; /* 24px (This is now our magic number; all subsequent margin-bottoms and line-heights want to be a multiple of this number in order to maintain vertical rhythm.) _NO__DOTCOMMA__AFTER__*/
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333333;
	background-color: #ffffff;
}

input,
button,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

figure { margin: 0; }
img { vertical-align: middle; }

hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #e5e5e5;
}

a {
	color: #428bca;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #2a6496;
	text-decoration: underline;
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
p,
pre { margin: 0; }
button {
	background: transparent;
	border: 0;
	padding: 0;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */
button:focus {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

iframe { border: 0; }
ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/**
 * Suppress the focus outline on links that cannot be accessed via keyboard.
 * This prevents an unwanted focus outline from appearing around elements that
 * might still respond to pointer events.
 */
[tabindex="-1"]:focus { outline: none !important; }

/**
 * Remove double underline from recent version of firefox
 */
abbr[title] {
	text-decoration: none;
}

/* utilities.css */
/* --------------------------------------------------------------
	$Utilities
-------------------------------------------------------------- */

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto;
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
	content: " ";
	display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after { clear: both; }

.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.pull-right { float: right !important; }
.pull-left { float: left !important; }
.hide { display: none !important; }
.show { display: block !important; }
.invisible { visibility: hidden; }

.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.hidden {
	display: none;
}

.affix { position: fixed; }

/* common.css */
/* General Markup Styles
---------------------------------------- */
html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 101%;
}

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: normal;
	margin: 0;
	padding: 12px 0;
	word-wrap: break-word;
	-webkit-print-color-adjust: exact;
}

h1 {
	/* Forum name */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-right: 200px;
	margin-top: 15px;
	font-weight: bold;
	font-size: 2em;
}

h2 {
	/* Forum header titles */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 2em;
	margin: 0.8em 0 0.2em 0;
}

h2.solo {
	margin-bottom: 1em;
}

h3 {
	/* Sub-headers (also used as post headers, but defined later) */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid transparent;
	margin-bottom: 3px;
	padding-bottom: 2px;
	font-size: 1.05em;
	margin-top: 20px;
}

h4 {
	/* Forum and topic list titles */
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
	font-size: 1.3em;
}

p {
	line-height: 1.3em;
	font-size: 1.1em;
	margin-bottom: 1.5em;
}

img {
	border-width: 0;
}

hr {
	border: 0 solid transparent;
	border-top-width: 1px;
	height: 1px;
	margin: 5px 0;
	display: block;
	clear: both;
}

hr.dashed {
	border-top-style: dashed;
	margin: 10px 0;
}

hr.divider {
	display: none;
}

p.right {
	text-align: right;
}

p.jumpbox-return {
	margin-top: 10px;
	margin-bottom: 0;
	float: left;
}

b, strong {
	font-weight: bold;
}

.text-strong {
	font-weight: bold;
}

i, em {
	font-style: italic;
}

.text-italics {
	font-style: italic;
}

u {
	text-decoration: underline;
}

ul {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
}

li {
	display: list-item;
}

ul ul, ol ul {
	list-style-type: circle;
}

ol ol ul, ol ul ul, ul ol ul, ul ul ul {
	list-style-type: square;
}

a:hover	{ text-decoration: underline; }

/* Main blocks
---------------------------------------- */
.wrap {
	border: 1px solid transparent;
	border-radius: 8px;
	margin: 0 auto;
	max-width: 1152px;
	min-width: 625px;
	padding: 15px;
}

@media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) {
	.wrap {
		margin: 0 12px;
	}
}

.page-body {
	margin: 4px 0;
	clear: both;
}

.page-footer {
	clear: both;
}

.page-footer h3 {
	margin-top: 20px;
}

.logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
}

.logo:hover {
	text-decoration: none;
}

.site_logo {
	background-repeat: no-repeat;
	display: inline-block;
	width: 149px;
	height: 52px;
}

/* Site description and logo */
.site-description {
	float: left;
	width: 65%;
}

.site-description h1 {
	margin-right: 0;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	margin-bottom: 4px;
	padding: 5px;
	border-radius: 7px;
}

.navbar {
	padding: 3px 10px;
	border-radius: 7px;
}

.forabg {
	margin-bottom: 4px;
	padding: 5px;
	clear: both;
	border-radius: 7px;
}

.forumbg {
	margin-bottom: 4px;
	padding: 5px;
	clear: both;
	border-radius: 7px;
}

.panel {
	margin-bottom: 4px;
	padding: 5px 10px;
	border-radius: 7px;
}

.post {
	padding: 5px 10px;
	margin-bottom: 4px;
	background-repeat: no-repeat;
	background-position: 100% 0;
	border-radius: 7px;
	position: relative;
}

.rowbg {
	margin: 5px 5px 2px 5px;
}

/* Horizontal lists
----------------------------------------*/
.navbar ul.linklist {
	padding: 2px 0;
	list-style-type: none;
}

ul.linklist {
	display: block;
	margin: 0;
}

.cp-main .panel {
	padding: 5px 10px;
}

ul.linklist > li {
	float: left;
	font-size: 1.1em;
	line-height: 2.2em;
	list-style-type: none;
	margin-right: 7px;
	padding-top: 1px;
	width: auto;
}

ul.linklist > li.rightside, p.rightside, a.rightside {
	float: right;
	margin-right: 0;
	margin-left: 7px;
	text-align: right;
}

ul.navlinks {
	border-top: 1px solid transparent;
}

ul.leftside {
	float: left;
	margin-left: 0;
	margin-right: 5px;
	text-align: left;
}

ul.rightside {
	float: right;
	margin-left: 5px;
	margin-right: -5px;
	text-align: right;
}

ul.linklist li.responsive-menu {
	position: relative;
	margin: 0 5px 0 0;
}

.hasjs ul.linklist.leftside, .hasjs ul.linklist.rightside {
	max-width: 48%;
}

.hasjs ul.linklist.fullwidth {
	max-width: none;
}

li.responsive-menu.dropdown-right .dropdown {
	left: -9px;
}

li.responsive-menu.dropdown-left .dropdown {
	right: -6px;
}

ul.linklist .dropdown {
	top: 22px;
}

ul.linklist .dropdown-up .dropdown {
	bottom: 18px;
	top: auto;
}

/* Bulletin icons for list items
----------------------------------------*/
ul.linklist.bulletin > li:before {
	display: inline-block;
	content: "\2022";
	font-size: inherit;
	line-height: inherit;
	padding-right: 4px;
}

ul.linklist.bulletin > li:first-child:before,
ul.linklist.bulletin > li.rightside:last-child:before {
	content: none;
}

ul.linklist.bulletin > li.no-bulletin:before {
	content: none;
}

.responsive-menu:before {
	display: none !important;
}

/* Profile in overall_header.html */
.header-profile {
	display: inline-block;
	vertical-align: top;
}

a.header-avatar,
a.header-avatar:hover {
	text-decoration: none;
}

a.header-avatar img {
	margin-bottom: 2px;
	max-height: 20px;
	vertical-align: middle;
	width: auto;
}

a.header-avatar span:after {
	content: '\f0dd';
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	padding-left: 6px;
	padding-top: 2px;
	vertical-align: top;
}

/* Dropdown menu
----------------------------------------*/
.dropdown-container {
	position: relative;
}

.dropdown-container-right {
	float: right;
}

.dropdown-container-left {
	float: left;
}

.nojs .dropdown-container:hover .dropdown {
	display: block !important;
}

.dropdown {
	display: none;
	position: absolute;
	left: 0;
	top: 1.2em;
	z-index: 2;
	border: 1px solid transparent;
	border-radius: 5px;
	padding: 9px 0 0;
	margin-right: -500px;
}

.dropdown.live-search {
	top: auto;
}

.dropdown-container.topic-tools {
	float: left;
}

.dropdown-up .dropdown {
	top: auto;
	bottom: 1.2em;
	padding: 0 0 9px;
}

.dropdown-left .dropdown, .nojs .rightside .dropdown {
	left: auto;
	right: 0;
	margin-left: -500px;
	margin-right: 0;
}

.dropdown-button-control .dropdown {
	top: 24px;
}

.dropdown-button-control.dropdown-up .dropdown {
	top: auto;
	bottom: 24px;
}

.dropdown .pointer, .dropdown .pointer-inner {
	position: absolute;
	width: 0;
	height: 0;
	border-top-width: 0;
	border-bottom: 10px solid transparent;
	border-left: 10px dashed transparent;
	border-right: 10px dashed transparent;
	-webkit-transform: rotate(360deg); /* better anti-aliasing in webkit */
	display: block;
}

.dropdown-up .pointer, .dropdown-up .pointer-inner {
	border-bottom-width: 0;
	border-top: 10px solid transparent;
}

.dropdown .pointer {
	right: auto;
	left: 10px;
	top: -1px;
	z-index: 3;
}

.dropdown-up .pointer {
	bottom: -1px;
	top: auto;
}

.dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer {
	left: auto;
	right: 10px;
}

.dropdown .pointer-inner {
	top: auto;
	bottom: -11px;
	left: -10px;
}

.dropdown-up .pointer-inner {
	bottom: auto;
	top: -11px;
}

.dropdown .dropdown-contents {
	z-index: 2;
	overflow: hidden;
	overflow-y: auto;
	border: 1px solid transparent;
	border-radius: 5px;
	padding: 5px;
	position: relative;
	max-height: 300px;
}

.dropdown-contents a {
	display: block;
	padding: 5px;
}

.jumpbox {
	margin: 5px 0;
}

.jumpbox .dropdown li {
	border-top: 1px solid transparent;
}

.jumpbox .dropdown-select {
	margin: 0;
}

.jumpbox .dropdown-contents {
	padding: 0;
	text-decoration: none;
}

.jumpbox .dropdown-contents li {
	padding: 0;
}

.jumpbox .dropdown-contents a {
	margin-right: 20px;
	padding: 5px 10px;
	text-decoration: none;
	width: 100%;
}

.jumpbox .spacer {
	display: inline-block;
	width: 0px;
}

.jumpbox .spacer + .spacer {
	width: 20px;
}

.dropdown-contents a {
	display: block;
	padding: 5px;
}

.jumpbox .dropdown-select {
	margin: 0;
}

.jumpbox .dropdown-contents a {
	text-decoration: none;
}

.dropdown li {
	display: list-item;
	border-top: 1px dotted transparent;
	float: none !important;
	line-height: normal !important;
	font-size: 1em !important;
	list-style: none;
	margin: 0;
	white-space: nowrap;
	text-align: left;
}

.dropdown-contents > li {
	padding-right: 15px;
}

.dropdown-nonscroll > li {
	padding-right: 0;
}

.dropdown li:first-child, .dropdown li.separator + li, .dropdown li li {
	border-top: 0;
}

.dropdown li li:first-child {
	margin-top: 4px;
}

.dropdown li li:last-child {
	padding-bottom: 0;
}

.dropdown li li {
	border-top: 1px dotted transparent;
	padding-left: 18px;
}

.wrap .dropdown li, .dropdown.wrap li, .dropdown-extended li {
	white-space: normal;
}

.dropdown li.separator {
	border-top: 1px solid transparent;
	padding: 0;
}

.dropdown li.separator:first-child, .dropdown li.separator:last-child {
	display: none !important;
}

/* Responsive breadcrumbs
----------------------------------------*/
.breadcrumbs .crumb {
	float: left;
	font-weight: bold;
	word-wrap: normal;
}

.breadcrumbs .crumb:before {
	content: '\2039';
	font-weight: bold;
	padding: 0 0.5em;
}

.breadcrumbs .crumb:first-child:before {
	content: none;
}

.breadcrumbs .crumb a {
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: bottom;
	overflow: hidden;
}

.breadcrumbs.wrapped .crumb a { letter-spacing: -.3px; }
.breadcrumbs.wrapped .crumb.wrapped-medium a { letter-spacing: -.4px; }
.breadcrumbs.wrapped .crumb.wrapped-tiny a { letter-spacing: -.5px; }

.breadcrumbs .crumb.wrapped-max a { max-width: 120px; }
.breadcrumbs .crumb.wrapped-wide a { max-width: 100px; }
.breadcrumbs .crumb.wrapped-medium a { max-width: 80px; }
.breadcrumbs .crumb.wrapped-small a { max-width: 60px; }
.breadcrumbs .crumb.wrapped-tiny a { max-width: 40px; }

/* Table styles
----------------------------------------*/
table.table1 {
	width: 100%;
}

.ucp-main table.table1 {
	padding: 2px;
}

table.table1 thead th {
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.3em;
	font-size: 1em;
	padding: 0 0 4px 3px;
}

table.table1 thead th span {
	padding-left: 7px;
}

table.table1 tbody tr {
	border: 1px solid transparent;
}

table.table1 td {
	font-size: 1.1em;
}

table.table1 tbody td {
	padding: 5px;
	border-top: 1px solid transparent;
}

table.table1 tbody th {
	padding: 5px;
	border-bottom: 1px solid transparent;
	text-align: left;
}

/* Specific column styles */
table.table1 .name		{ text-align: left; }
table.table1 .center		{ text-align: center; }
table.table1 .reportby		{ width: 15%; }
table.table1 .posts		{ text-align: center; width: 7%; }
table.table1 .joined		{ text-align: left; width: 15%; }
table.table1 .active		{ text-align: left; width: 15%; }
table.table1 .mark		{ text-align: center; width: 7%; }
table.table1 .info		{ text-align: left; width: 30%; }
table.table1 .info div		{ width: 100%; white-space: normal; overflow: hidden; }
table.table1 .autocol		{ line-height: 2em; white-space: nowrap; }
table.table1 thead .autocol	{ padding-left: 1em; }

table.table1 span.rank-img {
	float: right;
	width: auto;
}

table.info td {
	padding: 3px;
}

table.info tbody th {
	padding: 3px;
	text-align: right;
	vertical-align: top;
	font-weight: normal;
}

.forumbg table.table1 {
	margin: 0;
}

.forumbg-table > .inner {
	margin: 0 -1px;
}

.color_palette_placeholder table {
	border-collapse: separate;
	border-spacing: 1px;
}

/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts */
.column1 {
	float: left;
	clear: left;
	width: 49%;
}

.column2 {
	float: right;
	clear: right;
	width: 49%;
}

/* General classes for placing floating blocks */
.left-box {
	float: left;
	width: auto;
	text-align: left;
	max-width: 100%;
}

.avatar-rank-container {
	max-width: 20%;
}

.left-box.profile-details {
	width: 80%;
}

.right-box {
	float: right;
	width: auto;
	text-align: right;
	max-width: 100%;
}

dl.details {
	font-size: 1.1em;
}

dl.details dt {
	float: left;
	clear: left;
	width: 30%;
	text-align: right;
	display: block;
}

dl.details dd {
	margin-left: 0;
	padding-left: 5px;
	margin-bottom: 5px;
	float: left;
	width: 65%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.clearfix, fieldset dl, ul.topiclist dl, dl.polls {
	overflow: hidden;
}

fieldset.fields1 ul.recipients {
	list-style-type: none;
	line-height: 1.8;
	max-height: 150px;
	overflow-y: auto;
}

fieldset.fields1 dd.recipients {
	clear: left;
	margin-left: 1em;
}

fieldset.fields1 dl.pmlist > dt {
	width: auto !important;
}

fieldset.fields1 dl.pmlist dd.recipients {
	margin-left: 0 !important;
}

/* Action-bars (container for post/reply buttons, pagination, etc.)
---------------------------------------- */
.action-bar {
	font-size: 11px;
	margin: 4px 0;
}

.forabg + .action-bar {
	margin-top: 2em;
}

.action-bar .button {
	margin-right: 5px;
	float: left;
}

.action-bar .button-search {
	margin-right: 0;
}

/* Pagination
---------------------------------------- */
.pagination {
	float: right;
	text-align: right;
	width: auto;
}

.action-bar.bar-bottom .pagination {
	margin-top: 0;
}

.action-bar .pagination .button {
	margin-right: 0;
	float: none;
}

.pagination > ul {
	display: inline-block;
	list-style: none !important;
	margin-left: 5px;
}

.pagination > ul > li {
	display: inline-block !important;
	padding: 0;
	font-size: 100%;
	line-height: normal;
	vertical-align: middle;
}

.pagination li a, .pagination li span {
	border-radius: 2px;
	padding: 2px 5px;
}

.pagination li.active span {
	display: inline-block;
	font-size: 13px;
	font-weight: normal;
	font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
	line-height: 1.4;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border: 1px solid transparent;
}

.pagination li.ellipsis span {
	border: none;
	padding: 0;
}

.pagination li.page-jump {
	margin-right: 5px;
}

.pagination li.page-jump a {
	padding: 0 8px;
}

.pagination li.page-jump a i {
	font-size: 21px;
}

.pagination .arrow a {
	padding: 2px 0;
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
	display: block;
	margin-top: 3px;
	margin-bottom: 3px;
}

.row .pagination > ul {
	margin: 0;
}

.row .pagination li a, .row .pagination li span {
	border-radius: 2px;
	padding: 1px 3px;
	font-size: 9px;
}

/* jQuery popups
---------------------------------------- */
.scx_alert {
	border: 1px solid transparent;
	display: none;
	left: 0;
	padding: 0 25px 20px 25px;
	position: fixed;
	right: 0;
	top: 150px;
	z-index: 50;
	width: 620px;
	margin: 0 auto;
}

@media only screen and (max-height: 500px), only screen and (max-device-width: 500px)
{
	.scx_alert {
		top: 25px;
	}
}

.scx_alert .alert_close {
	float: right;
	margin-right: -36px;
	margin-top: -8px;
}

.scx_alert p {
	margin: 8px 0;
	padding-bottom: 8px;
}

.scx_alert label {
	display: block;
	margin: 8px 0;
	padding-bottom: 8px;
}

.scx_alert div.alert_text > p,
.scx_alert div.alert_text > label,
.scx_alert div.alert_text > select,
.scx_alert div.alert_text > textarea,
.scx_alert div.alert_text > input {
	font-size: 1.1em;
}

.darkenwrapper {
	display: none;
	position: relative;
	z-index: 44;
}

.darken {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	z-index: 45;
}

.loading_indicator {
	background: center center no-repeat;
	border-radius: 5px;
	display: none;
	opacity: 0.8;
	margin-top: -50px;
	margin-left: -50px;
	height: 50px;
	width: 50px;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 51;
}

/* Miscellaneous styles
---------------------------------------- */
.copyright {
	font-size: 10px;
	text-align: center;
	padding: 10px;
}

.footer-row {
	font-size: 10px;
	line-height: 1.8;
	margin: 0;
}

.small {
	font-size: 0.9em !important;
}

.titlespace {
	margin-bottom: 15px;
}

.headerspace {
	margin-top: 20px;
}

.error {
	font-weight: bold;
	font-size: 1em;
}

div.rules {
	margin: 10px 0;
	font-size: 1.1em;
	padding: 5px 10px;
	border-radius: 7px;
}

div.rules ul, div.rules ol {
	margin-left: 20px;
}

p.post-notice {
	position: relative;
	padding: 5px;
	min-height: 14px;
	margin-bottom: 1em;
}

form > p.post-notice strong {
	line-height: 20px;
}

.stat-block {
	clear: both;
}

.top-anchor {
	display: block;
	position: absolute;
	top: -20px;
}

.clear {
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	background: transparent;
}

/* Inner box-model clearing */
.inner:after,
ul.linklist:after,
.action-bar:after,
.notification_text:after,
.tabs-container:after,
.tabs > ul:after,
.minitabs > ul:after,
.postprofile .avatar-container:after {
	clear: both;
	content: '';
	display: block;
}

.emoji {
	min-height: 18px;
	min-width: 18px;
	height: 1em;
	width: 1em;
}

.smilies {
	vertical-align: text-bottom;
}

.icon-notification {
	position: relative;
}

.member-search {
	float: left;
	margin: 0;
	padding: 6px 10px;
}

.member-search strong {
	font-size: 0.95em;
}

.dropdown-extended {
	display: none;
	z-index: 1;
}

.dropdown-extended ul {
	max-height: 350px;
	overflow-y: auto;
	overflow-x: hidden;
	clear: both;
}

.dropdown-extended ul li {
	padding: 0;
	margin: 0 !important;
	float: none;
	border-top: 1px solid;
	list-style-type: none;
	font-size: 0.95em;
	clear: both;
	position: relative;
}

.dropdown-extended ul li:first-child {
	border-top: none;
}

.dropdown-extended ul li.no_notifications {
	padding: 10px;
}

.dropdown-extended .dropdown-contents {
	max-height: none;
	padding: 0;
	position: absolute;
	width: 340px;
}

.nojs .dropdown-extended .dropdown-contents {
	position: relative;
}

.dropdown-extended .header {
	padding: 0 10px;
	font-family: Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	text-shadow: 1px 1px 1px white;
	text-transform: uppercase;
	line-height: 3em;
	border-bottom: 1px solid;
	border-radius: 5px 5px 0 0;
}

.dropdown-extended .header .header_settings {
	float: right;
	font-weight: normal;
	text-transform: none;
}

.dropdown-extended .header .header_settings a {
	display: inline-block;
	padding: 0 5px;
}

.dropdown-extended .header:after {
	content: '';
	display: table;
	clear: both;
}

.dropdown-extended .footer {
	text-align: center;
	font-size: 1.1em;
}

.dropdown-extended ul li a, .dropdown-extended ul li.no-url {
	padding: 8px;
}

.dropdown-extended .footer > a {
	padding: 5px 0;
}

.dropdown-extended ul li a, .notification_list dt > a, .dropdown-extended .footer > a {
	display: block;
	text-decoration: none;
}

.notification_list ul li img {
	float: left;
	max-height: 50px;
	max-width: 50px;
	width: auto !important;
	height: auto !important;
	margin-right: 5px;
}

.notification_list ul li p {
	margin-bottom: 4px;
	font-size: 1em;
}

.notification_list p.notification-reference,
.notification_list p.notification-location,
.notification_list li a p.notification-reason {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.notification_list p.notification-time {
	font-size: 0.9em;
	margin: 0;
	text-align: right;
}

.notification_list div.notifications {
	margin-left: 50px;
	padding: 5px;
}

.notification_list div.notifications a {
	display: block;
}

.notification_list p.notifications_title {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em !important;
}

.notification_list p.notifications_title strong {
	font-weight: bold;
}

.notification_list p.notifications_time {
	font-size: 0.9em !important;
}

.notification_text {
	margin-left: 58px;
}

.badge {
	border-radius: 10px;
	opacity: 0.8;
	text-align: center;
	white-space: nowrap;
	font-size: 10px;
	line-height: 1;
	float: right;
	display: inline-block;
	margin-left: 3px;
	vertical-align: baseline;
	position: relative;
	top: 3px;
	padding: 4px 6px;
}

.badge.hidden {
	display: none;
}

/* Navbar specific list items
----------------------------------------*/

.linklist .quick-links {
	margin: 0 7px 0 0;
}

.linklist.compact .rightside > a > span {
	display: none;
}

.dropdown-page-jump .dropdown {
	top: 20px;
}

.dropdown-page-jump.dropdown-up .dropdown {
	bottom: 20px;
}

.dropdown-page-jump input.tiny {
	width: 50px;
}

.dropdown .clone.hidden {
	display: none;
}

.dropdown .clone.hidden + li.separator {
	display: none;
}

.dropdown .clone.hidden + li {
	border-top: none;
}

/* links.css */
/* Link Styles
---------------------------------------- */

/* Links adjustment to correctly display an order of rtl/ltr mixed content */
a {
	direction: ltr;
	unicode-bidi: embed;
	text-decoration: none;
	/* we use links inline more often then not so to address several bugs with
	IE and some other browsers we render all links as inlineblock by default */
	display: inline-block;

}

/* Coloured usernames */
.username-coloured {
	font-weight: bold;
	display: inline !important;
	padding: 0 !important;
}

/* Links on gradient backgrounds */
.forumbg .header a, .forabg .header a, th a {
	text-decoration: none;
}

.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
	text-decoration: underline;
}

/* Notification mark read link */
.dropdown-extended a.mark_read {
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 3px 0 0 3px;
	display: none;
	margin-top: -20px;
	position: absolute;
	z-index: 2;
	right: 0;
	top: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.dropdown-extended li:hover a.mark_read {
	display: block;
}

.dropdown-extended a.mark_read:hover {
	width: 50px;
}

.jumpbox-cat-link,
.jumpbox-forum-link { font-weight: bold; }


/* Links for forum/topic lists */
a.forumtitle {
	font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

a.forumtitle:hover {
	text-decoration: underline;
}

a.topictitle {
	font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	display: inline;
}

a.topictitle:hover {
	text-decoration: underline;
}

a.lastsubject {
	font-weight: bold;
	text-decoration: none;
}

a.lastsubject:hover {
	text-decoration: underline;
}

.row-item a:hover {
	text-decoration: none;
}

.row-item .forumtitle:hover,
.row-item .topictitle:hover,
.row-item .lastsubject:hover,
.row-item .subforum:hover,
.row-item a.username:hover,
.row-item a.username-coloured:hover {
	text-decoration: underline;
}

/* Post body links */
.postlink {
	text-decoration: none;
	border-bottom: 1px solid transparent;
	padding-bottom: 0;
}

.postlink:hover {
	text-decoration: none;
}

.signature a, .signature a:hover {
	border: none;
	text-decoration: underline;
}

/* Profile links */
.postprofile a, .postprofile dt.author a {
	font-weight: bold;
	text-decoration: none;
}

.postprofile a:hover, .postprofile dt.author a:hover {
	text-decoration: underline;
}

/* Profile searchresults */
.search .postprofile a {
	text-decoration: none;
	font-weight: normal;
}

.search .postprofile a:hover {
	text-decoration: underline;
}

.top {
	font-size: 12px;
	text-decoration: none;
	margin-top: 10px;
}

/* Back to top of page */
.back2top {
	clear: both;
}

.back2top .top {
	float: right;
	margin-right: -10px;
	margin-top: 0;
}

/* Arrow links  */

.arrow-up {
	padding-left: 10px;
	text-decoration: none;
	border-bottom-width: 0;
}

.arrow-up:hover { }

.arrow-down {
	padding-right: 10px;
}

.arrow-down:hover { }

.arrow-left:hover {
	text-decoration: none;
}

.arrow-right:hover {
	text-decoration: none;
}

/* invisible skip link, used for accessibility  */
.skiplink {
	position: absolute;
	left: -999px;
	width: 990px;
}

/* Feed icon in forumlist_body.html */
a.feed-icon-forum {
	float: right;
	margin: 3px;
}

a.anchor {
	display: block;
}

/* content.css */
/* Content Styles
---------------------------------------- */

ul.topiclist {
	display: block;
	list-style-type: none;
	margin: 0;
}

ul.topiclist li {
	display: block;
	list-style-type: none;
	margin: 0;
}

ul.topiclist dl {
	position: relative;
}

ul.topiclist li.row dl {
	margin: 2px 0;
}

ul.topiclist dt, ul.topiclist dd {
	display: block;
	float: left;
}

ul.topiclist dt {
	width: 100%;
	margin-right: -440px;
	font-size: 1.1em;
}

ul.topiclist.missing-column dt {
	margin-right: -345px;
}

ul.topiclist.two-long-columns dt {
	margin-right: -250px;
}

ul.topiclist.two-columns dt {
	margin-right: -80px;
}

ul.topiclist dt .list-inner {
	margin-right: 440px;
	padding-left: 5px;
	padding-right: 5px;
}

ul.topiclist.missing-column dt .list-inner {
	margin-right: 345px;
}

ul.topiclist.two-long-columns dt .list-inner {
	margin-right: 250px;
}

ul.topiclist.two-columns dt .list-inner {
	margin-right: 80px;
}

ul.topiclist dd {
	border-left: 1px solid transparent;
	padding: 4px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul.topiclist li.row dd {
	padding: 4px 0 999px 0;
	margin-bottom: -995px;
}

ul.topiclist dfn {
	/* Labels for post/view counts */
	border: 0;
	position: absolute;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
}

.forum-image {
	float: left;
	padding-top: 5px;
	margin-right: 5px;
}

.forum-image img {
	max-width: 100%;
}

li.row {
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}

li.row strong {
	font-weight: normal;
}

li.header dt, li.header dd {
	line-height: 1.6em;
	border-left-width: 0;
	margin: 2px 0 4px 0;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

li.header dt {
	font-weight: bold;
	width: 100%;
	margin-right: -440px;
}

li.header dt .list-inner {
	margin-right: 440px;
}

li.header dd {
	padding-left: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

li.header dl.row-item dt, li.header dl.row-item dd {
	min-height: 0;
}

li.header dl.row-item dt .list-inner {
	/* Tweak for headers alignment when folder icon used */
	padding-left: 0;
	padding-right: 50px;
}

/* Forum list column styles */
.row .list-inner { padding: 4px 0; }

dl.row-item {
	background-position: 10px 50%;		/* Position of folder icon */
	background-repeat: no-repeat;
	background-size: 32px;
}

dl.row-item dt {
	background-repeat: no-repeat;
	background-position: 5px 95%;		/* Position of topic icon */
	background-size: 17px;
}

dl.row-item dt .list-inner {
	padding-left: 52px;			/* Space for folder icon */
}

dl.row-item dt, dl.row-item dd {
	min-height: 35px;
}

dl.row-item dt a {
	display: inline;
}

dl a.row-item-link {				/* topic row icon links */
	display: block;
	width: 30px;
	height: 30px;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -15px;
	margin-left: 9px;
}

dd.posts, dd.topics, dd.views, dd.extra, dd.mark {
	width: 80px;
	text-align: center;
	line-height: 2.2em;
	font-size: 1.2em;
}

dd.posts, dd.topics, dd.views {
	width: 95px;
}

/* List in forum description */
dl.row-item dt ol,
dl.row-item dt ul {
	list-style-position: inside;
	margin-left: 1em;
}

dl.row-item dt li {
	display: list-item;
	list-style-type: inherit;
}

dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info {
	width: 250px;
	font-size: 1.1em;
}

dd.redirect {
	line-height: 2.5em;
}

dd.time {
	line-height: 200%;
}

dd.lastpost > span, ul.topiclist dd.info > span, ul.topiclist dd.time > span, dd.redirect > span, dd.moderation > span {
	display: block;
	padding-left: 5px;
}

dd.extra, dd.mark {
	line-height: 200%;
}

dd.option {
	width: 125px;
	line-height: 200%;
	text-align: center;
	font-size: 1.1em;
}

/* Post body styles
----------------------------------------*/
.postbody {
	padding: 0;
	line-height: 1.48em;
	width: 76%;
	float: left;
	position: relative;
}

.postbody .ignore {
	font-size: 1.1em;
}

.postbody h3.first {
	/* The first post on the page uses this */
	font-size: 1.7em;
}

.postbody h3 {
	/* Postbody requires a different h3 format - so change it here */
	float: left;
	font-size: 1.5em;
	padding: 2px 0 0 0;
	margin-top: 0 !important;
	margin-bottom: 0.3em !important;
	text-transform: none;
	border: none;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	line-height: 125%;
}

.postbody h3 img {
	vertical-align: bottom;
}

.has-profile .postbody h3 {
	/* If there is a post-profile, we position the post-buttons differently */
	float: none !important;
	margin-right: 180px;
}

.postbody .content {
	font-size: 1.3em;
	overflow-x: auto;
}

.postbody img.postimage {
	max-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.search .postbody {
	width: 68%;
}

/* Topic review panel
----------------------------------------*/
.panel .review {
	margin-top: 2em;
}

.topicreview {
	padding-right: 5px;
	overflow: auto;
	height: 300px;
}

.topicreview .postbody {
	width: auto;
	float: none;
	margin: 0;
	height: auto;
}

.topicreview .post {
	height: auto;
}

.topicreview h2 {
	border-bottom-width: 0;
}

.post-ignore .postbody {
	display: none;
}

/* MCP Post details
----------------------------------------*/
.post_details {
	/* This will only work in IE7+, plus the others */
	overflow: auto;
	max-height: 300px;
}

/* Content container styles
----------------------------------------*/
.content {
	clear: both;
	min-height: 3em;
	overflow: hidden;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	padding-bottom: 1px;
}

.content h2, .panel h2 {
	font-weight: normal;
	border-bottom: 1px solid transparent;
	font-size: 1.6em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}

.panel h3 {
	margin: 0.5em 0;
}

.panel p {
	font-size: 1.2em;
	margin-bottom: 1em;
	line-height: 1.4em;
}

.content p {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	margin-bottom: 1em;
	line-height: 1.4em;
}

.agreement {
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 10px;
}

.agreement-text {
	line-height: 17px;
	margin-bottom: 10px;
}

dl.faq {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	margin-top: 1em;
	margin-bottom: 2em;
	line-height: 1.4em;
}

dl.faq dt {
	font-weight: bold;
}

.content dl.faq {
	font-size: 1.2em;
	margin-bottom: 0.5em;
}

.content li {
	list-style-type: inherit;
}

.content ul, .content ol {
	margin: 0.8em 0 0.9em 3em;
}

.posthilit {
	padding: 0 2px 1px 2px;
}

/* Post author */
p.author {
	margin-bottom: 0.6em;
	padding: 0 0 5px 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	clear: both;
}

/* Post signature */
.signature {
	margin-top: 1.5em;
	padding-top: 0.2em;
	font-size: 1.1em;
	border-top: 1px solid transparent;
	clear: left;
	line-height: 140%;
	overflow: hidden;
	width: 100%;
}

.signature.standalone {
	border-top-width: 0;
	margin-top: 0;
}

dd .signature {
	margin: 0;
	padding: 0;
	clear: none;
	border: none;
}

.signature li {
	list-style-type: inherit;
}

.signature ul, .signature ol {
	margin: 0.8em 0 0.9em 3em;
}

/* Post noticies */
.notice {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	width: auto;
	margin-top: 1.5em;
	padding-top: 0.2em;
	font-size: 1em;
	border-top: 1px dashed transparent;
	clear: left;
	line-height: 130%;
}

/* Jump to post link for now */
ul.searchresults {
	list-style: none;
	text-align: right;
	clear: both;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
	border: 1px solid transparent;
	font-size: 0.95em;
	margin: 1em 1px 1em 25px;
	overflow: hidden;
	padding: 5px;
}

blockquote blockquote {
	/* Nested quotes */
	font-size: 1em;
	margin: 1em 1px 1em 15px;
}

blockquote cite {
	/* Username/source of quoter */
	font-style: normal;
	font-weight: bold;
	display: block;
	font-size: 0.9em;
}

blockquote cite cite {
	font-size: 1em;
}

blockquote cite:before, .uncited:before {
	padding-right: 5px;
}

blockquote cite > span {
	float: right;
	font-weight: normal;
}

.postbody .content li blockquote {
	overflow: inherit;
	margin-left: 0;
}

/* Code block */
.codebox {
	border: 1px solid transparent;
	font-size: 1em;
	margin: 1em 0 1.2em 0;
	word-wrap: normal;
}

.codebox p {
	text-transform: uppercase;
	border-bottom: 1px solid transparent;
	margin-bottom: 0;
	padding: 3px;
	font-size: 0.8em !important;
	font-weight: bold;
	display: block;
}

blockquote .codebox {
	margin-left: 0;
}

.codebox code {
	overflow: auto;
	display: block;
	height: auto;
	max-height: 200px;
	padding: 5px 3px;
	font: 0.9em Monaco, "Andale Mono","Courier New", Courier, monospace;
	line-height: 1.3em;
}

/* Attachments
----------------------------------------*/
.attachbox {
	font-size: 13px;
	float: left;
	width: auto;
	max-width: 100%;
	margin: 5px 5px 5px 0;
	padding: 6px;
	border: 1px dashed transparent;
	clear: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.attachbox dt {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.attachbox dd {
	margin-top: 4px;
	padding-top: 4px;
	clear: left;
	border-top: 1px solid transparent;
	overflow-x: auto;
	overflow-y: hidden;
}

.attachbox dd dd {
	border: none;
}

.attachbox p {
	line-height: 110%;
	font-weight: normal;
	clear: left;
}

.attachbox p.stats {
	line-height: 110%;
	font-weight: normal;
	clear: left;
}

.attach-image {
	margin: 3px 0;
	max-width: 100%;
}

.attach-image img {
	border: 1px solid transparent;
	cursor: default;
}

/* Inline image thumbnails */
div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
	display: block;
	margin-bottom: 4px;
}

div.inline-attachment p {
	font-size: 100%;
}

dl.file {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
}

dl.file dt {
	text-transform: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

dl.file dd {
	margin: 0;
	padding: 0;
}

dl.thumbnail img {
	padding: 3px;
	border: 1px solid transparent;
	box-sizing: border-box;
}

dl.thumbnail dd {
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.attachbox dl.thumbnail dd {
	font-size: 100%;
}

dl.thumbnail dt a:hover img {
	border: 1px solid transparent;
}

/* Post poll styles
----------------------------------------*/
fieldset.polls {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}

fieldset.polls dl {
	margin-top: 5px;
	border-top: 1px solid transparent;
	padding: 5px 0 0 0;
	line-height: 120%;
}

fieldset.polls dl.voted {
	font-weight: bold;
}

fieldset.polls dt {
	text-align: left;
	float: left;
	display: block;
	width: 30%;
	border-right: none;
	padding: 0;
	margin: 0;
	font-size: 1.1em;
}

fieldset.polls dd {
	float: left;
	width: 10%;
	border-left: none;
	padding: 0 5px;
	margin-left: 0;
	font-size: 1.1em;
}

fieldset.polls dd.resultbar {
	width: 50%;
}

fieldset.polls dd input {
	margin: 2px 0;
}

fieldset.polls dd div {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 2px 2px 0 2px;
	overflow: visible;
	min-width: 8px;
}

.pollbar1, .pollbar2, .pollbar3, .pollbar4, .pollbar5 {
	border-bottom: 1px solid transparent;
	border-right: 1px solid transparent;
}

.vote-submitted {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
	margin: 5px 0 10px 0;
	min-height: 80px;
	border: 1px solid transparent;
	border-width: 0 0 0 1px;
	width: 22%;
	float: right;
	display: inline;
}

.postprofile dd, .postprofile dt {
	line-height: 1.2em;
	margin-left: 8px;
}

.postprofile dd {
	overflow: hidden;
	text-overflow: ellipsis;
}

.postprofile strong {
	font-weight: normal;
}

.postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date {
	margin-bottom: 10px;
}

.profile-rank img {
	max-width: 160px;
}

/* Post-profile avatars */
.postprofile .has-avatar .avatar-container {
	margin-bottom: 3px;
	overflow: hidden;
}

.postprofile .avatar {
	display: block;
	float: left;
	max-width: 100%;
}

.postprofile .avatar img {
	display: block;
	height: auto !important;
	max-width: 100%;
}

.postprofile .profile-posts a {
	font-weight: normal;
}

dd.profile-warnings {
	font-weight: bold;
}

dd.profile-contact {
	overflow: visible;
}

.profile-contact .dropdown-container {
	display: inline-block;
}

.profile-contact .icon_contact {
	vertical-align: middle;
}

.profile-contact .dropdown {
	margin-right: -14px;
}

.online {
	background-image: none;
	background-position: 100% 0;
	background-repeat: no-repeat;
}

/* Poster profile used by search*/
.search .postprofile {
	width: 30%;
}

/* Profile used on view-profile */
.profile-avatar img {
	max-width: 100%;
}

/* pm list in compose message if mass pm is enabled */
dl.pmlist dt {
	width: 60% !important;
}

dl.pmlist dt textarea {
	width: 95%;
}

dl.pmlist dd {
	margin-left: 61% !important;
	margin-bottom: 2px;
}

.action-bar div.dl_links {
	padding: 10px 0 0 10px;
}

div.dl_links {
	display: inline-block;
	text-transform: none;
}

.dl_links strong {
	font-weight: bold;
}

.dl_links ul {
	list-style-type: none;
	margin: 0;
	display: inline-block;
}

.dl_links li {
	display: inline-block;
}

.attachment-filename {
	width: 100%;
}

.ellipsis-text {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

table.fixed-width-table {
	table-layout: fixed;
}

/* Show scrollbars for items with overflow on iOS devices
----------------------------------------*/
.postbody .content::-webkit-scrollbar, .topicreview::-webkit-scrollbar, .post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	-webkit-appearance: none;
	background: rgba(0, 0, 0, .1);
	border-radius: 3px;
}

.postbody .content::-webkit-scrollbar-thumb, .topicreview::-webkit-scrollbar-thumb, .post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, .3);
	border-radius: 3px;
}

#memberlist tr.inactive, #team tr.inactive {
	font-style: italic;
}

/* Memberlist
----------------------------------------*/
.group-description {
	font-size: 1.3em;
}

.group-description ol, .group-description ul {
	list-style-position: inside;
}

/* buttons.css */
/* Button Styles
---------------------------------------- */

.button {
	display: inline-block;
	padding: 2px 8px;
	font-size: 13px;
	font-weight: 600;
	font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
	line-height: 1.4;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	    touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.button:focus,
.button:hover {
 	text-decoration: none;
 	outline: none;
}

.caret {
	border-left: 1px solid;
	position: relative;
	right: -6px;
}

.caret i {
	vertical-align: top;
}

/* Posting page styles
----------------------------------------*/
.button-search,
.button-search-end  {
	float: left;
	border-radius: 0;
	margin: 0;
	padding: 2px 5px;
}

.button-search-end {
	border-left-width: 0;
	border-radius: 0 4px 4px 0;
}

.search-header .button-search,
.search-header .button-search-end {
	border-top-width: 0;
	border-bottom-width: 0;
	padding: 3px 5px;
}

.search-header .button-search-end {
	border-right-width: 0;
}

.button-icon-only {
	padding-left: 3px;
	padding-right: 3px;
}

/* Poster contact icons
----------------------------------------*/
.contact-icons.dropdown-contents {
	min-width: 0;
	padding: 0;
	font-size: 0;
}

.contact-icon {
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 16px;
}
.contact-icons a {
	border-bottom: 1px dotted;
	border-right: 1px dotted;
	display: block;
	float: left;
	padding: 8px;
}

.contact-icons .last-cell {
	border-right: none;
}

.contact-icons div:last-child a {
	border-bottom: none;
}

.contact-icons div {
	clear: left;
}

/* Post control buttons
--------------------------------------------- */
.post-buttons {
	float: right;
	list-style: none;
	margin-top: 2px;
}

.has-profile .post-buttons {
	float: none;
	position: absolute;
	margin: 0;
	right: 0;
	top: 5px;
}

.post-buttons > li {
	float: left;
	margin-right: 3px;
}

.post-buttons .button, .format-buttons .button {
	padding-left: 3px;
	padding-right: 3px;
}

.hastouch .post-buttons {
	margin-right: 10px;
}

.post-buttons .button span {
	font-size: 0;
}

/* Responsive buttons in post body */
.post-buttons .dropdown {
	top: 18px;
}

.post-buttons .dropdown a {
	display: block;
	font-size: 1.2em;
	text-align: right;
}

.hasjs .postbody .post-buttons {
	max-width: 40%;
}

/* Browser-specific tweaks */
button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

/* Deprecated as of version 3.2
-------------------------------------------------*/
.small-icon {
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-image: none;
}

.dropdown .small-icon {
	background-position: 5px 50%;
	padding: 5px;
}

.small-icon > a {
	padding: 0 0 0 18px;
}

ul.linklist.bulletin > li.small-icon:before {
	display: none;
}

.dropdown .small-icon > a {
	display: block;
}

.rtl .small-icon {
	background-position: 100% 50%;
}

.rtl .small-icon > a {
	padding-left: 0;
	padding-right: 19px;
}

/* cp.css */
/* Control Panel Styles
---------------------------------------- */


/* Main CP box
----------------------------------------*/
.cp-menu {
	float: left;
	width: 19%;
	margin-top: 1em;
	margin-bottom: 5px;
}

.cp-main {
	float: left;
	width: 81%;
}

.cp-main .content {
	padding: 0;
}

.panel-container .panel p {
	font-size: 1.1em;
}

.panel-container .panel ol {
	margin-left: 2em;
	font-size: 1.1em;
}

.panel-container .panel li.row {
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
}

ul.cplist {
	margin-bottom: 5px;
	border-top: 1px solid transparent;
}

.panel-container .panel li.header dd, .panel-container .panel li.header dt {
	margin-bottom: 2px;
}

.panel-container table.table1 {
	margin-bottom: 1em;
}

.panel-container table.table1 thead th {
	font-weight: bold;
	border-bottom: 1px solid transparent;
	padding: 5px;
}

.panel-container table.table1 tbody th {
	font-style: italic;
	background-color: transparent !important;
	border-bottom: none;
}

.cp-main .pm-message {
	border: 1px solid transparent;
	margin: 10px 0;
	width: auto;
	float: none;
}

.pm-message h2 {
	padding-bottom: 5px;
}

.cp-main .postbody h3, .cp-main .box2 h3 {
	margin-top: 0;
}

.panel-container .postbody p.author {
	font-size: 1.1em;
}

.cp-main .buttons {
	margin-left: 0;
}

.cp-main ul.linklist {
	margin: 0;
}

/* MCP Specific tweaks */
.mcp-main .postbody {
	width: 100%;
}

.tabs-container h2 {
	float: left;
	margin-bottom: 0px;
}

/* CP tabs shared
----------------------------------------*/
.tabs, .minitabs {
	line-height: normal;
}

.tabs > ul, .minitabs > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.tabs .tab, .minitabs .tab {
	display: block;
	float: left;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.4em;
}

.tabs .tab > a, .minitabs .tab > a {
	display: block;
	padding: 5px 9px;
	position: relative;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}

/* CP tabbed menu
----------------------------------------*/
.tabs {
	margin: 20px 0 0 7px;
}

.tabs .tab > a {
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
	margin: 1px 1px 0 0;
}

.tabs .activetab > a {
	margin-top: 0;
	padding-bottom: 7px;
}

/* Mini tabbed menu used in MCP
----------------------------------------*/
.minitabs {
	float: right;
	margin: 15px 7px 0 0;
	max-width: 50%;
}

.minitabs .tab {
	float: right;
}

.minitabs .tab > a {
	border-radius: 5px 5px 0 0;
	margin-left: 2px;
}

.minitabs .tab > a:hover {
	text-decoration: none;
}

/* Responsive tabs
----------------------------------------*/
.responsive-tab {
	position: relative;
}

.responsive-tab > a.responsive-tab-link {
	display: block;
	font-size: 1.6em;
	position: relative;
	width: 16px;
	line-height: 0.9em;
	text-decoration: none;
}

.responsive-tab .responsive-tab-link:before {
	content: '';
	position: absolute;
	left: 10px;
	top: 7px;
	height: .125em;
	width: 14px;
	border-bottom: 0.125em solid transparent;
	border-top: 0.375em double transparent;
}

.tabs .dropdown, .minitabs .dropdown {
	top: 20px;
	margin-right: -2px;
	font-size: 1.1em;
	font-weight: normal;
}

.minitabs .dropdown {
	margin-right: -4px;
}

.tabs .dropdown-up .dropdown, .minitabs .dropdown-up .dropdown {
	bottom: 20px;
	top: auto;
}

.tabs .dropdown li {
	text-align: right;
}

.minitabs .dropdown li {
	text-align: left;
}

/* UCP navigation menu
----------------------------------------*/
/* Container for sub-navigation list */
.navigation {
	width: 100%;
	padding-top: 36px;
}

.navigation ul {
	list-style: none;
}

/* Default list state */
.navigation li {
	display: inline;
	font-weight: bold;
	margin: 1px 0;
	padding: 0;
}

/* Link styles for the sub-section links */
.navigation a {
	display: block;
	padding: 5px;
	margin: 1px 0;
	text-decoration: none;
}

.navigation a:hover {
	text-decoration: none;
}

/* Preferences pane layout
----------------------------------------*/
.cp-main h2 {
	border-bottom: none;
	padding: 0;
	margin-left: 10px;
}

/* Friends list */
.cp-mini {
	margin: 10px 15px 10px 5px;
	max-height: 200px;
	overflow-y: auto;
	padding: 5px 10px;
	border-radius: 7px;
}

dl.mini dt {
	font-weight: bold;
}

dl.mini dd {
	padding-top: 4px;
}

.friend-online {
	font-weight: bold;
}

.friend-offline {
	font-style: italic;
}

/* PM Styles
----------------------------------------*/
/* Defined rules list for PM options */
ol.def-rules {
	padding-left: 0;
}

ol.def-rules li {
	line-height: 180%;
	padding: 1px;
}

/* PM marking colours */
.pmlist li.bg1 {
	padding: 0 3px;
}

.pmlist li.bg2 {
	padding: 0 3px;
}

.pmlist li.pm_message_reported_colour, .pm_message_reported_colour,
.pmlist li.pm_marked_colour, .pm_marked_colour,
.pmlist li.pm_replied_colour, .pm_replied_colour,
.pmlist li.pm_friend_colour, .pm_friend_colour,
.pmlist li.pm_foe_colour, .pm_foe_colour {
	padding: 0;
	border: solid 3px transparent;
	border-width: 0 3px;
}

.pm-legend {
	border-left-width: 10px;
	border-left-style: solid;
	border-right-width: 0;
	margin-bottom: 3px;
	padding-left: 3px;
}

/* Avatar gallery */
.gallery label {
	position: relative;
	float: left;
	margin: 10px;
	padding: 5px;
	width: auto;
	border: 1px solid transparent;
	text-align: center;
}

/* Responsive *CP navigation
----------------------------------------*/
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
{
	.nojs .tabs a span, .nojs .minitabs a span {
		max-width: 40px;
		overflow: hidden;
		text-overflow: ellipsis;
		letter-spacing: -.5px;
	}

	.cp-menu, .navigation, .cp-main {
		float: none;
		width: auto;
		margin: 0;
	}

	.navigation {
		padding: 0;
		margin: 0 auto;
		max-width: 320px;
	}

	.navigation a {
		background-image: none;
	}

	.navigation li:first-child a {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}

	.navigation li:last-child a {
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}
}

/* forms.css */
/* Form Styles
---------------------------------------- */

/* General form styles
----------------------------------------*/
fieldset {
	border-width: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.1em;
}

input {
	font-weight: normal;
	vertical-align: middle;
	padding: 0 3px;
	font-size: 1em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

select {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	cursor: pointer;
	vertical-align: middle;
	border: 1px solid transparent;
	padding: 1px;
	font-size: 1em;
}

select:focus {
	outline-style: none;
}

option {
	padding-right: 1em;
}

select optgroup option {
	padding-right: 1em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

textarea {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	width: 60%;
	padding: 2px;
	font-size: 1em;
	line-height: 1.4em;
}

label {
	cursor: default;
	padding-right: 5px;
}

label input {
	vertical-align: middle;
}

label img {
	vertical-align: middle;
}

/* Definition list layout for forms
---------------------------------------- */
fieldset dl {
	padding: 4px 0;
}

fieldset dt {
	float: left;
	width: 40%;
	text-align: left;
	display: block;
}

fieldset dd {
	margin-left: 41%;
	vertical-align: top;
	margin-bottom: 3px;
}

/* Specific layout 1 */
fieldset.fields1 dt {
	width: 15em;
	border-right-width: 0;
}

fieldset.fields1 dd {
	margin-left: 15em;
	border-left-width: 0;
}

fieldset.fields1 div {
	margin-bottom: 3px;
}


fieldset.fields1 .live-search div {
	margin-bottom: 0;
}

/* Specific layout 2 */
fieldset.fields2 dt {
	width: 15em;
	border-right-width: 0;
}

fieldset.fields2 dd {
	margin-left: 16em;
	border-left-width: 0;
}

/* Form elements */
dt label {
	font-weight: bold;
	text-align: left;
}

dd label {
	white-space: nowrap;
}

dd input, dd textarea {
	margin-right: 3px;
}

dd select {
	width: auto;
}

dd select[multiple] {
	width: 100%;
}

dd textarea {
	width: 85%;
}

/* Hover effects */
.timezone {
	width: 95%;
}

/* Browser-specific tweaks */
button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

/* Quick-login on index page */
fieldset.quick-login {
	margin-top: 5px;
}

fieldset.quick-login input {
	width: auto;
}

fieldset.quick-login input.inputbox {
	width: 15%;
	vertical-align: middle;
	margin-right: 5px;
}

fieldset.quick-login label {
	white-space: nowrap;
	padding-right: 2px;
}

/* Display options on viewtopic/viewforum pages  */
fieldset.display-options {
	text-align: center;
	margin: 3px 0 5px 0;
}

fieldset.display-options label {
	white-space: nowrap;
	padding-right: 2px;
}

fieldset.display-options a {
	margin-top: 3px;
}

.dropdown fieldset.display-options {
	font-size: 1em;
	margin: 0;
	padding: 0;
}

.dropdown fieldset.display-options label {
	display: block;
	margin: 4px;
	padding: 0;
	text-align: right;
	white-space: nowrap;
}

.dropdown fieldset.display-options select {
	min-width: 120px;
}

/* Display actions for ucp and mcp pages */
fieldset.display-actions {
	text-align: right;
	line-height: 2em;
	white-space: nowrap;
	padding-right: 1em;
}

fieldset.display-actions label {
	white-space: nowrap;
	padding-right: 2px;
}

fieldset.sort-options {
	line-height: 2em;
}

/* MCP forum selection*/
fieldset.forum-selection {
	margin: 5px 0 3px 0;
	float: right;
}

fieldset.forum-selection2 {
	margin: 13px 0 3px 0;
	float: right;
}

/* Submit button fieldset */
fieldset.submit-buttons {
	text-align: center;
	vertical-align: middle;
	margin: 5px 0;
}

fieldset.submit-buttons input {
	vertical-align: middle;
}

/* Posting page styles
----------------------------------------*/

/* Buttons used in the editor */
.format-buttons {
	margin: 15px 0 2px 0;
}

.format-buttons input, .format-buttons select {
	vertical-align: middle;
}

/* Main message box */
.message-box {
	width: 80%;
}

.message-box textarea {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 450px;
	height: 270px;
	min-width: 100%;
	max-width: 100%;
	font-size: 1.2em;
	resize: vertical;
	outline: 3px dashed transparent;
	outline-offset: -4px;
	-webkit-transition: all .5s ease, height 1ms linear;
	-moz-transition: all .5s ease, height 1ms linear;
	-ms-transition: all .5s ease, height 1ms linear;
	-o-transition: all .5s ease, height 1ms linear;
	transition: all .5s ease, height 1ms linear;
}

/* Emoticons panel */
.smiley-box {
	width: 18%;
	float: right;
}

.smiley-box img {
	margin: 3px;
}

/* Input field styles
---------------------------------------- */
.inputbox {
	border: 1px solid transparent;
	padding: 2px;
}

.inputbox:hover, .inputbox:focus {
	border: 1px solid transparent;
	outline-style: none;
}

input.inputbox	{ width: 85%; }
input.medium	{ width: 50%; }
input.narrow	{ width: 25%; }
input.tiny	{ width: 150px; }

textarea.inputbox {
	width: 85%;
}

.autowidth {
	width: auto !important;
}

input[type="number"] {
	-moz-padding-end: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

input[type="search"]::-webkit-search-cancel-button {
	cursor: pointer;
}

/* Form button styles
---------------------------------------- */
input.button1, input.button2 {
	font-size: 1em;
}

a.button1, input.button1, input.button3, a.button2, input.button2 {
	width: auto !important;
	padding-top: 1px;
	padding-bottom: 1px;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	background: transparent none repeat-x top left;
	line-height: 1.5;
}

a.button1, input.button1 {
	font-weight: bold;
	border: 1px solid transparent;
}

input.button3 {
	padding: 0;
	margin: 0;
	line-height: 5px;
	height: 12px;
	background-image: none;
	font-variant: small-caps;
}

input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"], .search-results li {
	cursor: pointer;
}

/* Alternative button */
a.button2, input.button2, input.button3 {
	border: 1px solid transparent;
}

/* <a> button in the style of the form buttons */
a.button1, a.button2 {
	text-decoration: none;
	padding: 0 3px;
	vertical-align: text-bottom;
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	border: 1px solid transparent;
}

input.disabled {
	font-weight: normal;
}

/* Focus states */
input.button1:focus, input.button2:focus, input.button3:focus {
	outline-style: none;
}

/* Topic and forum Search */
.search-box {
	float: left;
}

.search-box .inputbox {
	background-image: none;
	border-right-width: 0;
	border-radius: 4px 0 0 4px;
	float: left;
	height: 24px;
	padding: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Search box (header)
--------------------------------------------- */
.search-header {
	border-radius: 4px;
	display: block;
	float: right;
	margin-right: 5px;
	margin-top: 30px;
}

.search-header .inputbox { border: 0; }

.navbar .linklist > li.responsive-search { display: none; }

input.search {
	background-image: none;
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 17px;
}

.full { width: 95%; }
.medium { width: 50%; }
.narrow { width: 25%; }
.tiny { width: 10%; }

/* icons.css */
/* --------------------------------------------------------------
	$Icons
-------------------------------------------------------------- */

/* Global module setup
--------------------------------*/

/* Renamed version of .fa class for agnostic usage of icon fonts.
 * Just change the name of the font after the 14/1 to the name of
 * the font you wish to use.
 */
.icon, .button .icon, blockquote cite:before, .uncited:before {
	display: inline-block;
  	font-family: FontAwesome;
  	font-weight: normal;
  	font-style: normal;
  	font-variant: normal;
  	font-size: 14px;
  	line-height: 1;
  	text-rendering: auto; /* optimizelegibility throws things off #1094 */
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}

.icon:before { padding-right: 2px; }

.button .icon:before {
	padding-right: 0;
}

/* Icon size classes - Default size is 14px, use these for small variations */

.icon.icon-xl {
	font-size: 20px;
}

.icon.icon-lg {
	font-size: 16px;
}

.icon.icon-md {
	font-size: 10px;
}

.icon.icon-sm {
	font-size: 8px;
}

/* icon modifiers */
.icon-tiny {
	width: 12px;
	transform: scale(0.65, 0.75);
	vertical-align: text-bottom;
	font-size: 16px;
}

.arrow-left .icon {
	float: left;
}

.arrow-left:hover .icon {
	margin-left: -5px;
	margin-right: 5px;
}

.arrow-right .icon {
	float: right;
}

.arrow-right:hover .icon {
	margin-left: 5px;
	margin-right: -5px;
}

.post-buttons .dropdown-contents .icon {
	float: right;
	margin-left: 5px;
}

.alert_close .icon:before {
	padding: 0;
	border-radius: 50%;
	width: 11px;
	display: block;
	line-height: .9;
	height: 12px;
}

blockquote cite:before, .uncited:before {
	content: '\f10d'; /* Font Awesome quote-left */
}

.rtl blockquote cite:before, .rtl .uncited:before {
	content: '\f10e'; /* Font Awesome quote-right */
}


/* colours.css */
/*
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */

html, body {
	color: #536482;
	background-color: #F5F7FA;
}

h1 {
	color: #FFFFFF;
}

h2 {
	color: #28313F;
}

h3 {
	border-bottom-color: #CCCCCC;
	color: #115098;
}

hr {
	border-color: #FFFFFF;
	border-top-color: #CCCCCC;
}

/*
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */

a { color: #105289; }
a:hover { color: #D31141; }

/* Links on gradient backgrounds */
.forumbg .header a, .forabg .header a, th a {
	color: #FFFFFF;
}

.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
	color: #A8D8FF;
}

/* Notification mark read link */
.dropdown-extended a.mark_read {
	background-color: #FFFFFF;
}

/* Post body links */
.postlink {
	border-bottom-color: #368AD2;
	color: #368AD2;
}

.postlink:visited {
	border-bottom-color: #5D8FBD;
	color: #5D8FBD;
}

.postlink:hover {
	background-color: #D0E4F6;
	color: #0D4473;
}

.signature a, .signature a:hover {
	background-color: transparent;
}

/* Back to top of page */
.top i {
	color: #999999;
}

/* Arrow links  */
.arrow-left:hover, .arrow-right:hover {
	color: #368AD2;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.wrap {
	background-color: #FFF;
	border-color: #E6E9ED;
}

.headerbar {
	color: #FFFFFF;
}

.headerbar, .forumbg {
	background-color: #12A3EB;
	background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #0076B1 2px, #12A3EB 92px, #12A3EB 100%);
	background-image: linear-gradient(to bottom, #6ACEFF 0%,#0076B1 2px,#12A3EB 92px,#12A3EB 100%);
	background-repeat: repeat-x;
}

.forabg {
	background-color: #0076B1;
	background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #12A3EB 2px, #0076B1 92px, #0076B1 100%);
	background-image: linear-gradient(to bottom, #6ACEFF 0%,#12A3EB 2px,#0076B1 92px,#0076B1 100%);
	background-repeat: repeat-x;
}

.navbar {
	background-color: #CADCEB;
}

.panel {
	background-color: #ECF1F3;
	color: #28313F;
}

.post:target .content {
	color: #000000;
}

.post h3 a.first-unread,
.post:target h3 a {
	color: #000000;
}

.bg1 {
	background-color: #ECF3F7;
}

table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
	background-color: #ECF3F7;
}

.bg2 {
	background-color: #E1EBF2;
}

table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
	background-color: #E1EBF2;
}

.bg3 {
	background-color: #CADCEB;
}

.ucprowbg {
	background-color: #DCDEE2;
}

.fieldsbg {
	background-color: #E7E8EA;
}

.site_logo {
	background-image: url("./images/site_logo.svg");
}

/* Horizontal lists
----------------------------------------*/

ul.navlinks {
	border-top-color: #FFFFFF;
}

/* Table styles
----------------------------------------*/
table.table1 thead th {
	color: #FFFFFF;
}

table.table1 tbody tr {
	border-color: #BFC1CF;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	background-color: #CFE1F6;
	color: #000;
}

table.table1 td {
	color: #536482;
}

table.table1 tbody td {
	border-top-color: #FAFAFA;
}

table.table1 tbody th {
	border-bottom-color: #000000;
	color: #333333;
	background-color: #FFFFFF;
}

table.info tbody th {
	color: #000000;
}

/* Misc layout styles
---------------------------------------- */
dl.details dt {
	color: #000000;
}

dl.details dd {
	color: #536482;
}

.sep {
	color: #1198D9;
}

/* Icon styles
---------------------------------------- */
.icon.icon-blue, a:hover .icon.icon-blue {
	color: #196db5;
}

.icon.icon-green, a:hover .icon.icon-green {
	color: #1b9A1B;
}

.icon.icon-red, a:hover .icon.icon-red {
	color: #BC2A4D;
}

.icon.icon-orange, a:hover .icon.icon-orange {
	color: #FF6600;
}

.icon.icon-bluegray, a:hover .icon.icon-bluegray {
	color: #536482;
}

.icon.icon-gray, a:hover .icon.icon-gray {
	color: #777777;
}

.icon.icon-lightgray, a:hover .icon.icon-lightgray {
	color: #999999;
}

.icon.icon-black, a:hover .icon.icon-black {
	color: #333333;
}

.alert_close .icon:before {
	background-color: #FFFFFF;
}

/* Jumpbox */
.jumpbox .dropdown li {
	border-top-color: #CCCCCC;
}

.jumpbox-cat-link {
	background-color: #0076b1;
	border-top-color: #0076B1;
	color: #FFFFFF;
}

.jumpbox-cat-link:hover {
	background-color: #12A3EB;
	border-top-color: #12A3EB;
	color: #FFFFFF;
}

.jumpbox-forum-link {
	background-color: #E1EBF2;
}

.jumpbox-forum-link:hover {
	background-color: #F6F4D0;
}

.jumpbox .dropdown .pointer-inner {
	border-color: #E1EBF2 transparent;
}

.jumpbox-sub-link {
	background-color: #E1EBF2;
}

.jumpbox-sub-link:hover {
	background-color: #F1F8FF;
}

/* Miscellaneous styles
---------------------------------------- */

.copyright {
	color: #555555;
}

.error {
	color: #BC2A4D;
}

.reported {
	background-color: #F7ECEF;
}

li.reported:hover {
	background-color: #ECD5D8 !important;
}
.sticky, .announce {
	/* you can add a background for stickies and announcements*/
}

div.rules {
	background-color: #ECD5D8;
	color: #BC2A4D;
}

p.post-notice {
	background-color: #ECD5D8;
	background-image: none;
}

/*
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */

ul.forums {
	background-color: #EEF5F9; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #D2E0EB 0%, #EEF5F9 100%);
	background-image: linear-gradient(to bottom, #D2E0EB 0%,#EEF5F9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2E0EB', endColorstr='#EEF5F9',GradientType=0 ); /* IE6-9 */
}

ul.topiclist li {
	color: #4C5D77;
}

ul.topiclist dd {
	border-left-color: #FFFFFF;
}

.rtl ul.topiclist dd {
	border-right-color: #FFFFFF;
	border-left-color: transparent;
}

li.row {
	border-top-color: #FFFFFF;
	border-bottom-color: #00608F;
}

li.row strong {
	color: #000000;
}

li.row:hover {
	background-color: #F6F4D0;
}

li.row:hover dd {
	border-left-color: #CCCCCC;
}

.rtl li.row:hover dd {
	border-right-color: #CCCCCC;
	border-left-color: transparent;
}

li.header dt, li.header dd {
	color: #FFFFFF;
}

/* Post body styles
----------------------------------------*/
.postbody {
	color: #333333;
}

/* Content container styles
----------------------------------------*/
.content {
	color: #333333;
}

.content h2, .panel h2 {
	color: #115098;
	border-bottom-color: #CCCCCC;
}

dl.faq dt {
	color: #333333;
}

.posthilit {
	background-color: #F3BFCC;
	color: #BC2A4D;
}

.announce, .unreadpost {
	/* Highlight the announcements & unread posts box */
}

/* Post signature */
.signature {
	border-top-color: #CCCCCC;
}

/* Post noticies */
.notice {
	border-top-color: #CCCCCC;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
	background-color: #EBEADD;
	border-color:#DBDBCE;
}

blockquote blockquote {
	/* Nested quotes */
	background-color: #EFEED9;
}

blockquote blockquote blockquote {
	/* Nested quotes */
	background-color: #EBEADD;
}

/* Code block */
.codebox {
	background-color: #FFFFFF;
	border-color: #C9D2D8;
}

.codebox p {
	border-bottom-color: #CCCCCC;
}

.codebox code {
	color: #2E8B57;
}

/* Attachments
----------------------------------------*/
.attachbox {
	background-color: #FFFFFF;
	border-color: #C9D2D8;
}

.pm-message .attachbox {
	background-color: #F2F3F3;
}

.attachbox dd {
	border-top-color: #C9D2D8;
}

.attachbox p {
	color: #666666;
}

.attachbox p.stats {
	color: #666666;
}

.attach-image img {
	border-color: #999999;
}

/* Inline image thumbnails */

dl.file dd {
	color: #666666;
}

dl.thumbnail img {
	border-color: #666666;
	background-color: #FFFFFF;
}

dl.thumbnail dd {
	color: #666666;
}

dl.thumbnail dt a:hover {
	background-color: #EEEEEE;
}

dl.thumbnail dt a:hover img {
	border-color: #368AD2;
}

/* Post poll styles
----------------------------------------*/

fieldset.polls dl {
	border-top-color: #DCDEE2;
	color: #666666;
}

fieldset.polls dl.voted {
	color: #000000;
}

fieldset.polls dd div {
	color: #FFFFFF;
}

.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
	border-right-color: transparent;
}

.pollbar1 {
	background-color: #AA2346;
	border-bottom-color: #74162C;
	border-right-color: #74162C;
}

.rtl .pollbar1 {
	border-left-color: #74162C;
}

.pollbar2 {
	background-color: #BE1E4A;
	border-bottom-color: #8C1C38;
	border-right-color: #8C1C38;
}

.rtl .pollbar2 {
	border-left-color: #8C1C38;
}

.pollbar3 {
	background-color: #D11A4E;
	border-bottom-color: #AA2346;
	border-right-color: #AA2346;
}

.rtl .pollbar3 {
	border-left-color: #AA2346;
}

.pollbar4 {
	background-color: #E41653;
	border-bottom-color: #BE1E4A;
	border-right-color: #BE1E4A;
}

.rtl .pollbar4 {
	border-left-color: #BE1E4A;
}

.pollbar5 {
	background-color: #F81157;
	border-bottom-color: #D11A4E;
	border-right-color: #D11A4E;
}

.rtl .pollbar5 {
	border-left-color: #D11A4E;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
	color: #666666;
	border-color: #FFFFFF;
}

.pm .postprofile {
	border-color: #DDDDDD;
}

.postprofile strong {
	color: #000000;
}

.online {
	background-image: url("./en/icon_user_online.gif");
}

dd.profile-warnings {
	color: #BC2A4D;
}

/*
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */
.button {
	border-color: #C7C3BF;
	background-color: #E9E9E9; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E9E9E9 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%,#E9E9E9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E9E9E9',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 0 0 1px #FFFFFF inset;
	-webkit-box-shadow: 0 0 0 1px #FFFFFF inset;
	color: #D31141;
}

.button:hover,
.button:focus {
	border-color: #0A8ED0;
	background-color: #FFFFFF; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #E9E9E9 0%, #FFFFFF 100%);
	background-image: linear-gradient(to bottom, #E9E9E9 0%,#FFFFFF 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9E9E9', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
	text-shadow: 1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, -1px -1px 0 rgba(188, 42, 77, 0.2);
}

.button .icon,
.button-secondary {
	color: #8f8f8f;
}

.button-secondary:focus,
.button-secondary:hover,
.button:focus .icon,
.button:hover .icon {
	color: #0A8ED0;
}

.button-search:hover,
.button-search-end:hover {
	border-color: #C7C3BF;
}

.caret	{ border-color: #DADADA; }
.caret	{ border-color: #C7C3BF; }

.contact-icons a	{ border-color: #DCDCDC; }
.contact-icons a:hover	{ background-color: #F2F6F9; }

/* Pagination
---------------------------------------- */

.pagination li a {
	background: #ECEDEE;
	filter: none;
	border-color: #B4BAC0;
	box-shadow: none;
	-webkit-box-shadow: none;
	color: #5C758C;
}

.pagination li.ellipsis span {
	background: transparent;
	color: #000000;
}

.pagination li.active span {
	background: #4692BF;
	border-color: #4692BF;
	color: #FFFFFF;
}

.pagination li a:hover, .pagination li a:hover .icon, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
	background: #368AD2;
	border-color: #368AD2;
	filter: none;
	color: #FFFFFF;
	text-shadow: none;
}

/* Search box
--------------------------------------------- */

.search-box .inputbox,
.search-box .inputbox:hover,
.search-box .inputbox:focus {
	border-color: #C7C3BF;
}

.search-header {
	box-shadow: 0 0 10px #0075B0;
}

.search-results li:hover,
.search-results li.active {
	background-color: #CFE1F6;
}

/* Icon images
---------------------------------------- */

.contact-icon						{ background-image: url("./images/icons_contact.png"); }

/* Profile & navigation icons */
.pm-icon						{ background-position: 0 0; }
.email-icon						{ background-position: -21px 0; }
.jabber-icon						{ background-position: -80px 0; }
.phpbb_icq-icon						{ background-position: -61px 0 ; }
.phpbb_wlm-icon						{ background-position: -182px 0; }
.phpbb_aol-icon						{ background-position: -244px 0; }
.phpbb_website-icon					{ background-position: -40px 0; }
.phpbb_youtube-icon					{ background-position: -98px 0; }
.phpbb_facebook-icon					{ background-position: -119px 0; }
.phpbb_skype-icon					{ background-position: -161px 0; }
.phpbb_twitter-icon					{ background-position: -202px 0; }
.phpbb_yahoo-icon					{ background-position: -224px 0; }

/* Forum icons & Topic icons */
.global_read						{ background-image: url("./images/announce_read.gif"); }
.global_read_mine					{ background-image: url("./images/announce_read_mine.gif"); }
.global_read_locked					{ background-image: url("./images/announce_read_locked.gif"); }
.global_read_locked_mine				{ background-image: url("./images/announce_read_locked_mine.gif"); }
.global_unread						{ background-image: url("./images/announce_unread.gif"); }
.global_unread_mine					{ background-image: url("./images/announce_unread_mine.gif"); }
.global_unread_locked					{ background-image: url("./images/announce_unread_locked.gif"); }
.global_unread_locked_mine				{ background-image: url("./images/announce_unread_locked_mine.gif"); }

.announce_read						{ background-image: url("./images/announce_read.gif"); }
.announce_read_mine					{ background-image: url("./images/announce_read_mine.gif"); }
.announce_read_locked					{ background-image: url("./images/announce_read_locked.gif"); }
.announce_read_locked_mine				{ background-image: url("./images/announce_read_locked_mine.gif"); }
.announce_unread					{ background-image: url("./images/announce_unread.gif"); }
.announce_unread_mine					{ background-image: url("./images/announce_unread_mine.gif"); }
.announce_unread_locked					{ background-image: url("./images/announce_unread_locked.gif"); }
.announce_unread_locked_mine				{ background-image: url("./images/announce_unread_locked_mine.gif"); }

.forum_link						{ background-image: url("./images/forum_link.gif"); }
.forum_read						{ background-image: url("./images/forum_read.gif"); }
.forum_read_locked					{ background-image: url("./images/forum_read_locked.gif"); }
.forum_read_subforum					{ background-image: url("./images/forum_read_subforum.gif"); }
.forum_unread						{ background-image: url("./images/forum_unread.gif"); }
.forum_unread_locked					{ background-image: url("./images/forum_unread_locked.gif"); }
.forum_unread_subforum					{ background-image: url("./images/forum_unread_subforum.gif"); }

.sticky_read						{ background-image: url("./images/sticky_read.gif"); }
.sticky_read_mine					{ background-image: url("./images/sticky_read_mine.gif"); }
.sticky_read_locked					{ background-image: url("./images/sticky_read_locked.gif"); }
.sticky_read_locked_mine				{ background-image: url("./images/sticky_read_locked_mine.gif"); }
.sticky_unread						{ background-image: url("./images/sticky_unread.gif"); }
.sticky_unread_mine					{ background-image: url("./images/sticky_unread_mine.gif"); }
.sticky_unread_locked					{ background-image: url("./images/sticky_unread_locked.gif"); }
.sticky_unread_locked_mine				{ background-image: url("./images/sticky_unread_locked_mine.gif"); }

.topic_moved						{ background-image: url("./images/topic_moved.gif"); }
.pm_read,
.topic_read						{ background-image: url("./images/topic_read.gif"); }
.topic_read_mine					{ background-image: url("./images/topic_read_mine.gif"); }
.topic_read_hot						{ background-image: url("./images/topic_read_hot.gif"); }
.topic_read_hot_mine					{ background-image: url("./images/topic_read_hot_mine.gif"); }
.topic_read_locked					{ background-image: url("./images/topic_read_locked.gif"); }
.topic_read_locked_mine					{ background-image: url("./images/topic_read_locked_mine.gif"); }
.pm_unread,
.topic_unread						{ background-image: url("./images/topic_unread.gif"); }
.topic_unread_mine					{ background-image: url("./images/topic_unread_mine.gif"); }
.topic_unread_hot					{ background-image: url("./images/topic_unread_hot.gif"); }
.topic_unread_hot_mine					{ background-image: url("./images/topic_unread_hot_mine.gif"); }
.topic_unread_locked					{ background-image: url("./images/topic_unread_locked.gif"); }
.topic_unread_locked_mine				{ background-image: url("./images/topic_unread_locked_mine.gif"); }


/*
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */

/* Main CP box
----------------------------------------*/

.panel-container h3, .panel-container hr, .cp-menu hr {
	border-color: #A4B3BF;
}

.panel-container .panel li.row {
	border-bottom-color: #B5C1CB;
	border-top-color: #F9F9F9;
}

ul.cplist {
	border-top-color: #B5C1CB;
}

.panel-container .panel li.header dd, .panel-container .panel li.header dt {
	color: #000000;
}

.panel-container table.table1 thead th {
	color: #333333;
	border-bottom-color: #333333;
}

.cp-main .pm-message {
	border-color: #DBDEE2;
	background-color: #FFFFFF;
}

/* CP tabbed menu
----------------------------------------*/
.tabs .tab > a {
	background: #BACCD9;
	color: #536482;
}

.tabs .tab > a:hover {
	background: #DDEDFB;
	color: #D31141;
}

.tabs .activetab > a,
.tabs .activetab > a:hover {
	background-color: #CADCEB; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%);
	background-image: linear-gradient(to bottom, #E2F2FF 0%,#CADCEB 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E2F2FF', endColorstr='#CADCEB',GradientType=0 ); /* IE6-9 */
	border-color: #CADCEB;
	box-shadow: 0 1px 1px #F2F9FF inset;
	color: #333333;
}

.tabs .activetab > a:hover {
	color: #000000;
}

/* Mini tabbed menu used in MCP
----------------------------------------*/
.minitabs .tab > a {
	background-color: #E1EBF2;
}

.minitabs .activetab > a,
.minitabs .activetab > a:hover {
	background-color: #F9F9F9;
	color: #333333;
}

/* Responsive tabs
----------------------------------------*/
.responsive-tab .responsive-tab-link:before {
	border-color: #536482;
}

.responsive-tab .responsive-tab-link:hover:before {
	border-color: #D31141;
}

/* UCP navigation menu
----------------------------------------*/

/* Link styles for the sub-section links */
.navigation a {
	color: #333;
	background: #CADCEB; /* Old browsers */ /* FF3.6+ */
	background: -webkit-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%);
	background: linear-gradient(to right, #B4C4D1 50%,#CADCEB 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4C4D1', endColorstr='#CADCEB',GradientType=1 ); /* IE6-9 */
}

.rtl .navigation a {
	background: #B4C4D1; /* Old browsers */ /* FF3.6+ */
	background: -webkit-linear-gradient(left, #CADCEB 50%, #B4C4D1 100%);
	background: linear-gradient(to right, #CADCEB 50%,#B4C4D1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CADCEB', endColorstr='#B4C4D1',GradientType=1 ); /* IE6-9 */
}

.navigation a:hover {
	background: #AABAC6;
	color: #BC2A4D;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.navigation .active-subsection a {
	background: #F9F9F9;
	color: #D31141;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.navigation .active-subsection a:hover {
	color: #D31141;
}

@media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
{
	#navigation a, .rtl #navigation a {
		background: #B2C2CF;
	}
}

/* Preferences pane layout
----------------------------------------*/
.panel-container h2 {
	color: #333333;
}

.panel-container .panel {
	background-color: #F9F9F9;
}

.cp-main .pm {
	background-color: #FFFFFF;
}

/* Friends list */
.cp-mini {
	background-color: #EEF5F9;
}

dl.mini dt {
	color: #425067;
}

/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
	color: #000000 !important;
}

/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
	border-left-color: #BC2A4D;
	border-right-color: #BC2A4D;
}

.pmlist li.pm_marked_colour, .pm_marked_colour {
	border-color: #FF6600;
}

.pmlist li.pm_replied_colour, .pm_replied_colour {
	border-color: #A9B8C2;
}

.pmlist li.pm_friend_colour, .pm_friend_colour {
	border-color: #5D8FBD;
}

.pmlist li.pm_foe_colour, .pm_foe_colour {
	border-color: #000000;
}

/* Avatar gallery */
.gallery label {
	background: #FFFFFF;
	border-color: #CCC;
}

.gallery label:hover {
	background-color: #EEE;
}

/*
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */

/* General form styles
----------------------------------------*/
select {
	border-color: #666666;
	background-color: #FAFAFA;
	color: #000;
}

label {
	color: #425067;
}

option.disabled-option {
	color: graytext;
}

/* Definition list layout for forms
---------------------------------------- */
dd label {
	color: #333;
}

fieldset.fields1 {
	background-color: transparent;
}

/* Hover effects */
fieldset dl:hover dt label {
	color: #000000;
}

fieldset.fields2 dl:hover dt label {
	color: inherit;
}

/* Quick-login on index page */
fieldset.quick-login input.inputbox {
	background-color: #F2F3F3;
}

/* Posting page styles
----------------------------------------*/

.message-box textarea {
	color: #333333;
}

.message-box textarea.drag-n-drop {
	outline-color: rgba(102, 102, 102, 0.5);
}

.message-box textarea.drag-n-drop-highlight {
	outline-color: rgba(17, 163, 234, 0.5);
}

/* Input field styles
---------------------------------------- */
.inputbox {
	background-color: #FFFFFF;
	border-color: #B4BAC0;
	color: #333333;
}

.inputbox:-moz-placeholder {
	color: #333333;
}

.inputbox::-webkit-input-placeholder {
	color: #333333;
}

.inputbox:hover {
	border-color: #11A3EA;
}

.inputbox:focus {
	border-color: #11A3EA;
}

.inputbox:focus:-moz-placeholder {
	color: transparent;
}

.inputbox:focus::-webkit-input-placeholder {
	color: transparent;
}


/* Form button styles
---------------------------------------- */

a.button1, input.button1, input.button3, a.button2, input.button2 {
	color: #000;
	background-color: #EFEFEF; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #D2D2D2 0%, #EFEFEF 100%);
	background-image: linear-gradient(to bottom, #D2D2D2 0%,#EFEFEF 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2D2D2', endColorstr='#EFEFEF',GradientType=0 ); /* IE6-9 */
}

a.button1, input.button1 {
	border-color: #666666;
}

input.button3 {
	background-image: none;
}

/* Alternative button */
a.button2, input.button2, input.button3 {
	border-color: #666666;
}

/* <a> button in the style of the form buttons */
a.button1, a.button2 {
	color: #000000;
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	border-color: #D31141;
	color: #D31141;
	background-color: #D2D2D2; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #EFEFEF 0%, #D2D2D2 100%);
	background-image: linear-gradient(to bottom, #EFEFEF 0%,#D2D2D2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFEF', endColorstr='#D2D2D2',GradientType=0 ); /* IE6-9 */
}

/* Focus states */
input.button1:focus, input.button2:focus, input.button3:focus {
	border-color: #11A3EA;
	color: #0F4987;
}

input.disabled {
	color: #666666;
}

/* jQuery popups
---------------------------------------- */
.scx_alert {
	background-color: #FFFFFF;
	border-color: #999999;
}
.darken {
	background-color: #000000;
}

.loading_indicator {
	background-color: #000000;
	background-image: url("./images/loading.gif");
}

.dropdown-extended ul li {
	border-top-color: #B9B9B9;
}

.dropdown-extended ul li:hover {
	background-color: #CFE1F6;
	color: #000000;
}

.dropdown-extended .header, .dropdown-extended .footer {
	border-color: #B9B9B9;
	color: #000000;
}

.dropdown-extended .footer {
	border-top-style: solid;
	border-top-width: 1px;
}

.dropdown-extended .header {
	background-color: #F1F8FF; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%);
	background-image: linear-gradient(to bottom, #F1F8FF 0%,#CADCEB 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1F8FF', endColorstr='#CADCEB',GradientType=0 ); /* IE6-9 */
}

.dropdown .pointer {
	border-color: #B9B9B9 transparent;
}

.dropdown .pointer-inner {
	border-color: #FFF transparent;
}

.dropdown-extended .pointer-inner {
	border-color: #F1F8FF transparent;
}

.dropdown .dropdown-contents {
	background: #fff;
	border-color: #B9B9B9;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
}

.dropdown-up .dropdown-contents {
	box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
}

.dropdown li, .dropdown li li {
	border-color: #DCDCDC;
}

.dropdown li.separator {
	border-color: #DCDCDC;
}

/* Notifications
---------------------------------------- */

.notification_list p.notification-time {
	color: #4C5D77;
}

li.notification-reported strong, li.notification-disapproved strong {
	color: #D31141;
}

.badge {
	background-color: #D31141;
	color: #ffffff;
}

/* responsive.css */
/* Responsive Design
---------------------------------------- */

@media (max-width: 320px) {
	select, .inputbox {
		max-width: 240px;
	}
}

/* Notifications list
----------------------------------------*/
@media (max-width: 350px) {
	.dropdown-extended .dropdown-contents {
		width: auto;
	}
}

@media (max-width: 430px) {
	.action-bar .search-box .inputbox {
		width: 120px;
	}

	.section-viewtopic .search-box .inputbox {
		width: 57px;
	}
}

@media (max-width: 500px) {
	dd label {
		white-space: normal;
	}

	select, .inputbox {
		max-width: 260px;
	}

	.captcha-panel dd.captcha {
		margin-left: 0;
	}

	.captcha-panel dd.captcha-image img {
		width: 100%;
	}

	dl.details dt, dl.details dd {
		width: auto;
		float: none;
		text-align: left;
	}

	dl.details dd {
		margin-left: 20px;
	}

	p.responsive-center {
		float: none;
		text-align: center;
		margin-bottom: 5px;
	}

	.action-bar > div {
		margin-bottom: 5px;
 	}

	.action-bar > .pagination {
		float: none;
		clear: both;
		padding-bottom: 1px;
		text-align: center;
	}

	.action-bar > .pagination li.page-jump {
		margin: 0 2px;
	}

	p.jumpbox-return {
		display: none;
	}

	.display-options > label:nth-child(1) {
		display: block;
		margin-bottom: 5px;
	}

	.attach-controls {
		margin-top: 5px;
		width: 100%;
	}

	.quick-links .dropdown-trigger span {
		display: none;
	}
}

@media (max-width: 550px) {
	ul.topiclist.forums dt {
		margin-right: 0;
	}

	ul.topiclist.forums dt .list-inner {
		margin-right: 0;
	}

	ul.topiclist.forums dd.lastpost {
		display: none;
	}
}

@media (max-width: 700px) {
	.responsive-hide { display: none !important; }
	.responsive-show { display: block !important; }
	.responsive-show-inline { display: inline !important; }
	.responsive-show-inline-block { display: inline-block !important; }

	/* Content wrappers
	----------------------------------------*/
	html {
		height: auto;
	}

	body {
		padding: 0;
	}

	.wrap {
		border: none;
		border-radius: 0;
		margin: 0;
		min-width: 290px;
		padding: 0 5px;
	}

	/* Common block wrappers
	----------------------------------------*/
	.headerbar, .navbar, .forabg, .forumbg, .post, .panel {
		border-radius: 0;
		margin-left: -5px;
		margin-right: -5px;
	}

	.cp-main .forabg, .cp-main .forumbg, .cp-main .post, .cp-main .panel {
		border-radius: 7px;
	}

	/* Logo block
	----------------------------------------*/
	.site-description {
		float: none;
		width: auto;
		text-align: center;
	}

	.logo {
		/* change display value to inline-block to show logo */
		display: none;
		float: none;
		padding: 10px;
	}

	.site-description h1, .site-description p {
		text-align: inherit;
		float: none;
		margin: 5px;
		line-height: 1.2em;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.site-description p, .search-header {
		display: none;
	}

	/* Navigation
	----------------------------------------*/
	.headerbar + .navbar {
		margin-top: -5px;
	}

	/* Search
	----------------------------------------*/
	.responsive-search { display: block !important; }

	/* .topiclist lists
	----------------------------------------*/
	li.header dt {
		text-align: center;
		text-transform: none;
		line-height: 1em;
		font-size: 1.2em;
		padding-bottom: 4px;
	}

	ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner {
		margin-right: 0 !important;
		padding-right: 0;
	}

	ul.topiclist li.header dd {
		display: none !important;
	}

	ul.topiclist dt, ul.topiclist dt .list-inner,
	ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner,
	ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner,
	ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner {
		margin-right: 0;
	}

	ul.topiclist dt .list-inner.with-mark {
		padding-right: 34px;
	}

	ul.topiclist dt .list-inner {
		min-height: 28px;
	}

	ul.topiclist li.header dt .list-inner {
		min-height: 0;
	}

	ul.topiclist dd {
		display: none;
	}
	ul.topiclist dd.mark {
		display: block;
	}

	/* Forums and topics lists
	----------------------------------------*/
	ul.topiclist.forums dt {
		margin-right: -250px;
	}

	ul.topiclist dd.mark {
		display: block;
		position: absolute;
		right: 5px;
		top: 0;
		margin: 0;
		width: auto;
		min-width: 0;
		text-align: left;
	}

	ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn {
		position: relative;
		left: 0;
		width: auto;
		display: inline;
		font-weight: normal;
	}

	li.row .responsive-show strong {
		font-weight: bold;
		color: inherit;
	}

	ul.topiclist li.row dt a.subforum {
		vertical-align: bottom;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100px;
	}

	/* Pagination
	----------------------------------------*/
	.pagination > ul {
		margin: 5px 0 0;
	}

	.row .pagination .ellipsis + li {
		display: none !important;
	}

	/* Responsive tables
	----------------------------------------*/
	table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
		display: block;
	}

	table.responsive thead, table.responsive th {
		display: none;
	}

	table.responsive.show-header thead, table.responsive.show-header th:first-child {
		display: block;
		width: auto !important;
		text-align: left !important;
	}

	table.responsive.show-header th:first-child span.rank-img {
		display: none;
	}

	table.responsive tr {
		margin: 2px 0;
	}

	table.responsive td {
		width: auto !important;
		text-align: left !important;
		padding: 4px;
	}

	table.responsive td.empty {
		display: none !important;
	}

	table.responsive td > dfn {
		display: inline-block !important;
	}

	table.responsive td > dfn:after {
		content: ':';
		padding-right: 5px;
	}

	table.responsive span.rank-img {
		float: none;
		padding-right: 5px;
	}

	table.responsive.memberlist td:first-child input[type="checkbox"] {
		float: right;
	}

	/* Forms
	----------------------------------------*/
	fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt {
		width: auto;
		float: none;
	}

	fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd {
		margin-left: 0;
	}

	textarea, dd textarea, .message-box textarea {
		width: 100%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	dl.pmlist dt {
		width: auto !important;
		margin-bottom: 5px;
	}

	dl.pmlist dd {
		display: inline-block;
		margin-left: 0 !important;
	}

	dl.pmlist dd:first-of-type {
		padding-left: 20px;
	}

	.smiley-box, .message-box {
		float: none;
		width: auto;
	}

	.smiley-box {
		margin-top: 5px;
	}

	.bbcode-status {
		display: none;
	}

	.colour-palette, .colour-palette tbody, .colour-palette tr {
		display: block;
	}

	.colour-palette td {
		display: inline-block;
		margin-right: 2px;
	}

	.horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) {
		display: none;
	}

	fieldset.quick-login label {
		display: block;
		margin-bottom: 5px;
		white-space: normal;
	}

	fieldset.quick-login label > span {
		display: inline-block;
		min-width: 100px;
	}

	fieldset.quick-login input.inputbox {
		width: 85%;
		max-width: 300px;
		margin-left: 20px;
	}

	fieldset.quick-login label[for="autologin"] {
		display: inline-block;
		text-align: right;
		min-width: 50%;
	}

	/* User profile
	----------------------------------------*/
	.column1, .column2, .left-box.profile-details {
		float: none;
		width: auto;
		clear: both;
	}

	.avatar-rank-container {
		max-width: 100%;
	}

	/* Polls
	----------------------------------------*/
	fieldset.polls dt {
		width: 90%;
	}

	fieldset.polls dd.resultbar {
		padding-left: 20px;
	}

	fieldset.polls dd.poll_option_percent {
		width: 20%;
	}

	fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent {
		margin-top: 5px;
	}

	/* Post
	----------------------------------------*/
	.postbody {
		position: inherit;
	}

	.postprofile, .postbody, .search .postbody {
		display: block;
		width: auto;
		float: none;
		padding: 0;
		min-height: 0;
	}

	.post .postprofile {
		width: auto;
		border-width: 0 0 1px 0;
		padding-bottom: 5px;
		margin: 0 0 5px 0;
		min-height: 40px;
		overflow: hidden;
	}

	.postprofile dd {
		display: none;
	}

	.postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd {
		display: block;
		margin: 0;
	}

	.postprofile .has-avatar .avatar-container {
		margin: 0;
		overflow: inherit;
	}

	.postprofile .avatar-container:after {
		clear: none;
	}

	.postprofile .avatar {
		margin-right: 5px;
	}

	.postprofile .avatar img {
		width: auto !important;
		height: auto !important;
		max-height: 32px;
	}

	.has-profile .postbody h3 {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.has-profile .post-buttons {
		right: 30px;
		top: 15px;
	}

	.online {
		background-size: 40px;
	}

	/* Misc stuff
	----------------------------------------*/
	h2 {
		margin-top: .5em;
	}

	p {
		margin-bottom: .5em;
		overflow: hidden;
	}

	p.rightside {
		margin-bottom: 0;
	}

	fieldset.display-options label {
		display: block;
		clear: both;
		margin-bottom: 5px;
	}

	dl.mini dd.pm-legend {
		float: left;
		min-width: 200px;
	}

	.topicreview {
		margin: 0 -5px;
		padding: 0 5px;
	}

	fieldset.display-actions {
		white-space: normal;
	}

	.scx_alert {
		width: auto;
		margin: 0 5px;
	}

	.attach-comment dfn {
		width: 100%;
	}
}

@media (min-width: 701px) {
	.postbody {
		width: calc(100% - 200px - 1px - 16px);
	}

	.postprofile {
		width: 200px;
	}
}

@media (min-width: 701px) and (max-width: 950px) {
	ul.topiclist dt {
		margin-right: -410px;
	}

	ul.topiclist dt .list-inner {
		margin-right: 410px;
	}

	dd.posts, dd.topics, dd.views {
		width: 80px;
	}
}

/* scandic.css */


:root {
	--bg: #111317;
	--bg-2: #16191e;
	--surface: #1b1f25;
	--surface-2: #222730;
	--surface-3: #2a303a;
	--border: #2b313b;
	--border-soft: #232831;
	--text: #c3c8d0;
	--muted: #8a919c;
	--heading: #eef1f5;
	--accent: #37b24d;
	--accent-strong: #2b8a3e;
	--accent-soft: rgba(55, 178, 77, .14);
	--link: #6cb0ff;
	--link-hover: #9dcbff;
	--danger: #f0616d;
	--warn: #f5b042;
	--heart: #ff5d7d;
	--radius: 14px;
	--radius-sm: 9px;
	--shadow: 0 1px 0 rgba(255,255,255,.03) inset, 0 8px 24px rgba(0,0,0,.25);
	--font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	color-scheme: dark;
}

/* ---------- Grundlag ---------- */
html, body { background: var(--bg); color: var(--text); }
body {
	font-family: var(--font);
	font-size: 15px;
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
}
.wrap {
	max-width: 1180px;
	background: transparent;
	border: 0;
	padding: 0 20px 24px;
	border-radius: 0;
}
h1, h2, h3, h4 { font-family: var(--font); color: var(--heading); letter-spacing: -.01em; }
h2, .h2 { color: var(--heading); font-weight: 700; }
h3 { border-bottom-color: var(--border); color: var(--heading); text-transform: none; font-weight: 600; }
hr, .divider { border-color: var(--border); }
a, a:visited { color: var(--link); }
a:hover, a:focus { color: var(--link-hover); text-decoration: none; }
::selection { background: var(--accent-soft); color: var(--heading); }
.bg1, .bg2, .bg3 { background: var(--surface); }

/* ---------- Header ---------- */
#page-header { margin-bottom: 4px; }
.headerbar {
	background: transparent;
	color: var(--text);
	padding: 22px 0 14px;
	margin: 0;
	border-radius: 0;
}
.headerbar .inner { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.site-description { display: flex; align-items: center; gap: 14px; float: none; flex: 1 1 auto; width: auto; min-width: 0; }
.site-description .brand {
	margin: 0; font-size: 1.55rem; font-weight: 800; letter-spacing: -.02em;
	color: var(--heading); white-space: nowrap;
}
.site-description p:not(.skiplink) { display: none; }
.logo { padding: 0; float: none; flex: 0 0 auto; }
.site_logo {
	background-image: url("./images/site_logo.svg");
	width: 44px; height: 44px; display: block;
	background-size: contain;
	box-shadow: 0 6px 18px rgba(55,178,77,.25);
	border-radius: 12px;
}

/* Søgefelt i headeren */
.search-header {
	float: none; margin: 0 0 0 auto; border-radius: 999px; box-shadow: none;
	display: flex; background: var(--surface); border: 1px solid var(--border);
	overflow: hidden;
}
.search-header fieldset { display: flex; }
.search-header .inputbox, .search-header .inputbox:hover, .search-header .inputbox:focus {
	background: transparent; border: 0; color: var(--heading);
	padding: 9px 4px 9px 16px; width: 220px; font-size: .95rem; height: auto;
}
.search-header .button-search, .search-header .button-search-end {
	background: transparent; border: 0; color: var(--muted); box-shadow: none; padding: 0 12px; border-radius: 0;
}
.search-header .button-search:hover, .search-header .button-search-end:hover { color: var(--heading); background: var(--surface-2); }
.search-header .button-search-end { border-left: 1px solid var(--border); position: static; display: flex; align-items: center; }
.search-header .button-search { display: flex; align-items: center; float: none; }
.search-header .inputbox { float: none; }
.action-bar, p.right.responsive-center.time, .time { color: var(--muted); }
p.right.responsive-center.time, .page-body > p.right { font-size: .85rem; margin: 12px 4px; }

/* ---------- Navigationslinje ---------- */
.navbar {
	background: var(--surface);
	border: 1px solid var(--border-soft);
	border-radius: var(--radius);
	padding: 6px 10px;
	box-shadow: var(--shadow);
}
.navbar ul.linklist { padding: 4px 2px; border-color: var(--border-soft); }
.navbar ul.linklist > li { padding-top: 0; }
ul.navlinks { border-top: 1px solid var(--border-soft); }
.navbar a, .navbar a:visited, ul.linklist > li > a, .dropdown-trigger { color: var(--text); }
.navbar a:hover, ul.linklist > li > a:hover { color: var(--heading); }
.navbar .icon, ul.linklist .icon { color: var(--muted); }
ul.linklist > li.rightside, p.rightside, a.rightside { text-align: right; }
.crumb a, .crumb a:visited, .breadcrumbs .crumb { color: var(--muted); font-weight: 500; }
.breadcrumbs .crumb:before { color: var(--border); }
.crumb a:hover { color: var(--heading); }
.header-avatar .username { color: var(--heading); }
.avatar, .header-avatar img, img.avatar { border-radius: 50%; }

/* ---------- Dropdowns ---------- */
.dropdown .dropdown-contents {
	background: var(--surface-2); border: 1px solid var(--border);
	border-radius: var(--radius-sm); box-shadow: 0 16px 40px rgba(0,0,0,.45);
}
.dropdown .pointer { border-color: var(--border) transparent; }
.dropdown .pointer-inner { border-color: var(--surface-2) transparent; }
.dropdown li { border-color: var(--border-soft); }
.dropdown li a, .dropdown li a:visited { color: var(--text); }
.dropdown li a:hover, .dropdown-extended ul li:hover { background: var(--surface-3); color: var(--heading); }
.dropdown-extended .header, .dropdown-extended .footer {
	background: var(--surface-3); color: var(--heading); border-color: var(--border);
	text-shadow: none;
}
.dropdown-extended ul li { border-color: var(--border-soft); }
.jumpbox-cat-link, .jumpbox-forum-link, .jumpbox-sub-link { background: transparent; color: var(--text); }
.jumpbox-cat-link { background: var(--surface-3); border-color: var(--border); }

/* ---------- Kategoribokse / emnelister ---------- */
.forabg, .forumbg {
	background: var(--surface);
	border: 1px solid var(--border-soft);
	border-radius: var(--radius);
	padding: 0;
	margin-bottom: 18px;
	box-shadow: var(--shadow);
	overflow: hidden;
}
.forumbg-table { background: var(--surface); }
.forumbg .header a, .forabg .header a, .forumbg .header a:visited, .forabg .header a:visited { color: var(--heading); }
ul.topiclist li.header {
	background: var(--surface-2);
	border-bottom: 1px solid var(--border);
}
ul.topiclist li.header dt, ul.topiclist li.header dd {
	color: var(--muted); font-family: var(--font);
	font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; font-weight: 600;
	padding-top: 12px; padding-bottom: 12px;
}
ul.topiclist li.header dt .list-inner { padding-left: 14px; }
ul.topiclist li.header dt a, ul.topiclist li.header .list-inner a {
	color: var(--heading); font-size: .82rem; letter-spacing: .06em;
}
ul.topiclist li.header dd { border-left: 0; }
ul.forums, ul.topics { background: var(--surface); border-radius: 0; }
ul.topiclist li.row { border-top: 1px solid var(--border-soft); border-bottom: 0; }
ul.topiclist li.row:first-child { border-top: 0; }
li.row:hover, ul.topiclist li.row:hover { background: var(--bg-2); }
ul.topiclist li.row dd { border-left: 0; color: var(--muted); }
ul.topiclist dd.posts, ul.topiclist dd.topics, ul.topiclist dd.views { font-variant-numeric: tabular-nums; }
ul.topiclist dt, ul.topiclist dd { padding-top: 10px; padding-bottom: 10px; }
ul.topiclist dt .list-inner { margin-left: 0; padding-left: 64px; padding-right: 10px; }
ul.topiclist li.header dl.row-item::before, ul.topiclist li.header dl.row-item::after { display: none; }
ul.topiclist li.header dt .list-inner { padding-left: 18px; }
dd.lastpost > span, ul.topiclist dd.info > span, ul.topiclist dd.time > span { padding-left: 4px; }
li.row strong { color: var(--heading); }
.forumtitle, .topictitle, a.forumtitle, a.topictitle {
	color: var(--heading); font-family: var(--font); font-weight: 600; font-size: 1.02rem;
}
a.forumtitle:hover, a.topictitle:hover { color: var(--accent); }
.forum-description, ul.topiclist .list-inner > br + * { color: var(--muted); }
li.row .list-inner, .topic-poster, .responsive-hide { color: var(--muted); }
.row .pagination li a, .row .pagination li span { background: var(--surface-2); border-color: var(--border); color: var(--text); border-radius: 6px; }


ul.topiclist dl.row-item { background-position: 18px 50%; background-size: 30px; }
dl.row-item {
	position: relative;
}
dl.row-item::before {
	content: ""; position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
	width: 36px; height: 36px; border-radius: 11px;
	background: var(--surface-3); border: 1px solid var(--border);
}
dl.row-item::after {
	content: "\f086"; font-family: FontAwesome; position: absolute; left: 14px; top: 50%;
	width: 38px; text-align: center; transform: translateY(-50%);
	font-size: 16px; color: var(--muted);
}
dl.row-item[style], dl.row-item { background-image: none !important; }
dl.forum_unread::before, dl.forum_unread_subforum::before, dl.forum_unread_locked::before,
dl.topic_unread::before, dl.topic_unread_mine::before, dl.topic_unread_hot::before, dl.topic_unread_hot_mine::before,
dl.sticky_unread::before, dl.announce_unread::before, dl.global_unread::before {
	background: var(--accent-soft); border-color: rgba(55,178,77,.45);
}
dl.forum_unread::after, dl.forum_unread_subforum::after, dl.forum_unread_locked::after,
dl.topic_unread::after, dl.topic_unread_mine::after, dl.topic_unread_hot::after, dl.topic_unread_hot_mine::after,
dl.sticky_unread::after, dl.announce_unread::after, dl.global_unread::after { color: var(--accent); }
dl.forum_read_locked::after, dl.forum_unread_locked::after, dl.topic_read_locked::after, dl.topic_unread_locked::after { content: "\f023"; }
dl.sticky_read::after, dl.sticky_unread::after { content: "\f08d"; }
dl.announce_read::after, dl.announce_unread::after, dl.global_read::after, dl.global_unread::after { content: "\f0a1"; }
dl.forum_link::after { content: "\f0c1"; }
dl.topic_moved::after { content: "\f061"; }
dl.topic_read_hot::after, dl.topic_unread_hot::after { content: "\f06d"; }

/* Opslag & meddelelser */
.announce, .sticky, ul.topiclist li.announce, ul.topiclist li.sticky { background: var(--surface); }
li.row.sticky, li.row.announce { box-shadow: inset 3px 0 0 var(--accent); }
.unread-tag, .icon-red, a .icon-red, .icon.icon-red { color: var(--accent); }
.icon-lightgray, .icon-gray { color: var(--muted); }

/* ---------- Opslag ---------- */
.post {
	background: var(--surface);
	border: 1px solid var(--border-soft);
	border-radius: var(--radius);
	padding: 16px 18px;
	margin-bottom: 14px;
	box-shadow: var(--shadow);
}
.post.bg1, .post.bg2 { background: var(--surface); }
.post.reported, .post.reported .postbody { background: rgba(240,97,109,.08); }
.postprofile { border-color: var(--border); color: var(--muted); min-height: 0; }
.postprofile .avatar img, .postprofile img.avatar { border-radius: 14px; }
.postprofile dd, .postprofile dt { color: var(--muted); }
.postprofile strong { color: var(--text); }
.postbody { color: var(--text); }
.postbody h3, .postbody h3 a { color: var(--heading); font-size: 1.05rem; }
.content { color: var(--text); font-family: var(--font); font-size: 1rem; line-height: 1.65; }
.content h2, .panel h2 { color: var(--heading); border-bottom-color: var(--border); }
.author { color: var(--muted); }
.author a, .author a:visited { color: var(--text); }
.signature { border-top-color: var(--border); color: var(--muted); }
.notice { border-top-color: var(--border); color: var(--muted); }
blockquote {
	background: var(--bg-2); border: 0; border-left: 3px solid var(--accent);
	border-radius: 8px; color: var(--text);
}
blockquote blockquote { background: var(--surface-2); }
blockquote cite { color: var(--heading); }
.codebox { background: var(--bg); border-color: var(--border); border-radius: 8px; }
.codebox p { border-bottom-color: var(--border); color: var(--muted); }
.codebox code { color: #9fe0a8; }
.attachbox { background: var(--bg-2); border-color: var(--border); border-radius: 8px; }
.post-buttons .button, .post-buttons .button:hover { background: transparent; border-color: transparent; }
.post-buttons .button .icon { color: var(--muted); }
.post-buttons .button:hover .icon { color: var(--heading); }
.online:after { background: none; }
.postprofile .username-coloured, .username-coloured { font-weight: 600; }
.has-profile .postprofile { border-left-color: var(--border); }

/* ---------- Paneler, regler, beskeder ---------- */
.panel, .stat-block, .online-list {
	color: var(--text);
}
.panel, .bg3.panel, .panel.bg1, .panel.bg2, .panel.bg3 {
	background: var(--surface); border: 1px solid var(--border-soft);
	border-radius: var(--radius); box-shadow: var(--shadow);
}
.stat-block h3, .stat-block h3 a { color: var(--heading); border-bottom-color: var(--border); }
.stat-block { background: var(--surface); border: 1px solid var(--border-soft); border-radius: var(--radius); padding: 14px 18px; margin-bottom: 14px; }
.rules {
	background: rgba(245,176,66,.08); border: 1px solid rgba(245,176,66,.35);
	color: var(--text); border-radius: var(--radius);
}
.rules strong, .rules a { color: var(--warn); }
.successbox, .successbox.notice { background: var(--accent-soft); border-color: rgba(55,178,77,.4); color: var(--heading); border-radius: var(--radius); }
.errorbox, p.error, .error { color: var(--danger); }
.errorbox { background: rgba(240,97,109,.08); border-color: rgba(240,97,109,.4); border-radius: var(--radius); }
.warningbox { background: rgba(245,176,66,.08); border-color: rgba(245,176,66,.4); color: var(--text); border-radius: var(--radius); }
.action-bar { color: var(--muted); }
.pagination li a, .pagination li span {
	background: var(--surface); border: 1px solid var(--border); color: var(--text);
	border-radius: 8px; box-shadow: none; text-shadow: none;
}
.pagination li.active span { background: var(--accent); border-color: var(--accent); color: #fff; }
.pagination li a:hover { background: var(--surface-3); border-color: var(--border); color: var(--heading); }
.pagination li.ellipsis span { background: transparent; border: 0; }

/* ---------- Knapper ---------- */
.button {
	background: var(--surface-2);
	border: 1px solid var(--border);
	color: var(--heading);
	border-radius: 999px;
	box-shadow: none;
	text-shadow: none;
	font-family: var(--font);
	font-weight: 600;
	padding: 6px 14px;
	transition: background .15s, border-color .15s;
}
.button:hover, .button:focus { background: var(--surface-3); border-color: #3a4250; color: #fff; }
.button .icon, .button-secondary { color: var(--muted); }
.button:hover .icon { color: var(--heading); }
.action-bar .button .icon, .button .icon.icon-black { color: var(--muted); }
/* Primærhandlinger: Nyt emne / Svar */
.action-bar .button[href*="mode=post"], .action-bar .button[href*="mode=reply"],
a.button[href*="posting.php?mode=post"], a.button[href*="posting.php?mode=reply"] {
	background: linear-gradient(180deg, var(--accent), var(--accent-strong));
	border-color: var(--accent-strong); color: #fff;
}
.action-bar .button[href*="mode=post"] .icon, .action-bar .button[href*="mode=reply"] .icon { color: #fff; }
.action-bar .button[href*="mode=post"]:hover, .action-bar .button[href*="mode=reply"]:hover { filter: brightness(1.08); }
input.button1, input.button2, a.button1, a.button2, .button1, .button2 {
	font-family: var(--font); border-radius: 999px; padding: 8px 18px;
	font-size: .95rem; text-shadow: none; box-shadow: none;
}
input.button1, a.button1, .button1 {
	background: linear-gradient(180deg, var(--accent), var(--accent-strong));
	border: 1px solid var(--accent-strong); color: #fff; font-weight: 700;
}
input.button1:hover, a.button1:hover, .button1:hover { filter: brightness(1.08); border-color: var(--accent-strong); color: #fff; }
input.button2, a.button2, .button2 { background: var(--surface-2); border: 1px solid var(--border); color: var(--heading); }
input.button2:hover, a.button2:hover, .button2:hover { background: var(--surface-3); border-color: #3a4250; color: #fff; }
.caret, .button .caret { border-left-color: var(--border); }

/* ---------- Formularer ---------- */
fieldset, fieldset dl, fieldset dt, fieldset dd { color: var(--text); font-family: var(--font); }
label { color: var(--text); }
dt label, fieldset dl dt { color: var(--heading); }
dd label { color: var(--text); }

fieldset dl:hover dt label, fieldset.fields2 dl:hover dt label { color: var(--heading); }
dl.details dt, dl.details dd, .explain, dt .explain { color: var(--muted); }
.inputbox, input.inputbox, textarea.inputbox, select, input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], textarea {
	background: var(--bg-2);
	border: 1px solid var(--border);
	color: var(--heading);
	border-radius: var(--radius-sm);
	font-family: var(--font);
}
.inputbox:hover, input:hover, textarea:hover, select:hover { border-color: #3a4250; }
.inputbox:focus, input:focus, textarea:focus, select:focus {
	border-color: var(--accent); outline: none; box-shadow: 0 0 0 3px var(--accent-soft);
}
input.inputbox, .inputbox { padding: 7px 10px; }
textarea.inputbox, #message-box textarea { line-height: 1.6; }
#message-box textarea { background: var(--bg-2); color: var(--heading); }
.format-buttons .button, #format-buttons .button { border-radius: 8px; padding: 4px 8px; }
select option { background: var(--surface-2); color: var(--heading); }
.smiley-box, #smiley-box { color: var(--muted); }

/* Login- og registreringsbokse */
.content h2, .login-box h2 { font-weight: 700; }
#login, form#login .panel { max-width: 640px; }

/* ---------- Kontrolpanel (UCP/MCP) ---------- */
.tabs .tab > a, .tabs .tab > a:visited, .minitabs .tab > a {
	background: var(--surface); border: 1px solid var(--border-soft); border-bottom: 0;
	color: var(--muted); border-radius: 10px 10px 0 0;
}
.tabs .tab > a:hover, .tabs .activetab > a, .tabs .activetab > a:hover, .minitabs .activetab > a {
	background: var(--surface-2); color: var(--heading); border-color: var(--border);
}
.cp-main .panel, .cp-main .pm, .cp-main .post { background: var(--surface); }
#cp-menu, .cp-menu { background: transparent; }
#navigation a, .navigation a { background: var(--surface); color: var(--text); border-radius: 8px; margin-bottom: 2px; }
#navigation a:hover, .navigation a:hover, #navigation #active-subsection a, .navigation .active-subsection a {
	background: var(--accent-soft); color: var(--heading);
}
.cp-mini { background: var(--surface); border-color: var(--border-soft); border-radius: var(--radius); }
ul.cplist { border-color: var(--border-soft); }
table.table1 thead th { color: var(--muted); border-bottom-color: var(--border); }
table.table1 tbody tr { border-color: var(--border-soft); }
table.table1 tbody tr:hover, .bg1:hover { background: transparent; }
table.table1 td { color: var(--text); }
table.table1 tbody th, table.info tbody th { color: var(--muted); }
.memberlist-title { color: var(--heading); }

/* ---------- Statistik & footer ---------- */
.stat-block p, .stat-block .online-list { color: var(--muted); }
.page-footer .navbar { margin-top: 16px; }
.copyright, .footer-row, .page-footer { color: var(--muted); }
.copyright a, .copyright a:visited { color: var(--muted); }
.copyright a:hover { color: var(--heading); }
.jumpbox .dropdown-select, .dropdown-select {
	background: var(--surface-2); border-color: var(--border); color: var(--text);
}
#darkenwrapper, .darken { background: rgba(0,0,0,.7); }
#scx_alert, #scx_confirm, .scx_alert {
	background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--radius);
	color: var(--text); box-shadow: 0 24px 60px rgba(0,0,0,.6);
}
.alert_close .icon:before { background: var(--surface-3); }
.cc-window, .cc-banner { font-family: var(--font) !important; }

/* Bruger- og gruppefarver der passer på mørk baggrund */
.username-coloured[style*="#AA0000"], .username-coloured[style*="#aa0000"] { color: #ff6b6b !important; }
.username-coloured[style*="#00AA00"], .username-coloured[style*="#00aa00"] { color: var(--accent) !important; }
.username-coloured[style*="#9E8DA7"], .username-coloured[style*="#9e8da7"] { color: #c3b2ff !important; }

/* ---------- Mobil ---------- */
@media (max-width: 700px) {
	.wrap { padding: 0 12px 16px; }
	.headerbar { padding: 14px 0 10px; }
	.headerbar .inner { gap: 12px; }
	.site-description .brand { font-size: 1.25rem; display: block; }
	.site_logo { width: 36px; height: 36px; }
	.search-header { display: none; }
	.navbar { border-radius: 12px; padding: 4px 6px; }
	.forabg, .forumbg, .post, .panel { border-radius: 12px; }
	ul.topiclist dt .list-inner { padding-left: 56px; }
	dl.row-item::before { left: 10px; width: 34px; height: 34px; }
	dl.row-item::after { left: 10px; width: 36px; }
	.post { padding: 12px 14px; }
}

/* Sidetitler og søgefelt i handlingslinjen */
.forum-title a, .topic-title a, h2 a, h2 a:visited { color: var(--heading); }
.forum-title a:hover, .topic-title a:hover { color: var(--accent); }
.forum-title, .topic-title { margin: 0 0 .4em; font-family: var(--font); color: var(--heading); font-size: 1.7rem; font-weight: 800; letter-spacing: -.02em; }
.action-bar .search-box { display: inline-flex; border: 1px solid var(--border); border-radius: 999px; overflow: hidden; background: var(--surface); box-shadow: none; }
.action-bar .search-box fieldset { display: flex; }
.action-bar .search-box .inputbox { border: 0; border-radius: 0; background: transparent; padding: 6px 4px 6px 14px; height: auto; }
.action-bar .search-box .button-search, .action-bar .search-box .button-search-end {
	border: 0; border-radius: 0; background: transparent; padding: 0 10px; display: flex; align-items: center; position: static; float: none;
}
.action-bar .search-box .button-search-end { border-left: 1px solid var(--border); }
.action-bar .search-box .inputbox:focus { box-shadow: none; }
.action-bar .search-box:focus-within { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }

@media (max-width: 700px) {
	.site-description .logo, .logo { display: block; padding: 0; }
	.site-description { justify-content: flex-start; }
	.site-description .brand { margin: 0; }
}
@media (max-width: 700px) { .action-bar .search-box { display: none; } }

/* Footer */
.copyright { padding: 18px 10px 8px; font-size: 13px; }
.copyright .footer-row, .copyright .footer-copyright, .copyright .footer-link { font-size: 13px; }
.copyright .footer-row { margin-bottom: 6px; }
.copyright .footer-link { color: var(--text); }
.copyright .footer-link:hover { color: var(--heading); }

/* Betingelser og privatliv */
.section-ucp .agreement .content h3, .agreement .content h3, form#agreement .content h3 { margin-top: 1.4em; font-size: 1.05rem; border: 0; }
.agreement .content ul, form .content ul { margin: .4em 0 .8em 1.3em; list-style: disc; }
.agreement .content li, form .content li { margin-bottom: .35em; }
.content .agreement h3 { font-size: 1.12rem; text-transform: none; margin: 1.5em 0 .4em; padding: 0; border: 0; color: var(--heading); }
.content .agreement ul { margin: .4em 0 1em 1.4em; list-style: disc; }
.content .agreement li { font-size: 1rem; line-height: 1.6; margin-bottom: .35em; }
.content .agreement p, .content .agreement li { font-size: 1rem; line-height: 1.6; max-width: 75ch; }

/* Logo / ordmærke */
.site-description { gap: 12px; }
.site-description .brand { font-size: 1.6rem; font-weight: 800; letter-spacing: -.03em; line-height: 1; }
.site-description .brand a { color: var(--heading); text-decoration: none; }
.brand-a { color: var(--heading); }
.brand-b { color: var(--accent); margin-left: 1px; }
.brand-text { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.site-description .brand-tag {
	display: block !important; margin: 0; color: var(--muted); font-size: .8rem; letter-spacing: .01em;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.site_logo { width: 46px; height: 46px; border-radius: 13px; box-shadow: 0 8px 22px rgba(55,178,77,.28), 0 0 0 1px rgba(255,255,255,.06) inset; transition: transform .2s; }
.logo:hover .site_logo { transform: rotate(-4deg) scale(1.04); }
@media (max-width: 700px) {
	.site-description .brand { font-size: 1.3rem; }
	.site_logo { width: 38px; height: 38px; border-radius: 11px; }
	.site-description .brand-tag { display: none !important; }
}

/* ===== Header: topbjælke + fanebjælke med menuer (à la eroguide) ===== */
.headerbar, .tabbar {
	margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);
	padding-left: calc(50vw - 50%); padding-right: calc(50vw - 50%);
}
.headerbar {
	background: linear-gradient(180deg, #1d2128, #181b21);
	border-bottom: 1px solid var(--border-soft);
	padding-top: 14px; padding-bottom: 14px;
}
.headerbar .inner.topbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: nowrap; }
.brand-tag { margin: 2px 0 0; color: var(--muted); font-size: .82rem; }
.topbar-actions { display: flex; gap: 8px; align-items: center; flex: 0 0 auto; }
.tb-btn {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 9px 18px; border-radius: 999px; font-weight: 600; font-size: .92rem; font-family: var(--font);
	text-decoration: none; transition: background .15s, filter .15s; white-space: nowrap; cursor: pointer; line-height: 1.2;
}
.tb-btn-ghost, .tb-btn-ghost:visited { color: var(--heading); background: var(--surface-2); border: 1px solid var(--border); }
.tb-btn-ghost:hover { background: var(--surface-3); color: #fff; }
.tb-btn-primary, .tb-btn-primary:visited { color: #fff; background: linear-gradient(180deg, var(--accent), var(--accent-strong)); border: 1px solid var(--accent-strong); }
.tb-btn-primary:hover { filter: brightness(1.08); color: #fff; }
.sc-show-sm { display: none; }

/* Runde ikonknapper (sprog, notifikationer, beskeder, mobilmenu) */
.sc-iconbtn, .sc-iconbtn:visited {
	position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 6px;
	min-width: 40px; height: 40px; padding: 0 10px; border-radius: 12px;
	background: var(--surface-2); border: 1px solid var(--border); color: var(--text);
	font: 600 .82rem/1 var(--font); cursor: pointer; text-decoration: none;
}
.sc-iconbtn:hover, .is-open > .sc-iconbtn, .dropdown-visible > .sc-iconbtn { background: var(--surface-3); color: var(--heading); }
.sc-iconbtn .icon { font-size: 16px; }
.sc-iconbtn .badge, .sc-iconbtn .badge:visited {
	position: absolute; top: -6px; right: -6px; float: none; margin: 0;
	min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; border: 2px solid #1b1f25;
	background: var(--danger); color: #fff; font: 700 10px/14px var(--font); text-align: center; box-sizing: border-box;
}
.sc-iconbtn .badge.hidden { display: none; }
.sc-burger { display: none; }
.sc-caret { font-size: 13px; opacity: .7; transition: transform .15s; }
.is-open > [data-sc-menu] .sc-caret { transform: rotate(180deg); }

/* Flag tegnet i CSS (nordiske kors) */
.sc-flag { display: inline-block; flex: none; width: 20px; height: 14px; border-radius: 3px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); }
.sc-flag-da { background:
	linear-gradient(90deg, transparent 30%, #fff 30%, #fff 42%, transparent 42%),
	linear-gradient(180deg, transparent 41%, #fff 41%, #fff 59%, transparent 59%), #c8102e; }
.sc-flag-sv { background:
	linear-gradient(90deg, transparent 30%, #fecc00 30%, #fecc00 43%, transparent 43%),
	linear-gradient(180deg, transparent 40%, #fecc00 40%, #fecc00 60%, transparent 60%), #006aa7; }
.sc-flag-nb { background:
	linear-gradient(90deg, transparent 31%, #00205b 31%, #00205b 40%, transparent 40%),
	linear-gradient(180deg, transparent 43%, #00205b 43%, #00205b 57%, transparent 57%),
	linear-gradient(90deg, transparent 27%, #fff 27%, #fff 45%, transparent 45%),
	linear-gradient(180deg, transparent 36%, #fff 36%, #fff 64%, transparent 64%), #ba0c2f; }
.sc-lang-code { letter-spacing: .04em; }

/* Brugerknap */
.sc-userbtn {
	display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 10px 0 4px;
	border-radius: 999px; background: var(--surface-2); border: 1px solid var(--border);
	color: var(--heading); font: 600 .9rem/1 var(--font); cursor: pointer; max-width: 220px;
}
.sc-userbtn:hover, .is-open > .sc-userbtn { background: var(--surface-3); }
.sc-username { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc-avatar { display: inline-grid; place-items: center; flex: none; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; background: var(--accent-soft); }
.sc-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.sc-avatar-letter { color: var(--accent); font: 800 .85rem/1 var(--font); }
.sc-avatar-lg { width: 46px; height: 46px; }
.sc-avatar-lg .sc-avatar-letter { font-size: 1.15rem; }

/* Menupaneler */
.sc-menu { position: relative; }
.sc-panel {
	position: absolute; top: calc(100% + 8px); left: 0; z-index: 300;
	min-width: 230px; padding: 6px; transform: translateX(var(--sc-shift, 0));
	background: var(--surface-2); border: 1px solid var(--border); border-radius: 12px;
	box-shadow: 0 18px 44px rgba(0,0,0,.5); text-align: left;
}
.sc-panel[hidden] { display: none; }
.sc-panel-end { left: auto; right: 0; }
.sc-panel-narrow { min-width: 200px; }
.sc-panel-wide { width: 300px; max-height: min(70vh, 520px); overflow-y: auto; }
.sc-panel-user { width: 460px; }
.sc-panel-mega { width: min(1000px, calc(100vw - 32px)); padding: 12px; }
.sc-panel-post { width: min(860px, calc(100vw - 32px)); max-height: min(75vh, 640px); overflow-y: auto; padding: 10px; }
.sc-post-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 4px 14px; }
.sc-post-col { display: flex; flex-direction: column; }
.sc-post-col .sc-panel-sub { margin: 8px 10px 0; color: var(--muted); font-size: .72rem; letter-spacing: .05em; text-transform: uppercase; }
.sc-post-col .sc-link { padding: 6px 10px; white-space: normal; }
.sc-panel-title {
	margin: 6px 10px 4px; color: var(--muted);
	font: 700 .68rem/1.4 var(--font); letter-spacing: .1em; text-transform: uppercase;
}
.sc-panel-sub { margin: 10px 10px 2px; color: var(--heading); font: 600 .78rem/1.4 var(--font); }
.sc-panel-foot { display: flex; flex-wrap: wrap; gap: 2px; margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--border); }
.sc-panel-foot .sc-link { width: auto; flex: 1 1 auto; }
.sc-panel-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 6px; }
.sc-link, .sc-link:visited {
	display: flex; align-items: center; gap: 10px; width: 100%; box-sizing: border-box;
	padding: 8px 10px; border: 0; border-radius: 8px; background: none;
	color: var(--text); font: 500 .9rem/1.3 var(--font); text-align: left; text-decoration: none; cursor: pointer; white-space: nowrap;
}
.sc-link:hover, .sc-link:focus-visible { background: var(--surface-3); color: var(--heading); outline: none; }
.sc-link .icon { color: var(--muted); width: 16px; font-size: 14px; }
.sc-link:hover .icon { color: var(--accent); }
.sc-link.is-current { color: var(--heading); font-weight: 600; }
.sc-link-end { margin-left: auto; color: var(--accent) !important; }
.sc-link-warn { color: var(--warn); }
.sc-count { margin-left: auto; background: var(--danger); color: #fff; border-radius: 9px; padding: 1px 7px; font-size: .72rem; font-weight: 700; }
.sc-dot-ico { font-size: 9px !important; color: var(--accent) !important; }
.sc-user-head { display: flex; align-items: center; gap: 12px; padding: 8px 10px 12px; margin-bottom: 4px; border-bottom: 1px solid var(--border); }
.sc-user-head div { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.sc-user-head strong { color: var(--heading); font-size: 1rem; }
.sc-user-head span { color: var(--muted); font-size: .8rem; }
.sc-user-head a { font-size: .82rem; font-weight: 600; }
.sc-mega { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 6px 14px; }
.sc-mega-subs { display: flex; flex-wrap: wrap; gap: 4px; margin: -2px 0 8px 10px; }
.sc-mega-subs a, .sc-mega-subs a:visited {
	padding: 2px 8px; border-radius: 999px; border: 1px solid var(--border);
	color: var(--muted); font-size: .76rem; line-height: 1.5; text-decoration: none; white-space: nowrap;
}
.sc-mega-subs a:hover { color: var(--heading); border-color: var(--accent); }
.sc-mega-head .sc-flag { margin-right: 2px; }
.sc-mega-col { display: flex; flex-direction: column; }
.sc-mega-head, .sc-mega-head:visited {
	display: flex; align-items: center; gap: 8px; margin: 2px 0 4px; padding: 8px 10px;
	color: var(--heading); font: 700 .78rem/1.3 var(--font); letter-spacing: .06em; text-transform: uppercase;
	border-bottom: 1px solid var(--border); text-decoration: none;
}
.sc-mega-head .icon { color: var(--accent); }
.sc-mega-head:hover { color: var(--accent); }
.sc-mega .sc-link { white-space: normal; }


.sc-notif { position: relative; }
.sc-notif .dropdown {
	position: absolute; top: calc(100% + 8px) !important; right: 0 !important; left: auto !important;
	margin: 0 !important; width: 380px !important; max-width: calc(100vw - 16px); z-index: 300;
}
.sc-notif .dropdown .pointer { display: none; }
.sc-notif .dropdown-contents { border-radius: 12px !important; overflow: hidden; max-height: min(70vh, 520px); }
.sc-notif .notification_list ul li { padding: 10px 12px; }

/* Fanebjælken */
.tabbar {
	background: #14171c;
	border-bottom: 1px solid var(--border-soft);
	margin-bottom: 14px;
	position: sticky; top: 0; z-index: 250;
}
.tabbar-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 52px; }
.sc-drawer-head, .sc-drawer-auth { display: none; }
.tabs-main { display: flex; gap: 2px; list-style: none; margin: 0; padding: 0; order: 1; }
.tabbar .search-header { order: 2; }
.tabs-main > li { margin: 0; }
.tabs-main > li > a, .tabs-main > li > a:visited, .tabs-main > li > button {
	display: flex; align-items: center; gap: 7px;
	padding: 16px 16px 14px; color: var(--muted); background: none; border: 0;
	border-bottom: 2px solid transparent; border-radius: 0;
	font: 700 .76rem/1.2 var(--font); letter-spacing: .09em; text-transform: uppercase;
	white-space: nowrap; text-decoration: none; cursor: pointer;
}
.tabs-main > li > a .icon, .tabs-main > li > button .icon { font-size: 14px; color: inherit; }
.tabs-main > li > a:hover, .tabs-main > li > button:hover, .tabs-main > li.is-open > button { color: var(--heading); background: rgba(255,255,255,.03); }
.tabs-main > li.active > a, .tabs-main > li.active > button {
	color: var(--heading); border-bottom-color: var(--accent);
	background: linear-gradient(180deg, transparent, var(--accent-soft));
}
.tabs-main > li.active > a .icon:first-child, .tabs-main > li.active > button .icon:first-child { color: var(--accent); }
.tabs-main .sc-panel { top: calc(100% + 1px); }

/* Søgefeltet sidder i fanebjælken */
.tabbar .search-header {
	margin: 0; flex: 0 1 280px; display: flex; align-items: center;
	background: var(--surface); border: 1px solid var(--border); border-radius: 999px; overflow: hidden;
}
.tabbar .search-header fieldset { display: flex; align-items: center; width: 100%; }
.tabbar .search-header .search-ico { color: var(--muted); margin-left: 12px; font-size: 13px; }
.tabbar .search-header .inputbox { width: 100%; padding: 8px 14px 8px 8px; }
.tabbar .search-header:focus-within { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }

/* Brødkrummer */
.sc-crumbs { margin: 0 2px 14px; font-size: .86rem; }
.sc-crumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: 2px; list-style: none; margin: 0; padding: 0; }
.sc-crumbs .crumb { float: none; font-weight: 500; }
.sc-crumbs .crumb::before { content: none !important; }
.sc-crumbs .crumb + .crumb::before { content: "\f105" !important; font-family: FontAwesome; color: var(--muted); opacity: .6; margin: 0 8px 0 4px; padding: 0; }
.sc-crumbs a, .sc-crumbs a:visited { color: var(--muted); }
.sc-crumbs a:hover { color: var(--heading); }
.sc-crumbs .crumb:last-child a { color: var(--text); }


#page-header .navbar { display: none; }

/* ----- Mobil: fanebjælken bliver til en skuffe ----- */
@media (max-width: 860px) {
	.sc-burger { display: inline-flex; }
	.brand-tag { display: none; }
	.headerbar .inner.topbar { gap: 10px; }
	.site-description { gap: 10px; }
	.site_logo { width: 36px; height: 36px; border-radius: 10px; }
	.site-description .brand { font-size: 1.25rem; }

	.tabbar {
		position: fixed; top: 0; bottom: 0; left: 0; z-index: 400;
		width: min(340px, 88vw); margin: 0; padding: 0;
		background: var(--bg-2); border: 0; border-right: 1px solid var(--border);
		overflow-y: auto; overscroll-behavior: contain;
		transform: translateX(-105%); visibility: hidden;
		transition: transform .22s ease, visibility 0s linear .22s;
	}
	body.sc-drawer-open .tabbar { transform: none; visibility: visible; transition: transform .22s ease; }
	body.sc-drawer-open { overflow: hidden; }
	.sc-backdrop { position: fixed; inset: 0; z-index: 390; background: rgba(0,0,0,.55); }
	.sc-backdrop[hidden] { display: none; }
	.tabbar-inner { flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 12px; min-height: 100%; padding: 14px; box-sizing: border-box; }
	.sc-drawer-head { display: flex; align-items: center; justify-content: space-between; }
	.sc-drawer-title { color: var(--heading); font-weight: 700; font-size: 1.05rem; }
	.tabbar .search-header { order: 0; flex: none; }
	.tabs-main { flex-direction: column; order: 1; }
	.tabs-main > li > a, .tabs-main > li > a:visited, .tabs-main > li > button {
		width: 100%; padding: 13px 12px; border: 0; border-radius: 10px;
		font-size: .95rem; letter-spacing: 0; text-transform: none; font-weight: 600; color: var(--text);
	}
	.tabs-main > li.active > a, .tabs-main > li.active > button { background: var(--accent-soft); border: 0; }
	.tabs-main .sc-caret { margin-left: auto; }
	.tabs-main .sc-panel {
		position: static; width: auto; min-width: 0; transform: none;
		margin: 2px 0 8px 14px; padding: 2px 0 2px 10px;
		background: none; border: 0; border-left: 1px solid var(--border); border-radius: 0; box-shadow: none;
	}
	.tabs-main .sc-panel-mega { padding: 2px 0 2px 10px; }
	.sc-mega { grid-template-columns: 1fr; gap: 4px; }
	.sc-mega-head { border-bottom: 0; padding-bottom: 2px; }
	.sc-panel-foot { flex-direction: column; }
	.sc-drawer-auth { display: flex; order: 2; gap: 8px; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--border); }
	.sc-drawer-auth .tb-btn { flex: 1; justify-content: center; }
	.sc-crumbs { margin-top: 12px; }
}

@media (max-width: 600px) {
	.wrap { padding-left: 12px; padding-right: 12px; }
	.headerbar { padding-top: 10px; padding-bottom: 10px; }
	.topbar-actions { gap: 6px; }
	.brand-text { display: none; }
	.sc-hide-sm, .sc-username, .sc-lang-code, .sc-userbtn .sc-caret { display: none; }
	.sc-show-sm { display: inline; }
	.sc-userbtn { padding: 0 4px; }
	.sc-iconbtn { min-width: 38px; height: 38px; padding: 0 8px; }
	.tb-btn { padding: 8px 12px; font-size: .85rem; }
	.sc-login { display: none; }
	.sc-panel-end { position: fixed; top: 62px; left: 8px; right: 8px; width: auto; max-height: calc(100vh - 80px); overflow-y: auto; }
	.sc-panel-cols { grid-template-columns: 1fr; }
	.sc-notif .dropdown { position: fixed; top: 62px !important; left: 8px !important; right: 8px !important; width: auto !important; }
}

/* ===== Oversæt-linjen under indlæg ===== */
.sc-tr { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin: 12px 0 2px; }
.sc-tr-tools { display: inline-flex; align-items: stretch; border: 1px solid var(--border); border-radius: 999px; background: var(--bg-2); }
.sc-tr-btn, .sc-tr-more {
	display: inline-flex; align-items: center; gap: 5px; padding: 4px 11px;
	background: none; border: 0; color: var(--muted); font: 600 .8rem/1.4 var(--font); cursor: pointer;
}
.sc-tr-btn { border-radius: 999px 0 0 999px; }
.sc-tr-more { border-left: 1px solid var(--border); border-radius: 0 999px 999px 0; padding: 4px 9px; }
.sc-tr-btn:hover, .sc-tr-more:hover, .sc-tr-menu.is-open .sc-tr-more { color: var(--heading); background: var(--surface-3); }
.sc-tr.is-busy .sc-tr-btn .icon { animation: sc-pulse 1s ease-in-out infinite; }
@keyframes sc-pulse { 50% { opacity: .3; } }
.sc-tr-note { margin: 0; color: var(--muted); font-size: .8rem; }
.sc-tr-note.is-error { color: var(--danger); }
.sc-tr-toggle { background: none; border: 0; padding: 0; color: var(--link); font: 600 .8rem/1.4 var(--font); cursor: pointer; }
.sc-tr-toggle:hover { color: var(--link-hover); }
.sc-tr-menu .sc-panel { top: calc(100% + 6px); }
.content.sc-translated { border-left: 3px solid var(--link); padding-left: 14px; }
@media (prefers-reduced-motion: reduce) { .sc-tr.is-busy .sc-tr-btn .icon { animation: none; } .tabbar { transition: none !important; } }

/* ===== Retningslinjer ===== */
.sc-toc { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 18px 0 0; padding: 0; counter-reset: toc; }
.sc-toc li { counter-increment: toc; }
.sc-toc a, .sc-toc a:visited {
	display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 999px;
	background: var(--surface-2); border: 1px solid var(--border); color: var(--heading); font-size: .88rem; font-weight: 600; text-decoration: none;
}
.sc-toc a::before { content: counter(toc); color: var(--accent); font-weight: 800; }
.sc-toc a:hover { border-color: var(--accent); }
.sc-section[id] { scroll-margin-top: 70px; }
.sc-redlines { border-color: rgba(240,97,109,.35); background: linear-gradient(180deg, rgba(240,97,109,.07), transparent 60%), var(--surface); }
.sc-redlines .sc-list li::marker { color: var(--danger); }
.sc-section .sc-list strong { color: var(--heading); }
.sc-help { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; margin: 12px 0 4px; padding: 0; list-style: none; }
.sc-help li { background: var(--bg-2); border: 1px solid var(--border); border-radius: 10px; padding: 10px 12px; font-size: .9rem; line-height: 1.5; }
.sc-help strong { display: block; color: var(--heading); }

/* Lyninlogin nederst på forsiden */
input.inputbox, input.inputbox.autowidth, fieldset.quick-login input.inputbox, .quick-login .inputbox {
	background: var(--bg-2) !important; color: var(--heading) !important; border: 1px solid var(--border) !important;
	border-radius: var(--radius-sm);
}
fieldset.quick-login { background: var(--surface); border: 1px solid var(--border-soft); border-radius: var(--radius); padding: 14px 16px; }
fieldset.quick-login label { color: var(--muted); }
fieldset.quick-login input.button2 { margin-left: 4px; }
.headerbar + .tabbar ~ .navbar, .page-body > h3 { }
.search-box input.inputbox, .search-header input.inputbox { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0; }
ul.navlinks, .navbar ul.navlinks { border-top: 0 !important; }

/* ===== Indholdssider (Om os m.fl.) ===== */
.sc-page { max-width: 920px; margin: 8px auto 32px; }
.sc-hero {
	background: radial-gradient(120% 140% at 0% 0%, rgba(55,178,77,.16), transparent 55%), var(--surface);
	border: 1px solid var(--border-soft); border-radius: 18px; padding: 40px 36px; margin-bottom: 22px; box-shadow: var(--shadow);
}
.sc-eyebrow { color: var(--accent); font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; margin: 0 0 10px; }
.sc-hero h1 { font-size: clamp(1.7rem, 3.4vw, 2.5rem); line-height: 1.12; font-weight: 800; letter-spacing: -.03em; margin: 0 0 14px; color: var(--heading); }
.sc-lead { font-size: 1.12rem; line-height: 1.6; color: var(--text); max-width: 62ch; margin: 0; }
.sc-section { background: var(--surface); border: 1px solid var(--border-soft); border-radius: var(--radius); padding: 26px 30px; margin-bottom: 18px; }
.sc-section h2 { font-size: 1.3rem; font-weight: 700; margin: 0 0 12px; border: 0; text-transform: none; color: var(--heading); }
.sc-section p, .sc-list li { font-size: 1rem; line-height: 1.7; color: var(--text); max-width: 72ch; }
.sc-section p { margin: 0 0 12px; }
.sc-list { margin: 4px 0 14px 1.2em; list-style: disc; }
.sc-list li { margin-bottom: 4px; }
.sc-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 6px; }
.sc-card { background: var(--bg-2); border: 1px solid var(--border); border-radius: var(--radius); padding: 20px; }
.sc-card h3 { font-size: 1.05rem; margin: 12px 0 8px; border: 0; text-transform: none; color: var(--heading); }
.sc-card p { font-size: .95rem; line-height: 1.6; margin: 0; }
.sc-card-icon { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: var(--accent-soft); color: var(--accent); font-size: 18px; }
.sc-two { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.sc-cta {
	display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap;
	background: linear-gradient(135deg, rgba(55,178,77,.18), rgba(55,178,77,.04)); border: 1px solid rgba(55,178,77,.35);
	border-radius: var(--radius); padding: 24px 30px;
}
.sc-cta h2 { margin: 0 0 4px; font-size: 1.25rem; border: 0; text-transform: none; }
.sc-cta p { margin: 0; color: var(--text); }
.sc-cta-actions { display: flex; gap: 10px; flex-wrap: wrap; }
@media (max-width: 760px) {
	.sc-hero { padding: 26px 20px; }
	.sc-section { padding: 20px; }
	.sc-cards, .sc-two { grid-template-columns: 1fr; }
	.sc-cta { padding: 20px; }
}

/* ===== Loginside ===== */
.auth-wrap { display: flex; justify-content: center; padding: 18px 0 40px; }
.auth-card {
	display: grid; grid-template-columns: 1.15fr 1fr; width: 100%; max-width: 900px;
	background: var(--surface); border: 1px solid var(--border-soft); border-radius: 20px;
	overflow: hidden; box-shadow: 0 24px 60px rgba(0,0,0,.35);
}
.auth-main { padding: 40px 44px; }
.auth-logo { display: block; width: 48px; height: 48px; margin-bottom: 18px; }
.auth-title { font-size: 1.75rem; font-weight: 800; letter-spacing: -.02em; margin: 0 0 6px; color: var(--heading); }
.auth-sub { color: var(--muted); font-size: .98rem; line-height: 1.55; margin: 0 0 26px; }
.auth-error {
	background: rgba(240,97,109,.1); border: 1px solid rgba(240,97,109,.4); color: #ffb3b9;
	border-radius: var(--radius-sm); padding: 10px 14px; margin-bottom: 18px; font-size: .95rem;
}
.auth-field { margin-bottom: 18px; }
.auth-field label, .auth-label-row label { display: block; font-size: .85rem; font-weight: 600; color: var(--heading); margin-bottom: 7px; }
.auth-label-row { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.auth-label-row label { margin-bottom: 7px; }
.auth-field input.inputbox {
	width: 100%; max-width: none; box-sizing: border-box; padding: 13px 14px !important; font-size: 1rem;
	border-radius: 11px !important; background: var(--bg-2) !important;
}
.auth-field input.inputbox:focus { border-color: var(--accent) !important; box-shadow: 0 0 0 3px var(--accent-soft) !important; }
.auth-link, .auth-link:visited { color: var(--accent); font-size: .85rem; font-weight: 600; }
.auth-link:hover { color: #6be07f; }
.auth-checks { display: flex; flex-direction: column; gap: 10px; margin: 4px 0 22px; }
.auth-checks label { display: flex; align-items: center; gap: 10px; color: var(--text); font-size: .93rem; cursor: pointer; }
.auth-checks input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--accent); margin: 0; }
.auth-submit {
	width: 100%; display: inline-flex; justify-content: center; align-items: center; gap: 8px;
	padding: 14px 18px; border-radius: 12px; border: 1px solid var(--accent-strong);
	background: linear-gradient(180deg, var(--accent), var(--accent-strong)); color: #fff;
	font: 700 1rem var(--font); cursor: pointer; transition: filter .15s, transform .1s;
}
.auth-submit:hover { filter: brightness(1.08); }
.auth-submit:active { transform: translateY(1px); }
.auth-foot { margin: 14px 0 0; text-align: center; }
.auth-captcha { margin: 0 0 18px; }
.auth-side {
	padding: 40px 38px; display: flex; flex-direction: column; justify-content: center;
	background: radial-gradient(120% 120% at 100% 0%, rgba(55,178,77,.22), transparent 60%), var(--bg-2);
	border-left: 1px solid var(--border-soft);
}
.auth-side h2 { font-size: 1.35rem; margin: 0 0 8px; border: 0; text-transform: none; color: var(--heading); }
.auth-side > p { color: var(--text); line-height: 1.55; margin: 0 0 18px; }
.auth-perks { list-style: none; margin: 0 0 24px; padding: 0; display: grid; gap: 10px; }
.auth-perks li { display: flex; gap: 10px; align-items: flex-start; color: var(--text); font-size: .95rem; }
.auth-perks .icon { color: var(--accent); margin-top: 3px; }
.auth-register, .auth-register:visited {
	display: block; text-align: center; padding: 13px 18px; border-radius: 12px;
	background: var(--surface-2); border: 1px solid var(--border); color: var(--heading); font-weight: 700; text-decoration: none;
}
.auth-register:hover { background: var(--surface-3); color: #fff; }
.auth-legal { margin: 16px 0 0; font-size: .82rem; color: var(--muted); text-align: center; }
.auth-legal a { color: var(--muted); }
.auth-legal a:hover { color: var(--heading); }
@media (max-width: 760px) {
	.auth-card { grid-template-columns: 1fr; border-radius: 16px; }
	.auth-main { padding: 28px 22px; }
	.auth-side { padding: 26px 22px; border-left: 0; border-top: 1px solid var(--border-soft); }
}
.auth-label-row .auth-link { white-space: nowrap; }

/* ===== Tilmelding ===== */
.auth-card-terms { grid-template-columns: 1fr; max-width: 680px; }
.auth-card-register { max-width: 980px; grid-template-columns: 1.5fr 1fr; }
form#register:has(select#lang option:only-child) > p.rightside { display: none; }
.auth-steps { display: flex; gap: 8px; list-style: none; margin: 0 0 22px; padding: 0; }
.auth-steps li {
	display: flex; align-items: center; gap: 8px; font-size: .8rem; font-weight: 600; color: var(--muted);
	padding: 6px 12px 6px 6px; border-radius: 999px; background: var(--bg-2); border: 1px solid var(--border-soft);
}
.auth-steps li span {
	display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%;
	background: var(--surface-3); color: var(--heading); font-size: .75rem;
}
.auth-steps li.current { color: var(--heading) !important; border-color: rgba(55,178,77,.45); background: var(--accent-soft); }
.auth-steps li.current span { background: var(--accent); color: #fff; }
.auth-steps li.done span { background: var(--accent-strong); color: #fff; }
.auth-summary { background: var(--bg-2); border: 1px solid var(--border); border-radius: var(--radius); padding: 18px 20px; margin-bottom: 14px; }
.auth-summary h2 { font-size: 1rem; margin: 0 0 12px; border: 0; text-transform: none; color: var(--heading); }
.auth-summary .auth-perks { margin: 0; }
.auth-terms { border: 1px solid var(--border-soft); border-radius: var(--radius); margin-bottom: 22px; background: var(--surface); }
.auth-terms summary, .auth-more summary {
	cursor: pointer; padding: 13px 16px; font-weight: 600; color: var(--heading); list-style: none;
	display: flex; justify-content: space-between; align-items: center;
}
.auth-terms summary::-webkit-details-marker, .auth-more summary::-webkit-details-marker { display: none; }
.auth-terms summary::after, .auth-more summary::after { content: "\f107"; font-family: FontAwesome; color: var(--muted); transition: transform .2s; }
.auth-terms[open] summary::after, .auth-more[open] summary::after { transform: rotate(180deg); }
.auth-terms .agreement { max-height: 340px; overflow-y: auto; padding: 4px 18px 16px; border-top: 1px solid var(--border-soft); }
.auth-terms .agreement h3 { font-size: 1rem; margin: 1.2em 0 .3em; }
.auth-terms .agreement p, .auth-terms .agreement li { font-size: .92rem; line-height: 1.6; color: var(--text); }
.auth-terms .agreement ul { margin: .3em 0 .8em 1.2em; list-style: disc; }
.auth-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.auth-actions .auth-submit { flex: 1 1 260px; width: auto; }
.auth-secondary {
	flex: 0 0 auto; padding: 14px 20px; border-radius: 12px; background: var(--surface-2); border: 1px solid var(--border);
	color: var(--text); font: 600 1rem var(--font); cursor: pointer;
}
.auth-secondary:hover { background: var(--surface-3); color: var(--heading); }
.auth-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
.auth-hint { display: block; margin-top: 6px; color: var(--muted); font-size: .8rem; line-height: 1.45; }
.auth-note { background: var(--bg-2); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 10px 14px; margin-bottom: 18px; color: var(--text); font-size: .92rem; }
.auth-more { border: 1px solid var(--border-soft); border-radius: var(--radius-sm); margin: 4px 0 18px; }
.auth-more fieldset { padding: 4px 16px 12px; border-top: 1px solid var(--border-soft); }
.auth-more dl, .auth-profile dl { display: block; padding: 6px 0; }
.auth-more dt, .auth-more dd, .auth-profile dt, .auth-profile dd { width: auto; float: none; margin: 0 0 6px; }
.auth-more select { background: var(--bg-2); color: var(--heading); border: 1px solid var(--border); border-radius: 8px; padding: 7px 10px; max-width: 100%; }
.auth-captcha { margin: 0 0 18px; }
.auth-captcha .panel { background: var(--bg-2) !important; box-shadow: none; margin: 0; }
.auth-captcha .captcha-title { font-size: 1rem; border: 0; margin: 0 0 6px; text-transform: none; }
.auth-captcha dl { display: block; }
.auth-captcha dt, .auth-captcha dd { width: auto; float: none; margin: 0 0 8px; }
.auth-captcha .captcha-image img { border-radius: 8px; max-width: 100%; }
.auth-captcha input.inputbox { padding: 10px 12px !important; border-radius: 10px !important; }
.section-ucp .auth-wrap { padding-top: 6px; }
@media (max-width: 760px) {
	.auth-card-register { grid-template-columns: 1fr; }
	.auth-grid { grid-template-columns: 1fr; }
	.auth-steps li { font-size: .74rem; }
}
.auth-card-register .auth-side { justify-content: flex-start; }
.auth-captcha .panel .inner { padding: 0; }
.auth-captcha .panel { padding: 16px 18px !important; border-radius: var(--radius) !important; }
.auth-captcha .panel p { font-size: .88rem !important; line-height: 1.5; color: var(--muted); margin: 0 0 10px; }
.auth-captcha fieldset dl dt, .auth-captcha fieldset dl dd, .auth-captcha dl dt, .auth-captcha dl dd { width: auto !important; float: none !important; margin-left: 0 !important; padding: 0; }
.auth-captcha dt label { font-size: .85rem; font-weight: 600; color: var(--heading); }
.auth-captcha dd { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: .8rem; color: var(--muted); }
.auth-captcha input.inputbox.narrow { width: 160px; }
.auth-captcha #refresh_vc { padding: 9px 14px; border-radius: 10px; font-size: .85rem; }
.auth-foot { font-size: .9rem; color: var(--muted); }

/* ===== Footer ===== */
.site-footer {
	margin: 40px calc(50% - 50vw) 0; padding: 0 calc(50vw - 50%);
	background: linear-gradient(180deg, #15181d, #101215); border-top: 1px solid var(--border-soft);
	color: var(--muted);
}
.wrap { padding-bottom: 0; }
.sf-inner { display: grid; grid-template-columns: 1.6fr 1fr 1.2fr; gap: 40px; padding: 40px 0 32px; }
.sf-logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }
.sf-logo .site_logo { width: 36px; height: 36px; border-radius: 10px; box-shadow: none; }
.sf-name { font-size: 1.2rem; font-weight: 800; letter-spacing: -.02em; }
.sf-brand p { margin: 14px 0 14px; max-width: 42ch; line-height: 1.6; font-size: .92rem; color: var(--muted); }
.sf-badge {
	display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: .75rem; font-weight: 700; letter-spacing: .04em;
	color: var(--accent); background: var(--accent-soft); border: 1px solid rgba(55,178,77,.35);
}
/* Footer-overskrifter er <p>, ikke <h2>: de gentages på alle sider og skal ikke tælle som indholdsoverskrifter */
.sf-col .sf-h {
	font-size: .74rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; line-height: 1.4;
	color: var(--heading); margin: 6px 0 14px; border: 0;
}
.sf-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.sf-col li { font-size: .92rem; line-height: 1.5; }
.sf-col a, .sf-col a:visited { color: var(--text); text-decoration: none; }
.sf-col a:hover { color: var(--accent); }
.sf-col .sf-muted { color: var(--muted); font-size: .85rem; }
.sf-bottom {
	display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap;
	border-top: 1px solid var(--border-soft); padding: 16px 0 22px; font-size: .82rem;
}
.sf-bottom-actions { display: flex; gap: 16px; flex-wrap: wrap; }
.sf-bottom a, .sf-bottom a:visited { color: var(--muted); }
.sf-bottom a:hover { color: var(--heading); }
.sf-debug { font-size: .75rem; padding-bottom: 12px; }
@media (max-width: 760px) {
	.sf-inner { grid-template-columns: 1fr 1fr; gap: 28px; padding-top: 30px; }
	.sf-brand { grid-column: 1 / -1; }
	.sf-bottom { flex-direction: column; align-items: flex-start; }
}

/* ===== Forside: meta-linje og fællesskabskort ===== */
.index-meta { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin: 0 2px 14px; font-size: .85rem; color: var(--muted); }
.index-meta a, .index-meta a:visited { color: var(--muted); }
.index-meta a:hover { color: var(--heading); }
.community-card {
	background: var(--surface); border: 1px solid var(--border-soft); border-radius: var(--radius);
	box-shadow: var(--shadow); padding: 22px 24px; margin: 26px 0 8px;
}
.cc-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 16px; }
.cc-head h2 { font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--heading); margin: 0; border: 0; }
.cc-more, .cc-more:visited { font-size: .85rem; color: var(--muted); font-weight: 600; }
.cc-more:hover { color: var(--accent); }
.cc-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.cc-stat {
	display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 12px; align-items: center;
	background: var(--bg-2); border: 1px solid var(--border-soft); border-radius: 12px; padding: 14px 16px;
}
.cc-icon {
	grid-row: 1 / 3; display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 11px;
	background: var(--surface-3); color: var(--muted); font-size: 16px;
}
.cc-num { font-size: 1.45rem; font-weight: 800; letter-spacing: -.02em; color: var(--heading); line-height: 1.1; font-variant-numeric: tabular-nums; }
.cc-label { font-size: .78rem; color: var(--muted); font-weight: 600; letter-spacing: .02em; }
.cc-stat-live .cc-icon { background: var(--accent-soft); }
.cc-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 0 rgba(55,178,77,.6); animation: cc-pulse 2s infinite; }
@keyframes cc-pulse { 0% { box-shadow: 0 0 0 0 rgba(55,178,77,.55); } 70% { box-shadow: 0 0 0 9px rgba(55,178,77,0); } 100% { box-shadow: 0 0 0 0 rgba(55,178,77,0); } }
@media (prefers-reduced-motion: reduce) { .cc-dot { animation: none; } }
.cc-foot { display: flex; gap: 22px; flex-wrap: wrap; margin-top: 16px; font-size: .86rem; color: var(--muted); }
.cc-foot .icon { color: var(--muted); }
.cc-foot a { font-weight: 600; }
.cc-online { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--border-soft); font-size: .88rem; color: var(--text); }
.cc-online-label { display: block; font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); margin-bottom: 6px; }
@media (max-width: 760px) {
	.community-card { padding: 18px; }
	.cc-stats { grid-template-columns: 1fr 1fr; }
	.cc-num { font-size: 1.25rem; }
}

/* ===== Beskeder på indlæg (venter på godkendelse, skjult, anmeldt) ===== */
.post-notice, .post-notice.unapproved, .post-notice.deleted, .post-notice.reported {
	background: var(--bg-2); color: var(--text);
	border: 1px solid var(--border); border-left: 3px solid var(--warn); border-radius: 8px;
	padding: 8px 12px; margin: 10px 0;
}
.post-notice.deleted { border-left-color: var(--muted); }
.post-notice.reported { border-left-color: var(--danger); }
.post-notice strong, .post-notice a { color: var(--heading); }
.post-notice .icon { color: var(--warn); }
.post-notice.reported .icon { color: var(--danger); }

/* Private beskeder låst indtil brugeren har nok indlæg */
.sc-pm-lock {
	display: flex; gap: 10px; align-items: flex-start; margin: 0 0 14px; padding: 12px 14px;
	background: var(--bg-2); border: 1px solid var(--border); border-left: 3px solid var(--warn); border-radius: 10px;
	color: var(--text); font-size: .92rem; line-height: 1.5;
}
.sc-pm-lock .icon { color: var(--warn); margin-top: 3px; }


.post:target .content { color: var(--text); }
.post:target h3 a { color: var(--heading); }
.post:target { box-shadow: var(--shadow), 0 0 0 1px var(--accent-soft), inset 3px 0 0 var(--accent); }

.postbody h3, .postbody h3 a, .postbody h3.first { font-family: var(--font); letter-spacing: -.01em; }
.postbody h3 { font-size: 1.05rem; line-height: 1.35; margin-bottom: .25em; padding-top: 0; }
.postbody h3.first { font-size: 1.35rem; font-weight: 700; line-height: 1.3; }
.postbody .author { font-family: var(--font); font-size: .85rem; line-height: 1.5; margin-bottom: .9em; padding-bottom: .9em; border-bottom: 1px solid var(--border-soft); }
.postbody .content { font-size: 1.0667rem; line-height: 1.7; max-width: 72ch; overflow-wrap: anywhere; }
.postbody .content blockquote { font-size: .95em; padding: .7em 1em; margin: .3em 0 1.1em; }
.postbody .content blockquote cite { font-size: .9rem; font-weight: 600; margin-bottom: .3em; }
.postprofile, .postprofile dd, .postprofile dt { font-family: var(--font); }


input::placeholder, textarea::placeholder,
.inputbox::placeholder, .inputbox::-webkit-input-placeholder { color: var(--muted); opacity: 1; }
.inputbox:-moz-placeholder { color: var(--muted); }
.inputbox:focus::placeholder, .inputbox:focus::-webkit-input-placeholder { color: transparent; }
input, textarea, select { color: var(--heading); caret-color: var(--accent); }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill {
	-webkit-text-fill-color: var(--heading);
	-webkit-box-shadow: 0 0 0 1000px var(--bg-2) inset;
	transition: background-color 9999s ease-out;
}
select option { background: var(--bg-2); color: var(--heading); }

/* ---------- Ny tråd: hent fra eroguide.dk ---------- */
.sc-import { background: var(--bg-2); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 14px 16px; margin: 0 0 16px; clear: both; }
.sc-import-title { display: flex; align-items: center; gap: 6px; color: var(--heading); font-weight: 600; font-size: .95rem; cursor: pointer; list-style: none; }
.sc-import-title::-webkit-details-marker { display: none; }
.sc-import-title::after { content: "\f107"; font-family: FontAwesome; margin-left: auto; color: var(--muted); transition: transform .15s; }
.sc-import[open] .sc-import-title { margin-bottom: 8px; }
.sc-import[open] .sc-import-title::after { transform: rotate(180deg); }
.sc-import:not([open]) { padding-top: 10px; padding-bottom: 10px; }
.sc-import-help label { font-weight: inherit; color: inherit; cursor: default; }
.sc-import-title .icon { color: var(--accent); }
form .sc-import p.sc-import-help, .sc-import p.sc-import-help { color: var(--muted); font-size: .9rem; line-height: 1.5; margin: 0 0 10px; }
.sc-import-row { display: flex; gap: 8px; flex-wrap: wrap; }
.sc-import-row .inputbox { flex: 1 1 260px; min-width: 0; width: auto; }
.sc-import-row .button { flex: 0 0 auto; }
.sc-import.is-busy .button { opacity: .6; cursor: progress; }
form .sc-import p.sc-import-note, .sc-import p.sc-import-note { margin: 10px 0 0; font-size: .9rem; color: var(--accent); }
form .sc-import p.sc-import-note.is-error, .sc-import p.sc-import-note.is-error { color: var(--danger); }

/* Linkpolitik: afviste links i ældre indlæg og listen i fejlbeskeden */
.sc-unlinked { color: inherit; }
.sc-link-list { margin-top: .5em; font-weight: 400; }
.sc-link-list summary { cursor: pointer; color: var(--link); }
.sc-link-list[open] { color: var(--muted); font-size: .9em; line-height: 1.6; }

/* ---------- Billeder i indlæg (WebP, højst 1600 px – se event/images.php) ---------- */
.postbody img.postimage { border-radius: 10px; height: auto; max-height: 80vh; width: auto; }
.attach-image { max-height: none; overflow: visible; margin: .4em 0; }
.attachbox { padding: 10px 12px; }
.attachbox dd { border-top-color: var(--border); }

/* Forsidens H1 og SEO-tekst */
.sc-index-intro { margin: 4px 0 18px; }
.sc-index-h1 { margin: 0 0 6px; font-size: 1.55rem; font-weight: 800; line-height: 1.25; letter-spacing: -.02em; color: var(--heading); text-transform: none; }
.sc-index-lead { margin: 0; color: var(--muted); font-size: 1rem; line-height: 1.5; }
.sc-index-about {
	margin: 18px 0; padding: 22px 24px; background: var(--surface); border: 1px solid var(--border);
	border-radius: var(--radius); color: var(--text); font-size: .95rem; line-height: 1.65;
	columns: 2 340px; column-gap: 32px;
}
.sc-index-about h2 { break-after: avoid; margin: 0 0 6px; font-size: 1.05rem; font-weight: 700; color: var(--heading); text-transform: none; border: 0; padding: 0; }
.sc-index-about p { break-inside: avoid; margin: 0 0 16px; font-size: inherit; line-height: inherit; }
.sc-index-about a { color: var(--link); }
.sc-label { font-weight: 600; }
@media (max-width: 700px) {
	.sc-index-h1 { font-size: 1.25rem; }
	.sc-index-about { padding: 18px; }
}

/* ===== Brugbar / Ikke brugbar ===== */
.sc-vote { display: inline-flex; gap: 6px; }
.sc-vote-btn {
	display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px 4px 10px;
	background: var(--bg-2); border: 1px solid var(--border); border-radius: 999px;
	color: var(--muted); font: 600 .8rem/1.4 var(--font); cursor: pointer;
	transition: color .15s, background .15s, border-color .15s;
}
.sc-vote-btn:hover:not(:disabled) { color: var(--heading); background: var(--surface-3); }
.sc-vote-count { min-width: 1ch; padding-left: 7px; border-left: 1px solid var(--border); color: var(--text); font-variant-numeric: tabular-nums; }
.sc-vote-btn.sc-vote-up.is-active, .sc-vote-btn.sc-vote-up.is-active:hover:not(:disabled) { color: var(--accent); border-color: rgba(55, 178, 77, .5); background: var(--accent-soft); }
.sc-vote-btn.sc-vote-down.is-active, .sc-vote-btn.sc-vote-down.is-active:hover:not(:disabled) { color: var(--danger); border-color: rgba(240, 97, 109, .5); background: rgba(240, 97, 109, .1); }
.sc-vote-btn:focus:not(:focus-visible) { outline: none; box-shadow: none; }
.sc-vote-btn.is-active .sc-vote-count { color: inherit; border-left-color: currentColor; }
.sc-vote-btn:disabled { cursor: default; opacity: .75; }
.sc-vote.is-busy .sc-vote-btn { opacity: .6; cursor: progress; }
.sc-vote-btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
@media (max-width: 480px) { .sc-vote-label { display: none; } .sc-vote-btn { padding: 5px 11px; } }

/* ===== Indstillinger under editoren (Handling-fanen) =====
   BBCode, smileys og automatiske links kan ikke slås fra (event/votes.php fjerner felterne fra
   forespørgslen); signaturer er slået fra. Almindelige brugere ser kun «besked om nye svar». */
label[for="disable_bbcode"], label[for="disable_smilies"], label[for="disable_magic_url"], label[for="attach_sig"] { display: none !important; }
#options-panel div:has(> label[for="disable_bbcode"]), #options-panel div:has(> label[for="disable_smilies"]),
#options-panel div:has(> label[for="disable_magic_url"]), #options-panel div:has(> label[for="attach_sig"]),
#postform .panel div:has(> label[for="disable_bbcode"]), #postform .panel div:has(> label[for="disable_smilies"]),
#postform .panel div:has(> label[for="disable_magic_url"]) { display: none; }

#options-panel fieldset { font-size: .95rem; color: var(--text); }
#options-panel fieldset > div > label {
	display: inline-flex; align-items: center; gap: 10px; padding: 7px 0; cursor: pointer; line-height: 1.4;
}
#options-panel input[type="checkbox"], #options-panel input[type="radio"] {
	width: 18px; height: 18px; margin: 0; accent-color: var(--accent); flex: 0 0 auto; cursor: pointer;
}
.sc-opt-head {
	display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px;
	margin: 0 0 4px; padding-bottom: 8px; border-bottom: 1px solid var(--border-soft);
}
.sc-opt-head strong { color: var(--heading); font-size: .95rem; }
.sc-opt-head a { font-size: .85rem; font-weight: 600; }
#options-panel hr.dashed { border: 0; border-top: 1px solid var(--border-soft); margin: 14px 0; }
#options-panel dl { display: grid; grid-template-columns: minmax(150px, 220px) 1fr; gap: 6px 20px; align-items: start; margin: 0 0 10px; }
#options-panel dl dt { width: auto; padding-top: 6px; }
#options-panel dl dt label { color: var(--heading); font-weight: 600; font-size: .9rem; }
#options-panel dl dd { margin: 0; color: var(--muted); font-size: .88rem; line-height: 1.5; }
#options-panel dl dd + dd { grid-column: 2; }
/* Emnetype som pille-knapper */
#options-panel dd label:has(> input[type="radio"]) {
	display: inline-flex; align-items: center; gap: 7px; margin: 0 6px 6px 0; padding: 6px 12px;
	border: 1px solid var(--border); border-radius: 999px; background: var(--bg-2); color: var(--text);
	font-size: .88rem; font-weight: 600; cursor: pointer;
}
#options-panel dd label:has(> input[type="radio"]:checked) { border-color: rgba(55, 178, 77, .55); background: var(--accent-soft); color: var(--heading); }
#options-panel dd label:has(> input[type="checkbox"]) { display: inline-flex; align-items: center; gap: 10px; color: var(--text); font-size: .9rem; cursor: pointer; padding: 3px 0; }
#options-panel #topic_time_limit { width: 90px; text-align: center; margin-right: 6px; }
#options-panel #edit_reason { width: 100%; max-width: 640px; }
#options-panel dl:has(#delete), #options-panel dl:has(#delete_permanent) { padding: 10px 12px; border: 1px solid rgba(240, 97, 109, .3); border-radius: var(--radius-sm); background: rgba(240, 97, 109, .05); }
#options-panel dl:has(#delete) dt label, #options-panel dl:has(#delete_permanent) dt label { color: var(--danger); }
@media (max-width: 700px) {
	#options-panel dl { grid-template-columns: 1fr; gap: 4px; }
	#options-panel dl dd + dd { grid-column: 1; }
}
/* Moderatorvalg adskilles fra brugerens eget notifikationsvalg */
#options-panel div:has(> label[for="lock_topic"]),
#options-panel div:has(> label[for="notify"]) + div:has(> label[for="lock_post"]) { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--border-soft); }

/* Emnefeltet over editoren: etiket og felt på én linje, feltet i fuld bredde */
:is(#postingbox, #qr_postform) dl:has(#subject) { display: flex; align-items: center; gap: 14px; margin-bottom: 10px; }
:is(#postingbox, #qr_postform) dl:has(#subject) dt { float: none; width: auto; flex: 0 0 auto; }
:is(#postingbox, #qr_postform) dl:has(#subject) dt label { font-weight: 600; }
:is(#postingbox, #qr_postform) dl:has(#subject) dd { margin: 0; flex: 1 1 auto; min-width: 0; }
:is(#postingbox, #qr_postform) #subject { width: 100% !important; max-width: none; box-sizing: border-box; }

/* PB: modtagerfeltet og «Tilføj» på én linje */
dd:has(> #username_list) { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
#username_list { width: 260px !important; max-width: 100%; margin: 0; }
.column1:has(#username_list) { float: none; width: auto; }
.column1:has(#username_list) + .column2 { float: none; width: auto; margin-left: 0; }

/* ===== Rettelser, der afventer godkendelse ===== */
.sc-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; margin-left: 6px; border-radius: 999px; background: var(--warn); color: #111317; font-size: .72rem; font-weight: 800; }
.sc-edit-flag { display: inline-flex; align-items: center; gap: 6px; margin: 10px 0 0; padding: 5px 12px; border-radius: 999px; background: rgba(245, 176, 66, .12); border: 1px solid rgba(245, 176, 66, .35); color: var(--warn); font-size: .82rem; font-weight: 600; }
.sc-edit-flag a { color: inherit; text-decoration: underline; }
.sc-edit-notice { margin: 0 0 14px; padding: 10px 14px; border-radius: var(--radius-sm); background: rgba(245, 176, 66, .1); border: 1px solid rgba(245, 176, 66, .35); color: var(--text); font-size: .92rem; line-height: 1.5; }
.sc-edit-notice .icon { color: var(--warn); }
.sc-edits h1 { margin: 6px 0 6px; }
.sc-edits-lead { color: var(--muted); max-width: 75ch; margin: 0 0 18px; }
.sc-edits-msg { padding: 10px 14px; border-radius: var(--radius-sm); background: var(--accent-soft); color: var(--heading); font-weight: 600; }
.sc-edit { padding: 16px 18px; margin-bottom: 16px; }
.sc-edit-head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px solid var(--border-soft); }
.sc-edit-topic { color: var(--heading) !important; font-weight: 700; font-size: 1.05rem; }
.sc-edit-meta { margin: 2px 0 0; color: var(--muted); font-size: .85rem; }
.sc-edit-actions { display: flex; gap: 8px; }
.sc-edit-actions .sc-edit-approve { background: var(--accent); border-color: var(--accent); color: #fff; }
.sc-edit-actions .sc-edit-reject { background: transparent; border-color: rgba(240, 97, 109, .5); color: var(--danger); }
.sc-edit-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.sc-edit-col { min-width: 0; padding: 12px 14px; border-radius: var(--radius-sm); background: var(--bg-2); border: 1px solid var(--border-soft); }
.sc-edit-new { border-color: rgba(55, 178, 77, .4); }
.sc-edit-label { margin: 0 0 4px; color: var(--muted); font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.sc-edit-col h3 { margin: 0 0 8px; font-size: 1rem; border: 0; padding: 0; }
.sc-edit-col .content { font-size: .95rem; }
.sc-edits-empty { padding: 18px; color: var(--muted); }
@media (max-width: 760px) { .sc-edit-cols { grid-template-columns: 1fr; } }
#qr_postform #message-box { width: 100%; max-width: none; }
.sc-edit p.sc-edit-meta { font-size: .85rem; }
.sc-edit p.sc-edit-label { font-size: .72rem; }

/* ===== Emoji (native, se event/emoji.php) ===== */
.emoji { font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; font-size: 1.2em; line-height: 1; vertical-align: -0.1em; font-style: normal; }

/* ===== Mobil: tråde og forside ===== */
/* Underforum-ikonet må ikke stå alene for enden af en linje */
a.subforum { white-space: nowrap; }
@media (max-width: 700px) {
	
	.forabg, .forumbg, .post, .panel { margin-left: 0; margin-right: 0; }
	/* Citér-knappen på højde med brugernavnet */
	.post .post-buttons { top: 8px; right: 14px; }
	.sc-index-intro { margin-top: 14px; }
}
@media (max-width: 480px) {
	.sf-inner { grid-template-columns: 1fr; gap: 24px; }
}
/* Under billeder: intet filnavn/størrelse/«Ikke vist endnu» – kun en eventuel billedtekst */
dl.file:has(> dt.attach-image) > dd:not(:has(> em)) { display: none; }
dl.file:has(> dt.attach-image) { margin: .4em 0; }


@media (max-width: 700px) {
	ul.topiclist.forums dd.lastpost:has(time) {
		display: block !important; clear: both; float: none; width: auto; min-width: 0;
		margin: 0 14px 12px 56px; padding: 8px 0 0; border: 0; border-top: 1px solid var(--border-soft);
		font-size: .82rem; line-height: 1.45; color: var(--muted); text-align: left;
	}
	ul.topiclist.forums dd.lastpost > span { display: block; padding-left: 0; }
	ul.topiclist.forums dd.lastpost dfn {
		display: block; position: static; width: auto; height: auto; margin: 0 0 2px; overflow: visible; clip: auto;
		font-style: normal; font-size: .7rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--muted);
	}
	ul.topiclist.forums dd.lastpost a.lastsubject {
		display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 600; color: var(--heading);
	}
	ul.topiclist.forums dd.lastpost a.lastsubject + br, ul.topiclist.forums dd.lastpost a:has(> .fa-external-link-square) { display: none; }
	ul.topiclist.forums dd.lastpost br:has(+ time) { display: none; }
	ul.topiclist.forums dd.lastpost time::before { content: " · "; }
	ul.topiclist.forums dd.lastpost time { display: inline; }
}

/* Emnelister på mobil: seneste indlæg som lille, dæmpet linje (som på forsiden) */
@media (max-width: 700px) {
	li.row .sc-lastline { margin-top: 4px; font-size: .82rem; line-height: 1.45; color: var(--muted); }
	li.row .sc-lastline a, li.row .sc-lastline a:visited { color: var(--muted); }
	li.row .sc-lastline a:hover { color: var(--heading); }
	li.row .sc-lastline .username, li.row .sc-lastline .username-coloured { font-weight: 600; }
	li.row .sc-lastline + .responsive-show.left-box { margin-top: 2px; font-size: .82rem; color: var(--muted); }
}
.stat-block > h3:first-child { margin-top: 0; }
/* «‹ Gå til avanceret søgning» / «‹ Tilbage til …»: pil og tekst på én linje */
a.arrow-left, a.arrow-right { display: inline-flex; align-items: center; gap: 4px; font-size: .9rem; }
a.arrow-left .icon, a.arrow-right .icon { position: static; margin: 0; }

/* ===== Anmeldelser: profillink + hjerter (ext event/reviews.php) ===== */
.sc-hearts { display: inline-flex; gap: 2px; color: var(--heart); line-height: 1; white-space: nowrap; }
.sc-hearts .icon, .sc-hearts-pick .icon { font-size: inherit; width: auto; height: auto; }
.sc-hearts { font-size: 1.05rem; }
.sc-hearts .is-off { color: var(--surface-3); }
ul.topiclist li.row .sc-hearts { color: var(--heart); }
ul.topiclist li.row .sc-hearts .is-off { color: var(--surface-3); }
/* Emnelister: egen linje under titlen (forfatterlinjen skjules på mobil) */
.sc-hearts-sm { display: flex; width: max-content; margin: 3px 0 2px; }
.sc-hearts-sm { font-size: .85rem; }

/* Kortet øverst i trådens første indlæg */
.sc-review-card {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 18px;
	margin: 4px 0 16px; padding: 12px 14px; border: 1px solid var(--border); border-radius: var(--radius-sm);
	background: linear-gradient(135deg, rgba(255, 93, 125, .08), transparent 60%), var(--bg-2);
}
.sc-review-rating { display: flex; align-items: center; gap: 10px; }
.sc-review-rating .sc-hearts { font-size: 1.3rem; }
.sc-review-score { color: var(--heading); font-weight: 600; font-size: .9rem; }
a.sc-review-link, a.sc-review-link:visited {
	display: inline-flex; align-items: center; gap: 10px; padding: 8px 14px 8px 12px; border-radius: 999px;
	background: var(--surface-3); border: 1px solid var(--border); color: var(--heading); text-decoration: none; line-height: 1.25;
}
a.sc-review-link:hover { background: var(--surface-2); border-color: var(--heart); color: #fff; }
a.sc-review-link .icon { color: var(--heart); }
a.sc-review-link span { display: flex; flex-direction: column; }
a.sc-review-link strong { font-size: .9rem; }
a.sc-review-link small { font-size: .75rem; color: var(--muted); }
@media (max-width: 480px) { a.sc-review-link { width: 100%; justify-content: center; } }

/* Felterne på «Ny tråd» */
.sc-review-fields { margin: 4px 0 14px; padding: 12px 14px; border: 1px solid var(--border-soft); border-radius: var(--radius-sm); background: var(--bg-2); }
.sc-review-fields dl { display: grid; grid-template-columns: minmax(150px, 230px) 1fr; gap: 6px 20px; align-items: center; margin: 0; padding: 6px 0; }
.sc-review-fields dl + dl { border-top: 1px solid var(--border-soft); }
.sc-review-fields dl dt { width: auto; float: none; }
.sc-review-fields dt label, .sc-review-fields .sc-review-label { color: var(--heading); font-weight: 600; }
.sc-review-fields dt span:not(.sc-review-label) { color: var(--muted); font-size: .82rem; }
.sc-review-fields dl dd { margin: 0; width: auto; }
.sc-review-fields #sc_profile_url { width: 100% !important; max-width: none; box-sizing: border-box; }
.sc-rating-input { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.sc-rating-input input[type="radio"] { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.sc-hearts-pick { display: inline-flex; flex-direction: row-reverse; gap: 4px; }
.sc-hearts-pick label { cursor: pointer; color: var(--surface-3); font-size: 1.6rem; line-height: 1; padding: 2px; border-radius: 6px; transition: color .12s, transform .12s; }
.sc-hearts-pick label:hover, .sc-hearts-pick label:hover ~ label,
.sc-hearts-pick input:checked ~ label { color: var(--heart); }
.sc-hearts-pick:hover input:checked ~ label:not(:hover):not(:hover ~ label) { color: var(--surface-3); }
.sc-hearts-pick label:hover { transform: scale(1.12); }
.sc-hearts-pick input:focus-visible + label, .sc-rating-input input:focus-visible + label { outline: 2px solid var(--accent); outline-offset: 2px; }
.sc-rating-none { cursor: pointer; font-size: .82rem; color: var(--muted); padding: 4px 10px; border: 1px solid var(--border); border-radius: 999px; }
#sc_rating_0:checked + .sc-rating-none { color: var(--heading); border-color: var(--muted); }
@media (max-width: 700px) {
	.sc-review-fields dl { grid-template-columns: 1fr; }
}
.sc-review-fields .sc-required { color: var(--heart); font-weight: 700; }

/* Fejl ved feltet på «Ny tråd» (sc-review.js) */
.sc-review-fields dl.is-invalid dt label, .sc-review-fields dl.is-invalid .sc-review-label { color: var(--danger); }
.sc-review-fields dl.is-invalid #sc_profile_url { border-color: var(--danger) !important; box-shadow: 0 0 0 3px rgba(240, 97, 109, .18); }
.sc-review-fields dl.is-invalid .sc-hearts-pick label:not(:hover) { color: rgba(240, 97, 109, .45); }
.sc-review-fields dl.is-invalid .sc-hearts-pick input:checked ~ label { color: var(--heart); }
.sc-field-error { margin: 6px 0 0; color: var(--danger); font-size: .85rem; font-weight: 600; line-height: 1.4; }
.sc-field-error[hidden] { display: none; }

/* Kommentarer har ingen egen titel: intet emnefelt ved svar, ingen «Re: …»-overskrift (event/reviews.php) */
#postingbox:has(.sc-hide-subject) dl:has(#subject), #qr_postform dl:has(#subject) { display: none; }
.sc-hide-next + h3 { display: none; }

/* «Oversæt» i et forum på læserens eget sprog: kun menuen med andre sprog (event/nav.php::topic_lang) */
.sc-tr-more-icon, .sc-tr-more-label { display: none; }
.sc-tr-same .sc-tr-btn { display: none; }
.sc-tr-same .sc-tr-more { display: inline-flex; align-items: center; gap: 6px; border-left: 0; border-radius: 999px; padding: 4px 12px; }
.sc-tr-same .sc-tr-more-icon, .sc-tr-same .sc-tr-more-label { display: inline; }

/* Header 601–860 px: der er ikke plads til både «ScandicEscort» og knapperne (logo-teksten lå under
   «Ny tråd») – brugernavn/sprogkode skjules i skuffe-tilstanden, og under 760 px vises kun ikonet */
@media (max-width: 860px) {
	.sc-username, .sc-lang-code, .sc-userbtn .sc-caret { display: none; }
	/* Gæster: «Log ind» og «Tilmeld» i stedet for de lange knaptekster */
	.sc-login .sc-hide-sm, .sc-register .sc-hide-sm { display: none; }
	.sc-register .sc-show-sm { display: inline; }
	.sc-userbtn { padding: 0 4px; }
}
@media (max-width: 760px) { .brand-text { display: none; } }
.brand-text { min-width: 0; overflow: hidden; }
.site-description .brand { white-space: nowrap; }

/* ===== Mobilgennemgang 14.10.2026 ===== */
/* Skuffemenuen: links var 100 % + padding bredt (content-box) og gav vandret scroll i skuffen */
.tabbar .tabs-main > li > a, .tabbar .tabs-main > li > button { box-sizing: border-box; }
/* Smal mobil, indlogget: 5 knapper + menu + logo skal kunne være der (logoet blev presset ned til 7 px og lå under sprogknappen) */
@media (max-width: 420px) {
	.site-description { flex-shrink: 0; }
	.headerbar .inner.topbar { gap: 8px; }
	.topbar-actions { gap: 4px; }
	.topbar-actions .sc-iconbtn { min-width: 36px; height: 36px; padding: 0 6px; }
	.topbar-actions .sc-new-btn { height: 36px; padding: 0 11px; }
	.topbar-actions .sc-userbtn { padding: 0 2px; }
}
/* Knaprækken under editoren: «Indsend» øverst i fuld bredde, de andre to side om side (før stod Indsend alene nederst) */
@media (max-width: 480px) {
	fieldset.submit-buttons { display: flex; flex-wrap: wrap; gap: 8px; }
	fieldset.submit-buttons > input:not([type="hidden"]), fieldset.submit-buttons > button { flex: 1 1 auto; margin: 0 !important; padding-left: 12px; padding-right: 12px; }
	fieldset.submit-buttons > input[name="post"] { order: -1; flex: 1 1 100%; }
}
/* Mindste telefoner (iPhone SE m.fl.): brev-ikonet ligger også i brugermenuen («Private beskeder»), og
   nye private beskeder vises under klokken – ellers blev siden 28 px for bred ved 320 px */
@media (max-width: 360px) {
	.topbar-actions .sc-pm, .sc-lang-btn .sc-caret { display: none; }
	.headerbar .inner.topbar { gap: 6px; }
}
/* Titler: ingen enlige tegn på sidste linje («Birgitte :» / «(») */
h1.topic-title, h1.forum-title, .forum-title, .topic-title { text-wrap: balance; }
@media (max-width: 700px) {
	/* Underfora på forsiden: højere trykflade (var 20 px) */
	ul.topiclist li.row dt a.subforum { display: inline-block; padding: 5px 0; }
	/* «Du kan ikke skrive nye emner …» fylder meget og hjælper sjældent på en telefon */
	.stat-block.permissions { display: none; }
}
/* Gæster: «Log ind» også i headeren på mobil (lå kun nederst i skuffemenuen) */
@media (max-width: 600px) { .topbar-actions .sc-login { display: inline-flex; padding-left: 12px; padding-right: 12px; } }
@media (max-width: 360px) { .topbar-actions .sc-login { display: none; } }

/* ---------- Header-søgning (søgeikonet: Profiler / Tråde + sted) ---------- */
.sc-panel-search { width: min(380px, calc(100vw - 24px)); padding: 14px; }
.sc-hsearch { display: grid; gap: 10px; }
.sc-hsearch .inputbox { width: 100%; max-width: none; box-sizing: border-box; }
.sc-hsearch .tb-btn { justify-content: center; }
.sc-hsearch-label { color: var(--muted); font-size: .78rem; font-weight: 600; margin-bottom: -6px; }
.sc-seg { display: flex; gap: 0; border: 1px solid var(--border); border-radius: 999px; padding: 3px; margin: 0; background: var(--bg-2); }
.sc-seg label { flex: 1 1 0; cursor: pointer; }
.sc-seg input { position: absolute; opacity: 0; pointer-events: none; }
.sc-seg span { display: flex; align-items: center; justify-content: center; gap: 4px; padding: 7px 10px; border-radius: 999px; color: var(--muted); font-weight: 600; font-size: .88rem; }
.sc-seg input:checked + span { background: var(--accent); color: #fff; }
.sc-seg input:focus-visible + span { outline: 2px solid var(--link); outline-offset: 2px; }
@media (max-width: 700px) {
	.sc-searchmenu { position: static; }
	.sc-panel-search { left: 12px; right: 12px; width: auto; transform: none; }
}

/* ---------- Profiler (controller/profiles.php) ---------- */
.sc-prof, .sc-profs { max-width: 920px; }
.sc-prof-head { margin: 8px 0 18px; }
.sc-prof-head h1 { font-size: clamp(1.6rem, 4vw, 2.2rem); margin: 0 0 6px; overflow-wrap: anywhere; }
.sc-prof-head .sc-eyebrow a { color: inherit; }
.sc-prof-head .sc-eyebrow .sc-flag { margin-right: 6px; vertical-align: -2px; }
.sc-prof-age { color: var(--muted); font-weight: 600; }
.sc-prof-sub { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; color: var(--muted); margin: 0; }
.sc-prof-sub .fa-heart, .sc-prof-sub .fa-heart-o, .sc-hearts .icon { color: var(--heart); }
.sc-prof-badge { border: 1px solid var(--accent); color: var(--accent); border-radius: 999px; padding: 1px 10px; font-size: .78rem; font-weight: 700; }
.sc-prof-badge-gone { border-color: var(--muted); color: var(--muted); }
.sc-prof-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 16px; margin-bottom: 16px; }
.sc-prof-card { background: var(--surface); border: 1px solid var(--border-soft); border-radius: var(--radius); padding: 18px 20px; margin-bottom: 16px; box-shadow: var(--shadow); }
.sc-prof-grid .sc-prof-card { margin-bottom: 0; }
.sc-prof-card h2 { font-size: 1.1rem; margin: 0 0 12px; border: 0; padding: 0; display: flex; align-items: center; gap: 8px; }
.sc-prof-card h2 .sc-count { margin-left: 0; background: var(--surface-3); }
.sc-prof-facts dl { display: grid; grid-template-columns: max-content 1fr; gap: 10px 18px; margin: 0; }
.sc-prof-facts dt { color: var(--muted); font-weight: 600; }
.sc-prof-facts dd { margin: 0; color: var(--heading); min-width: 0; overflow-wrap: anywhere; }
.sc-prof-warn { margin: 6px 0 0; color: var(--warn); font-size: .88rem; }
.sc-prof-prices { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.sc-prof-prices li { display: flex; justify-content: space-between; gap: 12px; max-width: 260px; }
.sc-prof-prices span { color: var(--muted); }
.sc-prof-fine { color: var(--muted); font-size: .8rem; margin: 14px 0 0; }
.sc-prof-cta p { color: var(--muted); }
.sc-prof-cta .button, .sc-prof-reviews .button, .sc-profs-form .button { display: inline-flex; align-items: center; gap: 6px; }
.sc-btn-primary, .sc-btn-primary:visited { background: var(--accent); border-color: var(--accent); color: #fff; }
.sc-btn-primary:hover { background: var(--accent-strong); color: #fff; }
.sc-prof-revlist { list-style: none; margin: 0; padding: 0; }
.sc-prof-revlist li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; padding: 10px 0; border-top: 1px solid var(--border-soft); }
.sc-prof-revlist li:first-child { border-top: 0; }
.sc-prof-revlist a { font-weight: 600; overflow-wrap: anywhere; }
.sc-prof-revmeta { color: var(--muted); font-size: .85rem; }
.sc-prof-empty, .sc-prof-note { color: var(--muted); }
.sc-prof-ok { color: var(--accent); font-weight: 600; }
.sc-prof-src a { overflow-wrap: anywhere; }
.sc-table-wrap { overflow-x: auto; position: relative; }
.sc-prof-table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.sc-prof-table th, .sc-prof-table td { text-align: left; padding: 7px 10px 7px 0; border-top: 1px solid var(--border-soft); vertical-align: top; }
.sc-prof-table th { color: var(--muted); font-weight: 600; border-top: 0; white-space: nowrap; }
.sc-prof-teamonly td { color: var(--muted); font-style: italic; }
.sc-prof-remove { text-align: center; font-size: .85rem; }
.sc-prof-remove a { color: var(--muted); }
.sc-prof-form { display: grid; gap: 8px; max-width: 520px; }
.sc-prof-form .inputbox { width: 100%; max-width: none; box-sizing: border-box; }
.sc-prof-form .button { justify-self: start; }
.sc-inline-form { display: inline-flex; gap: 6px; }

.sc-profs-form { display: grid; grid-template-columns: 1fr auto auto; gap: 8px; margin-top: 14px; }
.sc-profs-form .inputbox { width: 100%; max-width: none; box-sizing: border-box; }
.sc-profs-places { display: grid; gap: 8px; margin: 0 0 16px; }
.sc-profs-country { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.sc-profs-chip, .sc-profs-chip:visited { border: 1px solid var(--border); border-radius: 999px; padding: 3px 11px; font-size: .85rem; color: var(--text); background: var(--surface); }
.sc-profs-chip:hover { border-color: var(--accent); color: var(--heading); }
.sc-profs-chip.is-current { background: var(--accent); border-color: var(--accent); color: #fff; }
.sc-profs-chip-country { font-weight: 700; display: inline-flex; align-items: center; gap: 6px; }
.sc-profs-count { color: var(--muted); font-size: .88rem; }
.sc-profs-list { list-style: none; margin: 0 0 16px; padding: 0; background: var(--surface); border: 1px solid var(--border-soft); border-radius: var(--radius); }
.sc-profs-item { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; padding: 12px 16px; border-top: 1px solid var(--border-soft); }
.sc-profs-item:first-child { border-top: 0; }
.sc-profs-item.is-gone { opacity: .7; }
.sc-profs-name { font-weight: 700; font-size: 1.02rem; overflow-wrap: anywhere; }
.sc-profs-name span { color: var(--muted); font-weight: 600; }
.sc-profs-meta { grid-column: 1; color: var(--muted); font-size: .85rem; overflow-wrap: anywhere; }
.sc-profs-meta .sc-flag { vertical-align: -2px; margin-right: 4px; }
.sc-profs-rev { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: var(--heading); font-size: .85rem; white-space: nowrap; }
.sc-profs-rev.is-zero { color: var(--muted); }
@media (max-width: 760px) {
	.sc-prof-grid { grid-template-columns: 1fr; }
	.sc-profs-form { grid-template-columns: 1fr; }
	.sc-prof-card { padding: 14px 16px; }
	.sc-profs-item { grid-template-columns: 1fr; }
	.sc-profs-rev { grid-column: 1; grid-row: auto; }
	.sc-prof-facts dl { grid-template-columns: 1fr; gap: 2px; }
	.sc-prof-facts dd { margin-bottom: 8px; }
}