/*  Forti Modern — stylesheet compilado. NO EDITAR A MANO:
    fuente en fortimodern.css; regenerar con tools/build-css.sh
    (2026-06-11T15:00:18Z) */

/* ==== prosilver/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;
}

/* ==== prosilver/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;
}

/* ==== prosilver/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; }

/* ==== prosilver/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: 65px;
	height: 65px;
}

/* 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
---------------------------------------- */
.phpbb_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)
{
	.phpbb_alert {
		top: 25px;
	}
}

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

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

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

.phpbb_alert div.alert_text > p,
.phpbb_alert div.alert_text > label,
.phpbb_alert div.alert_text > select,
.phpbb_alert div.alert_text > textarea,
.phpbb_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;
}

/* ==== prosilver/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;
}

/* ==== prosilver/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;
}

/* ==== prosilver/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;
}

/* ==== prosilver/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;
	}
}

/* ==== prosilver/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;
}

/* Set it back to 0px for the reCaptcha divs: PHPBB3-9587 */
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%; }

/* ==== prosilver/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 */
}


/* ==== prosilver/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("../../prosilver/theme/images/site_logo.png");
}

/* 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("../../prosilver/theme/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("../../prosilver/theme/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: -203px 0; }
.phpbb_yahoo-icon					{ background-position: -224px 0; }

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

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

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

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

.topic_moved						{ background-image: url("../../prosilver/theme/images/topic_moved.gif"); }
.pm_read,
.topic_read						{ background-image: url("../../prosilver/theme/images/topic_read.gif"); }
.topic_read_mine					{ background-image: url("../../prosilver/theme/images/topic_read_mine.gif"); }
.topic_read_hot						{ background-image: url("../../prosilver/theme/images/topic_read_hot.gif"); }
.topic_read_hot_mine					{ background-image: url("../../prosilver/theme/images/topic_read_hot_mine.gif"); }
.topic_read_locked					{ background-image: url("../../prosilver/theme/images/topic_read_locked.gif"); }
.topic_read_locked_mine					{ background-image: url("../../prosilver/theme/images/topic_read_locked_mine.gif"); }
.pm_unread,
.topic_unread						{ background-image: url("../../prosilver/theme/images/topic_unread.gif"); }
.topic_unread_mine					{ background-image: url("../../prosilver/theme/images/topic_unread_mine.gif"); }
.topic_unread_hot					{ background-image: url("../../prosilver/theme/images/topic_unread_hot.gif"); }
.topic_unread_hot_mine					{ background-image: url("../../prosilver/theme/images/topic_unread_hot_mine.gif"); }
.topic_unread_locked					{ background-image: url("../../prosilver/theme/images/topic_unread_locked.gif"); }
.topic_unread_locked_mine				{ background-image: url("../../prosilver/theme/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
---------------------------------------- */
.phpbb_alert {
	background-color: #FFFFFF;
	border-color: #999999;
}
.darken {
	background-color: #000000;
}

.loading_indicator {
	background-color: #000000;
	background-image: url("../../prosilver/theme/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;
}

/* ==== prosilver/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;
	}

	.phpbb_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;
	}
}

/* ==== fortimodern.css ==== */
/* ==============================================================
   FORTI MODERN — sistema de diseño
   Comunidad FORTIGATE.es · 2026
   Tema oscuro por defecto, claro automático (prefers-color-scheme)
   ============================================================== */

/* --------------------------------------------------------------
   0. TIPOGRAFÍA: Inter variable, autoalojada (sin Google Fonts)
   -------------------------------------------------------------- */
@font-face {
	font-family: "InterVariable";
	src: url("./fonts/InterVariable.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

/* --------------------------------------------------------------
   1. VARIABLES DE DISEÑO
   -------------------------------------------------------------- */
:root {
	/* Paleta única: oscura, profunda y saturada */
	--fm-bg: #070c16;
	--fm-bg-soft: #0b1322;
	--fm-surface: rgba(13, 21, 38, 0.9);
	--fm-surface-solid: #0f1729;
	--fm-surface-2: #16223c;
	--fm-line: rgba(86, 116, 170, 0.22);
	--fm-line-strong: rgba(104, 138, 196, 0.42);
	--fm-text: #dde6f6;
	--fm-text-soft: #9fb1d1;
	--fm-text-faint: #6c81a6;
	--fm-heading: #ffffff;

	--fm-accent: #ff3b30;          /* rojo Fortinet intenso */
	--fm-accent-hi: #ff6257;
	--fm-accent-glow: rgba(255, 59, 48, 0.3);
	--fm-cyan: #58a6ff;            /* azul eléctrico para enlaces e iconos */
	--fm-cyan-glow: rgba(88, 166, 255, 0.25);
	--fm-green: #3fd68f;
	--fm-amber: #f5b83d;

	--fm-grad-brand: linear-gradient(120deg, #ff2d23 0%, #ff5f3c 100%);
	--fm-grad-cool: linear-gradient(120deg, #58a6ff 0%, #6d7cff 100%);

	--fm-radius: 16px;
	--fm-radius-sm: 10px;
	--fm-radius-pill: 999px;
	--fm-header-h: 54px; /* alto de la cabecera compacta -fm-stuck- (menú sticky debajo) */
	--fm-shadow: 0 8px 28px rgba(2, 6, 16, 0.45);
	--fm-shadow-lift: 0 14px 40px rgba(2, 6, 16, 0.6);
	--fm-blur: saturate(140%) blur(14px);

	--fm-font: "InterVariable", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
	--fm-mono: "Cascadia Code", "JetBrains Mono", Consolas, "SF Mono", monospace;

	--fm-speed: 0.22s;
	--fm-ease: cubic-bezier(0.22, 0.61, 0.36, 1);

	color-scheme: dark;
	accent-color: var(--fm-accent);
}

/* Tema claro: se activa con el conmutador de la cabecera
   (html[data-theme="light"], persistido en localStorage) */
html[data-theme="light"] {
	--fm-bg: #f3f6fb;
	--fm-bg-soft: #e9eef7;
	--fm-surface: rgba(255, 255, 255, 0.92);
	--fm-surface-solid: #ffffff;
	--fm-surface-2: #eef2f9;
	--fm-line: rgba(28, 52, 94, 0.14);
	--fm-line-strong: rgba(28, 52, 94, 0.3);
	--fm-text: #243450;
	--fm-text-soft: #5d6f8e;
	--fm-text-faint: #8b9ab4;
	--fm-heading: #131f38;
	--fm-accent: #e23325;
	--fm-accent-hi: #c41e12;
	--fm-accent-glow: rgba(226, 51, 37, 0.16);
	--fm-cyan: #1f6fd6;
	--fm-cyan-glow: rgba(31, 111, 214, 0.16);
	--fm-shadow: 0 8px 22px rgba(31, 51, 86, 0.1);
	--fm-shadow-lift: 0 14px 34px rgba(31, 51, 86, 0.16);
	color-scheme: light;
}

/* En claro, nada de halos rojos (daban aspecto rosado): solo un
   matiz azul muy tenue */
html[data-theme="light"] body::before {
	background:
		radial-gradient(46rem 32rem at 90% -10%, rgba(31, 111, 214, 0.07), transparent 65%),
		radial-gradient(40rem 30rem at 8% 8%, rgba(100, 130, 200, 0.06), transparent 60%);
	animation: none;
}
html[data-theme="light"] body::after {
	background-image: radial-gradient(rgba(36, 52, 80, 0.09) 1px, transparent 1.4px);
}

/* --------------------------------------------------------------
   2. LIENZO GENERAL Y FONDO ANIMADO "AURORA"
   -------------------------------------------------------------- */
html {
	scroll-behavior: smooth;
}

body {
	font-family: var(--fm-font);
	background: var(--fm-bg);
	color: var(--fm-text);
	font-size: clamp(13px, 0.45vw + 11px, 15px);
	line-height: 1.55;
	min-height: 100vh;
	position: relative;
}

/* Capa de auroras: dos halos que derivan lentamente + rejilla de puntos */
body::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -2;
	pointer-events: none;
	background:
		radial-gradient(42rem 30rem at 12% -8%, rgba(255, 45, 35, 0.13), transparent 60%),
		radial-gradient(50rem 34rem at 95% 12%, rgba(64, 140, 255, 0.1), transparent 65%),
		radial-gradient(40rem 40rem at 55% 115%, rgba(88, 110, 255, 0.08), transparent 60%);
	animation: fm-aurora 26s var(--fm-ease) infinite alternate;
}

body::after {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background-image: radial-gradient(rgba(143, 163, 196, 0.08) 1px, transparent 1.4px);
	background-size: 26px 26px;
	mask-image: linear-gradient(to bottom, rgba(0,0,0,0.9), rgba(0,0,0,0.25) 38rem, transparent 70rem);
	-webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.9), rgba(0,0,0,0.25) 38rem, transparent 70rem);
}

@keyframes fm-aurora {
	0%   { transform: translate3d(0, 0, 0) scale(1); }
	50%  { transform: translate3d(-2%, 1.5%, 0) scale(1.06); }
	100% { transform: translate3d(2%, -1.5%, 0) scale(1.02); }
}

#wrap {
	background: transparent;
	border: 0;
	box-shadow: none;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 clamp(10px, 2.5vw, 28px);
}

::selection {
	background: var(--fm-accent);
	color: #fff;
}

/* Scrollbar */
* {
	scrollbar-color: var(--fm-surface-2) transparent;
}
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb {
	background: var(--fm-surface-2);
	border-radius: var(--fm-radius-pill);
	border: 2px solid var(--fm-bg);
}
::-webkit-scrollbar-thumb:hover { background: var(--fm-line-strong); }

/* --------------------------------------------------------------
   3. CABECERA / HERO
   -------------------------------------------------------------- */
.headerbar {
	background: transparent;
	color: var(--fm-text);
	margin: 0 0 8px;
	padding: 12px clamp(14px, 2.5vw, 24px);
	border-radius: var(--fm-radius);
	transition: padding 0.2s var(--fm-ease);
	border: 1px solid var(--fm-line);
	position: relative;
	overflow: hidden;
	backdrop-filter: var(--fm-blur);
	-webkit-backdrop-filter: var(--fm-blur);
	background-color: var(--fm-surface);
	box-shadow: var(--fm-shadow);
	animation: fm-fade-up 0.6s var(--fm-ease) both;
}
/* cabecera compacta: logo+título a la izquierda, buscador y conmutador
   a la derecha, todo en una fila */
.headerbar .inner {
	display: flex;
	align-items: center;
	gap: 3px;
	flex-wrap: wrap;
}

/* hilo de luz que recorre el borde superior del hero */
.headerbar::before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	height: 2px; width: 100%;
	background: var(--fm-grad-brand);
	background-size: 200% 100%;
	animation: fm-beam 6s linear infinite;
}

@keyframes fm-beam {
	from { background-position: 0% 0; }
	to   { background-position: 200% 0; }
}

/* Logo: la bola del mundo de la comunidad, junto al título */
/* cabecera: logo + texto en flex (sin float) para que el título no
   solape el logo y no le robe el clic ni la animación de hover */
.site-description {
	float: none;
	width: auto;
	display: flex;
	align-items: center;
	column-gap: 12px;
	margin-right: auto; /* empuja buscador + conmutador a la derecha */
}
.fm-site-text {
	display: flex;
	flex-direction: column;
	min-width: 0;
}
#logo {
	float: none;
	margin: 0;
	padding: 0;
	flex: 0 0 auto;
}
/* logo: grande arriba, se compacta al hacer scroll (clase fm-stuck) */
.site_logo {
	display: inline-block;
	width: 60px;
	height: 60px;
	background: url("./images/site_logo.svg") center / contain no-repeat;
	filter: drop-shadow(0 3px 12px var(--fm-accent-glow));
	transition: width 0.2s var(--fm-ease), height 0.2s var(--fm-ease), transform 0.5s var(--fm-ease), filter 0.5s;
}
#logo:hover .site_logo {
	transform: rotate(-8deg) scale(1.07);
	filter: drop-shadow(0 6px 22px var(--fm-accent-glow)) brightness(1.05);
}
html.fm-stuck .site_logo { width: 40px; height: 40px; }

#site-description h1 {
	font-size: clamp(1.4rem, 3vw, 2rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	margin: 0;
	line-height: 1.1;
	color: var(--fm-heading);
	background: var(--fm-grad-brand);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(0 2px 14px var(--fm-accent-glow));
	transition: font-size 0.2s var(--fm-ease);
}
html.fm-stuck #site-description h1 { font-size: clamp(1.05rem, 2.2vw, 1.4rem); }
/* al compactar: menos padding y lema oculto */
html.fm-stuck .headerbar { padding: 6px clamp(14px, 2.5vw, 24px); }
html.fm-stuck #site-description p { display: none; }

#site-description h1 a {
	color: inherit;
	-webkit-text-fill-color: inherit;
	text-decoration: none;
}

#site-description p {
	color: var(--fm-text-faint);
	font-size: 0.62rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-weight: 600;
	margin: 2px 0 0;
}

/* Conmutador de tema oscuro/claro, en línea con el buscador */
#fm-theme-toggle {
	order: 4;
	flex: 0 0 auto;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 1px solid var(--fm-line-strong);
	background: var(--fm-surface-2);
	color: var(--fm-amber);
	cursor: pointer;
	font-size: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform var(--fm-speed) var(--fm-ease), box-shadow var(--fm-speed), background var(--fm-speed);
}
#fm-theme-toggle:hover {
	transform: rotate(20deg) scale(1.08);
	box-shadow: 0 4px 14px rgba(2, 6, 16, 0.4);
	background: var(--fm-surface-solid);
}
#fm-theme-toggle .fm-icon-light { display: none; }
html[data-theme="light"] #fm-theme-toggle .fm-icon-light { display: inline-block; }
html[data-theme="light"] #fm-theme-toggle .fm-icon-dark { display: none; }
html[data-theme="light"] #fm-theme-toggle { color: #b7791f; }

/* Buscador en línea, a la derecha junto al conmutador */
#search-box {
	order: 2;
	flex: 0 1 auto;
	margin: 0;
}
#search-box .inputbox {
	background: var(--fm-bg-soft);
	border: 1px solid var(--fm-line);
	border-radius: var(--fm-radius-pill) 0 0 var(--fm-radius-pill);
	padding: 8px 16px;
	color: var(--fm-text);
	transition: border-color var(--fm-speed), box-shadow var(--fm-speed);
}
#search-box .inputbox:focus {
	border-color: var(--fm-cyan);
	box-shadow: 0 0 0 3px var(--fm-cyan-glow);
	outline: 0;
}
#search-box .button-search,
#search-box .button-search-end {
	background: var(--fm-surface-2);
	border: 1px solid var(--fm-line);
	color: var(--fm-text-soft);
	transition: color var(--fm-speed), background var(--fm-speed);
}
#search-box .button-search-end {
	border-radius: 0 var(--fm-radius-pill) var(--fm-radius-pill) 0;
}
#search-box .button-search:hover,
#search-box .button-search-end:hover {
	color: var(--fm-accent);
	background: var(--fm-surface-solid);
}

/* --------------------------------------------------------------
   4. BARRAS DE NAVEGACIÓN (pegajosa, cristal)
   -------------------------------------------------------------- */
.navbar {
	background: var(--fm-surface);
	backdrop-filter: var(--fm-blur);
	-webkit-backdrop-filter: var(--fm-blur);
	border: 1px solid var(--fm-line);
	border-radius: var(--fm-radius);
	padding: 4px 14px;
	margin-bottom: 14px;
	box-shadow: var(--fm-shadow);
}

/* Cabecera (compacta) + menú fijos al hacer scroll, SIN encogerse
   (el encogimiento provocaba el parpadeo). display:contents en
   #page-header promueve la cabecera y el banner a hermanos del
   contenedor alto (#wrap): así la cabecera puede quedarse fija arriba
   mientras el banner de publicidad se desplaza con el scroll y
   desaparece tras la cabecera/menú fijos. Sin cambio de tamaño =
   sin parpadeo. */
#page-header { display: contents; }
.headerbar {
	position: sticky;
	top: 0;
	z-index: 250;
}
/* el menú es HIJO de #page-header (no hermano); con display:contents
   se promueve a #wrap y puede quedarse fijo bajo la cabecera */
#page-header > .navbar,
.navbar:has(#nav-main) {
	position: sticky;
	top: var(--fm-header-h);
	z-index: 100;
}

.navbar .linklist > li > a,
.navbar .dropdown-toggle {
	color: var(--fm-text-soft);
	font-weight: 600;
	border-radius: var(--fm-radius-sm);
	padding: 6px 10px;
	transition: color var(--fm-speed), background var(--fm-speed);
	text-decoration: none;
}
.navbar .linklist > li > a:hover,
.navbar .dropdown-toggle:hover {
	color: var(--fm-heading);
	background: var(--fm-surface-2);
	text-decoration: none;
}

.navbar .icon {
	color: var(--fm-cyan);
}

/* migas de pan */
.breadcrumbs .crumb a {
	color: var(--fm-text-faint);
	font-weight: 500;
}
.breadcrumbs .crumb a:hover { color: var(--fm-accent-hi); }

/* --------------------------------------------------------------
   5. BLOQUES DE FOROS Y TEMAS COMO TARJETAS
   -------------------------------------------------------------- */
.forabg,
.forumbg {
	background: var(--fm-surface);
	backdrop-filter: var(--fm-blur);
	-webkit-backdrop-filter: var(--fm-blur);
	border: 1px solid var(--fm-line);
	border-radius: var(--fm-radius);
	box-shadow: var(--fm-shadow);
	overflow: hidden;
	margin-bottom: 18px;
	transition: transform var(--fm-speed) var(--fm-ease), box-shadow var(--fm-speed) var(--fm-ease), border-color var(--fm-speed);
	animation: fm-fade-up 0.55s var(--fm-ease) both;
}
.forabg:hover,
.forumbg:hover {
	border-color: var(--fm-line-strong);
	box-shadow: var(--fm-shadow-lift);
}

/* entrada escalonada de las tarjetas */
#page-body > .forabg:nth-of-type(1), #page-body > .forumbg:nth-of-type(1) { animation-delay: 0.05s; }
#page-body > .forabg:nth-of-type(2), #page-body > .forumbg:nth-of-type(2) { animation-delay: 0.12s; }
#page-body > .forabg:nth-of-type(3), #page-body > .forumbg:nth-of-type(3) { animation-delay: 0.19s; }
#page-body > .forabg:nth-of-type(4), #page-body > .forumbg:nth-of-type(4) { animation-delay: 0.26s; }
#page-body > .forabg:nth-of-type(5), #page-body > .forumbg:nth-of-type(5) { animation-delay: 0.33s; }

@keyframes fm-fade-up {
	from { opacity: 0; transform: translateY(14px); }
	to   { opacity: 1; transform: none; }
}

/* las listas de foros/temas heredaban un degradado claro de
   prosilver (ul.forums) que dejaba las filas lavadas: fuera */
ul.forums,
ul.topics {
	background: transparent;
}
ul.topiclist li {
	color: var(--fm-text-soft);
}
ul.topiclist dd {
	border-left-color: var(--fm-line);
}
li.row {
	border-top-color: var(--fm-line);
	border-bottom-color: transparent;
}
li.row strong {
	color: var(--fm-heading);
}
li.row:hover {
	background-color: transparent;
}
li.row:hover dd {
	border-left-color: var(--fm-line);
}

/* cabecera de categoría */
ul.topiclist li.header dl {
	border: 0;
}
.forabg ul.topiclist li.header,
.forumbg ul.topiclist li.header {
	background: linear-gradient(90deg, rgba(255, 59, 48, 0.18) 0%, rgba(86, 116, 170, 0.22) 45%, rgba(86, 116, 170, 0.08) 100%);
	box-shadow: inset 3px 0 0 var(--fm-accent);
	color: var(--fm-heading);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 0.82rem;
	font-weight: 700;
	border-bottom: 1px solid var(--fm-line-strong);
}

/* centrado vertical y margen: mismo padding en dt y dd para no
   desalinear las columnas (ojo: no tocar margin — prosilver usa
   margin-right negativo en el dt para la maquetación de columnas) */
li.header dt, li.header dd {
	padding-top: 9px;
	padding-bottom: 9px;
	line-height: 1.4;
}
li.header dl.row-item dt .list-inner {
	/* alineado con los títulos de los foros: mismo padding (52px) que
	   dl.row-item dt .list-inner, y selector igual de específico que el
	   de prosilver que lo pone a 0 */
	padding-left: 52px;
}
.forabg ul.topiclist li.header dt a,
.forumbg ul.topiclist li.header dt a,
ul.topiclist li.header dl dt,
ul.topiclist li.header dl dd {
	color: var(--fm-heading) !important;
}

/* filas */
ul.topiclist li.row {
	background: transparent;
	border-top: 1px solid var(--fm-line);
	transition: background var(--fm-speed);
}
ul.topiclist li.row:first-child { border-top: 0; }
ul.topiclist li.row:hover {
	background: linear-gradient(to right, rgba(88, 166, 255, 0.05), transparent 70%);
	box-shadow: inset 3px 0 0 var(--fm-accent);
}
ul.topiclist li.row dl {
	border: 0;
}

/* títulos de foro / tema */
a.forumtitle,
a.topictitle {
	color: var(--fm-heading);
	font-weight: 700;
	font-size: 1.02rem;
	text-decoration: none;
	transition: color var(--fm-speed);
}
a.forumtitle:hover,
a.topictitle:hover {
	color: var(--fm-accent-hi);
	text-decoration: none;
}

ul.topiclist dt .forum-description,
ul.topiclist dt .topic-poster,
ul.topiclist .responsive-hide,
dd.lastpost span, dd.topics, dd.posts, dd.views {
	color: var(--fm-text-soft);
}

dd.lastpost span dfn { color: var(--fm-text-faint); }

/* iconos de estado: sin leer brilla en acento */
ul.topiclist li.row dl.icon { background-image: none; }
li.row dl.icon dt .icon,
li.row dl.icon dt div.list-inner > .icon {
	color: var(--fm-text-faint);
	transition: color var(--fm-speed), filter var(--fm-speed);
}
li.row dl[class*="_unread"] dt .icon,
li.row dl[class*="unread"] dt div.list-inner > .icon {
	color: var(--fm-accent);
	filter: drop-shadow(0 0 8px var(--fm-accent-glow));
	animation: fm-pulse 2.6s ease-in-out infinite;
}

@keyframes fm-pulse {
	0%, 100% { opacity: 1; }
	50%      { opacity: 0.55; }
}

/* --------------------------------------------------------------
   6. PANELES, POSTS Y CONTENIDO
   -------------------------------------------------------------- */
.panel,
.post.bg1, .post.bg2, .post.bg3,
.bg1, .bg2, .bg3 {
	background: var(--fm-surface);
	color: var(--fm-text);
}

.panel {
	border: 1px solid var(--fm-line);
	border-radius: var(--fm-radius);
	box-shadow: var(--fm-shadow);
	backdrop-filter: var(--fm-blur);
	-webkit-backdrop-filter: var(--fm-blur);
}

.post {
	border: 1px solid var(--fm-line);
	border-radius: var(--fm-radius);
	box-shadow: var(--fm-shadow);
	margin-bottom: 16px;
	transition: border-color var(--fm-speed);
	animation: fm-fade-up 0.5s var(--fm-ease) both;
}
.post:hover { border-color: var(--fm-line-strong); }
.post.online { background-image: none; }

.postbody {
	color: var(--fm-text);
}
.postbody h3 a {
	color: var(--fm-heading);
	font-weight: 700;
}

/* línea "por usuario » fecha" bajo el título del mensaje */
p.author, p.author a, .responsive-hide {
	color: var(--fm-text-soft);
}
p.author a.username, p.author a.username-coloured {
	color: var(--fm-accent-hi);
}
.postbody .content {
	color: var(--fm-text);
	font-size: 1rem;
	line-height: 1.65;
}

/* perfil del autor */
.postprofile {
	color: var(--fm-text-soft);
	border-color: var(--fm-line);
}
.postprofile strong, .postprofile a.username, .postprofile a.username-coloured {
	font-weight: 700;
	color: var(--fm-text);
}
.postprofile dd {
	color: var(--fm-text-soft);
}
.postprofile dt.profile-rank, .postprofile .profile-rank {
	color: var(--fm-text-soft);
}
.postprofile .avatar img {
	border-radius: 50%;
	border: 2px solid var(--fm-line-strong);
	transition: transform var(--fm-speed) var(--fm-ease), border-color var(--fm-speed);
}
.postprofile .avatar img:hover {
	transform: scale(1.06) rotate(-2deg);
	border-color: var(--fm-cyan);
}

/* citas y código */
blockquote {
	background: var(--fm-bg-soft);
	border: 1px solid var(--fm-line);
	border-left: 3px solid var(--fm-cyan);
	border-radius: var(--fm-radius-sm);
	color: var(--fm-text-soft);
}
blockquote cite { color: var(--fm-cyan); }

.codebox {
	background: #0b1120;
	border: 1px solid var(--fm-line);
	border-radius: var(--fm-radius-sm);
	overflow: hidden;
}
.codebox p {
	background: var(--fm-surface-2);
	color: var(--fm-text-faint);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 0.7rem;
	border-bottom: 1px solid var(--fm-line);
}
.codebox code {
	font-family: var(--fm-mono);
	color: #9fe8ff;
	font-size: 0.85rem;
}

/* firma */
.signature {
	border-top: 1px dashed var(--fm-line-strong);
	color: var(--fm-text-faint);
}

/* bloques de estadísticas de portada */
.stat-block h3 {
	color: var(--fm-heading);
	text-transform: uppercase;
	letter-spacing: 0.07em;
	font-size: 0.8rem;
	border-bottom: 1px solid var(--fm-line);
}
.stat-block p { color: var(--fm-text-soft); }

/* texto de contenido genérico: prosilver lo dejaba casi negro
   (.content { color: #333 }) e ilegible sobre fondo oscuro */
.content, .content p, .agreement, dl.faq dt, dl.details dd {
	color: var(--fm-text);
	font-size: 1rem;
}

/* previsualización de mensaje (posting_preview): el cuerpo se veía
   oscuro al heredar el #333 de prosilver. Forzamos texto legible. */
#preview, #preview .content, #preview .postbody, #preview .postbody .content {
	color: var(--fm-text);
}

/* títulos de página y secciones (heredaban el azul de prosilver) */
h2, h2 a, .panel h2, #page-body h2 {
	color: var(--fm-heading);
	font-weight: 700;
	letter-spacing: -0.01em;
}
h3, .panel h3, .content h3 {
	color: var(--fm-text);
}
h2.login-title, h2.solo {
	font-size: 1.4rem;
}

/* etiquetas de formularios y checkboxes, que se leían apagadas */
label, dt label, fieldset dt label, fieldset dd label, dd label {
	color: var(--fm-text-soft);
}
fieldset dl:hover dt label {
	color: var(--fm-text);
}

/* transición suave del lienzo al conmutar claro/oscuro */
body {
	transition: background-color 0.3s ease, color 0.3s ease;
}

/* --------------------------------------------------------------
   7. BOTONES, FORMULARIOS Y CONTROLES
   -------------------------------------------------------------- */
.button {
	background: var(--fm-surface-2);
	border: 1px solid var(--fm-line-strong);
	border-radius: var(--fm-radius-pill);
	color: var(--fm-text);
	font-weight: 600;
	padding: 5px 16px;
	transition: transform var(--fm-speed) var(--fm-ease), box-shadow var(--fm-speed), background var(--fm-speed), color var(--fm-speed);
	box-shadow: none;
}
.button:hover, .button:focus {
	background: var(--fm-surface-solid);
	color: var(--fm-heading);
	border-color: var(--fm-line-strong);
	transform: translateY(-1px);
	box-shadow: 0 6px 18px rgba(2, 6, 16, 0.45);
	text-decoration: none;
}
.button:active { transform: translateY(0); }

/* botones legados de prosilver (button2: secundarios como
   "Registrarse" en el login) */
input.button2, a.button2, input.button3, a.button3 {
	background: var(--fm-surface-2);
	border: 1px solid var(--fm-line-strong);
	border-radius: var(--fm-radius-pill);
	color: var(--fm-text);
	font-weight: 600;
	padding: 5px 16px;
	cursor: pointer;
	transition: transform var(--fm-speed) var(--fm-ease), box-shadow var(--fm-speed), background var(--fm-speed), color var(--fm-speed);
}
input.button2:hover, a.button2:hover, input.button3:hover, a.button3:hover {
	background: var(--fm-surface-solid);
	color: var(--fm-heading);
	transform: translateY(-1px);
	box-shadow: 0 6px 18px rgba(2, 6, 16, 0.45);
	text-decoration: none;
}

/* botones primarios (Responder, Nuevo tema, Enviar): misma píldora
   oscura que el resto, diferenciados por el acento rojo en borde y
   texto (a petición del jefe: nada de fondos rojos macizos) */
.button.button-primary, input.button1, a.button1 {
	background: var(--fm-surface-2);
	border: 1px solid rgba(255, 68, 56, 0.55);
	border-radius: var(--fm-radius-pill);
	color: var(--fm-accent-hi);
	font-weight: 700;
	padding: 5px 16px;
	cursor: pointer;
	text-shadow: none;
	box-shadow: none;
	transition: transform var(--fm-speed) var(--fm-ease), box-shadow var(--fm-speed), background var(--fm-speed), border-color var(--fm-speed);
}
.button.button-primary:hover, input.button1:hover, a.button1:hover {
	background: var(--fm-surface-solid);
	border-color: var(--fm-accent);
	color: var(--fm-accent-hi);
	transform: translateY(-1px);
	box-shadow: 0 6px 18px var(--fm-accent-glow);
}

.button .icon { color: inherit; }

/* foco accesible global */
a:focus-visible, .button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
	outline: 2px solid var(--fm-cyan);
	outline-offset: 2px;
}

/* campos */
input.inputbox, select, textarea.inputbox, dd input, dd select, dd textarea {
	background: var(--fm-surface-2);
	border: 1px solid var(--fm-line-strong);
	border-radius: var(--fm-radius-sm);
	color: var(--fm-text);
	padding: 6px 10px;
	transition: border-color var(--fm-speed), box-shadow var(--fm-speed);
}
input.inputbox:focus, select:focus, textarea.inputbox:focus {
	border-color: var(--fm-cyan);
	box-shadow: 0 0 0 3px var(--fm-cyan-glow);
	background: var(--fm-bg-soft);
	color: var(--fm-heading);
}

/* diálogos modales de phpBB (confirmaciones, "borrar cookies"...):
   por encima de la navbar pegajosa y con la piel oscura del tema */
#darken {
	z-index: 290;
	background-color: #000;
	opacity: 0.65;
}
.phpbb_alert {
	z-index: 300;
	background: var(--fm-surface-solid);
	border: 1px solid var(--fm-line-strong);
	border-radius: var(--fm-radius);
	box-shadow: var(--fm-shadow-lift);
	color: var(--fm-text);
	padding: 18px 22px;
}
.phpbb_alert h3 {
	color: var(--fm-heading);
	font-weight: 700;
	border-bottom: 1px solid var(--fm-line);
	padding-bottom: 8px;
}
.phpbb_alert p, .phpbb_alert div {
	color: var(--fm-text);
}
.phpbb_alert .alert_close {
	color: var(--fm-text-faint);
}
.phpbb_alert .alert_close:hover {
	color: var(--fm-accent);
}

/* desplegables */
.dropdown .dropdown-contents {
	background: var(--fm-surface-solid);
	border: 1px solid var(--fm-line-strong);
	border-radius: var(--fm-radius-sm);
	box-shadow: var(--fm-shadow-lift);
	color: var(--fm-text);
	animation: fm-fade-up 0.18s var(--fm-ease) both;
}
.dropdown li a { color: var(--fm-text); }
.dropdown li a:hover { background: var(--fm-surface-2); color: var(--fm-heading); }
.dropdown .pointer, .dropdown .pointer-inner { border-color: var(--fm-surface-solid) transparent; }

/* paginación como píldoras */
.pagination li a, .pagination li span {
	border-radius: var(--fm-radius-sm);
	border: 1px solid var(--fm-line);
	background: transparent;
	color: var(--fm-text-soft);
	font-weight: 600;
	transition: all var(--fm-speed);
}
.pagination li a:hover {
	background: var(--fm-surface-2);
	color: var(--fm-heading);
	border-color: var(--fm-line-strong);
	text-decoration: none;
}
.pagination li.active span {
	background: var(--fm-grad-brand);
	border-color: transparent;
	color: #fff;
	box-shadow: 0 2px 12px var(--fm-accent-glow);
}

/* avisos y alertas */
.rules, .errorbox, .successbox {
	border-radius: var(--fm-radius-sm);
	border: 1px solid var(--fm-line);
}
.rules { background: rgba(251, 191, 36, 0.08); color: var(--fm-amber); }
.errorbox { background: rgba(255, 68, 56, 0.1); color: var(--fm-accent-hi); }
.successbox { background: rgba(52, 211, 153, 0.1); color: var(--fm-green); }

/* --------------------------------------------------------------
   8. ENLACES Y PIE
   -------------------------------------------------------------- */
a { color: var(--fm-cyan); transition: color var(--fm-speed); }
a:hover { color: var(--fm-accent-hi); }

a.username, a.username-coloured { font-weight: 700; }

#page-footer {
	margin-top: 22px;
}
#page-footer .navbar {
	margin-bottom: 10px;
}
/* pie: enlaces (Contáctenos, Borrar cookies) y la zona horaria en la
   misma línea, alineados verticalmente. prosilver los flota y el texto
   de la zona horaria quedaba a distinta altura que los enlaces con
   icono; con flex + align-items center quedan a la misma altura. */
#nav-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 14px;
	row-gap: 2px;
}
#nav-footer > li {
	float: none;
	margin: 0;
	line-height: 1.8;
}
#nav-footer > li.breadcrumbs {
	margin-right: auto;
}
.copyright {
	color: var(--fm-text-faint);
	padding: 14px 0 26px;
	font-size: 0.78rem;
}

/* Aviso legal de marcas (Fortinet) en el pie: pequeño y discreto */
.fm-trademark-notice {
	max-width: 980px;
	margin: 10px auto 0;
	padding-top: 10px;
	border-top: 1px solid var(--fm-line);
	font-size: 0.68rem;
	line-height: 1.5;
	color: var(--fm-text-faint);
	opacity: 0.85;
}
.fm-trademark-notice strong { color: var(--fm-text-soft); font-weight: 600; }

/* notificaciones (campana) */
.notification_list { background: var(--fm-surface-solid); }
#notification_list ul li { border-color: var(--fm-line); }
#notification_list ul li:hover { background: var(--fm-surface-2); }
.badge {
	background: var(--fm-accent);
	border-radius: var(--fm-radius-pill);
	box-shadow: 0 0 10px var(--fm-accent-glow);
	animation: fm-pulse 2.4s ease-in-out infinite;
}

/* paneles de control (UCP/MCP) */
.tabs .tab > a, .minitabs .tab > a {
	background: var(--fm-surface-2);
	border: 1px solid var(--fm-line);
	border-bottom: 0;
	border-radius: var(--fm-radius-sm) var(--fm-radius-sm) 0 0;
	color: var(--fm-text-soft);
	font-weight: 600;
}
.tabs .tab > a:hover, .minitabs .tab > a:hover {
	background: var(--fm-surface-solid);
	color: var(--fm-heading);
}
.tabs .activetab > a, .tabs .activetab > a:hover,
.minitabs .activetab > a, .minitabs .activetab > a:hover {
	background-color: var(--fm-surface-solid);
	background-image: none;
	border-color: var(--fm-line-strong);
	box-shadow: none;
	color: var(--fm-heading);
}

/* mensajería privada y paneles del UCP (eran blancos de serie) */
.panel-container .panel {
	background: var(--fm-surface);
	color: var(--fm-text);
}
.panel-container h2 {
	color: var(--fm-heading);
}
.panel-container h3, .panel-container hr, .cp-menu hr {
	border-color: var(--fm-line);
}
.panel-container .panel li.row {
	border-bottom-color: var(--fm-line);
	border-top-color: transparent;
}
.cp-main .pm, .cp-main .pm-message {
	background: var(--fm-surface);
	border-color: var(--fm-line);
	color: var(--fm-text);
}
.cp-mini {
	background: var(--fm-surface-2);
}
dl.mini dt {
	color: var(--fm-text-soft);
}
.panel-container table.table1 thead th {
	color: var(--fm-text-soft);
	border-bottom-color: var(--fm-line-strong);
}
.panel-container .panel li.header dd, .panel-container .panel li.header dt {
	color: var(--fm-heading);
}
#cp-menu #navigation a {
	background: transparent;
	color: var(--fm-text-soft);
	border-radius: var(--fm-radius-sm);
	transition: all var(--fm-speed);
}
#cp-menu #navigation a:hover { background: var(--fm-surface-2); color: var(--fm-heading); }
#cp-menu #navigation #active-subsection a {
	background: var(--fm-grad-brand);
	color: #fff;
}

/* resaltado de términos de búsqueda (era rosa chicle de prosilver) */
.posthilit {
	background: rgba(255, 59, 48, 0.22);
	color: var(--fm-accent-hi);
	border-radius: 3px;
	padding: 0 2px;
}

/* anuncios/no leídos destacados en listas (fondos claros en prosilver) */
.announce, .unreadpost {
	background: transparent;
}

/* listas zebra (FAQ, ayudas): alternancia clara de prosilver fuera */
table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
	background: transparent;
}
table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
	background: var(--fm-surface-2);
}

/* mini-paginación dentro de las filas de temas (9px ilegibles) */
.row .pagination li a, .row .pagination li span {
	font-size: 11px;
	padding: 1px 6px;
	border-radius: 6px;
}

/* tablas internas */
table.table1 { background: transparent; }
table.table1 thead th {
	color: var(--fm-heading);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 0.72rem;
	border-bottom: 1px solid var(--fm-line-strong);
}
/* la cabecera de la lista de miembros y otras tablas lleva enlaces de
   ordenación: deben verse claros, no en el azul de enlace tenue */
table.table1 thead th a {
	color: var(--fm-heading);
}
table.table1 thead th a:hover {
	color: var(--fm-accent-hi);
}
table.table1 tbody tr { border-color: var(--fm-line); }
table.table1 tbody tr:hover { background: var(--fm-surface-2); }
table.table1 tbody tr:hover td, table.table1 tbody tr.hover td {
	color: var(--fm-heading);
}

/* --------------------------------------------------------------
   8b. ICONOS DE FORO/TEMA CON FONT AWESOME (fuera los GIF de 2007)
   -------------------------------------------------------------- */
dl.row-item {
	background-image: none !important;
	position: relative;
}
dl.row-item::before {
	font-family: FontAwesome;
	content: "\f086"; /* comments, icono por defecto */
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 32px;
	text-align: center;
	font-size: 19px;
	color: var(--fm-text-faint);
	transition: color var(--fm-speed);
}
li.row:hover dl.row-item::before { color: var(--fm-cyan); }

/* las cabeceras de categoría no llevan icono */
li.header dl.row-item::before { content: none; }

/* sin leer: acento rojo con resplandor */
dl.row-item[class*="_unread"]::before,
dl.row-item[class*="unread"]::before {
	color: var(--fm-accent);
	filter: drop-shadow(0 0 7px var(--fm-accent-glow));
}

/* variantes de tema */
dl.row-item[class*="topic_"]::before { content: "\f0e5"; }            /* comment-o */
dl.row-item[class*="topic_unread"]::before { content: "\f075"; }      /* comment */
dl.row-item[class*="sticky_"]::before { content: "\f08d"; }           /* chincheta */
dl.row-item[class*="announce_"]::before,
dl.row-item[class*="global_"]::before { content: "\f0a1"; }           /* megáfono */
dl.row-item[class*="_locked"]::before { content: "\f023"; }           /* candado */
dl.row-item[class*="_moved"]::before { content: "\f064"; }            /* movido */

/* iconos temáticos por foro (vía :has, con fallback al de defecto) */
li.row dl.row-item:has(a[href*="f=2&"])::before,  li.row dl.row-item:has(a[href$="f=2"])::before  { content: "\f0e0"; } /* AntiSpam: sobre */
li.row dl.row-item:has(a[href*="f=3&"])::before,  li.row dl.row-item:has(a[href$="f=3"])::before  { content: "\f188"; } /* Antivirus: bicho */
li.row dl.row-item:has(a[href*="f=4&"])::before,  li.row dl.row-item:has(a[href$="f=4"])::before  { content: "\f05b"; } /* IPS/IDS: diana */
li.row dl.row-item:has(a[href*="f=5&"])::before,  li.row dl.row-item:has(a[href$="f=5"])::before  { content: "\f132"; } /* Firewall: escudo */
li.row dl.row-item:has(a[href*="f=6&"])::before,  li.row dl.row-item:has(a[href$="f=6"])::before  { content: "\f023"; } /* VPN: candado */
li.row dl.row-item:has(a[href*="f=7&"])::before,  li.row dl.row-item:has(a[href$="f=7"])::before  { content: "\f0e8"; } /* Routing: sitemap */
li.row dl.row-item:has(a[href*="f=8&"])::before,  li.row dl.row-item:has(a[href$="f=8"])::before  { content: "\f0b0"; } /* Content: filtro */
li.row dl.row-item:has(a[href*="f=9&"])::before,  li.row dl.row-item:has(a[href$="f=9"])::before  { content: "\f135"; } /* Novedades: cohete */
li.row dl.row-item:has(a[href*="f=10&"])::before, li.row dl.row-item:has(a[href$="f=10"])::before { content: "\f1b3"; } /* Miscelánea: cubos */
li.row dl.row-item:has(a[href*="f=12&"])::before, li.row dl.row-item:has(a[href$="f=12"])::before { content: "\f2b6"; } /* FortiMail */
li.row dl.row-item:has(a[href*="f=13&"])::before, li.row dl.row-item:has(a[href$="f=13"])::before { content: "\f080"; } /* FortiReporter */
li.row dl.row-item:has(a[href*="f=14&"])::before, li.row dl.row-item:has(a[href$="f=14"])::before { content: "\f06e"; } /* FortiGuard: ojo */
li.row dl.row-item:has(a[href*="f=15&"])::before, li.row dl.row-item:has(a[href$="f=15"])::before { content: "\f201"; } /* FortiAnalyzer */
li.row dl.row-item:has(a[href*="f=16&"])::before, li.row dl.row-item:has(a[href$="f=16"])::before { content: "\f1eb"; } /* FortiWiFi */
li.row dl.row-item:has(a[href*="f=17&"])::before, li.row dl.row-item:has(a[href$="f=17"])::before { content: "\f233"; } /* FortiManager */
li.row dl.row-item:has(a[href*="f=18&"])::before, li.row dl.row-item:has(a[href$="f=18"])::before { content: "\f109"; } /* FortiClient */
li.row dl.row-item:has(a[href*="f=19&"])::before, li.row dl.row-item:has(a[href$="f=19"])::before { content: "\f059"; } /* Consultas */
li.row dl.row-item:has(a[href*="f=20&"])::before, li.row dl.row-item:has(a[href$="f=20"])::before { content: "\f0f4"; } /* Off-topic: café */
li.row dl.row-item:has(a[href*="f=21&"])::before, li.row dl.row-item:has(a[href$="f=21"])::before { content: "\f0a1"; } /* Normas */
li.row dl.row-item:has(a[href*="f=27&"])::before, li.row dl.row-item:has(a[href$="f=27"])::before { content: "\f0ac"; } /* FortiWEB: globo */
li.row dl.row-item:has(a[href*="f=28&"])::before, li.row dl.row-item:has(a[href$="f=28"])::before { content: "\f1c0"; } /* FortiDB */
li.row dl.row-item:has(a[href*="f=29&"])::before, li.row dl.row-item:has(a[href$="f=29"])::before { content: "\f0c2"; } /* FortiCloud */
li.row dl.row-item:has(a[href*="f=30&"])::before, li.row dl.row-item:has(a[href$="f=30"])::before { content: "\f19d"; } /* NSE: birrete */

/* --------------------------------------------------------------
   8c. AVATARES CON INICIAL (usuarios sin avatar, vía JS de cabecera)
   -------------------------------------------------------------- */
.fm-avatar-initial {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.7rem;
	font-weight: 700;
	color: #fff;
	margin: 0 auto 8px;
	border: 2px solid var(--fm-line-strong);
	box-shadow: var(--fm-shadow);
	user-select: none;
}

/* --------------------------------------------------------------
   8d. BOTÓN FLOTANTE "VOLVER ARRIBA"
   -------------------------------------------------------------- */
/* botón "ir arriba": en línea en la cabecera, entre el buscador y el
   conmutador; aparece al hacer scroll (clase fm-show) */
/* Botón flotante "volver arriba" en la esquina inferior derecha. Aparece
   al desplazar (.fm-show, vía JS). Fuera del header para que el fixed
   se posicione respecto a la pantalla. */
#fm-top {
	position: fixed;
	right: clamp(14px, 3vw, 28px);
	bottom: clamp(14px, 3vw, 28px);
	z-index: 300;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 1px solid var(--fm-line-strong);
	background: var(--fm-surface-solid);
	color: var(--fm-cyan);
	font-size: 1.1rem;
	cursor: pointer;
	display: none;
	align-items: center;
	justify-content: center;
	box-shadow: var(--fm-shadow);
	transition: transform var(--fm-speed) var(--fm-ease), background var(--fm-speed), color var(--fm-speed);
}
#fm-top.fm-show {
	display: flex;
	animation: fm-fade-up 0.3s var(--fm-ease) both;
}
#fm-top:hover {
	color: var(--fm-accent);
	background: var(--fm-surface-2);
	transform: translateY(-2px);
}

/* --------------------------------------------------------------
   8e. ESTADÍSTICAS DE PORTADA CON NÚMEROS GRANDES
   -------------------------------------------------------------- */
.stat-block.statistics {
	background: var(--fm-surface);
	border: 1px solid var(--fm-line);
	border-radius: var(--fm-radius);
	padding: 14px 20px;
	margin-top: 14px;
}
.stat-block.statistics p strong {
	font-size: 1.45rem;
	font-weight: 800;
	background: var(--fm-grad-brand);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	padding: 0 2px;
}
.stat-block.statistics p strong a {
	font-size: 1rem;
	-webkit-text-fill-color: var(--fm-cyan);
}

/* --------------------------------------------------------------
   8f. PUBLICIDAD INTEGRADA EN EL DISEÑO
   Los bloques que inyecta AdSense (automáticos o manuales) se
   presentan como tarjetas del tema, sin desbordar en móvil.
   -------------------------------------------------------------- */
ins.adsbygoogle {
	margin: 14px auto;
	max-width: 100% !important; /* nunca desbordar el viewport (Google
	   fija anchos inline mayores que la pantalla en móvil) */
	border-radius: var(--fm-radius);
	overflow: hidden;
}

/* tarjeta del tema solo cuando Google ha rellenado el hueco */
ins.adsbygoogle[data-ad-status="filled"] {
	background: var(--fm-bg-soft);
	border: 1px solid var(--fm-line);
}

/* hueco sin anuncio (visitante que rechaza el consentimiento o sin
   inventario): colapsar, método oficial de AdSense */
ins.adsbygoogle[data-ad-status="unfilled"] {
	display: none !important;
}

/* banners manuales de la extensión de anuncios */
.phpbb-ads-center img, .postbody img.postimage {
	max-width: 100%;
	height: auto;
	border-radius: var(--fm-radius-sm);
}

/* Anuncios de la extensión phpbb/ads (posiciones fijas asignadas en el
   ACP): tarjeta integrada con etiqueta "Publicidad" para transparencia. */
[data-phpbb-ads-id] {
	position: relative;
	max-width: 100%;
	overflow: hidden;
	margin: 16px auto !important;
	padding: 20px 14px 14px;
	background: var(--fm-bg-soft);
	border: 1px solid var(--fm-line);
	border-radius: var(--fm-radius);
	text-align: center;
}
[data-phpbb-ads-id]::before {
	content: "Publicidad";
	position: absolute;
	top: 6px;
	left: 12px;
	font-size: 0.6rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--fm-text-faint);
}
[data-phpbb-ads-id] img,
[data-phpbb-ads-id] iframe,
[data-phpbb-ads-id] ins {
	max-width: 100%;
	height: auto;
}

/* banners laterales (skyscrapers). Solo en pantallas anchas; ocultos
   por completo en estrechas para no molestar ni tapar contenido. */
.fm-siderail { display: none; }
@media (min-width: 1700px) {
	.fm-siderail {
		display: block;
		position: fixed;
		/* anclados arriba; al ser fixed siguen visibles al hacer scroll */
		top: 88px;
		/* ancho adaptado al margen real del navegador, con un mínimo y
		   un máximo razonables (rascacielos / media página) */
		width: clamp(150px, calc((100vw - 1280px) / 2 - 60px), 320px);
		z-index: 50;
		text-align: center;
	}
	/* separados del borde del navegador; el gap con el contenido sale del
	   espacio que queda (más separación cuanto más ancha la pantalla) */
	.fm-siderail-left  { left: 36px; }
	.fm-siderail-right { right: 36px; }
}
.fm-siderail-label {
	display: block;
	font-size: 0.6rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--fm-text-faint);
	margin-bottom: 4px;
}
.fm-siderail-ad {
	display: block;
	width: 100%;
	min-height: 250px;
	border-radius: var(--fm-radius-sm);
	overflow: hidden;
	background: var(--fm-bg-soft);
	border: 1px solid var(--fm-line);
}

/* --------------------------------------------------------------
   8g. BOTONES DE IDENTIFICACIÓN EXTERNA (Google / Microsoft)
   -------------------------------------------------------------- */
.fm-oauth {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	margin: 6px auto 4px;
}
.fm-oauth-btn {
	/* mismo formato que los botones del sitio (.button), con flex para
	   alinear el logo */
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 5px 0;
	padding: 5px 16px;
	border-radius: var(--fm-radius-pill);
	background: var(--fm-surface-2);
	border: 1px solid var(--fm-line-strong);
	color: var(--fm-heading);
	font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 0.95rem;
	line-height: 1.4;
	text-decoration: none;
	transition: transform var(--fm-speed) var(--fm-ease), box-shadow var(--fm-speed), border-color var(--fm-speed), background var(--fm-speed);
}
.fm-oauth-btn:hover {
	color: var(--fm-heading);
	background: var(--fm-surface-solid);
	border-color: var(--fm-line-strong);
	transform: translateY(-1px);
	/* en oscuro una sombra oscura no se ve: resplandor claro neutro */
	box-shadow: 0 4px 18px rgba(150, 170, 205, 0.22);
	text-decoration: none;
}
/* en modo claro sí se ve bien una sombra de caída oscura */
html[data-theme="light"] .fm-oauth-btn:hover {
	box-shadow: 0 6px 18px rgba(31, 51, 86, 0.18);
}
/* el último botón (Microsoft) deja más aire antes del separador */
.fm-oauth-btn:last-child {
	margin-bottom: 20px;
}
.fm-oauth-logo {
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
}

/* separador "o con tu cuenta del foro" */
.fm-oauth-divider {
	display: flex;
	align-items: center;
	gap: 14px;
	max-width: 420px;
	margin: 18px auto;
	color: var(--fm-text-faint);
	font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}
.fm-oauth-divider::before,
.fm-oauth-divider::after {
	content: "";
	flex: 1;
	height: 1px;
	background: var(--fm-line-strong);
}

/* --------------------------------------------------------------
   8h. PORTAL (portada en /)
   -------------------------------------------------------------- */
#fm-portal { animation: fm-fade-up 0.5s var(--fm-ease) both; }

.fm-portal-hero {
	text-align: center;
	padding: clamp(28px, 6vw, 64px) 20px clamp(20px, 4vw, 40px);
}
.fm-portal-hero h1 {
	font-size: clamp(2rem, 5vw, 3.4rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	margin: 0 0 0.2em;
	background: var(--fm-grad-brand);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(0 2px 18px var(--fm-accent-glow));
}
.fm-portal-hero p {
	color: var(--fm-text-soft);
	font-size: clamp(0.95rem, 2vw, 1.2rem);
	margin: 0 0 1.4em;
}
.fm-portal-search {
	display: flex;
	gap: 8px;
	max-width: 560px;
	margin: 0 auto;
}
.fm-portal-search .inputbox {
	flex: 1;
	border-radius: var(--fm-radius-pill);
	padding: 10px 18px;
}

.fm-portal-grid {
	display: grid;
	grid-template-columns: 1fr 360px;
	gap: 18px;
	align-items: start;
}
.fm-portal-main {
	display: flex;
	flex-direction: column;
	gap: 18px;
}
.fm-portal-placeholder,
.fm-portal-card {
	background: var(--fm-surface);
	border: 1px solid var(--fm-line);
	border-radius: var(--fm-radius);
	box-shadow: var(--fm-shadow);
	backdrop-filter: var(--fm-blur);
	-webkit-backdrop-filter: var(--fm-blur);
	padding: 22px;
}
.fm-portal-placeholder {
	text-align: center;
	color: var(--fm-text-soft);
	padding: 40px 22px;
}
.fm-portal-placeholder > .icon {
	font-size: 2.4rem;
	color: var(--fm-cyan);
	margin-bottom: 10px;
	display: block;
}
.fm-portal-placeholder h2,
.fm-portal-card h2 {
	color: var(--fm-heading);
	font-size: 1.15rem;
	margin: 0 0 0.5em;
}
.fm-portal-card h2 .icon { color: var(--fm-cyan); }

.fm-portal-threads {
	list-style: none;
	margin: 0;
	padding: 0;
}
.fm-portal-threads li {
	padding: 9px 0;
	border-top: 1px solid var(--fm-line);
}
.fm-portal-threads li:first-child { border-top: 0; }
.fm-thread-title {
	display: block;
	color: var(--fm-heading);
	font-weight: 600;
	text-decoration: none;
	margin-bottom: 2px;
}
.fm-thread-title:hover { color: var(--fm-accent-hi); }
.fm-thread-meta {
	font-size: 0.78rem;
	color: var(--fm-text-faint);
}
.fm-portal-allforum {
	display: inline-block;
	margin-top: 14px;
}

@media (max-width: 860px) {
	.fm-portal-grid { grid-template-columns: 1fr; }
}

/* artículos destacados (franja superior de la portada) */
.fm-section-title {
	color: var(--fm-heading);
	font-size: 1.2rem;
	font-weight: 700;
	margin: 6px 0 14px;
}
.fm-section-title .icon { color: var(--fm-amber); }
.fm-featured { margin-bottom: 18px; }
.fm-featured-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}
.fm-featured-card {
	display: flex;
	flex-direction: column;
	background: var(--fm-surface);
	border: 1px solid var(--fm-line);
	border-radius: var(--fm-radius);
	box-shadow: var(--fm-shadow);
	overflow: hidden;
	text-decoration: none;
	transition: transform var(--fm-speed) var(--fm-ease), box-shadow var(--fm-speed), border-color var(--fm-speed);
}
.fm-featured-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--fm-shadow-lift);
	border-color: var(--fm-line-strong);
}
.fm-featured-img {
	height: 150px;
	background: var(--fm-surface-2) center / cover no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
}
.fm-featured-img[data-noimg] {
	background: var(--fm-grad-cool);
	opacity: 0.85;
}
.fm-featured-img .icon {
	font-size: 2.6rem;
	color: rgba(255,255,255,0.7);
}
.fm-featured-body {
	padding: 16px 18px 18px;
	display: flex;
	flex-direction: column;
	flex: 1;
}
.fm-featured-body h3 {
	color: var(--fm-heading);
	font-size: 1.05rem;
	line-height: 1.3;
	margin: 10px 0 8px;
}
.fm-featured-card:hover .fm-featured-body h3 { color: var(--fm-accent-hi); }
.fm-featured-excerpt {
	color: var(--fm-text-soft);
	font-size: 0.85rem;
	line-height: 1.5;
	flex: 1;
	margin: 0 0 10px;
}

@media (max-width: 860px) {
	.fm-featured-grid { grid-template-columns: 1fr; }
}

/* franja de estadísticas */
.fm-stats {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 14px;
	margin-top: 18px;
	padding: 22px;
	background: var(--fm-surface);
	border: 1px solid var(--fm-line);
	border-radius: var(--fm-radius);
	box-shadow: var(--fm-shadow);
}
.fm-stat {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 4px;
}
.fm-stat-num {
	font-size: clamp(1.5rem, 3.5vw, 2.2rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	background: var(--fm-grad-brand);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.fm-stat-lbl {
	font-size: 0.72rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--fm-text-faint);
	font-weight: 600;
}
.fm-stat-newest { justify-content: center; }
.fm-stat-newest-name {
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--fm-cyan);
	text-decoration: none;
}
.fm-stat-newest-name:hover { color: var(--fm-accent-hi); }
@media (max-width: 600px) {
	.fm-stats { grid-template-columns: repeat(2, 1fr); }
}

/* catálogo de descargas (/descargas) */
.fm-downloads-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
	gap: 16px;
}
.fm-download-card {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
	background: var(--fm-surface);
	border: 1px solid var(--fm-line);
	border-radius: var(--fm-radius);
	box-shadow: var(--fm-shadow);
	padding: 16px 18px;
	transition: transform var(--fm-speed) var(--fm-ease), box-shadow var(--fm-speed), border-color var(--fm-speed);
}
.fm-download-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--fm-shadow-lift);
	border-color: var(--fm-line-strong);
}
.fm-download-icon {
	flex: 0 0 auto;
	width: 52px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--fm-radius-sm);
	background: var(--fm-surface-2);
	color: var(--fm-cyan);
	font-size: 1.6rem;
}
.fm-download-body {
	flex: 1;
	min-width: 0;
}
.fm-download-body h2 {
	font-size: 1rem;
	color: var(--fm-heading);
	margin: 0 0 2px;
	line-height: 1.3;
}
.fm-download-file {
	display: block;
	font-family: var(--fm-mono);
	font-size: 0.78rem;
	color: var(--fm-text-faint);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 6px;
}
.fm-download-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	font-size: 0.76rem;
	color: var(--fm-text-soft);
}
.fm-download-meta .icon { color: var(--fm-text-faint); }
.fm-download-actions {
	display: flex;
	gap: 8px;
	flex: 1 0 100%;
	margin-top: 4px;
}
.fm-download-actions .button { flex: 1; text-align: center; }

/* tarjeta de descargas en la portada */
.fm-portal-downloads {
	list-style: none;
	margin: 0;
	padding: 0;
}
.fm-portal-downloads li {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 0;
	border-top: 1px solid var(--fm-line);
}
.fm-portal-downloads li:first-child { border-top: 0; }
.fm-portal-downloads .icon { color: var(--fm-cyan); font-size: 1.2rem; }
.fm-portal-dl-name {
	flex: 1;
	min-width: 0;
	color: var(--fm-heading);
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.fm-portal-dl-name:hover { color: var(--fm-accent-hi); }
.fm-portal-dl-size { color: var(--fm-text-faint); font-size: 0.76rem; white-space: nowrap; }

/* lista de artículos en la tarjeta de la portada */
.fm-portal-seeall {
	float: right;
	font-size: 0.8rem;
	font-weight: 600;
}
.fm-portal-articles {
	list-style: none;
	margin: 0;
	padding: 0;
}
.fm-portal-articles li {
	padding: 9px 0;
	border-top: 1px solid var(--fm-line);
	display: flex;
	justify-content: space-between;
	gap: 12px;
	align-items: baseline;
}
.fm-portal-articles li:first-child { border-top: 0; }
.fm-article-link {
	color: var(--fm-heading);
	font-weight: 600;
	text-decoration: none;
}
.fm-article-link:hover { color: var(--fm-accent-hi); }
.fm-article-date {
	color: var(--fm-text-faint);
	font-size: 0.76rem;
	white-space: nowrap;
}
.fm-portal-muted { color: var(--fm-text-soft); }

/* --------------------------------------------------------------
   8i. PÁGINA DE ARTÍCULOS (/articulos) Y ARTÍCULO (/articulo/...)
   -------------------------------------------------------------- */
#fm-articles, #fm-article, .fm-article-missing {
	animation: fm-fade-up 0.5s var(--fm-ease) both;
}
.fm-articles-head { margin: 18px 0; }
.fm-articles-head h1 {
	font-size: clamp(1.5rem, 4vw, 2.2rem);
	color: var(--fm-heading);
	font-weight: 800;
	margin: 0 0 0.5em;
}
.fm-articles-head h1 .icon { color: var(--fm-cyan); }

.fm-articles-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.fm-filter {
	display: inline-block;
	padding: 5px 14px;
	border-radius: var(--fm-radius-pill);
	border: 1px solid var(--fm-line-strong);
	background: var(--fm-surface-2);
	color: var(--fm-text-soft);
	font-weight: 600;
	font-size: 0.85rem;
	text-decoration: none;
	transition: all var(--fm-speed);
}
.fm-filter:hover { color: var(--fm-heading); border-color: var(--fm-cyan); }
.fm-filter-active {
	background: var(--fm-grad-brand);
	border-color: transparent;
	color: #fff;
}

.fm-articles-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 18px;
}
.fm-article-card {
	display: flex;
	flex-direction: column;
	background: var(--fm-surface);
	border: 1px solid var(--fm-line);
	border-radius: var(--fm-radius);
	box-shadow: var(--fm-shadow);
	padding: 20px;
	transition: transform var(--fm-speed) var(--fm-ease), box-shadow var(--fm-speed), border-color var(--fm-speed);
}
.fm-article-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--fm-shadow-lift);
	border-color: var(--fm-line-strong);
}
.fm-article-section {
	align-self: flex-start;
	font-size: 0.7rem;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	font-weight: 700;
	color: var(--fm-cyan);
	background: var(--fm-cyan-glow);
	padding: 3px 10px;
	border-radius: var(--fm-radius-pill);
	margin-bottom: 10px;
}
.fm-article-card h2 {
	font-size: 1.15rem;
	margin: 0 0 0.5em;
	line-height: 1.3;
}
.fm-article-card h2 a {
	color: var(--fm-heading);
	text-decoration: none;
}
.fm-article-card h2 a:hover { color: var(--fm-accent-hi); }
.fm-article-excerpt {
	color: var(--fm-text-soft);
	font-size: 0.9rem;
	line-height: 1.55;
	flex: 1;
	margin: 0 0 14px;
}
.fm-article-foot {
	display: flex;
	justify-content: space-between;
	color: var(--fm-text-faint);
	font-size: 0.78rem;
	border-top: 1px solid var(--fm-line);
	padding-top: 10px;
}
.fm-articles-empty { padding: 40px 0; text-align: center; }

/* vista de artículo individual */
#fm-article {
	/* mismo ancho que el resto del sitio (antes estaba limitado a 820px) */
	background: var(--fm-surface);
	border: 1px solid var(--fm-line);
	border-radius: var(--fm-radius);
	box-shadow: var(--fm-shadow);
	padding: clamp(20px, 4vw, 44px);
}
.fm-article-header { margin-bottom: 22px; }
.fm-article-back {
	display: inline-block;
	color: var(--fm-text-faint);
	font-size: 0.82rem;
	font-weight: 600;
	text-decoration: none;
	margin-bottom: 12px;
}
.fm-article-back:hover { color: var(--fm-cyan); }
.fm-article-header h1 {
	font-size: clamp(1.6rem, 4.5vw, 2.6rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	color: var(--fm-heading);
	margin: 8px 0 10px;
	line-height: 1.2;
}
.fm-article-byline {
	color: var(--fm-text-soft);
	font-size: 0.88rem;
}
.fm-article-byline strong { color: var(--fm-text); }
.fm-article-content {
	font-size: 1.05rem;
	line-height: 1.7;
	color: var(--fm-text);
	border-top: 1px solid var(--fm-line);
	padding-top: 22px;
}
.fm-article-content img { max-width: 100%; height: auto; border-radius: var(--fm-radius-sm); }
/* botones de compartir del artículo */
.fm-article-share {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 24px;
	padding-top: 18px;
	border-top: 1px solid var(--fm-line);
}
.fm-share-label {
	font-size: 0.82rem;
	font-weight: 600;
	color: var(--fm-text-soft);
	margin-right: 4px;
}
.fm-share-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--fm-surface-2);
	border: 1px solid var(--fm-line-strong);
	color: var(--fm-text-soft);
	font-size: 1rem;
	cursor: pointer;
	text-decoration: none;
	transition: transform var(--fm-speed) var(--fm-ease), color var(--fm-speed), border-color var(--fm-speed), background var(--fm-speed);
}
.fm-share-btn:hover {
	transform: translateY(-2px);
	color: var(--fm-heading);
	background: var(--fm-surface-solid);
}
.fm-share-svg { width: 16px; height: 16px; display: block; }
.fm-share-x:hover { border-color: #fff; color: #fff; }
.fm-share-li:hover { border-color: #0a66c2; color: #0a66c2; }
.fm-share-fb:hover { border-color: #1877f2; color: #1877f2; }
.fm-share-wa:hover { border-color: #25d366; color: #25d366; }
.fm-share-tg:hover { border-color: #2aabee; color: #2aabee; }
.fm-share-copy.fm-copied { border-color: var(--fm-green); color: var(--fm-green); }

/* Compartir en hilos del foro (viewtopic) */
.fm-topic-share {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 10px 0 14px;
}

.fm-article-comments {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 26px;
	padding-top: 20px;
	border-top: 1px solid var(--fm-line);
	text-align: center;
}
.fm-rss-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--fm-text-soft);
	text-decoration: none;
	transition: color var(--fm-speed);
}
.fm-rss-link:hover { color: #f26522; }
.fm-rss-link .icon { color: #f26522; }

/* Filtro RSS en el listado de artículos */
.fm-filter-rss { margin-left: auto; }
.fm-filter-rss .icon { color: #f26522; }

/* Artículos relacionados */
.fm-related {
	margin-top: 34px;
	padding-top: 22px;
	border-top: 1px solid var(--fm-line);
}
.fm-related-title {
	font-size: 1.15rem;
	margin: 0 0 14px;
	color: var(--fm-heading);
}
.fm-related-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 10px;
}
.fm-related-list li {
	background: var(--fm-surface-2);
	border: 1px solid var(--fm-line);
	border-radius: 10px;
	padding: 12px 14px;
	transition: border-color var(--fm-speed), transform var(--fm-speed) var(--fm-ease);
}
.fm-related-list li:hover {
	border-color: var(--fm-line-strong);
	transform: translateY(-2px);
}
.fm-related-list a {
	display: block;
	font-weight: 600;
	color: var(--fm-heading);
	text-decoration: none;
	margin-bottom: 4px;
}
.fm-related-list a:hover { color: var(--fm-green); }
.fm-related-date {
	font-size: 0.78rem;
	color: var(--fm-text-faint);
}
.fm-article-missing {
	text-align: center;
	padding: 60px 20px;
	color: var(--fm-text-soft);
}
.fm-article-missing > .icon {
	font-size: 3rem;
	color: var(--fm-text-faint);
	display: block;
	margin-bottom: 16px;
}
.fm-article-missing h1 {
	color: var(--fm-heading);
	font-size: 1.5rem;
	margin-bottom: 20px;
}

/* --------------------------------------------------------------
   9. RESPONSIVE FINO
   -------------------------------------------------------------- */
@media (max-width: 700px) {
	/* prosilver oculta el logo en móvil; nosotros lo mostramos pequeño
	   para conservar el branding en la cabecera compacta */
	#logo { display: inline-block; }
	.site_logo { width: 36px; height: 36px; }
	#site-description p { display: none; } /* lema oculto en móvil */
	/* fila estable: logo + título (se elipsa si no cabe) + conmutador,
	   sin que el título empuje el botón de tema fuera de la fila */
	.headerbar .inner { flex-wrap: nowrap; justify-content: space-between; }
	.site-description { min-width: 0; flex: 0 1 auto; margin-right: 0; }
	.fm-site-text { min-width: 0; }
	#site-description h1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	#fm-theme-toggle { display: flex !important; flex: 0 0 38px; }
	ul.topiclist li.row { padding: 4px 0; }
}

@media (max-width: 420px) {
	body { font-size: 13.5px; }
	.post { border-radius: var(--fm-radius-sm); }
}

/* --------------------------------------------------------------
   10. ACCESIBILIDAD: MENOS MOVIMIENTO
   -------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}