/* Styles for the general looks for the Curve theme.
------------------------------------------------------- */

/* Normal, standard links. */
a:link, a:visited
{
	color: #333;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
	cursor: pointer;
}

/* Links that open in a new window. */
a.new_win:link, a.new_win:visited
{
	color: #333;
	text-decoration: none;
}
a.new_win:hover
{
	text-decoration: underline;
}

/* Tables should show empty cells. */
table
{
	empty-cells: show;
}

/* Set a fontsize that will look the same in all browsers. */
body
{
	background: #F6F5F3 url(../images/theme/backdrop.png) repeat-x;
	font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
	margin: 0 auto;
	padding: 15px 0;
}

/* Help popups require a different styling of the body element. */
body#help_popup
{
	padding: 1em;
}

/* use dark grey for the text, leaving #000 for headers etc */
body, td, th, tr
{
	color: #444;
}

/* This division wraps the entire forum when a forum width is set. */
div#wrapper
{
	margin: 0 auto;
	min-width: 764px;
	max-width: 2300px;
}

/* lets give all forms zero padding/margins */
form
{
	padding: 0;
	margin: 0;
}

/* We can style the different types of input buttons to be uniform throughout different browsers and their color themes.
	.button_submit - covers input[type=submit], input[type=button], button[type=submit] and button[type=button] in all browsers
	.button_reset  - covers input[type=reset] and button[type=reset] throughout all browsers
	.input_check	- covers input[type=checkbox] throughout all browsers
	.input_radio	- covers input[type=radio] throughout all browsers
	.input_text	 - covers input[type=text] throughout all browsers
	.input_file	 - covers input[type=file] throughout all browsers
*/

input, button, select, textarea
{
	font: 95%/115% verdana, Helvetica, sans-serif;
	color: #000;
	background: #fff;
	border: 1px solid #ccc;
	padding: 2px;
}

/* Select elements look horrible with the extra padding, so leave them unpadded. */
select
{
	padding: 0;
}

/* Add some padding to the options instead. */
select option
{
	padding: 1px;
}

/* The font size of textareas should be just a little bit larger. */
textarea
{
	font: 100%/130% verdana, Helvetica, sans-serif;
}

/* Buttons should be styled a bit differently, in order to make them look more button'ish. */
.button_submit, .button_reset
{
	background: #D6F3DB url(../images/theme/submit_bg.png) no-repeat;
	border: 1px solid #aaa;
	cursor: pointer;
	font-weight: normal;
}
input:hover, textarea:hover, button:hover, select:hover
{
	border: 1px solid #454545;
}
.button_submit:hover, .button_reset:hover
{
	border: 1px solid #aaa;
	background: url(../images/theme/submit_bg.png) no-repeat 0 -140px #cde7ff;
}
input:focus, textarea:focus, button:focus, select:focus
{
	border: 1px solid #454545;
}

/* All input elements that are checkboxes or radio buttons shouldn't have a border around them. */
input.input_check, input.input_radio
{
	border: none;
	background: none;
}
h3.catbg input.input_check
{
	margin: 9px 7px 0 7px;
}

/* Give disabled text input elements a different background color. */
input[disabled].input_text
{
	background-color: #eee;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
	height: 1px;
	border: 0;
	color: #ccc;
	background-color: #ccc;
}

/* By default set the color on these tags as #000. */
h1, h2, h3, h4, h5, h6
{
	color: #000;
	font-size: 1em;
	margin: 0;
	padding: 0;
}

/* Fieldsets are used to group elements. */
fieldset
{
	border: 1px solid #c4c4c4;
	padding: 1em;
	margin: 0 0 0.5em 0;
}
fieldset legend
{
	font-weight: bold;
	color: #444;
}
/* No image should have a border when linked. */
a img
{
	border: 0;
}

/* Define strong as bold, and em as italics */
strong
{
	font-weight: bold;
}

em
{
	font-style: italic;
}
/* Alternative for u tag */
.underline
{
	text-decoration: underline;
}

/* Common classes to easy styling.
------------------------------------------------------- */

.floatright
{
	float: right;
}
.floatleft
{
	float: left;
}

.flow_auto
{
	overflow: auto;
}
.flow_hidden
{
	overflow: hidden;
}
.flow_hidden .windowbg, .flow_hidden .windowbg2
{
	margin-top: 2px;
}
.clear
{
	clear: both;
}
.clear_left
{
	clear: left;
}
.clear_right
{
	clear: right;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext, tr.smalltext th
{
	font-size: 0.85em;
	font-family: verdana, sans-serif;
}
.middletext
{
	font-size: 0.9em;
	line-height: 1em;
	font-family: verdana, sans-serif;
}
.normaltext
{
	font-size: 1em;
	line-height: 1.2em;
}
.largetext
{
	font-size: 1.4em;
}
.centertext
{
	margin: 0 auto;
	text-align: center;
}
.righttext
{
	margin-left: auto;
	margin-right: 0;
	text-align: right;
}
.lefttext
{
	margin-left: 0;
	margin-right: auto;
	text-align: left;
}
.double_height
{
	line-height: 2em;
}
/* some common padding styles */
.padding
{
	padding: 0.7em;
}
.main_section, .lower_padding
{
	padding-bottom: 0.5em;
}
/* a quick reset list class. */
ul.reset, ul.reset li
{
	padding: 0;
	margin: 0;
	list-style: none;
}

/* Some BBC related styles.
------------------------------------------------------- */

/* A quote, perhaps from another post. */
blockquote.bbc_standard_quote, blockquote.bbc_alternate_quote
{
	font-size: x-small;
	color: #000;
	line-height: 1.4em;
	background: url(../images/theme/quote.png) 0.1em 0.1em no-repeat;
	border-top: 2px solid #99A;
	border-bottom: 2px solid #99A;
	padding: 1.1em 1.4em;
	margin: 0.1em 0 0.3em 0;
	overflow: auto;
}

/* Alterate blockquote stylings */
blockquote.bbc_standard_quote
{
	background-color: #d7daec;
}
blockquote.bbc_alternate_quote
{
	background-color: #e7eafc;
}

/* A code block - maybe PHP ;). */
code.bbc_code
{
	display: block;
	font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
	font-size: x-small;
	background: #eef;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
	line-height: 1.5em;
	padding: 3px 1em;
	overflow: auto;
	white-space: nowrap;
	/* Show a scrollbar after about 24 lines. */
	max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.codeheader, .quoteheader
{
	color: #666;
	font-size: x-small;
	font-weight: bold;
	padding: 0 0.3em;
}

/* For links to change the code stuff... */
.codeoperation
{
	font-weight: normal;
}

/* Styling for BBC tags */
.bbc_link:link, .bbc_link:visited
{
	border-bottom: 1px solid #A8B6CF;
}
.bbc_link:hover
{
	text-decoration: none;
	border-bottom: 1px solid #346;
}
.bbc_size
{
	line-height: 1.4em;
}
.bbc_color a
{
	color: inherit;
}
.bbc_img
{
	border: 0;
}
.bbc_table
{
	font: inherit;
	color: inherit;
}
.bbc_table td
{
	font: inherit;
	color: inherit;
	vertical-align: top;
}
.bbc_u
{
	text-decoration: underline;
}
.bbc_list
{
	text-align: left;
}
.bbc_tt
{
	font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
	cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
	color: red;
}

/* Highlighted text - such as search results. */
.highlight
{
	font-weight: bold;
	color: #ff7200 !important;
	font-size: 1.1em;
}

/* A more discreet highlight color, for selected membergroups etc. */
.highlight2
{
	background-color: #D1E1EF;
	color: #000 !important;
}

/* Generic, mostly color-related, classes.
------------------------------------------------------- */

.titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td
{
	color: #222;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	background: #ccc url(../images/theme/main_block.png) no-repeat -10px -380px;
}
.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th
{
	color: #fff;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	background: #000 url(../images/theme/main_block.png) no-repeat -10px -280px;
}

/* adjust the table versions of headers */
tr.titlebg th, tr.titlebg2 th, td.titlebg, td.titlebg2, tr.catbg th, tr.catbg2 th, td.catbg, td.catbg2
{
	padding: 0 6px;
}
tr.titlebg th a:link, tr.titlebg th a:visited, tr.titlebg2 td a:link, tr.titlebg2 td a:visited
{
	color: #222;
}
tr.catbg th a:link, tr.catbg th a:visited, tr.catbg2 td a:link, tr.catbg2 td a:visited
{
	color: #fff;
}
.catbg select
{
	height: 1.5em;
	font-size: 0.85em;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body
{
	color: #000;
	background-color: #F6F5F3;
}
.windowbg2
{
	color: #000;
	background-color: #F6F5F3;
}
.windowbg3
{
	color: #000;
	background-color: #F6F5F3;
}

/* the page navigation area */
.pagesection
{
	font-size: 0.9em;
	padding: 0.2em;
	overflow: hidden;
	margin-bottom: 1px;
}
div.pagesection div.floatright input
{
	margin-top: 3px;
}

.pagelinks
{
	padding: 0.6em 0 0.4em 0;
}

/* Colors for background of Global Topics */
.global
{
	color: #000000;
	background-color: #C5E0FF;
}
.global2
{
	color: #000000;
	background-color: #C5E0FF;
}

/* Colors for background of posts requiring approval */
.approvebg
{
	color: #000;
	background-color: #ffeaea;
}
.approvebg2
{
	color: #000;
	background-color: #fff2f2;
}

/* Color for background of *topics* requiring approval */
.approvetbg
{
	color: #000;
	background-color: #e4a17c;
}
.approvetbg2
{
	color: #000;
	background-color: #f3bd9f;
}

/* Sticky topics get a different background */
.stickybg
{
	background: #e8d8cf;
}
.stickybg2
{
	background: #f2e3d9;
}

/* Locked posts get a different shade, too! */
.lockedbg
{
	background: #d4dce2;
	font-style: italic;
}
.lockedbg2
{
	background: #d8e1e7;
	font-style: italic;
}

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
	overflow: auto;
	line-height: 1.4em;
	padding: 0.1em 0;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature, .attachments
{
	width: 98%;
	overflow: auto;
	clear: right;
	padding: 1em 0 3px 0;
	border-top: 1px solid #aaa;
	line-height: 1.4em;
	font-size: 0.85em;
}
.custom_fields_above_signature
{
	width: 98%;
	clear: right;
	padding: 1em 0 3px 0;
	border-top: 1px solid #aaa;
	line-height: 1.4em;
	font-size: 0.85em;
}

/* Sometimes there will be an error when you post */
.error
{
	color: red;
}

/* Messages that somehow need to attract the attention. */
.alert
{
	color: red;
}

/* Calendar colors for birthdays, events and holidays */
.birthday
{
	color: #920ac4;
}

.event
{
	color: #078907;
}

.holiday
{
	color: #000080;
}

/* Colors for warnings */
.warn_mute
{
	color: red;
}

.warn_moderate
{
	color: #ffa500;
}

.warn_watch, .success
{
	color: green;
}

a.moderation_link, a.moderation_link:visited
{
	color: red;
	font-weight: bold;
}

.openid_login
{
	background: white url(../images/openid.gif) no-repeat;
	padding-left: 18px;
}

/* a descriptive style */
.description, .description_board, .plainbox
{
	padding: 0.5em 1em;
	font-size: 0.9em;
	line-height: 1.4em;
	border: 1px solid #bbb;
	background: #f5f5f0;
	margin: 0.2em 1px 1em 1px;
}
.description_board
{
	margin: 1em 1px 0 1px;
}

/* an informative style */
.information
{
	padding: 0.5em 1em;
	font-size: 0.9em;
	line-height: 1.3em;
	border: 1px solid #bbb;
	background: #f0f6f0;
	margin: 0.2em 1px 1em 1px;
}
.information p
{
	padding: 1em;
	margin: 0;
}
p.para2
{
	padding: 1em 0 3.5em 0;
	margin: 0;
}
/* AJAX notification bar
------------------------------------------------------- */
#ajax_in_progress
{
	background: url(../images/theme/loadingbar.png) repeat-x;
	color: #f96f00;
	text-align: center;
	font-size: 16pt;
	padding: 8px;
	width: 100%;
	height: 66px;
	line-height: 25px;
	position: fixed;
	top: 0;
	left: 0;
}

#ajax_in_progress a
{
	color: orange;
	text-decoration: underline;
	font-size: smaller;
	float: right;
	margin-right: 20px;
}

/* Lists with settings use these a lot.
------------------------------------------------------- */
dl.settings
{
	clear: right;
	overflow: auto;
	margin: 0 0 10px 0;
	padding: 0;
}
dl.settings dt
{
	width: 40%;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	clear: both;
}
dl.settings dt.settings_title
{
	width: 100%;
	float: none;
	margin: 0 0 10px 0;
	padding: 5px 0 0 0;
	font-weight: bold;
	clear: both;
}
dl.settings dt.windowbg
{
	width: 98%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0 0 5px 0;
	clear: both;
}
dl.settings dd
{
	width: 56%;
	float: right;
	overflow: auto;
	margin: 0 0 3px 0;
	padding: 0;
}
dl.settings img
{
	margin: 0 10px 0 0;
}
/* help icons */
dl.settings dt a img
{
	position: relative;
	top: 2px;
}

/* Styles for rounded headers.
------------------------------------------------------- */
h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg
{
	overflow: hidden;
	height: 31px;
	line-height: 31px;
	font-size: 1.2em;
	font-weight: bold;
}
h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a
{
	color: #fff;
}
h3.catbg2 a, h3.catbg2
{
	color: #feb;
}
h3.catbg a:hover, h4.catbg a:hover, .table_list tbody.header td a:hover
{
	color: #fd9;
	text-decoration: none;
}
h3.catbg2 a:hover
{
	color: #fff;
	text-decoration: none;
}
h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a
{
	color: #222;
}
h3.titlebg a:hover, h4.titlebg a:hover
{
	color: #53616f;
	text-decoration: none;
}
h3.catbg img.icon, h4.titlebg img.icon
{
	vertical-align: middle;
	margin: -2px 5px 0 0;
}
h4.catbg a.toggle img
{
	vertical-align: middle;
	margin: -2px 5px 0 5px;
}
h4.catbg, h4.catbg2 , h3.catbg , h3.catbg2 , .table_list tbody.header td.catbg
{
	background: url(../images/theme/main_block.png) no-repeat 100% -160px;
	padding-right: 9px;
}
h4.titlebg, h3.titlebg
{
	background: url(../images/theme/main_block.png) no-repeat 100% -200px;
	padding-right: 9px;
}
h4.titlebg img.icon
{
	float: left;
	margin: 5px 8px 0 0;
}
div.cat_bar
{
	background: #000 url(../images/theme/main_block.png) no-repeat 0 -160px;
	padding-left: 9px;
	height: 31px;
	overflow: hidden;
	margin-bottom: 1px;
}
div.title_bar
{
	background: #ccc url(../images/theme/main_block.png) no-repeat 0 -200px;
	padding-left: 9px;
	height: 31px;
	overflow: hidden;
	margin-bottom: 1px;
}

/* rounded bars needs a different background here */

div.roundframe div.cat_bar
{
	background: #000 url(../images/theme/main_block.png) no-repeat 0 -240px;
	margin-bottom: 0;
}
div.roundframe div.cat_bar h3.catbg
{
	background: url(../images/theme/main_block.png) no-repeat 100% -240px;
}
div.title_barIC
{
	background: #F6F5F3 url(../images/theme/main_block.png) no-repeat 0 -120px;
	padding-left: 9px;
	height: 31px;
	overflow: hidden;
	margin-bottom: 1px;
}
div.title_barIC h4.titlebg
{
	background: url(../images/theme/main_block.png) no-repeat 100% -120px;
}
#upshrinkHeaderIC p.pminfo
{
	margin: 0;
	padding: 0.5em;
}
img#upshrink_ic, img#newsupshrink
{
	float: right;
	margin: 10px 5px 0 0;
}
table.table_list a.unreadlink, table.table_list a.collapse
{
	float: right;
}
table.table_list a.collapse
{
	margin: 10px 5px 0 1em;
	height: 31px;
	line-height: 31px;
}

/* The half-round header bars for some tables. */
.table_grid tr.catbg, .table_grid tr.titlebg
{
	font-size: 0.95em;
	border-bottom: 1px solid #fff;
}
.table_grid tr.catbg th, .table_grid tr.titlebg th
{
	height: 28px;
	line-height: 28px;
}
tr.catbg th.first_th
{
	background: #000 url(../images/theme/main_block.png) no-repeat 0 -280px;
}
tr.catbg th.last_th
{
	background: #000 url(../images/theme/main_block.png) no-repeat 100% -280px;
}
tr.titlebg th.first_th
{
	background: #ccc url(../images/theme/main_block.png) no-repeat 0 -380px;
}
tr.titlebg th.last_th
{
	background: #ccc url(../images/theme/main_block.png) no-repeat 100% -380px;
}
.table_grid th.last_th input
{
	margin: 0 2px;
}
.table_grid th.lefttext
{
	padding: 0 0.7em;
}

/* a general table class */
table.table_grid
{
	border-collapse: collapse;
	margin-top: 0.1em;
}
table.table_grid td
{
	padding: 3px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

/* GenericList */
.additional_row
{
	padding: 0.5em 0 0.5em 0;
}
table.table_grid thead tr.catbg th
{
	white-space: nowrap;
}

/* table_grid styles for Profile > Show Permissions. */
#permissions table.table_grid  td
{
	padding: 0.4em 0.8em;
	cursor: default;
} 

/* Common styles used to add corners to divisions.
------------------------------------------------------- */
.windowbg span.topslice
{
	display: block;
	padding-left: 20px;
	background: url(../images/theme/main_block.png) 0 -30px no-repeat;
}
.windowbg span.topslice span
{
	display: block;
	background: url(../images/theme/main_block.png) 100% -30px no-repeat;
	height: 11px;
}
.windowbg span.botslice
{
	display: block;
	padding-left: 20px;
	background: url(../images/theme/main_block.png) 0 -40px no-repeat;
	font-size: 5px;
	line-height: 5px;
	margin-bottom: 0.2em;
}
.windowbg span.botslice span
{
	display: block;
	background: url(../images/theme/main_block.png) 100% -40px no-repeat;
	height: 11px;
}

.windowbg2 span.topslice
{
	display: block;
	padding-left: 20px;
	background: url(../images/theme/main_block.png) 0 -60px no-repeat;
}
.windowbg2 span.topslice span
{
	display: block;
	background: url(../images/theme/main_block.png) 100% -60px no-repeat;
	height: 11px;
}
.windowbg2 span.botslice
{
	display: block;
	padding-left: 20px;
	background: url(../images/theme/main_block.png) 0 -71px no-repeat;
	font-size: 5px;
	line-height: 5px;
	margin-bottom: 0.2em;
}
.windowbg2 span.botslice span
{
	display: block;
	background: url(../images/theme/main_block.png) 100% -71px no-repeat;
	height: 11px;
}
.approvebg span.topslice
{
	display: block;
	padding-left: 20px;
	background: url(../images/theme/main_block.png) 0 0 no-repeat;
}
.approvebg span.topslice span
{
	display: block;
	background: url(../images/theme/main_block.png) 100% 0 no-repeat;
	height: 11px;
}
.approvebg span.botslice
{
	display: block;
	padding-left: 20px;
	background: url(../images/theme/main_block.png) 0 -11px no-repeat;
	margin-bottom: 0.2em;
}
.approvebg span.botslice span
{
	display: block;
	background: url(../images/theme/main_block.png) 100% -11px no-repeat;
	height: 11px;
}
.postbg
{
	border-left: 1px solid #7f7f7f;
	border-right: 1px solid #7f7f7f;
}

/* Used for sections that need somewhat larger corners.
----------------------------------------------------------- */
.roundframe
{
	padding: 0 10px;
	background: #f5f5f5;
	border-left: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
}
.roundframe dl, .roundframe dt, .roundframe p
{
	margin: 0;
}
.roundframe p
{
	padding: 0.5em;
}
span.upperframe
{
	padding: 0;
	display: block;
	background: url(../images/theme/main_block.png) 0 -90px no-repeat;
	padding-left: 20px;
}
span.upperframe span
{
	padding: 0;
	height: 12px;
	display: block;
	background: url(../images/theme/main_block.png) 100% -90px no-repeat;
}
span.lowerframe
{
	padding: 0;
	display: block;
	background: url(../images/theme/main_block.png) 0 -102px no-repeat;
	padding-left: 20px;
}
span.lowerframe span
{
	padding: 0;
	height: 12px;
	display: block;
	background: url(../images/theme/main_block.png) 100% -102px no-repeat;
}

/* The main content area.
------------------------------------------------------- */
.content
{
	padding: 0.5em 1.2em;
	margin: 0;
	border: none;
}
.content p
{
	margin: 0 0 0.5em 0;
}

/* Styles used by the auto suggest control.
------------------------------------------------------- */
.auto_suggest_div
{
	border: 1px solid #000;
	position: absolute;
	visibility: hidden;
}
.auto_suggest_item
{
	background-color: #ddd;
}
.auto_suggest_item_hover
{
	background-color: #888;
	cursor: pointer;
	color: #eee;
}

/* Styles for the standard dropdown menus.
------------------------------------------------------- */
#main_menu
{
	padding: 0 0 0 20px;
	float: left;
	margin: 0;
	width: 98%;
}

.dropmenu, .dropmenu ul
{
	list-style: none;
	line-height: 1em;
	padding: 0;
	margin: 0;
}
.dropmenu
{
	padding: 0 0.5em;
}
.dropmenu a
{
	display: block;
	color: #000;
	text-decoration: none;
}
.dropmenu a span
{
	display: block;
	padding: 0 0 0 5px;
	font-size: 0.9em;
}
/* the background's first level only */
.dropmenu li a.firstlevel
{
	margin-right: 8px;
}
.dropmenu li a.firstlevel span.firstlevel
{
	display: block;
	position: relative;
	left: -5px;
	padding-left: 5px;
	height: 22px;
	line-height: 19px;
	white-space: pre;
}
.dropmenu li
{
	float: left;
	padding: 0;
	margin: 0;
	position: relative;
}
.dropmenu li ul
{
	z-index: 90;
	display: none;
	position: absolute;
	width: 19.2em;
	font-weight: normal;
	border-bottom: 1px solid #999;
	background: url(../images/theme/menu_gfx.png) 0 -130px no-repeat;
	padding: 7px 0 0 0;
}
.dropmenu li li
{
	width: 19em;
	margin: 0;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}
.dropmenu li li a span
{
	display: block;
	padding: 8px;
}
.dropmenu li ul ul
{
	margin: -1.8em 0 0 13em;
}

/* the active button */
.dropmenu li a.active
{
	background: url(../images/theme/menu_gfx.png) no-repeat 100% 0;
	color: #fff;
	font-weight: bold;
}
.dropmenu li a.active span.firstlevel
{
	background: url(../images/theme/menu_gfx.png) no-repeat 0 0;
}
/* the hover effects */
.dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel
{
	background: url(../images/theme/menu_gfx.png) no-repeat 100% -30px;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}
.dropmenu li a.firstlevel:hover span.firstlevel, .dropmenu li:hover a.firstlevel span.firstlevel
{
	background: url(../images/theme/menu_gfx.png) no-repeat 0 -30px;
}
/* the hover effects on level2 and 3 */
.dropmenu li li a:hover, .dropmenu li li:hover>a
{
	background: #d4dbe4;
	color: #000;
	text-decoration: none;
}
.dropmenu li:hover ul ul, .dropmenu li:hover ul ul ul
{
	top: -999em;
}
.dropmenu li li:hover ul
{
	top: auto;
}
.dropmenu li:hover ul
{
	display: block;
}
.dropmenu li li.additional_items
{
	background-color: #fff;
}

/* The dropdown menu toggle image */
#menu_toggle
{
	float: right;
	margin-right: 10px;
	padding-top: 3px;
}
#menu_toggle span
{
	position: relative;
	right: 5000px;
}

/* Styles for the standard button lists.
------------------------------------------------------- */

.buttonlist ul
{
	z-index: 100;
	padding: 5px;
	margin: 0 0.2em 5px 0;
}
.buttonlist ul li
{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
.buttonlist ul li a
{
	display: block;
	font-size: 0.8em;
	color: #000;
	background: #e8e8e8 url(../images/theme/menu_gfx.png) no-repeat 0 -60px;
	padding: 0 0 0 8px;
	margin-left: 12px;
	text-transform: uppercase;
	cursor: pointer;
}
.buttonlist ul li a:hover
{
	background: url(../images/theme/menu_gfx.png) no-repeat 0 0;
	color: #fff;
	text-decoration: none;
}
.buttonlist ul li a span
{
	background: url(../images/theme/menu_gfx.png) no-repeat 100% -60px;
	display: block;
	height: 19px;
	line-height: 19px;
	padding: 0 8px 0 0;
}
.buttonlist ul li a:hover span
{
	background: #fff url(../images/theme/menu_gfx.png) no-repeat 100% 0;
}
/* the active one */
.buttonlist ul li a.active
{
	background: #5a6c85 url(../images/theme/menu_gfx.png) no-repeat 0 -90px;
	color: #fff;
	font-weight: bold;
}
.buttonlist ul li a.active span
{
	background: url(../images/theme/menu_gfx.png) no-repeat 100% -90px;
}
.buttonlist ul li a.active
{
	font-weight: bold;
}
.buttonlist ul li a.active:hover
{
	color: #ddf;
}
.align_top ul li a, .align_bottom ul li a
{
	margin: 0 12px 0 0;
}

/* the navigation list */
ul#navigation
{
	margin: 0;
	font-size: 0.9em;
	padding: 1em 0.4em;
}
ul#navigation li
{
	float: none;
	font-size: 0.95em;
	display: inline;
}

#adm_submenus
{
	padding-left: 2em;
	overflow: hidden;
}

/* Styles for the general looks for the Curve theme.
------------------------------------------------------- */

/* the framing graphics */
#header
{
	background: url(../images/theme/main_block.png) #fefefe no-repeat 0 -480px;
	padding-left: 0px;
}
#header div.frame
{
	background: url(../images/theme/main_block.png) no-repeat 100% -480px;
	display: block;
	padding: 0px;
}
/* the content section */
#content_section
{
	background: #FFFFFF url(../images/theme/frame_repeat.png) repeat-y top left;
	padding-left: 20px;
}
#content_section div.frame
{
	background: url(../images/theme/frame_repeat.png) repeat-y top right;
	display: block;
	padding: 0 20px 0 0;
}
#main_content_section
{
	width: 100%;
	min-height: 200px;
}

/* the main title, always stay at 45 pixels in height! */
h1.forumtitle
{
	line-height: 45px;
	font-size: 1.8em;
	font-family: Geneva, verdana, sans-serif;
	margin: 0;
	padding: 0;
	float: left;
}
/* float these items to the right */
#siteslogan, img#smflogo
{
	margin: 0;
	padding: 0;
	float: right;
	line-height: 3em;
}
h3, h4
{
	padding-bottom: 3px;
}
/* the upshrink image needs some tweaking */
img#upshrink
{
	float: right;
	margin: 1em;
}
/* ..so does the SMF logo */
img#smflogo
{
	margin-left: 1em;
}
/* the upper_section, float the two each way */
#upper_section
{
	padding: 5px;
	margin-bottom: 1.5em;
}
#upper_section ul li.greeting
{
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.5em;
}
#upper_section div.news
{
	width: 50%;
	float: right;
	text-align: right;
}
#guest_form
{
	overflow: hidden;
}
#guest_form .info
{
	padding: 4px 0 ;
	line-height: 1.3em;
}
div#upper_section { padding-top:20px;padding-right:25px; padding:left:20px; }
div#upper_section div.user
{
	width: 50%;
	float: left;
	overflow: auto;
}
div#upper_section div.user p
{
	float: left;
	margin: 0 1em 1em 0;
	padding: 0 0 0 20px;
}
div#upper_section div.user ul
{
	margin: 0;
	padding-left: 10px;
}
div#upper_section div.user ul li
{
	margin-bottom: 2px;
}
div#upper_section div.news p
{
	display: inline;
}
div#upper_section div.news form
{
	padding-bottom: 10px;
}
/* clearing the floats */
#top_section
{
	min-height: 45px;
	overflow: hidden;
	margin-bottom: 3px;
	padding:5px 10px 5px 20px;
	background-color:#222222;background:-webkit-gradient(linear,0 0,0 100%,from(#323232),to(#000));background:-moz-linear-gradient(0% 0 270deg,#323232,#000);background:linear-gradient(#323232,#000);background:-o-linear-gradient(#323232,#000);
}
#upper_section
{
	overflow: hidden;
}

/* The navigation list (i.e. linktree) */
.navigate_section
{
	padding: 0.5em;
	margin: 0 0 0 0;
}
.navigate_section ul
{
	display: block;
	margin: 0;
	font-size: 0.9em;
	padding: 1em 0 0.5em 0;
	border-top: 1px solid #ccc;
	overflow: hidden;
	list-style: none;
	clear: both;
	width: 100%;
}
.navigate_section ul li
{
	float: left;
	padding: 0 0.5em 0 0;
	font-size: 0.95em;
}
.navigate_section ul li a
{
	white-space: pre;
}

/* The footer wih copyright links etc. */
#footer_section
{
	text-align: center;
	background: url(../images/theme/main_block.png) no-repeat 0 -820px;
	padding-left: 20px;
}
#footer_section span.smalltext
{
	font-size: 100%;
}
#footer_section div.frame
{
	background: url(../images/theme/main_block.png) no-repeat 100% -820px;
	display: block;
	padding: 60px 0 0 0;
}
#footer_section ul li, #footer_section p
{
	font-size: 0.8em;
}
#footer_section ul li
{
	display: inline;
	padding-right: 5px;
}
#footer_section ul li.copyright
{
	display: block;
}
select.qaction, input.qaction
{
	font-size: 0.85em;
	padding: 0;
}
#mlist table tbody td.windowbg2
{
	text-align: center;
}

/* Styles for a typical table.
------------------------------------------------------- */
table.table_list
{
	width: 100%;
}
table.table_list p
{
	padding: 0;
	margin: 0;
}
table.table_list td, table.table_list th
{
	padding: 5px;
}
table.table_list tbody.header td
{
	padding: 0;
}
table.table_list tbody.content td.stats
{
	font-size: 90%;
	width: 15%;
	text-align: center;
}
table.table_list tbody.content td.lastpost
{
	line-height: 1.3em;
	font-size: 85%;
	width: 24%;
}
table.table_list tbody.content td.icon
{
	text-align: center;
	width: 6%;
}

/* Styles for the board index.
------------------------------------------------- */

/* the board title! */
.table_list tbody.content td.info a.subject
{
	font-weight: bold;
	font-size: 110%;
	color: #333;
}
.table_list tbody.content td.children
{
	color: #555;
	font-size: 85%;
}
p.moderators
{
	font-size: 0.8em;
	font-family: verdana, sans-serif;
}
/* hide the table header/footer parts - but its here for those needing to style it */
#boardindex_table .table_list thead, #boardindex_table .table_list tfoot
{
	display: none;
}

/* the posting icons */
#posting_icons
{
	padding: 0 1em 0.5em 1em;
	margin: 0 0 1em 0;
	line-height: 1em;
}
#posting_icons ul
{
	font-size: 0.8em;
}
#posting_icons img
{
	vertical-align: middle;
	margin: 0 0 0 4ex;
}
#postbuttons_upper ul li a span
{
	line-height: 19px;
	padding: 0 0 0 6px;
}
.nextlinks
{
	text-align: right;
	margin-top: -1px;
}
.nextlinks_bottom
{
	clear: right;
	text-align: right;
}
.mark_read
{
	padding: 0 0.5em;
}

/* the newsfader */
#newsfader
{
	margin: 0 2px;
}
#smfFadeScroller
{
	text-align: center;
	padding: 0 2em;
	overflow: auto;
	margin: 1em 0;
	color: #575757; /* shouldn't be shorthand style due to a JS bug in IE! */
}

/* Styles for the info center on the board index.
---------------------------------------------------- */

#upshrinkHeaderIC
{
	margin-top: 4px;
}
dl#ic_recentposts
{
	margin: 0 0 0.5em 0;
	padding: 0.5em;
	line-height: 1.3em;
}
dl#ic_recentposts dt
{
	float: left;
}
dl#ic_recentposts dd
{
	text-align: right;
}
#upshrinkHeaderIC p
{
	margin: 0 0 0.5em 0;
	padding: 0.5em;
}
#upshrinkHeaderIC p.last
{
	margin: 0;
	padding: 0.5em;
	border-top: 2px dotted #bbb;
}
#upshrinkHeaderIC p.inline
{
	border: none;
	margin: 0;
	padding: 0.2em 0.5em 0.2em 0.5em;
}
#upshrinkHeaderIC p.stats
{
	font-size: 1.1em;
	padding-top: 8px;
}
form#ic_login
{
	padding: 0.5em;
	height: 2em;
}
form#ic_login ul li
{
	margin: 0;
	padding: 0;
	float: left;
	width: 20%;
	text-align: center;
}
form#ic_login ul li label
{
	display: block;
}

/* the small stats */
#index_common_stats
{
	display: block;
	margin: 0 0 0.5em 0;
	text-align: right;
	font-size: 0.9em;
	position: relative;
	top: -20px;
	line-height: 1px;
}

img.new_posts
{
	padding: 0 0.1em;
}
/* Styles for the message (topic) index.
---------------------------------------------------- */
div.table_frame .table_list
{
	border-collapse: collapse;
	margin: 2px 0;
}
.table_frame .table_list td.icon, .table_frame .table_list td.info, .table_frame .table_list td.stats
{
	border-right: 2px solid white;
}
#messageindex
{
	clear: both;
}
/* the page navigation area */
.childboards
{
	margin-bottom: 0.2em;
}
#childboards h3
{
	padding-bottom: 0;
}
#childboards .table_list thead
{
	display: none;
}
#childboards .table_list
{
	margin-bottom: 1em;
}
.lastpost img
{
	float: right;
	padding: 4px;
}

/* Styles for the display template (topic view).
---------------------------------------------------- */

#postbuttons div.buttons
{
	padding: 0.5em;
	width: 40%;
	float: right;
}
#postbuttons div.middletext
{
	width: 60%;
}
#postbuttons span
{
	display: block;
	text-align: right;
}
#postbuttons span.lower
{
	clear: right;
}
#postbuttons .buttonlist
{
	float: right;
}
#postbuttons #pagelinks
{
	padding-top: 1em;
}
#moderationbuttons
{
	overflow: hidden;
}
/* Events */
.linked_events
{
	padding: 1em 0;
}
.edit_event
{
	margin: 0 1em;
	vertical-align: middle;
}
/* Poll question */
#poll
{
	overflow: hidden;
}
#poll .content
{
	padding: 0 1em;
}
h4#pollquestion
{
	padding: 0 0 0.5em 2em;
}

/* Poll vote options */
#poll_options ul.options
{
	border-top: 1px solid #9999aa;
	padding: 1em 2.5em 0 2em;
	margin: 0 0 1em 0;
}
#poll_options div.submitbutton
{
	border-bottom: 1px solid #9999aa;
	clear: both;
	padding: 0 0 1em 2em;
	margin: 0 0 1em 0;
}

/* Poll results */
#poll_options dl.options
{
	border: solid #9999aa;
	border-width: 1px 0;
	padding: 1em 2.5em 1em 2em;
	margin: 0 1em 1em 0;
	line-height: 1.1em !important;
}

#poll_options dl.options dt
{
	padding: 0.3em 0;
	width: 30%;
	float: left;
	margin: 0;
	clear: left;
}

#poll_options dl.options .voted
{
	font-weight: bold;
}

#poll_options dl.options dd
{
	margin: 0 0 0 2em;
	padding: 0.1em 0 0 0;
	width: 60%;
	max-width: 450px;
	float: left;
}

#poll_options dl.options .percentage
{
	display: block;
	float: right;
	padding: 0.2em 0 0.3em 0;
}

/* Poll notices */
#poll_options p
{
	margin: 0 1.5em 0.2em 1.5em;
	padding: 0 0.5em 0.5em 0.5em;
}

div#pollmoderation
{
	margin: 0;
	padding: 0;
	overflow: auto;
}

/* onto the posts */
#forumposts
{
	clear: both;
}
#forumposts .cat_bar
{
	margin: 0 0 2px 0;
}
/* author and topic information */
#forumposts h3 span#author
{
	margin: 0 7.7em 0 0;
}
#forumposts h3 img
{
	float: left;
	margin: 4px 0.5em 0 0;
}
#forumposts h3.catbg
{
	margin-bottom: 3px;
}
p#whoisviewing
{
	margin: 0;
	padding: 0.5em;
}
/* poster and postarea + moderation area underneath */
.post_wrapper
{
	float:left;
	width:100%;
}
.poster
{
	float: left;
	width: 15em;
	word-wrap: break-word;
}
.postarea, .moderatorbar
{
	margin: 0 0 0 16em;
}
.postarea div.flow_hidden
{
	width: 100%;
}

.moderatorbar
{
	clear: right;
}
/* poster details and list of items */
.poster h4, .poster ul
{
	padding: 0;
	margin: 0 1em 0 1.5em;
}
.poster h4
{
	margin: 0.2em 0 0.4em 1.1em;
	font-size: 120%;
}
.poster h4, .poster h4 a
{
	color: #c06002;
}
.poster ul ul
{
	margin: 0.3em 1em 0 0;
	padding: 0;
}
.poster ul ul li
{
	display: inline;
}
.poster li.stars, .poster li.avatar, .poster li.blurb, li.postcount, li.im_icons ul
{
	margin-top: 0.5em;
}
.poster li.avatar
{
	overflow: hidden;
}
.poster li.warning
{
	line-height: 1.2em;
	padding-top: 1em;
}
.poster li.warning a img
{
	vertical-align: bottom;
	padding: 0 0.2em;
}
.messageicon
{
	float: left;
	margin: 0 0.5em 0 0;
}
.messageicon img
{
	padding: 6px 3px;
}
.keyinfo
{
	float: left;
	width: 50%;
}
.modifybutton
{
	clear: right;
	float: right;
	margin: 6px 20px 10px 0;
	text-align: right;
	font: bold 0.85em arial, sans-serif;
	color: #334466;	
}

/* The quick buttons */
div.quickbuttons_wrap
{
	padding: 0.2em 0;
	width: 100%;
	float: left;
}

ul.quickbuttons
{
	margin: 0.9em 11px 0 0;
	clear: right;
	float: right;
	text-align: right;
	font: bold 0.85em arial, sans-serif;
}
ul.quickbuttons li
{
	float: left;
	display: inline;
	margin: 0 0 0 11px;
}
ul.quickbuttons li a
{
	padding: 0 0 0 20px;
	display: block;
	height: 20px;
	line-height: 18px;
	float: left;
}
ul.quickbuttons a:hover
{
	color: #a70;
}
ul.quickbuttons li.quote_button
{
	background: url(../images/theme/quickbuttons.png) no-repeat 0 0;
}
ul.quickbuttons li.remove_button
{
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -30px;
}
ul.quickbuttons li.modify_button
{
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -60px;
}
ul.quickbuttons li.approve_button
{
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -90px;
}
ul.quickbuttons li.restore_button
{
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -120px;
}
ul.quickbuttons li.split_button
{
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -150px;
}
ul.quickbuttons li.reply_button
{
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px;
}
ul.quickbuttons li.reply_all_button
{
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px;
}
ul.quickbuttons li.notify_button
{
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -210px;
}
ul.quickbuttons li.inline_mod_check
{
	margin: 0 0 0 5px;
}

.post
{
	margin-top: 0.5em;
	clear: right;
}
.inner
{
	padding: 1em 1em 2px 0;
	margin: 0 1em 0 0;
	border-top: 1px solid #99a;
}
img.smiley
{
	vertical-align: bottom;
}
#forumposts .modified
{
	float: left;
}
#forumposts .reportlinks
{
	margin-right: 1.5em;
	text-align: right;
	clear: right;
}
#forumposts .signature, .post .signature
{
	margin: 1em 0 0 0;
}
#forumposts span.botslice
{
	clear: both;
}
.attachments hr
{
	clear: both;
	margin: 1em 0 1em 0;
}
.attachments
{
	padding: 1em 0 2em 0;
}
.attachments div
{
	padding: 0 0.5em;
}

/* Styles for the quick reply area.
---------------------------------------------------- */

#quickreplybox
{
	padding-bottom: 1px;
}
#quickReplyOptions .roundframe
{
	padding: 0 10%;
}
#quickReplyOptions form textarea
{
	height: 100px;
	width: 635px;
	max-width: 100%;
	min-width: 100%;
	margin: 0.25em 0 1em 0;
}
/* The jump to box */
#display_jump_to
{
	clear: both;
	padding: 5px;
	margin-top: 6px;
	text-align: right;
}

/* Separator of posts. More useful in the print stylesheet. */
#forumposts .post_separator
{
	display: none;
}

/* Styles for edit post section
---------------------------------------------------- */
form#postmodify .roundframe
{
	padding: 0 12%;
}
#post_header, .postbox
{
	padding: 0.5em;
	overflow: hidden;
}
#post_header dt, .postbox dt
{
	float: left;
	padding: 0;
	width: 15%;
	margin: .5em 0 0 0;
	font-weight: bold;
}
#post_header dd, .postbox dd
{
	float: left;
	padding: 0;
	width: 83%;
	margin: .3em 0;
}
#post_header img
{
	vertical-align: middle;
}
ul.post_options
{
	margin: 0 0 0 1em;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
ul.post_options li
{
	margin: 0.2em 0;
	width: 49%;
	float: left;
}
#postAdditionalOptionsHeader
{
	margin-top: 1em;
}
#postMoreOptions
{
	border-bottom: 1px solid #cacdd3;
	padding: 0.5em;
}
#postAttachment, #postAttachment2
{
	overflow: hidden;
	margin: .5em 0;
	padding: 0;
	border-bottom: 1px solid #cacdd3;
	padding: 0.5em;
}
#postAttachment dd, #postAttachment2 dd
{
	margin: .3em 0 .3em 1em;
}
#postAttachment dt, #postAttachment2 dt
{
	font-weight: bold;
}
#postAttachment3
{
	margin-left: 1em;
}
#post_confirm_strip, #shortcuts
{
	padding: 1em 0 0 0;
}
.post_verification
{
	margin-top: .5em;
}
.post_verification #verification_control
{
	margin: .3em 0 .3em 1em;
}
/* The BBC buttons */
#bbcBox_message
{
	margin: 0.75em 0.5em;
}
#bbcBox_message div
{
	margin: 0.2em 0;
	vertical-align: top;
}
#bbcBox_message div img
{
	margin: 0 1px 0 0;
	vertical-align: top;
}
#bbcBox_message select
{
	margin: 0 2px;
}
/* The smiley strip */
#smileyBox_message
{
	margin: 0.5em;
}

/* Styles for edit event section
---------------------------------------------------- */
#post_event .roundframe
{
	padding: 0 12%;
}
#post_event fieldset
{
	padding: 0.5em;
	clear: both;
}
#post_event #event_main input
{
	margin: 0 0 1em 0;
	float: left;
}
#post_event #event_main div.smalltext
{
	width: 33em;
	float: right;
}
#post_event div.event_options
{
	float: right;
}
#post_event ul.event_main, ul.event_options
{
	padding: 0;
	overflow: hidden;
}
#post_event ul.event_main li
{
	list-style-type: none;
	margin: 0.2em 0;
	width: 49%;
	float: left;
}
#post_event ul.event_options
{
	margin: 0;
	padding: 0 0 .7em .7em;
}
#post_event ul.event_options li
{
	list-style-type: none;
	margin: 0;
	float: left;
}
#post_event #event_main select, #post_event ul.event_options li select, #post_event ul.event_options li .input_check
{
	margin: 0 1em 0 0;
}

/* Styles for edit poll section.
---------------------------------------------------- */

#edit_poll
{
	overflow: hidden;
}
#edit_poll fieldset
{
	padding: 0.5em;
	clear: both;
	overflow: hidden;
}
#edit_poll fieldset input
{
	margin-left: 8.1em;
}
#edit_poll ul.poll_main li
{
	padding-left: 1em;
}
#edit_poll ul.poll_main input
{
	margin-left: 1em;
}
#edit_poll ul.poll_main, dl.poll_options
{
	overflow: hidden;
	padding: 0 0 .7em .7em;
	list-style: none;
}
#edit_poll ul.poll_main li
{
	margin: 0.2em 0;
}
#edit_poll dl.poll_options dt
{
	width: 33%;
	padding: 0 0 0 1em;
}
#edit_poll dl.poll_options dd
{
	width: 65%;
}
#edit_poll dl.poll_options dd input
{
	margin-left: 0; 
}

/* Styles for the recent messages section.
---------------------------------------------------- */

#readbuttons_top .pagelinks, #readbuttons .pagelinks
{
	padding-bottom: 1em;
	width: 60%;
}
#readbuttons .pagelinks
{
	padding-top: 1em;
}
#recent
{
	clear: both;
}

/* Styles for the move topic section.
---------------------------------------------------- */

#move_topic dl
{
	margin-bottom: 0;
}
#move_topic dl.settings dt
{
	width: 40%;
}
#move_topic dl.settings dd
{
	width: 59%;
}
.move_topic
{
	width: 710px;
	margin: auto;
	text-align: left;
}
div.move_topic fieldset
{
	padding: 0.5em;
}

/* Styles for the send topic section.
---------------------------------------------------- */

fieldset.send_topic
{
	border: none;
	padding: 0.5em;
}
dl.send_topic
{
	margin-bottom: 0;
}
dl.send_mail dt
{
	width: 35%;
}
dl.send_mail dd
{
	width: 64%;
}

/* Styles for the report topic section.
---------------------------------------------------- */

#report_topic dl
{
	margin-bottom: 0;
}
#report_topic dl.settings dt
{
	width: 20%;
}
#report_topic dl.settings dd
{
	width: 79%;
}

/* Styles for the split topic section.
---------------------------------------------------- */

div#selected, div#not_selected
{
	width: 49%;
}
ul.split_messages li.windowbg, ul.split_messages li.windowbg2
{
	margin: 1px;
}
ul.split_messages li a.split_icon
{
	padding: 0 0.5em;
}
ul.split_messages div.post
{
	padding: 1em 0 0 0;
	border-top: 1px solid #fff;
}

/* Styles for the merge topic section.
---------------------------------------------------- */
ul.merge_topics li
{
	list-style-type: none;
}
dl.merge_topic dt
{
	width: 25%;
}
dl.merge_topic dd
{
	width: 74%;
}
fieldset.merge_options
{
	clear: both;
}
.custom_subject
{
	margin: 0.5em 0;
}

/* Styles for the login areas.
------------------------------------------------------- */
.login
{
	width: 540px;
	margin: 0 auto;
}
.login dl
{
	overflow: auto;
	clear: right;
}
.login dt, .login dd
{
	margin: 0 0 0.4em 0;
	width: 44%;
	padding: 0.1em;
}
.login dt
{
	float: left;
	clear: both;
	text-align: right;
	font-weight: bold;
}
.login dd
{
	width: 54%;
	float: right;
	text-align: left;
}
.login p
{
	text-align: center;
}

/* Styles for the registration section.
------------------------------------------------------- */
.register_error
{
	border: 1px dashed red;
	padding: 5px;
	margin: 0 1ex 1ex 1ex;
}
.register_error span
{
	text-decoration: underline;
}

/* Additional profile fields */
dl.register_form
{
	margin: 0;
	clear: right;
}

dl.register_form dt
{
	font-weight: normal;
	float: left;
	clear: both;
	width: 50%;
	margin: 0.5em 0 0 0;
}

dl.register_form dt strong
{
	font-weight: bold;
}

dl.register_form dt span
{
	display: block;
}

dl.register_form dd
{
	float: left;
	width: 49%;
	margin: 0.5em 0 0 0;
}

#confirm_buttons
{
	text-align: center;
	padding: 1em 0;
}

.coppa_contact
{
	padding: 4px;
	width: 32ex;
	background-color: #fff;
	color: #000;
	margin-left: 5ex;
	border: 1px solid #000;
}

.valid_input
{
	background-color: #f5fff0;
}
.invalid_input
{
	background-color: #fff0f0;
}

/* Styles for maintenance mode.
------------------------------------------------------- */
#maintenance_mode
{
	width: 75%;
	min-width: 520px;
	text-align: left;
}
#maintenance_mode img.floatleft
{
	margin-right: 1em;
}

/* common for all admin sections */
h3.titlebg img
{
	vertical-align: middle;
	margin-right: 0.5em;
	margin-top: -1px;
}
tr.titlebg td
{
	padding-left: 0.7em;
}
#admin_menu
{
	min-height: 2em;
	padding-left: 0;
}
#admin_content
{
	clear: left;
	padding-top: 0.5em;
}
/* Custom profile fields like to play with us some times. */
#admin_content .custom_field
{
	margin-bottom: 15px;
}
#admin_login .centertext
{
	padding: 1em;
}
#admin_login .centertext .error
{
	padding: 0 0 1em 0;
}

/* Styles for sidebar menus.
------------------------------------------------------- */
.left_admmenu, .left_admmenu ul, .left_admmenu li
{
	padding: 0;
	margin: 0;
	list-style: none;
}
#left_admsection
{
	width: 160px;
	float: left;
	padding-right: 10px;
}
.adm_section h4.titlebg
{
	font-size: 95%;
	margin-bottom: 5px;
}
#main_container
{
	position: relative;
}
.left_admmenu li
{
	padding: 0 0 0 0.5em;
}
.left_admmenu
{
	margin-bottom: 0.5em;
}
#main_admsection
{
	position: relative;
	left: 0;
	right: 0;
	overflow: hidden;
}

tr.windowbg td, tr.windowbg2 td, tr.approvebg td, tr.highlight2 td
{
	padding: 0.3em 0.7em;
}
#credits p
{
	padding: 0;
	font-style: italic;
	margin: 0;
}

/* Styles for generic tables.
------------------------------------------------------- */
.topic_table table
{
	width: 100%;
}
.topic_table .icon1, .topic_table .icon2, .topic_table .stats
{
	text-align: center;
}
#topic_icons
{
	margin: 1em 0 0 0;
}
#topic_icons .description
{
	margin: 0;
}
.topic_table table thead
{
	border-bottom: 1px solid #fff;
}
/* the subject column */
.topic_table td
{
	font-size: 1em;
}
.topic_table td.subject p, .topic_table td.stats
{
	font-size: 0.85em;
	padding: 0;
	margin: 0;
}
.topic_table td.lastpost
{
	font-size: 0.85em;
	line-height: 1.3em;
	padding: 4px;
}
.topic_table td.stickybg2
{
	background-image: url(../images/icons/quick_sticky.gif);
	background-repeat: no-repeat;
	background-position: 98% 4px;
}
.topic_table td.lockedbg2
{
	background-image: url(../images/icons/quick_lock.gif);
	background-repeat: no-repeat;
	background-position: 98% 4px;
}
.topic_table td.locked_sticky2
{
	background-image: url(../images/icons/quick_sticky_lock.gif);
	background-repeat: no-repeat;
	background-position: 98% 4px;
}
.topic_table td.lastpost
{
	background-image: none;
}

/* Styles for (fatal) errors.
------------------------------------------------- */

#fatal_error
{
	width: 80%;
	margin: auto;
}

.errorbox
{
	padding: 1em;
	border: 1px solid #cc3344;
	color: #000;
	background-color: #ffe4e9;
	margin-bottom: 1em;
}
.errorbox h3
{
	padding: 0;
	margin: 0;
	font-size: 1.1em;
	text-decoration: underline;
}
.errorbox p
{
	margin: 1em 0 0 0;
}
.errorbox p.alert
{
	padding: 0;
	margin: 0;
	float: left;
	width: 1em;
	font-size: 1.5em;
}

/* Styles for the profile section.
------------------------------------------------- */

dl
{
	overflow: auto;
	margin: 0;
	padding: 0;
}

/* The basic user info on the left */
#basicinfo
{
	width: 20%;
	float: left;
}
#basicinfo .windowbg .content
{
	padding-left: 20px;
}
#detailedinfo
{
	width: 79.5%;
	float: right;
}
#basicinfo h4
{
	font-size: 135%;
	font-weight: 100;
	line-height: 105%;
	white-space: pre-wrap;
	overflow: hidden;
}
#basicinfo h4 span.position
{
	font-size: 80%;
	font-weight: 100;
	display: block;
}
#basicinfo img.avatar
{
	display: block;
	margin: 10px 0 0 0;
}
#basicinfo ul
{
	list-style-type: none;
	margin: 10px 0 0 0;
}
#basicinfo ul li
{
	display: block;
	float: left;
	margin-right: 5px;
	height: 20px;
}
#basicinfo span#userstatus
{
	display: block;
	clear: both;
}
#basicinfo span#userstatus img
{
	vertical-align: middle;
}
#detailedinfo div.content dl, #tracking div.content dl
{
	clear: right;
	overflow: auto;
	margin: 0 0 18px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px #ccc solid;
}
#detailedinfo div.content dt, #tracking div.content dt
{
	width: 35%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0;
	font-weight: bold;
	clear: both;
}
#detailedinfo div.content dd, #tracking div.content dd
{
	width: 65%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0;
}
#detailedinfo div.content dl.noborder
{
	border-bottom: 0;
}
#detailedinfo div.content dt.clear
{
	width: 100%;
}
.signature, .custom_fields_above_signature
{
	border-top: 1px #ccc solid;
}
.signature h5
{
	font-size: 0.85em;
	margin-bottom: 10px;
}
#personal_picture
{
	display: block;
	margin-bottom: 0.3em;
}
#avatar_server_stored div
{
	float: left;
}
#avatar_upload
{
	overflow: auto;
}
#main_admsection #basicinfo, #main_admsection #detailedinfo
{
	width: 100%;
}
#main_admsection #basicinfo h4
{
	float: left;
	width: 35%;
}
#main_admsection #basicinfo img.avatar
{
	float: right;
	vertical-align: top;
}
#main_admsection #basicinfo ul
{
	clear: left;
}
#main_admsection #basicinfo span#userstatus
{
	clear: left;
}
#main_admsection #basicinfo p#infolinks
{
	display: none;
	clear: both;
}
#main_admsection #basicinfo .botslice
{
	clear: both;
}

/* Simple feedback messages */
div#profile_error, div#profile_success
{
	margin: 0 0 1em 0;
	padding: 1em 2em;
	border: 1px solid;
}
div#profile_error
{
	border-color: red;
	color: red;
	background: #fee;
}

div#profile_error span
{
	text-decoration: underline;
}

div#profile_success
{
	border-color: green;
	color: green;
	background: #efe;
}

/* Profile statistics */
#generalstats div.content dt
{
	width: 50%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0;
	font-weight: bold;
	clear: both;
}
#generalstats div.content dd
{
	width: 50%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0;
}

/* Activity by time */
#activitytime
{
	margin: 6px 0;
}
.activity_stats
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.activity_stats li
{
	margin: 0;
	padding: 0;
	width: 4.16%;
	float: left;
}
.activity_stats li span
{
	display: block;
	border: solid #000;
	border-width: 1px 1px 0 0;
	text-align: center;
}
.activity_stats li.last span
{
	border-right: none;
}
.activity_stats li div.bar
{
	margin: 0 auto;
	width: 15px;
}
.activity_stats li div.bar div
{
	background: #6294CE;
}
.activity_stats li div.bar span
{
	position: absolute;
	top: -1000em;
	left: -1000em;
}

/* Most popular boards by posts and activity */
#popularposts
{
	width: 49.5%;
	float: left;
}
#popularactivity
{
	width: 49.5%;
	float: right;
}

#popularposts div.content dt, #popularactivity div.content dt
{
	width: 65%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0;
	font-weight: bold;
	clear: both;
}
#popularposts div.content dd, #popularactivity div.content dd
{
	width: 35%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0;
}

.profile_pie
{
	background-image: url(../images/stats_pie.png);
	float: left;
	height: 20px;
	width: 20px;
	margin: 0 1em 0 0;
	padding: 0;
	text-indent: -1000em;
}

/* View posts */
.topic .time
{
	float: right;
}

.counter
{
	margin: 0 0 0 0;
	padding: 0.2em 0.5em 0.1em 0.2em;
	font-size: 2.2em;
	font-weight: bold;
	color: #3f3f3f;
	float: left;
}
.list_posts
{
	border-top: 2px solid #b3b3bf;
	padding-top: 12px;
	margin-top: 6px;
	overflow: auto;
}

.core_posts
{
	margin-bottom: 3px;
}

.topic h4
{
	margin: 3px 0;
}

.topic .post
{
	margin: 0 1em;
	min-height: 80px;
	height: auto !important;
	height: 80px;
}

.topic .mod_icons
{
	text-align: right;
	margin-right: 1em;
}

#tracking div.content dl
{
	border-bottom: 0;
	margin: 0;
	padding: 0;
}

#creator dl
{
	margin: 0;
}
#creator dt
{
	width: 40%;
	float: left;
	clear: both;
	margin: 0 0 10px 0;
}
#creator dd
{
	float: right;
	width: 55%;
	margin: 0 0 10px 2px;
	overflow: auto;
}

.ignoreboards
{
	margin: 0 2%;
	padding: 0;
	width: 45%;
}
.ignoreboards a
{
	font-weight: bold;
	border-bottom: 1px solid #c4c4c4;
	padding: 0.1em 0;
}
.ignoreboards a:hover
{
	text-decoration: none;
	border-bottom: 1px solid #334466;
}
.ignoreboards ul
{
	margin: 0;
	padding: 0;
}
.ignoreboards li
{
	list-style: none;
	float: left;
	clear: both;
}
.ignoreboards li.category
{
	margin: 0.7em 0 0 0;
	width: 100%;
}
.ignoreboards li ul
{
	margin: 0.2em 0 0 0;
}
.ignoreboards li.category ul li.board
{
	width: 93%;
}

#theme_settings
{
	overflow: auto;
	margin: 0;
	padding: 0;
}

#theme_settings li
{
	list-style: none;
	margin: 10px 0;
	padding: 0;
}
/* Paid Subscriptions */
#paid_subscription
{
	width: 100%;
}
#paid_subscription dl.settings
{
	margin-bottom: 0;
}
#paid_subscription dl.settings dd, #paid_subscription dl.settings dt
{
	margin-bottom: 4px;
}
/* Pick theme */
#pick_theme
{
	width: 100%;
	float: left;
}
/*Issue a warning*/
#warn_body{
	width: 80%;
	font-size: 0.9em;
}

/* Styles for the statistics center.
------------------------------------------------- */
#statistics
{
	padding: 0.5em 0;
}
#statistics div.title_bar
{
	margin: 4px 0 -2px 0;
}
#statistics h3.catbg
{
	text-align: center;
}
#statistics div.content
{
	min-height: 210px;
}
#statistics div.top_row
{
	min-height: 150px;
}
#stats_left, #top_posters, #top_topics_replies, #top_topics_starter
{
	float: left;
	width: 49.5%;
}
#stats_right, #top_boards, #top_topics_views, #most_online
{
	float: right;
	width: 49.5%;
}
dl.stats
{
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
dl.stats dt
{
	width: 49%;
	float: left;
	margin: 0 0 4px 0;
	line-height: 16px;
	padding: 0;
	clear: both;
	font-size: 1em;
}
dl.stats dd
{
	text-align: right;
	width: 50%;
	font-size: 1em;
	float: right;
	margin: 0 0 4px 0;
	line-height: 16px;
	padding: 0;
}
.statsbar div.bar
{
	float: left;
	background: url(../images/bar_stats.png) no-repeat;
	display: block;
	margin: 0 4px;
	height: 16px;
}
.statsbar div.bar div
{
	position: relative;
	right: -4px;
	padding: 0 4px 0 0;
	background: url(../images/bar_stats.png) no-repeat 100%;
	height: 16px;
}
tr.windowbg2 th.stats_month
{
	width: 25%;
	padding: 0 2em;
	text-align: left;
}
tr.windowbg2 td.stats_day
{
	padding: 0 3.5em;
	text-align: left;
}

/* Styles for the personal messages section.
------------------------------------------------- */

#personal_messages h3 span#author, #personal_messages h3 span#topic_title
{
	float: left;
}
#personal_messages h3 span#author
{
	margin: 0 0 0 0.5em;
}
#personal_messages h3 span#topic_title
{
	margin: 0 0 0 9em;
}
#personal_messages div.labels
{
	padding: 0 1em 0 0;
}
#personal_messages .capacity_bar
{
	background: #f0f4f7;
	display: block;
	margin: 0.5em 0 0 1em;
	height: 1em;
	border: 1px solid #adadad;
	width: 10em;
}
#personal_messages .capacity_bar span
{
	border-right: 1px solid #adadad;
	display: block;
	height: 1em;
}
#personal_messages .capacity_bar span.empty
{
	background: #a6d69d;
}
#personal_messages .capacity_bar span.filled
{
	background: #eea800;
}
#personal_messages .capacity_bar span.full
{
	background: #f10909;
}
#personal_messages .reportlinks
{
	padding: 0.5em 1.3em;
}
#searchLabelsExpand li
{
	padding: 0.3em 0.5em;
}
#manrules div.righttext
{
	padding: 0.3em 0.1em;
}
dl.addrules dt.floatleft
{
	width: 15em;
	color: #333;
	padding: 0 1.25em 0.5em 1.25em;
}
#addrule fieldset
{
	clear: both;
}

/* Styles for the calendar section.
------------------------------------------------- */
.calendar_table
{
	margin-bottom: 0.7em;
}

/* Used to indicate the current day in the grid. */
.calendar_today
{
	background-color: #fff;
}

#month_grid
{
	width: 200px;
	text-align: center;
	float: left;
}
#month_grid div.cat_bar
{
	height: 25px;
}
#month_grid h3.catbg
{
	height: 25px;
	line-height: 27px;
}
#month_grid table
{
	width: 200px;
}
#main_grid table
{
	width: 100%;
	padding-bottom: 4px;
}
#main_grid table h3.catbg
{
	text-align: center;
	height: 29px;
	border-top: 2px solid #fff;
	border-bottom: none;
}
#main_grid table.weeklist td.windowbg
{
	text-align: center;
	height: 49px;
	width: 25px;
	font-size: large;
	padding: 0 7px;
	border-bottom: 2px solid #fff;
}
#main_grid table.weeklist td.weekdays
{
	height: 49px;
	width: 100%;
	padding: 4px;
	text-align: left;
	vertical-align: middle;
	border-bottom: 2px solid #fff;
}
#main_grid h3.weekly
{
	text-align: center;
	padding-left: 0;
	font-size: large;
	height: 29px;
}
#main_grid h3 span.floatleft, #main_grid h3 span.floatright
{
	display: block;
	font-weight: bold;
}
#main_grid table th.days
{
	width: 14%;
	padding: 4px 0;
}
#main_grid table.weeklist h4.titlebg
{
	margin: 0 0 0 0;
	height: 23px;
	line-height: 27px;
}
#main_grid table td.weeks
{
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	font-size: large;
}
#main_grid table td.days
{
	vertical-align: top;
	text-align: center;
}

a.modify_event
{
	color: red;
}

span.hidelink
{
	font-style: italic;
}

#calendar_navigation
{
	text-align: center;
}

/* Styles for the memberlist section.
------------------------------------------------- */
#mlist_search
{
	margin: auto;
	width: 500px;
}

/* Styles for the basic search section.
------------------------------------------------- */
#searchform, #simple_search p
{
	padding: 0.5em;
	margin: 0;
}
#simple_search, #simple_search p, #advanced_search
{
	text-align: center !important;
	margin: 0;
}
#search_error
{
	font-style: italic;
	padding: 0.3em 1em;
}
#search_term_input
{
	font-size: 115%;
	margin: 0 0 1em;
}

/* Styles for the advanced search section.
------------------------------------------------- */
#searchform fieldset
{
	text-align: left;
	padding: 0;
	border: none;
}
#advanced_search dl#search_options
{
	margin: 0 auto;
	width: 600px;
	padding-top: 1em;
	overflow: hidden;
}
#advanced_search dt
{
	clear: both;
	float: left;
	padding: 0.2em;
	text-align: right;
	width: 20%;
}
#advanced_search dd
{
	width: 75%;
	float: left;
	padding: 0.2em;
	margin: 0 0 0 0.5em;
	text-align: left;
}
#searchform p.clear
{
	clear: both;
}

/* Styles for the search results page.
------------------------------------------------- */
.topic_table td blockquote, .topic_table td .quoteheader
{
	margin: 0.5em;
}
.search_results_posts
{
	overflow: hidden;
}
.search_results_posts .buttons
{
	padding: 5px 1em 0 0;
}

/* Styles for the help section.
------------------------------------------------- */

#help_container
{
	margin: 4px 0 0 0;
	padding: 0 0 8px 0;
}
#helpmain
{
	padding: 0 1em;
}
#helpmain p
{
	margin: 0 0 1.5em 0;
	line-height: 1.5em;
}
#helpmain ul
{
	line-height: 1.5em;
}

/* Styles for print media.
------------------------------------------------------- */
@media print
{
	#headerarea
	{
		display: none;
	}

	.tborder
	{
		border: none;
	}
}

/* Buzzen modern forum theme overrides
-------------------------------------------------------
   Built from the SMF default/Curve theme to visually match the
   modern Buzzen website styling without changing SMF template logic.
------------------------------------------------------- */
:root {
	--bz-bg: #eef5fb;
	--bz-bg-soft: #f7fbff;
	--bz-panel: #ffffff;
	--bz-panel-alt: #f4f9fe;
	--bz-ink: #1d2b3c;
	--bz-muted: #60758c;
	--bz-line: rgba(32, 101, 168, .16);
	--bz-blue: #247fd0;
	--bz-blue-bright: #35b9ff;
	--bz-blue-dark: #07111f;
	--bz-yellow: #ffd24a;
	--bz-green: #22a85b;
	--bz-shadow: 0 14px 34px rgba(7, 22, 39, .10);
	--bz-radius: 16px;
}

html {
	background: #e8f2fb;
}

body {
	background:
		radial-gradient(circle at 18% 0%, rgba(53, 185, 255, .16), transparent 30%),
		radial-gradient(circle at 84% 8%, rgba(255, 210, 74, .18), transparent 28%),
		linear-gradient(180deg, #f7fbff 0%, #eef5fb 42%, #e8f2fb 100%) !important;
	font: 13px/1.55 Arial, Helvetica, sans-serif;
	color: var(--bz-ink);
	padding: 0 0 24px;
}

body, td, th, tr {
	color: var(--bz-ink);
}

a:link, a:visited,
a.new_win:link, a.new_win:visited {
	color: #1e78c8;
}

a:hover,
a.new_win:hover {
	color: #0f5f9e;
	text-decoration: none;
}

div#wrapper {
	width: 96%;
	max-width: 1240px;
	min-width: 764px;
	margin: 0 auto;
}

#header {
	position: relative;
	margin: 0 0 16px;
	padding: 0;
	background: transparent !important;
}

#header div.frame {
	position: relative;
	padding: 0 !important;
	background: transparent !important;
}

#header div.frame:before {
	content: "";
	display: block;
	height: 3px;
	background: linear-gradient(90deg, #1b82e6 0%, #31b7ff 38%, #ffd24a 70%, #ffb31a 100%);
	box-shadow: 0 0 18px rgba(49, 183, 255, .35);
}

#top_section {
	min-height: 72px;
	padding: 0 22px;
	background: linear-gradient(180deg, #152941 0%, #081423 58%, #050b13 100%);
	border: 0;
	border-bottom: 1px solid rgba(80, 176, 255, .22);
	box-shadow: 0 12px 28px rgba(0, 0, 0, .30), inset 0 -1px 0 rgba(255, 255, 255, .04);
}

h1.forumtitle {
	float: left;
	position: relative;
	z-index: 5;
	margin: 0;
	padding: 0;
	width: 150px;
	height: 72px;
}

h1.forumtitle a {
	display: block;
	position: relative;
	height: 72px;
	overflow: visible;
}

h1.forumtitle img {
	position: absolute;
	top: -4px;
	left: 0;
	width: 128px;
	height: auto;
	max-height: none;
	filter: drop-shadow(0 8px 13px rgba(0, 0, 0, .55));
}

#upshrink {
	margin-top: 21px;
	filter: drop-shadow(0 2px 5px rgba(0, 0, 0, .45));
}

#upper_section {
	padding: 14px 18px;
	background: rgba(255, 255, 255, .94);
	border: 1px solid var(--bz-line);
	border-top: 0;
	border-radius: 0 0 var(--bz-radius) var(--bz-radius);
	box-shadow: var(--bz-shadow);
}

#upper_section .user {
	color: var(--bz-muted);
}

#upper_section .user .greeting span {
	color: var(--bz-blue);
	font-weight: bold;
}

#search_form {
	background: rgba(36, 127, 208, .06);
	border: 1px solid rgba(36, 127, 208, .12);
	border-radius: 999px;
	padding: 6px 8px;
}

#search_form .input_text {
	border-radius: 999px;
	padding: 6px 10px;
}

#main_menu {
	float: none;
	width: auto;
	margin: -74px 0 24px 170px;
	padding: 19px 12px 0 0;
	min-height: 55px;
}

.dropmenu {
	padding: 0;
}

.dropmenu li a.firstlevel {
	margin-right: 4px;
	border-radius: 12px;
	background: transparent !important;
	color: #edf7ff;
	letter-spacing: .25px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .55);
}

.dropmenu li a.firstlevel span.firstlevel {
	height: auto;
	min-height: 34px;
	line-height: 34px;
	padding: 0 12px;
	background: transparent !important;
}

.dropmenu li a.active,
.dropmenu li a.firstlevel:hover,
.dropmenu li:hover a.firstlevel {
	color: #fff !important;
	background: rgba(53, 151, 229, .20) !important;
	box-shadow: inset 0 0 18px rgba(61, 178, 255, .10);
}

.dropmenu li a.active span.firstlevel,
.dropmenu li a.firstlevel:hover span.firstlevel,
.dropmenu li:hover a.firstlevel span.firstlevel {
	background: transparent !important;
}

.dropmenu li a.firstlevel span.firstlevel:after {
	content: "";
	display: block;
	height: 2px;
	margin: -4px 2px 0;
	border-radius: 99px;
	background: linear-gradient(90deg, #35b9ff, #ffd24a);
	opacity: 0;
	transform: scaleX(.45);
	transition: opacity .18s ease, transform .18s ease;
}

.dropmenu li a.active span.firstlevel:after,
.dropmenu li a.firstlevel:hover span.firstlevel:after,
.dropmenu li:hover a.firstlevel span.firstlevel:after {
	opacity: 1;
	transform: scaleX(1);
}

.dropmenu li ul {
	padding: 9px;
	border: 1px solid rgba(66, 169, 255, .25);
	border-top: 0;
	border-radius: 0 0 16px 16px;
	background: rgba(8, 28, 48, .98) !important;
	box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
}

.dropmenu li li {
	border: 0;
	background: transparent;
}

.dropmenu li li a,
.dropmenu li li a:link,
.dropmenu li li a:visited {
	color: #dcefff;
	border-radius: 10px;
}

.dropmenu li li a:hover,
.dropmenu li li:hover > a {
	color: #fff;
	background: rgba(45, 147, 231, .22);
}

#content_section,
#content_section div.frame {
	padding: 0 !important;
	background: transparent !important;
}

#main_content_section {
	min-height: 360px;
}

.navigate_section {
	margin: 0 0 14px;
	padding: 0;
}

.navigate_section ul {
	padding: 11px 14px;
	border: 1px solid var(--bz-line);
	border-radius: 999px;
	background: rgba(255, 255, 255, .88);
	box-shadow: 0 8px 20px rgba(7, 22, 39, .06);
}

.navigate_section ul li {
	color: var(--bz-muted);
}

.navigate_section ul li a {
	font-weight: bold;
	color: #1e78c8;
}

.cat_bar,
.title_bar,
.title_barIC,
.roundframe,
.information,
#statistics,
#admincenter,
#profileview,
#forumposts .windowbg,
#forumposts .windowbg2,
.post_wrapper,
.forum_category,
.table_list,
.table_grid,
.windowbg,
.windowbg2,
.windowbg3 {
	border-radius: var(--bz-radius);
}

.roundframe,
.information,
.windowbg,
.windowbg2,
.windowbg3,
#preview_body,
.table_frame,
.generic_list_wrapper,
#profileview,
#admincenter {
	background: var(--bz-panel) !important;
	border: 1px solid var(--bz-line) !important;
	box-shadow: var(--bz-shadow);
}

.windowbg2,
.windowbg3 {
	background: var(--bz-panel-alt) !important;
}

.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th,
h3.catbg, h3.catbg2, h4.catbg, h4.catbg2,
.table_list tbody.header td.catbg,
.table_list tbody.header td {
	color: #fff !important;
	background: linear-gradient(180deg, #152941 0%, #081423 58%, #050b13 100%) !important;
	border: 0 !important;
	text-shadow: 0 1px 2px rgba(0,0,0,.55);
}

.titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td,
h3.titlebg, h4.titlebg {
	color: #18304b !important;
	background: linear-gradient(180deg, #ffffff 0%, #edf6ff 100%) !important;
	border: 1px solid var(--bz-line) !important;
}

h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg {
	min-height: 42px;
	line-height: 42px;
	padding: 0 14px;
	border-radius: var(--bz-radius) var(--bz-radius) 0 0;
}

h3.catbg a:link, h3.catbg a:visited,
h4.catbg a:link, h4.catbg a:visited,
tr.catbg th a:link, tr.catbg th a:visited,
tr.catbg2 td a:link, tr.catbg2 td a:visited {
	color: #fff !important;
}

h3.catbg:after, h4.catbg:after,
.table_list tbody.header td.catbg:after {
	content: "";
	display: block;
	height: 2px;
	margin: -2px -14px 0;
	background: linear-gradient(90deg, #35b9ff, #ffd24a);
}

.board_icon, .info, .stats, .lastpost, .windowbg, .windowbg2, .windowbg3,
.table_grid td, .table_list td {
	border-color: rgba(32, 101, 168, .12) !important;
}

input, button, select, textarea {
	color: var(--bz-ink);
	background: #fff;
	border: 1px solid rgba(32, 101, 168, .20);
	border-radius: 10px;
	padding: 5px 7px;
}

input:hover, textarea:hover, button:hover, select:hover,
input:focus, textarea:focus, button:focus, select:focus {
	border-color: rgba(36, 127, 208, .55);
	box-shadow: 0 0 0 3px rgba(53, 185, 255, .10);
	outline: none;
}

.button_submit, .button_reset,
.buttonlist ul li a,
.quickbuttons li a,
a.button_submit, a.button_reset {
	border: 0 !important;
	border-radius: 999px !important;
	background: linear-gradient(135deg, #247fd0, #35b9ff) !important;
	color: #fff !important;
	box-shadow: 0 8px 18px rgba(7, 22, 39, .16);
	font-weight: bold;
	text-transform: none;
}

.button_submit:hover, .button_reset:hover,
.buttonlist ul li a:hover,
.quickbuttons li a:hover,
a.button_submit:hover, a.button_reset:hover {
	filter: brightness(1.05);
	text-decoration: none;
}

.buttonlist ul li a span,
.buttonlist ul li a:hover span,
.buttonlist ul li a.active span {
	background: transparent !important;
	height: 24px;
	line-height: 24px;
	padding: 0 10px 0 2px;
}

.buttonlist ul li a.active {
	background: linear-gradient(135deg, #22a85b, #43d277) !important;
}

.pagelinks strong,
.pagelinks a {
	border-radius: 8px;
	padding: 3px 7px;
}

.pagelinks strong {
	background: #247fd0;
	color: #fff;
}

#footer_section {
	margin-top: 18px;
	padding: 0;
	background: transparent !important;
}

#footer_section div.frame {
	padding: 18px;
	border: 1px solid rgba(80, 176, 255, .18);
	border-radius: var(--bz-radius);
	background: linear-gradient(180deg, #152941 0%, #081423 58%, #050b13 100%) !important;
	box-shadow: 0 12px 28px rgba(0, 0, 0, .22);
	color: #dcefff;
}

#footer_section a:link,
#footer_section a:visited,
#footer_section p,
#footer_section ul li {
	color: #dcefff;
}

#footer_section .copyright {
	color: #a9c8e6;
}

.smalltext, .middletext {
	color: var(--bz-muted);
}

hr, .hrcolor {
	background-color: rgba(32, 101, 168, .16);
	color: rgba(32, 101, 168, .16);
}

@media screen and (max-width: 900px) {
	div#wrapper {
		width: 98%;
		min-width: 0;
	}

	#top_section {
		min-height: 90px;
	}

	h1.forumtitle {
		float: none;
		height: 66px;
	}

	h1.forumtitle img {
		width: 118px;
	}

	#main_menu {
		margin: 0;
		padding: 10px 8px 12px;
		background: linear-gradient(180deg, #0b1727 0%, #050b13 100%);
		border-radius: 0 0 var(--bz-radius) var(--bz-radius);
	}

	.dropmenu li {
		margin-bottom: 5px;
	}
}

/* -------------------------------------------------------
   BUZZEN SMF THEME PASS 2
   Stronger visual pass to align the forum with the modern
   Buzzen website: soft blue page, white cards, navy headers,
   blue/yellow accent line, rounded forum rows, modern footer.
------------------------------------------------------- */
html, body {
	min-height: 100%;
}

body {
	background:
		radial-gradient(circle at 12% 4%, rgba(53, 185, 255, .22), transparent 28%),
		radial-gradient(circle at 82% 0%, rgba(255, 210, 74, .18), transparent 24%),
		linear-gradient(180deg, #dff2ff 0%, #eef8ff 38%, #f8f2dd 100%) !important;
	font-size: 14px !important;
}

#wrapper {
	max-width: 1180px !important;
	padding-bottom: 28px;
}

#header {
	margin-bottom: 76px !important;
}

#header .frame {
	border-radius: 0 0 18px 18px;
	filter: drop-shadow(0 16px 32px rgba(6, 22, 39, .15));
}

#top_section {
	min-height: 78px !important;
	border-radius: 0 !important;
	position: relative;
	overflow: visible;
}

#top_section:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 1px;
	background: rgba(255, 255, 255, .08);
}

h1.forumtitle {
	width: 170px !important;
	height: 88px !important;
	margin-left: 18px !important;
}

h1.forumtitle a,
h1.forumtitle img {
	overflow: visible !important;
}

h1.forumtitle img {
	top: -8px !important;
	left: 0 !important;
	width: 146px !important;
	max-width: none !important;
	filter: drop-shadow(0 12px 14px rgba(0,0,0,.45));
}

#upper_section {
	position: relative;
	z-index: 2;
	margin: 0 !important;
	padding: 20px 24px !important;
	border-radius: 0 0 18px 18px !important;
	background: rgba(255,255,255,.96) !important;
	box-shadow: 0 16px 34px rgba(7,22,39,.13) !important;
}

#upper_section:before {
	content: "";
	position: absolute;
	left: 20px;
	right: 20px;
	top: 0;
	height: 3px;
	border-radius: 0 0 999px 999px;
	background: linear-gradient(90deg, #1d86dc, #35b9ff, #ffd24a);
}

#upper_section .user {
	padding-left: 0 !important;
	font-size: 13px;
	line-height: 1.35;
}

#upper_section .user .greeting {
	font-size: 16px;
	font-weight: 800;
	color: #19324f;
}

#upper_section .user .greeting span {
	color: #1988dc !important;
}

#upper_section .news {
	padding-top: 8px;
	color: #41566d;
}

#search_form {
	margin-top: 4px !important;
	background: #f2f8fd !important;
	border: 1px solid rgba(36,127,208,.16) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}

#main_menu {
	position: absolute !important;
	left: 190px;
	right: 18px;
	top: 49px;
	margin: 0 !important;
	padding: 0 !important;
	min-height: 36px !important;
	z-index: 6;
}

.dropmenu li a.firstlevel {
	font-size: 13px;
	font-weight: 800;
	border: 1px solid rgba(255,255,255,.08);
	background: rgba(255,255,255,.045) !important;
}

.dropmenu li a.active,
.dropmenu li a.firstlevel:hover,
.dropmenu li:hover a.firstlevel {
	background: linear-gradient(180deg, #44bcff, #1785d5) !important;
	color: #fff !important;
	box-shadow: 0 9px 18px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.32) !important;
}

.navigate_section {
	margin: 0 0 16px !important;
	padding: 0 !important;
}

.navigate_section ul {
	background: rgba(255,255,255,.88) !important;
	border: 1px solid rgba(36,127,208,.14) !important;
	border-radius: 999px !important;
	box-shadow: 0 8px 20px rgba(7,22,39,.08);
	padding: 10px 16px !important;
}

.navigate_section ul li {
	font-size: 12px;
	font-weight: 700;
}

#boardindex_table,
.table_grid,
.generic_list_wrapper,
#topic_container,
#forumposts,
#statistics,
#admincenter,
#profileview,
.roundframe,
.information,
.windowbg,
.windowbg2,
.windowbg3 {
	border-radius: 18px !important;
}

#boardindex_table .table_list {
	border-collapse: separate !important;
	border-spacing: 0 12px !important;
	background: transparent !important;
}

#boardindex_table .table_list tbody.header td {
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
}

#boardindex_table .cat_bar,
.cat_bar {
	margin: 0 !important;
	border-radius: 18px 18px 0 0 !important;
	background: linear-gradient(180deg, #132942 0%, #081423 62%, #050b13 100%) !important;
	box-shadow: 0 10px 24px rgba(7,22,39,.16);
	overflow: hidden;
}

#boardindex_table h3.catbg,
.cat_bar h3.catbg,
.cat_bar h3.catbg2 {
	position: relative;
	min-height: 44px !important;
	line-height: 44px !important;
	padding: 0 18px !important;
	font-size: 15px !important;
	font-weight: 900 !important;
	letter-spacing: .2px;
	border-radius: 18px 18px 0 0 !important;
	background: transparent !important;
}

#boardindex_table h3.catbg:after,
.cat_bar h3.catbg:after,
.cat_bar h3.catbg2:after {
	content: "" !important;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	margin: 0 !important;
	background: linear-gradient(90deg, #1d86dc, #35b9ff 48%, #ffd24a 100%) !important;
}

#boardindex_table .table_list tbody.content {
	box-shadow: 0 12px 30px rgba(7,22,39,.08);
}

#boardindex_table .table_list tbody.content tr.windowbg2 {
	background: rgba(255,255,255,.94) !important;
}

#boardindex_table .table_list tbody.content tr.windowbg2:hover td {
	background: #f9fcff !important;
}

#boardindex_table .table_list tbody.content tr.windowbg2:first-child td:first-child {
	border-top-left-radius: 0 !important;
}

#boardindex_table .table_list tbody.content tr.windowbg2:first-child td:last-child {
	border-top-right-radius: 0 !important;
}

#boardindex_table .table_list tbody.content tr.windowbg2:last-child td:first-child {
	border-bottom-left-radius: 18px !important;
}

#boardindex_table .table_list tbody.content tr.windowbg2:last-child td:last-child {
	border-bottom-right-radius: 18px !important;
}

#boardindex_table .table_list td {
	padding: 14px 14px !important;
	background: rgba(255,255,255,.94) !important;
	border-top: 0 !important;
	border-bottom: 1px solid rgba(36,127,208,.10) !important;
	vertical-align: middle !important;
}

#boardindex_table td.icon {
	width: 64px !important;
	text-align: center;
	background: linear-gradient(180deg, #fff, #f1f8ff) !important;
}

#boardindex_table td.icon a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 14px;
	background: #fff;
	border: 1px solid rgba(36,127,208,.14);
	box-shadow: 0 8px 18px rgba(7,22,39,.08);
}

#boardindex_table td.icon img {
	max-width: 28px;
	max-height: 28px;
}

#boardindex_table td.info {
	width: auto !important;
}

#boardindex_table td.info a.subject {
	font-size: 15px !important;
	font-weight: 900 !important;
	color: #18304b !important;
}

#boardindex_table td.info p {
	margin: 4px 0 0 !important;
	font-size: 12px !important;
	color: #41566d !important;
	line-height: 1.35 !important;
}

#boardindex_table td.stats {
	width: 138px !important;
	text-align: center;
	background: #f8fbff !important;
}

#boardindex_table td.stats p {
	display: inline-block;
	min-width: 96px;
	margin: 0 !important;
	padding: 8px 12px;
	border-radius: 999px;
	background: #fff;
	border: 1px solid rgba(36,127,208,.12);
	box-shadow: 0 6px 16px rgba(7,22,39,.06);
	font-size: 12px;
	font-weight: 800;
	color: #1c395a;
}

#boardindex_table td.lastpost {
	width: 245px !important;
	background: #f7fbff !important;
	font-size: 12px !important;
	color: #60758c !important;
}

#boardindex_table td.lastpost p {
	margin: 0 !important;
	line-height: 1.35 !important;
}

#boardindex_table td.lastpost strong {
	color: #18304b;
}

#boardindex_table tbody.divider td {
	height: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
}

#posting_icons {
	margin: 2px 0 16px !important;
	padding: 10px 14px !important;
	background: rgba(255,255,255,.82);
	border: 1px solid rgba(36,127,208,.12);
	border-radius: 999px;
	box-shadow: 0 6px 18px rgba(7,22,39,.06);
}

.mark_read {
	margin-top: 4px !important;
}

.roundframe {
	padding: 0 !important;
	background: rgba(255,255,255,.95) !important;
	border: 1px solid rgba(36,127,208,.14) !important;
	box-shadow: 0 14px 34px rgba(7,22,39,.10) !important;
	overflow: hidden;
}

.roundframe .innerframe {
	padding: 0 16px 16px !important;
}

.title_barIC,
.title_bar {
	margin: 14px 0 8px !important;
	border-radius: 14px !important;
	background: #f4f9fe !important;
	border: 1px solid rgba(36,127,208,.12) !important;
}

h4.titlebg,
h3.titlebg {
	min-height: 36px !important;
	line-height: 36px !important;
	padding: 0 14px !important;
	font-size: 14px !important;
	font-weight: 900 !important;
	color: #18304b !important;
	background: transparent !important;
	border: 0 !important;
}

#upshrinkHeaderIC p,
#upshrinkHeaderIC div,
#upshrinkHeaderIC li {
	color: #41566d;
}

input, select, textarea {
	border-radius: 12px !important;
	border: 1px solid rgba(36,127,208,.18) !important;
	background: #fff !important;
}

.button_submit, .button_reset, input[type="submit"], input[type="button"], button,
.buttonlist ul li a, .quickbuttons li a, a.button_submit, a.button_reset {
	border-radius: 999px !important;
	background: linear-gradient(135deg, #1988dc 0%, #35b9ff 100%) !important;
	border: 0 !important;
	color: #fff !important;
	font-weight: 900 !important;
	box-shadow: 0 8px 18px rgba(25,136,220,.22) !important;
}

#footer_section {
	margin-top: 26px !important;
}

#footer_section div.frame {
	position: relative;
	padding: 28px 22px !important;
	border-radius: 18px !important;
	background: linear-gradient(180deg, #132942 0%, #081423 58%, #050b13 100%) !important;
	border: 1px solid rgba(80,176,255,.16) !important;
	box-shadow: 0 18px 38px rgba(0,0,0,.22) !important;
	text-align: center;
}

#footer_section div.frame:before {
	content: "";
	position: absolute;
	left: 20px;
	right: 20px;
	top: 0;
	height: 3px;
	background: linear-gradient(90deg, #1d86dc, #35b9ff, #ffd24a);
	border-radius: 0 0 999px 999px;
}

#footer_section p,
#footer_section li,
#footer_section a:link,
#footer_section a:visited {
	color: #dcefff !important;
}

#footer_section .copyright {
	color: #9fc1df !important;
}

@media screen and (max-width: 900px) {
	#wrapper {
		width: 96% !important;
		min-width: 0 !important;
	}

	#header {
		margin-bottom: 18px !important;
	}

	#top_section {
		min-height: 86px !important;
	}

	h1.forumtitle {
		float: none !important;
		margin: 0 auto !important;
		width: 150px !important;
	}

	h1.forumtitle img {
		width: 132px !important;
		left: 8px !important;
	}

	#main_menu {
		position: static !important;
		margin: 0 !important;
		padding: 12px !important;
		background: #071423 !important;
		border-radius: 0 0 18px 18px;
	}

	#upper_section {
		border-radius: 18px !important;
	}

	#boardindex_table .table_list,
	#boardindex_table .table_list tbody,
	#boardindex_table .table_list tr,
	#boardindex_table .table_list td {
		display: block;
		width: auto !important;
	}

	#boardindex_table td.icon {
		float: left;
		padding-right: 8px !important;
	}

	#boardindex_table td.lastpost,
	#boardindex_table td.stats {
		border-top: 1px solid rgba(36,127,208,.08) !important;
		text-align: left;
	}
}

/* Buzzen 2026 board/topic list polish
-------------------------------------------------------
   Keeps the MessageIndex board pages aligned with the modern Buzzen portal
   cards instead of the older SMF blue/sticky/locked row colors. */
#messageindex.topic_table {
	margin-top: 10px !important;
	border: 1px solid rgba(36,127,208,.14) !important;
	border-radius: 18px !important;
	background: rgba(255,255,255,.86) !important;
	box-shadow: 0 18px 38px rgba(7,22,39,.12) !important;
	overflow: hidden !important;
}

#messageindex.topic_table table.table_grid {
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

#messageindex.topic_table table.table_grid thead tr.catbg th {
	padding: 11px 14px !important;
	background: linear-gradient(180deg, #152941 0%, #081423 58%, #050b13 100%) !important;
	border: 0 !important;
	border-bottom: 2px solid rgba(53,185,255,.55) !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	text-shadow: 0 1px 2px rgba(0,0,0,.55) !important;
}

#messageindex.topic_table table.table_grid thead tr.catbg th:first-child {
	border-top-left-radius: 18px !important;
}

#messageindex.topic_table table.table_grid thead tr.catbg th:last-child {
	border-top-right-radius: 18px !important;
}

#messageindex.topic_table table.table_grid thead tr.catbg th a {
	color: #fff !important;
	font-weight: 900 !important;
}

#messageindex.topic_table tr.windowbg td,
#messageindex.topic_table tr.windowbg2 td,
#messageindex.topic_table tr.approvebg td,
#messageindex.topic_table tr.highlight2 td,
#messageindex.topic_table td.windowbg,
#messageindex.topic_table td.windowbg2,
#messageindex.topic_table td.stickybg,
#messageindex.topic_table td.stickybg2,
#messageindex.topic_table td.lockedbg,
#messageindex.topic_table td.lockedbg2,
#messageindex.topic_table td.locked_sticky,
#messageindex.topic_table td.locked_sticky2,
#messageindex.topic_table td.global,
#messageindex.topic_table td.global2,
#messageindex.topic_table td.approvetbg,
#messageindex.topic_table td.approvetbg2,
#messageindex.topic_table td.approvebg,
#messageindex.topic_table td.approvebg2 {
	background-color: rgba(255,255,255,.94) !important;
	background-image: none !important;
	border-top: 0 !important;
	border-bottom: 1px solid rgba(36,127,208,.10) !important;
	color: #18304b !important;
}

#messageindex.topic_table tbody tr:nth-child(even) td.windowbg,
#messageindex.topic_table tbody tr:nth-child(even) td.windowbg2,
#messageindex.topic_table tbody tr:nth-child(even) td.stickybg,
#messageindex.topic_table tbody tr:nth-child(even) td.stickybg2,
#messageindex.topic_table tbody tr:nth-child(even) td.lockedbg,
#messageindex.topic_table tbody tr:nth-child(even) td.lockedbg2,
#messageindex.topic_table tbody tr:nth-child(even) td.locked_sticky,
#messageindex.topic_table tbody tr:nth-child(even) td.locked_sticky2,
#messageindex.topic_table tbody tr:nth-child(even) td.global,
#messageindex.topic_table tbody tr:nth-child(even) td.global2 {
	background-color: #f7fbff !important;
}

#messageindex.topic_table tbody tr:hover td {
	background-color: #edf7ff !important;
}

#messageindex.topic_table td.icon1,
#messageindex.topic_table td.icon2 {
	width: 42px !important;
	padding: 12px 8px !important;
	text-align: center !important;
	background: linear-gradient(180deg, #fff, #f1f8ff) !important;
}

#messageindex.topic_table td.icon1 img,
#messageindex.topic_table td.icon2 img {
	max-width: 22px !important;
	max-height: 22px !important;
	padding: 7px !important;
	border-radius: 12px !important;
	background: #fff !important;
	border: 1px solid rgba(36,127,208,.14) !important;
	box-shadow: 0 7px 16px rgba(7,22,39,.07) !important;
}

#messageindex.topic_table td.subject {
	padding: 12px 14px !important;
	line-height: 1.35 !important;
}

#messageindex.topic_table td.subject a,
#messageindex.topic_table td.subject span[id^="msg_"] a {
	color: #1d78c8 !important;
	font-size: 14px !important;
	font-weight: 900 !important;
}

#messageindex.topic_table td.subject p {
	margin: 4px 0 0 !important;
	font-size: 12px !important;
	color: #41566d !important;
}

#messageindex.topic_table td.stats {
	width: 150px !important;
	padding: 12px 10px !important;
	text-align: center !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1.45 !important;
	color: #1c395a !important;
	background: #f8fbff !important;
}

#messageindex.topic_table td.stats:before {
	content: "";
	display: block;
	position: absolute;
}

#messageindex.topic_table td.lastpost {
	width: 245px !important;
	padding: 12px 14px !important;
	font-size: 12px !important;
	line-height: 1.35 !important;
	color: #41566d !important;
	background: #f7fbff !important;
}

#messageindex.topic_table td.lastpost a {
	font-weight: 800 !important;
}

#messageindex.topic_table td.moderation {
	width: 42px !important;
	text-align: center !important;
}

#messageindex.topic_table .whos_viewing td {
	padding: 12px 14px !important;
	background: linear-gradient(180deg, #ffffff 0%, #f5fbff 100%) !important;
	color: #41566d !important;
	font-weight: 800 !important;
}

#messageindex.topic_table .like_post_box {
	margin-left: 10px !important;
}

#messageindex.topic_table .like_post_box a.like_link,
#messageindex.topic_table .like_post_box a.unlike_link {
	display: inline-block !important;
	padding: 3px 8px !important;
	border-radius: 999px !important;
	background: linear-gradient(135deg, #1d86dc, #35b9ff) !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	text-decoration: none !important;
	box-shadow: 0 6px 14px rgba(25,136,220,.18) !important;
}

#messageindex.topic_table .like_post_box a[id^="like_post_info_"] {
	font-size: 12px !important;
	color: #1d78c8 !important;
}

#topic_icons,
#posting_icons,
#messageindex + .pagesection + .navigate_section + .plainbox,
.plainbox {
	background: rgba(255,255,255,.82) !important;
	border: 1px solid rgba(36,127,208,.12) !important;
	border-radius: 18px !important;
	box-shadow: 0 10px 24px rgba(7,22,39,.07) !important;
}

#topic_icons {
	padding: 14px !important;
}

.pagesection,
.buttonlist {
	margin: 12px 0 !important;
}

@media screen and (max-width: 900px) {
	#messageindex.topic_table,
	#messageindex.topic_table table.table_grid,
	#messageindex.topic_table table.table_grid tbody,
	#messageindex.topic_table table.table_grid tr,
	#messageindex.topic_table table.table_grid td {
		display: block !important;
		width: auto !important;
	}

	#messageindex.topic_table table.table_grid thead {
		display: none !important;
	}

	#messageindex.topic_table td.icon1,
	#messageindex.topic_table td.icon2 {
		float: left !important;
		width: 44px !important;
	}

	#messageindex.topic_table td.subject {
		min-height: 48px !important;
	}

	#messageindex.topic_table td.stats,
	#messageindex.topic_table td.lastpost {
		clear: both !important;
		text-align: left !important;
		border-top: 1px solid rgba(36,127,208,.08) !important;
	}
}

/* Buzzen SMF theme v4 refinements
-------------------------------------------------------
   Board view spacing, pagination polish, and tighter header-to-content flow. */
#header {
	margin-bottom: 34px !important;
}

#content_section {
	padding-top: 0 !important;
}

#main_content_section {
	padding-top: 0 !important;
}

.navigate_section:first-child,
#main_content_section > .navigate_section:first-child {
	margin-top: 0 !important;
}

#messageindex.topic_table table.table_grid {
	border-collapse: separate !important;
	border-spacing: 0 5px !important;
	padding-bottom: 5px !important;
}

#messageindex.topic_table tbody tr td {
	border-top: 1px solid rgba(36,127,208,.08) !important;
	border-bottom: 1px solid rgba(36,127,208,.08) !important;
}

#messageindex.topic_table tbody tr td:first-child {
	border-left: 1px solid rgba(36,127,208,.08) !important;
	border-radius: 13px 0 0 13px !important;
}

#messageindex.topic_table tbody tr td:last-child {
	border-right: 1px solid rgba(36,127,208,.08) !important;
	border-radius: 0 13px 13px 0 !important;
}

#messageindex.topic_table .whos_viewing td,
#messageindex.topic_table thead + tbody tr:first-child td {
	border-radius: 0 !important;
}

#messageindex.topic_table td.icon1,
#messageindex.topic_table td.icon2 {
	padding: 14px 10px !important;
}

#messageindex.topic_table td.subject {
	padding: 15px 18px !important;
}

#messageindex.topic_table td.stats {
	padding: 15px 16px !important;
}

#messageindex.topic_table td.lastpost {
	padding: 15px 18px !important;
}

#messageindex.topic_table td.moderation {
	padding: 15px 10px !important;
}

#messageindex.topic_table td.subject a,
#messageindex.topic_table td.subject span[id^="msg_"] a {
	line-height: 1.35 !important;
}

#messageindex.topic_table td.subject p {
	margin-top: 6px !important;
	line-height: 1.45 !important;
}

.pagesection {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	margin: 14px 0 18px !important;
	clear: both !important;
}

.pagesection:after {
	content: "";
	display: block;
	clear: both;
}

.pagelinks {
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
	min-height: 30px !important;
	color: #18304b !important;
	font-size: 12px !important;
	font-weight: 800 !important;
}

.pagelinks strong,
.pagelinks a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 24px !important;
	height: 24px !important;
	padding: 0 8px !important;
	border-radius: 999px !important;
	border: 1px solid rgba(36,127,208,.16) !important;
	background: #fff !important;
	color: #1d78c8 !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 24px !important;
	text-decoration: none !important;
	box-shadow: 0 5px 12px rgba(7,22,39,.06) !important;
}

.pagelinks strong {
	background: linear-gradient(135deg, #1988dc 0%, #35b9ff 100%) !important;
	border-color: transparent !important;
	color: #fff !important;
	box-shadow: 0 7px 15px rgba(25,136,220,.20) !important;
}

.pagelinks a:hover {
	background: #edf7ff !important;
	color: #0f63ad !important;
}

@media screen and (max-width: 900px) {
	#header {
		margin-bottom: 18px !important;
	}

	.pagesection {
		display: block !important;
	}

	.pagelinks {
		margin-bottom: 10px !important;
		flex-wrap: wrap !important;
	}

	#messageindex.topic_table table.table_grid {
		border-spacing: 0 8px !important;
	}

	#messageindex.topic_table tbody tr td,
	#messageindex.topic_table tbody tr td:first-child,
	#messageindex.topic_table tbody tr td:last-child {
		border-radius: 0 !important;
	}
}

/* Buzzen SMF theme v5 refinements
-------------------------------------------------------
   Topic view card polish and tighter header-to-content flow. */
#header {
	margin-bottom: 16px !important;
}

#content_section {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

#main_content_section {
	padding-top: 0 !important;
}

#main_content_section > .navigate_section:first-child,
.navigate_section:first-child {
	margin-top: 0 !important;
}

/* Topic display layout */
#forumposts {
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
}

#forumposts .cat_bar {
	border-radius: 18px 18px 0 0 !important;
	box-shadow: 0 10px 24px rgba(7,22,39,.15) !important;
}

#forumposts h3.catbg {
	min-height: 42px !important;
	line-height: 42px !important;
	padding: 0 18px !important;
	font-size: 15px !important;
	font-weight: 900 !important;
}

#forumposts .windowbg,
#forumposts .windowbg2 {
	margin: 0 0 14px !important;
	border: 1px solid rgba(36,127,208,.12) !important;
	border-radius: 0 0 18px 18px !important;
	background: rgba(255,255,255,.92) !important;
	box-shadow: 0 10px 24px rgba(7,22,39,.07) !important;
	overflow: hidden !important;
}

#forumposts .windowbg2 {
	background: rgba(246,251,255,.94) !important;
}

#forumposts .topslice,
#forumposts .botslice,
#forumposts .topslice span,
#forumposts .botslice span {
	display: none !important;
	background: none !important;
}

.post_wrapper {
	display: flex !important;
	align-items: stretch !important;
	gap: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
	padding: 0 !important;
}

.poster {
	float: none !important;
	width: 170px !important;
	min-width: 170px !important;
	padding: 18px 16px !important;
	background: linear-gradient(180deg, #ffffff 0%, #eef7ff 100%) !important;
	border-right: 1px solid rgba(36,127,208,.12) !important;
	color: #41566d !important;
}

.poster h4 {
	margin: 0 0 10px !important;
	padding: 0 !important;
	font-size: 15px !important;
	font-weight: 900 !important;
	line-height: 1.25 !important;
	color: #1d78c8 !important;
}

.poster h4 a {
	color: #c57910 !important;
	font-weight: 900 !important;
	text-decoration: none !important;
}

.poster ul.reset.smalltext {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.45 !important;
	color: #55708a !important;
}

.poster li {
	margin: 4px 0 !important;
}

.poster li.membergroup,
.poster li.title {
	font-weight: 800 !important;
	color: #1d78c8 !important;
}

.poster li.avatar img {
	max-width: 110px !important;
	border-radius: 14px !important;
	border: 1px solid rgba(36,127,208,.16) !important;
	box-shadow: 0 8px 18px rgba(7,22,39,.10) !important;
}

.postarea {
	float: none !important;
	flex: 1 1 auto !important;
	width: auto !important;
	padding: 16px 18px 14px !important;
	background: rgba(255,255,255,.72) !important;
	border: 0 !important;
	color: #18304b !important;
}

.postarea div.flow_hidden {
	padding: 0 0 12px !important;
	border-bottom: 1px solid rgba(36,127,208,.10) !important;
	margin-bottom: 12px !important;
}

.keyinfo {
	float: left !important;
	max-width: calc(100% - 290px) !important;
}

.keyinfo .messageicon {
	margin: 0 8px 0 0 !important;
}

.keyinfo h5,
.keyinfo h5 a {
	font-size: 15px !important;
	font-weight: 900 !important;
	color: #1d78c8 !important;
	line-height: 1.35 !important;
	text-decoration: none !important;
}

.keyinfo .smalltext {
	margin-top: 3px !important;
	color: #667f98 !important;
	font-size: 12px !important;
}

.post {
	padding: 4px 0 14px !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
	color: #18304b !important;
}

.post blockquote,
.post .bbc_standard_quote,
.post .bbc_alternate_quote,
.post .codeheader,
.post code,
.post pre {
	border-radius: 14px !important;
	border: 1px solid rgba(36,127,208,.14) !important;
	background: #f5f9ff !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.85) !important;
}

.post pre,
.post code {
	padding: 12px !important;
	line-height: 1.45 !important;
}

#forumposts .modified,
#forumposts .reportlinks {
	font-size: 11px !important;
	color: #1d78c8 !important;
}

#forumposts .signature {
	margin-top: 14px !important;
	padding-top: 12px !important;
	border-top: 1px dashed rgba(36,127,208,.20) !important;
	color: #55708a !important;
}

ul.quickbuttons {
	float: right !important;
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	margin: 0 !important;
	padding: 0 !important;
}

ul.quickbuttons li {
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
}

ul.quickbuttons li a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 22px !important;
	padding: 2px 10px !important;
	border-radius: 999px !important;
	background: linear-gradient(135deg, #1988dc 0%, #35b9ff 100%) !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	line-height: 18px !important;
	text-decoration: none !important;
	box-shadow: 0 7px 15px rgba(25,136,220,.18) !important;
}

ul.quickbuttons li a:hover {
	filter: brightness(1.06) !important;
	text-decoration: none !important;
}

.like_post_box,
.post .like_post_box {
	margin-top: 12px !important;
}

.like_post_box a.like_link,
.like_post_box a.unlike_link {
	display: inline-block !important;
	padding: 3px 9px !important;
	border-radius: 999px !important;
	background: linear-gradient(135deg, #ff7a2f 0%, #d54c16 100%) !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	text-decoration: none !important;
	box-shadow: 0 6px 14px rgba(213,76,22,.18) !important;
}

#forumposts .post_separator {
	display: none !important;
}

/* Reply/post action rows */
#display_head .buttonlist,
#display_tail .buttonlist,
.pagesection .buttonlist {
	margin: 0 !important;
}

#display_head,
#display_tail,
.pagesection {
	align-items: center !important;
}

#quickreplybox {
	margin-top: 18px !important;
	border-radius: 18px !important;
	overflow: hidden !important;
	box-shadow: 0 10px 24px rgba(7,22,39,.07) !important;
}

#quickreplybox .cat_bar {
	border-radius: 18px 18px 0 0 !important;
	padding-bottom:10px !important;
}

@media screen and (max-width: 900px) {
	#header {
		margin-bottom: 10px !important;
	}

	.post_wrapper {
		display: block !important;
	}

	.poster {
		width: auto !important;
		min-width: 0 !important;
		border-right: 0 !important;
		border-bottom: 1px solid rgba(36,127,208,.12) !important;
		padding: 14px !important;
	}

	.postarea {
		padding: 14px !important;
	}

	.keyinfo {
		float: none !important;
		max-width: none !important;
		margin-bottom: 10px !important;
	}

	ul.quickbuttons {
		float: none !important;
		flex-wrap: wrap !important;
	}
}

/* Buzzen SMF theme v6 refinements
-------------------------------------------------------
   Fixes topic-display width, post action wrapping, post card spacing,
   and tightens the header-to-breadcrumb gap. */
#header {
	margin-bottom: 4px !important;
}

#content_section,
#content_section div.frame,
#main_content_section {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

#main_content_section > .navigate_section:first-child,
.navigate_section:first-child {
	margin-top: 0 !important;
	margin-bottom: 12px !important;
}

#forumposts .windowbg,
#forumposts .windowbg2 {
	margin: 0 0 16px !important;
	border-radius: 18px !important;
}

#forumposts .cat_bar + .windowbg,
#forumposts .cat_bar + .windowbg2 {
	border-radius: 0 0 18px 18px !important;
}

.post_wrapper {
	width: 100% !important;
	box-sizing: border-box !important;
}

.poster {
	box-sizing: border-box !important;
}

.postarea {
	min-width: 0 !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

.postarea div.flow_hidden {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 14px !important;
	width: 100% !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

.keyinfo {
	float: none !important;
	flex: 1 1 auto !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
}

ul.quickbuttons {
	float: none !important;
	clear: none !important;
	flex: 0 0 auto !important;
	max-width: 43% !important;
	justify-content: flex-end !important;
	flex-wrap: wrap !important;
}

ul.quickbuttons li a {
	white-space: nowrap !important;
}

.post {
	clear: none !important;
	width: 100% !important;
	max-width: none !important;
	box-sizing: border-box !important;
	padding: 6px 0 16px !important;
	overflow: visible !important;
}

.post .inner {
	margin: 0 !important;
	padding: 14px 0 4px !important;
	border-top: 1px solid rgba(36,127,208,.10) !important;
	width: 100% !important;
	max-width: none !important;
	box-sizing: border-box !important;
}

.post pre,
.post code,
.post blockquote,
.post .bbc_standard_quote,
.post .bbc_alternate_quote {
	max-width: 100% !important;
	box-sizing: border-box !important;
	overflow: auto !important;
}

#forumposts .modified {
	float: none !important;
	margin-top: 8px !important;
}

#forumposts .reportlinks {
	clear: both !important;
	margin: 10px 0 0 !important;
	text-align: right !important;
}

#forumposts .signature {
	clear: both !important;
}

.pagesection {
	margin: 10px 0 14px !important;
}

@media screen and (max-width: 900px) {
	#header {
		margin-bottom: 2px !important;
	}

	.postarea div.flow_hidden {
		display: block !important;
	}

	ul.quickbuttons {
		max-width: none !important;
		justify-content: flex-start !important;
		margin-top: 10px !important;
	}
}

/* Buzzen SMF theme v7 topic display rebuild
-------------------------------------------------------
   Reclaims the old SMF third-column feel on topic pages.
   The author panel stays compact, the message body gets the width,
   and report/like/signature details become a footer under the post. */
#header {
	margin-bottom: 0 !important;
}

#content_section {
	padding-top: 0 !important;
}

#content_section div.frame,
#main_content_section {
	padding-top: 0 !important;
	margin-top: -4px !important;
}

.navigate_section:first-child,
#main_content_section > .navigate_section:first-child {
	margin-top: 0 !important;
	margin-bottom: 10px !important;
}

#forumposts {
	margin-top: 8px !important;
}

#forumposts .cat_bar {
	margin-bottom: 0 !important;
}

#forumposts .cat_bar .catbg {
	min-height: 28px !important;
	line-height: 28px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

#whoisviewing {
	margin: 0 !important;
	padding: 8px 14px !important;
	background: linear-gradient(180deg, rgba(238,248,255,.96), rgba(255,255,255,.96)) !important;
	border-left: 1px solid rgba(36,127,208,.14) !important;
	border-right: 1px solid rgba(36,127,208,.14) !important;
	color: #55708a !important;
}

#forumposts .windowbg,
#forumposts .windowbg2,
#forumposts .approvebg {
	margin: 0 0 18px !important;
	border: 1px solid rgba(36,127,208,.16) !important;
	border-radius: 18px !important;
	background: rgba(255,255,255,.96) !important;
	box-shadow: 0 12px 28px rgba(7,22,39,.08) !important;
	overflow: hidden !important;
}

#forumposts .cat_bar + #whoisviewing + form .windowbg:first-child,
#forumposts .cat_bar + #whoisviewing + form .windowbg2:first-child,
#forumposts .cat_bar + #whoisviewing + form .approvebg:first-child {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

#forumposts .windowbg2,
#forumposts .windowbg:nth-of-type(even) {
	background: rgba(247,252,255,.97) !important;
}

.post_wrapper {
	display: grid !important;
	grid-template-columns: 190px minmax(0, 1fr) !important;
	grid-template-rows: auto auto !important;
	gap: 0 !important;
	width: 100% !important;
	float: none !important;
	align-items: stretch !important;
	background: transparent !important;
	box-sizing: border-box !important;
}

.poster {
	grid-column: 1 !important;
	grid-row: 1 / span 2 !important;
	float: none !important;
	width: auto !important;
	min-width: 0 !important;
	padding: 18px 16px !important;
	background: linear-gradient(180deg, #f7fcff 0%, #eaf6ff 100%) !important;
	border-right: 1px solid rgba(36,127,208,.14) !important;
	box-sizing: border-box !important;
}

.poster h4 {
	margin-bottom: 12px !important;
	font-size: 15px !important;
	line-height: 1.25 !important;
}

.poster ul.reset.smalltext {
	font-size: 12px !important;
	line-height: 1.55 !important;
}

.poster li {
	margin: 5px 0 !important;
}

.postarea {
	grid-column: 2 !important;
	grid-row: 1 !important;
	float: none !important;
	width: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 18px 22px 14px !important;
	background: rgba(255,255,255,.86) !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

.postarea div.flow_hidden {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 16px !important;
	width: 100% !important;
	min-width: 0 !important;
	padding: 0 0 12px !important;
	margin: 0 0 16px !important;
	border-bottom: 1px solid rgba(36,127,208,.12) !important;
	overflow: visible !important;
	box-sizing: border-box !important;
}

.keyinfo {
	float: none !important;
	flex: 1 1 auto !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
}

.keyinfo h5,
.keyinfo h5 a {
	font-size: 16px !important;
	line-height: 1.3 !important;
}

ul.quickbuttons {
	float: none !important;
	clear: none !important;
	flex: 0 0 auto !important;
	width: auto !important;
	max-width: 320px !important;
	display: flex !important;
	justify-content: flex-end !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 7px !important;
	margin: 0 !important;
	padding: 0 !important;
}

ul.quickbuttons li a {
	min-height: 24px !important;
	padding: 3px 11px !important;
	line-height: 18px !important;
	white-space: nowrap !important;
}

.post {
	clear: both !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	padding: 0 !important;
	font-size: 14px !important;
	line-height: 1.72 !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

.post .inner {
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 0 8px !important;
	border-top: 0 !important;
	box-sizing: border-box !important;
	overflow-wrap: anywhere !important;
}

.post .inner table,
.post .inner img,
.post .inner iframe,
.post .inner embed,
.post .inner object {
	max-width: 100% !important;
}

.post pre,
.post code,
.post blockquote,
.post .bbc_standard_quote,
.post .bbc_alternate_quote {
	max-width: 100% !important;
	box-sizing: border-box !important;
	overflow: auto !important;
}

.moderatorbar {
	grid-column: 2 !important;
	grid-row: 2 !important;
	float: none !important;
	clear: both !important;
	width: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 10px 22px 14px !important;
	background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(241,249,255,.92)) !important;
	border-top: 1px solid rgba(36,127,208,.10) !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
}

#forumposts .modified {
	float: left !important;
	max-width: 58% !important;
	margin: 0 !important;
	text-align: left !important;
	color: #667f98 !important;
}

#forumposts .reportlinks {
	float: right !important;
	clear: none !important;
	max-width: 42% !important;
	margin: 0 !important;
	text-align: right !important;
	line-height: 1.45 !important;
	color: #1d78c8 !important;
}

.like_post_box,
.post .like_post_box {
	clear: both !important;
	float: none !important;
	display: block !important;
	margin: 12px 0 0 !important;
	text-align: left !important;
}

#forumposts .signature {
	clear: both !important;
	margin: 14px 0 0 !important;
	padding: 12px 0 0 !important;
}

.pagesection {
	margin: 8px 0 12px !important;
	min-height: 30px !important;
}

.pagelinks {
	font-weight: 800 !important;
	color: #18304b !important;
}

.pagelinks a,
.pagelinks strong {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 24px !important;
	height: 24px !important;
	padding: 0 8px !important;
	margin: 0 2px !important;
	border-radius: 999px !important;
	background: #fff !important;
	border: 1px solid rgba(36,127,208,.20) !important;
	color: #1d78c8 !important;
	text-decoration: none !important;
	box-shadow: 0 6px 14px rgba(7,22,39,.06) !important;
}

.pagelinks strong,
.pagelinks a.navPages {
	background: linear-gradient(135deg, #1988dc 0%, #35b9ff 100%) !important;
	border-color: transparent !important;
	color: #fff !important;
}

#quickreplybox {
	margin-top: 12px !important;
}

@media screen and (max-width: 900px) {
	.post_wrapper {
		display: block !important;
	}

	.poster,
	.postarea,
	.moderatorbar {
		width: auto !important;
		margin: 0 !important;
	}

	.poster {
		border-right: 0 !important;
		border-bottom: 1px solid rgba(36,127,208,.14) !important;
	}

	.postarea div.flow_hidden {
		display: block !important;
	}

	ul.quickbuttons {
		max-width: none !important;
		justify-content: flex-start !important;
		margin-top: 10px !important;
	}

	#forumposts .modified,
	#forumposts .reportlinks {
		float: none !important;
		max-width: none !important;
		text-align: left !important;
		margin-top: 6px !important;
	}
}

/* ==========================================================
   BUZZEN SMF THEME PASS 3 - Reply/Post editor polish
   Modernizes the reply editor and topic summary to match the
   updated forum index, board view, and topic view.
   ========================================================== */

/* Pull the post/reply pages closer to the branded header. */
#main_content_section {
	margin-top: 18px !important;
}

#main_content_section > .navigate_section:first-child,
.navigate_section {
	margin-top: 10px !important;
	margin-bottom: 16px !important;
}

/* Reply form shell */
form#postmodify {
	max-width: 1280px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

form#postmodify > .cat_bar,
#recent > .cat_bar {
	margin-top: 0 !important;
	border-radius: 14px 14px 0 0 !important;
	box-shadow: 0 10px 26px rgba(7,22,39,.08) !important;
}

form#postmodify > div:not(.cat_bar):not(#preview_section),
form#postmodify .roundframe {
	background: rgba(255,255,255,.92) !important;
	border: 1px solid rgba(36,127,208,.16) !important;
	border-top: 0 !important;
	border-radius: 0 0 14px 14px !important;
	box-shadow: 0 18px 42px rgba(7,22,39,.10) !important;
	box-sizing: border-box !important;
}

form#postmodify .roundframe {
	padding: 18px !important;
	margin: 0 0 26px !important;
}

/* SMF frame slices are legacy visual noise here. */
form#postmodify .upperframe,
form#postmodify .lowerframe,
form#postmodify .topslice,
form#postmodify .botslice,
#recent .topslice,
#recent .botslice {
	display: none !important;
}

/* Warnings and information cards */
form#postmodify .information,
form#postmodify .errorbox {
	margin: 0 0 18px !important;
	padding: 14px 16px 14px 46px !important;
	border-radius: 12px !important;
	border: 1px solid rgba(255,168,0,.35) !important;
	border-left: 5px solid #ffb000 !important;
	background: linear-gradient(180deg, #fff9e8 0%, #fff2cf 100%) !important;
	box-shadow: 0 10px 24px rgba(7,22,39,.06) !important;
	color: #6b4a00 !important;
	position: relative !important;
	line-height: 1.55 !important;
}

form#postmodify .information:before,
form#postmodify .errorbox:before {
	content: "!" !important;
	position: absolute !important;
	left: 15px !important;
	top: 14px !important;
	width: 20px !important;
	height: 20px !important;
	border-radius: 999px !important;
	background: #ffb000 !important;
	color: #081b2e !important;
	font-weight: 900 !important;
	text-align: center !important;
	line-height: 20px !important;
}

form#postmodify .errorbox {
	border-color: rgba(236,74,74,.35) !important;
	border-left-color: #ef4444 !important;
	background: linear-gradient(180deg, #fff1f2 0%, #ffe4e6 100%) !important;
	color: #8a1020 !important;
}

form#postmodify .errorbox:before {
	background: #ef4444 !important;
	color: #fff !important;
}

/* Subject and other header fields */
#post_header {
	margin: 0 0 14px !important;
	padding: 14px 16px !important;
	border-radius: 14px !important;
	background: linear-gradient(180deg, #f8fcff 0%, #eef8ff 100%) !important;
	border: 1px solid rgba(36,127,208,.14) !important;
	display: grid !important;
	grid-template-columns: 110px minmax(0, 1fr) !important;
	gap: 10px 14px !important;
	align-items: center !important;
	overflow: visible !important;
}

#post_header dt,
.postbox dt {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	font-weight: 900 !important;
	color: #17324f !important;
}

#post_header dd,
.postbox dd {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

#post_header input.input_text,
#post_header input[type="text"] {
	width: 100% !important;
	max-width: none !important;
	box-sizing: border-box !important;
	border-radius: 999px !important;
	border: 1px solid rgba(36,127,208,.22) !important;
	background: #fff !important;
	padding: 8px 14px !important;
	box-shadow: inset 0 1px 2px rgba(7,22,39,.04) !important;
}

form#postmodify hr.clear {
	display: none !important;
}

/* Editor toolbar */
.postbox {
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
}

#bbcBox_message,
#smileyBox_message {
	margin: 0 0 10px !important;
	padding: 10px 12px !important;
	border-radius: 14px !important;
	border: 1px solid rgba(36,127,208,.13) !important;
	background: linear-gradient(180deg, #f8fcff 0%, #eff8ff 100%) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.85) !important;
}

#bbcBox_message div {
	margin: 3px 0 !important;
	line-height: 1.9 !important;
}

#bbcBox_message img,
#smileyBox_message img {
	margin: 2px 3px !important;
	vertical-align: middle !important;
}

#bbcBox_message select {
	margin: 2px 4px !important;
	border-radius: 999px !important;
	border: 1px solid rgba(36,127,208,.22) !important;
	padding: 4px 24px 4px 10px !important;
	background-color: #fff !important;
	color: #17324f !important;
}

/* Main editor field */
form#postmodify textarea,
form#postmodify textarea.editor {
	width: 100% !important;
	min-height: 245px !important;
	box-sizing: border-box !important;
	border-radius: 16px !important;
	border: 1px solid rgba(36,127,208,.20) !important;
	background: #fff !important;
	padding: 16px !important;
	font-size: 14px !important;
	line-height: 1.65 !important;
	color: #18304b !important;
	box-shadow: inset 0 2px 4px rgba(7,22,39,.04), 0 12px 28px rgba(7,22,39,.05) !important;
}

form#postmodify textarea:focus,
form#postmodify input.input_text:focus {
	outline: none !important;
	border-color: rgba(25,136,220,.58) !important;
	box-shadow: 0 0 0 4px rgba(25,136,220,.12), inset 0 2px 4px rgba(7,22,39,.04) !important;
}

/* Additional options should look clickable and intentional. */
#postAdditionalOptionsHeader {
	margin: 14px 0 8px !important;
	padding: 0 !important;
}

#postAdditionalOptionsHeader a {
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	padding: 8px 12px !important;
	border-radius: 999px !important;
	background: linear-gradient(135deg, #eef8ff 0%, #ffffff 100%) !important;
	border: 1px solid rgba(36,127,208,.18) !important;
	color: #147cc8 !important;
	font-weight: 900 !important;
	text-decoration: none !important;
	box-shadow: 0 8px 18px rgba(7,22,39,.06) !important;
}

#postMoreOptions,
#postAttachment,
#postAttachment2 {
	border: 1px solid rgba(36,127,208,.14) !important;
	border-radius: 14px !important;
	background: #f8fcff !important;
	padding: 12px !important;
	margin: 10px 0 !important;
}

#shortcuts {
	padding: 8px 0 0 !important;
	color: #637b95 !important;
}

/* Submit buttons row */
form#postmodify .righttext,
form#postmodify p.righttext,
form#postmodify div.righttext {
	margin-top: 12px !important;
	text-align: right !important;
}

/* Topic summary */
#recent.main_section {
	margin-top: 28px !important;
	border-radius: 14px !important;
	box-shadow: none !important;
}

#recent .windowbg,
#recent .windowbg2,
#recent .core_posts {
	margin: 0 0 14px !important;
	border: 1px solid rgba(36,127,208,.14) !important;
	border-radius: 14px !important;
	background: rgba(255,255,255,.94) !important;
	box-shadow: 0 14px 32px rgba(7,22,39,.08) !important;
	overflow: hidden !important;
}

#recent .windowbg2 {
	background: linear-gradient(180deg, #ffffff 0%, #f5fbff 100%) !important;
}

#recent .content {
	padding: 16px 18px !important;
	box-sizing: border-box !important;
}

#recent .floatleft {
	float: none !important;
	display: flex !important;
	align-items: baseline !important;
	gap: 10px !important;
	flex-wrap: wrap !important;
	padding: 0 0 10px !important;
	margin: 0 0 12px !important;
	border-bottom: 1px solid rgba(36,127,208,.12) !important;
}

#recent .floatleft h5 {
	margin: 0 !important;
	font-size: 14px !important;
	font-weight: 900 !important;
	color: #17324f !important;
}

#recent .floatleft .smalltext {
	color: #637b95 !important;
}

#recent ul.quickbuttons {
	float: right !important;
	margin: -44px 0 8px 12px !important;
	max-width: none !important;
}

#recent .list_posts {
	clear: both !important;
	padding: 4px 0 2px !important;
	font-size: 14px !important;
	line-height: 1.65 !important;
	color: #314963 !important;
	max-height: 360px !important;
	overflow: auto !important;
}

#recent .list_posts img {
	max-width: 100% !important;
}

#recent #new_replies {
	display: block !important;
	margin-bottom: 12px !important;
}

/* Preview section should match posts instead of legacy window blocks. */
#preview_section {
	margin-bottom: 22px !important;
}

#preview_section .windowbg {
	border: 1px solid rgba(36,127,208,.14) !important;
	border-radius: 0 0 14px 14px !important;
	background: #fff !important;
	box-shadow: 0 14px 32px rgba(7,22,39,.08) !important;
	overflow: hidden !important;
}

#preview_section .content {
	padding: 18px !important;
}

@media screen and (max-width: 760px) {
	#post_header {
		display: block !important;
	}

	#post_header dt {
		margin: 10px 0 5px !important;
	}

	#recent .floatleft {
		display: block !important;
	}

	#recent ul.quickbuttons {
		float: none !important;
		margin: 0 0 10px !important;
		justify-content: flex-start !important;
	}
}

/* ========================================================================
   Buzzen 2026 section headers - website style panels
   Keeps SMF markup intact while matching the main Buzzen section headers.
   ======================================================================== */
#boardindex_table .cat_bar,
#info_center .cat_bar,
#forumposts > .cat_bar,
#postmodify .cat_bar,
#recent .cat_bar,
#preview_section .cat_bar,
.table_grid .cat_bar {
	position: relative !important;
	margin: 18px 0 0 !important;
	border-radius: 12px 12px 0 0 !important;
	background:
		linear-gradient(115deg, rgba(255,255,255,.13) 0%, rgba(255,255,255,.04) 34%, rgba(255,211,74,.13) 100%),
		linear-gradient(180deg, #3f8ec1 0%, #2c79aa 48%, #216894 100%) !important;
	border: 1px solid rgba(255,255,255,.22) !important;
	border-bottom: 0 !important;
	box-shadow: 0 12px 28px rgba(8,31,53,.16), inset 0 1px 0 rgba(255,255,255,.20) !important;
	overflow: hidden !important;
}

#boardindex_table .cat_bar:before,
#info_center .cat_bar:before,
#forumposts > .cat_bar:before,
#postmodify .cat_bar:before,
#recent .cat_bar:before,
#preview_section .cat_bar:before,
.table_grid .cat_bar:before {
	content: "" !important;
	position: absolute !important;
	top: -38px !important;
	right: -24px !important;
	width: 130px !important;
	height: 96px !important;
	border-radius: 999px !important;
	background: radial-gradient(circle, rgba(255,226,92,.38) 0%, rgba(255,226,92,.18) 36%, rgba(255,255,255,0) 70%) !important;
	pointer-events: none !important;
}

#boardindex_table h3.catbg,
#info_center h3.catbg,
#forumposts > .cat_bar h3.catbg,
#postmodify .cat_bar h3.catbg,
#recent .cat_bar h3.catbg,
#preview_section .cat_bar h3.catbg,
.table_grid .cat_bar h3.catbg,
.cat_bar h3.catbg2 {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	gap: 9px !important;
	min-height: 42px !important;
	line-height: 1.2 !important;
	padding: 0 17px 0 18px !important;
	font-size: 15px !important;
	font-weight: 900 !important;
	letter-spacing: .18px !important;
	color: #fff !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.22) !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 12px 12px 0 0 !important;
	box-shadow: none !important;
}

#boardindex_table h3.catbg:before,
#info_center h3.catbg:before,
#forumposts > .cat_bar h3.catbg:before,
#postmodify .cat_bar h3.catbg:before,
#recent .cat_bar h3.catbg:before,
#preview_section .cat_bar h3.catbg:before,
.table_grid .cat_bar h3.catbg:before,
.cat_bar h3.catbg2:before {
	content: "\f0c0" !important;
	font-family: "Font Awesome 7 Free" !important;
	font-weight: 900 !important;
	font-size: 15px !important;
	line-height: 1 !important;
	color: #ffd84f !important;
	text-shadow: 0 1px 2px rgba(0,0,0,.28) !important;
}

#boardindex_table h3.catbg a,
#boardindex_table h3.catbg a:link,
#boardindex_table h3.catbg a:visited,
#info_center h3.catbg a,
#info_center h3.catbg a:link,
#info_center h3.catbg a:visited,
#forumposts > .cat_bar h3.catbg a,
#postmodify .cat_bar h3.catbg a,
#recent .cat_bar h3.catbg a,
#preview_section .cat_bar h3.catbg a,
.table_grid .cat_bar h3.catbg a {
	color: #fff !important;
	font-weight: 900 !important;
	text-decoration: none !important;
}

#boardindex_table h3.catbg:after,
#info_center h3.catbg:after,
#forumposts > .cat_bar h3.catbg:after,
#postmodify .cat_bar h3.catbg:after,
#recent .cat_bar h3.catbg:after,
#preview_section .cat_bar h3.catbg:after,
.table_grid .cat_bar h3.catbg:after,
.cat_bar h3.catbg2:after {
	content: "" !important;
	position: absolute !important;
	left: 18px !important;
	right: auto !important;
	bottom: 0 !important;
	width: 96px !important;
	height: 3px !important;
	margin: 0 !important;
	border-radius: 999px !important;
	background: linear-gradient(90deg, #ffe36b 0%, #f9be25 58%, rgba(249,190,37,0) 100%) !important;
	box-shadow: 0 0 10px rgba(255,216,79,.45) !important;
}

/* Keep unread links/collapse controls aligned inside the new headers. */
#boardindex_table h3.catbg .unreadlink,
#boardindex_table h3.catbg a.unreadlink {
	margin-left: auto !important;
	padding: 5px 12px !important;
	border-radius: 999px !important;
	background: rgba(5,17,30,.28) !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.16) !important;
	font-size: 12px !important;
	line-height: 1.2 !important;
}

#boardindex_table h3.catbg a.collapse,
.cat_bar h3.catbg a.collapse {
	order: 20 !important;
	margin-left: 8px !important;
	opacity: .82 !important;
}

/* Category-specific icon hints on the forum index. */
#boardindex_table #category_1 h3.catbg:before { content: "\f1ea" !important; }
#boardindex_table #category_2 h3.catbg:before { content: "\f0c0" !important; }
#boardindex_table #category_3 h3.catbg:before { content: "\f0ad" !important; }
#boardindex_table #category_4 h3.catbg:before { content: "\f1f8" !important; }
#info_center h3.catbg:before { content: "\f05a" !important; }
#recent .cat_bar h3.catbg:before { content: "\f086" !important; }
#postmodify .cat_bar h3.catbg:before { content: "\f303" !important; }
#forumposts > .cat_bar h3.catbg:before { content: "\f075" !important; }

/* Make the board rows attach cleanly to the brighter Buzzen headers. */
#boardindex_table .table_list tbody.content tr:first-child td:first-child {
	border-top-left-radius: 0 !important;
}
#boardindex_table .table_list tbody.content tr:first-child td:last-child {
	border-top-right-radius: 0 !important;
}
#boardindex_table .table_list tbody.content {
	box-shadow: 0 16px 32px rgba(7,22,39,.09) !important;
}

/* ========================================================================
   Buzzen SMF theme v10 section header correction
   Fixes category title order, stronger website-style header treatment,
   and gives the Info Center the same visual family as the forum groups.
   ======================================================================== */
#boardindex_table .cat_bar,
#info_center .cat_bar,
#forumposts > .cat_bar,
#postmodify .cat_bar,
#recent .cat_bar,
#preview_section .cat_bar,
.table_grid .cat_bar {
	background:
		linear-gradient(115deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.045) 38%, rgba(255,213,72,.20) 100%),
		linear-gradient(180deg, #357fae 0%, #216895 52%, #155074 100%) !important;
	border: 1px solid rgba(255,255,255,.26) !important;
	border-bottom: 0 !important;
	border-radius: 13px 13px 0 0 !important;
	box-shadow: 0 13px 30px rgba(5,25,44,.22), inset 0 1px 0 rgba(255,255,255,.24) !important;
}

#boardindex_table h3.catbg,
#info_center h3.catbg,
#forumposts > .cat_bar h3.catbg,
#postmodify .cat_bar h3.catbg,
#recent .cat_bar h3.catbg,
#preview_section .cat_bar h3.catbg,
.table_grid .cat_bar h3.catbg,
.cat_bar h3.catbg2 {
	min-height: 49px !important;
	padding: 0 16px 0 20px !important;
	gap: 11px !important;
	font-size: 15px !important;
	justify-content: flex-start !important;
}

#boardindex_table h3.catbg:before,
#info_center h3.catbg:before,
#forumposts > .cat_bar h3.catbg:before,
#postmodify .cat_bar h3.catbg:before,
#recent .cat_bar h3.catbg:before,
#preview_section .cat_bar h3.catbg:before,
.table_grid .cat_bar h3.catbg:before,
.cat_bar h3.catbg2:before {
	font-size: 18px !important;
	width: 24px !important;
	text-align: center !important;
	color: #ffe166 !important;
	filter: drop-shadow(0 1px 1px rgba(0,0,0,.35)) !important;
}

#boardindex_table h3.catbg .buzzen-cat-title,
#boardindex_table h3.catbg .buzzen-cat-title a,
#boardindex_table h3.catbg > a:not(.unreadlink):not(.collapse),
#info_center h3.catbg,
#forumposts > .cat_bar h3.catbg,
#postmodify .cat_bar h3.catbg,
#recent .cat_bar h3.catbg,
#preview_section .cat_bar h3.catbg,
.table_grid .cat_bar h3.catbg {
	color: #fff !important;
	font-weight: 900 !important;
	text-align: left !important;
}

#boardindex_table h3.catbg .buzzen-cat-title {
	display: inline-flex !important;
	align-items: center !important;
	order: 2 !important;
	margin-right: 12px !important;
	white-space: nowrap !important;
}

#boardindex_table h3.catbg .buzzen-cat-title a,
#boardindex_table h3.catbg .buzzen-cat-title a:link,
#boardindex_table h3.catbg .buzzen-cat-title a:visited {
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 900 !important;
	letter-spacing: .2px !important;
	text-decoration: none !important;
}

#boardindex_table h3.catbg a.unreadlink,
#boardindex_table h3.catbg .unreadlink {
	order: 10 !important;
	margin-left: auto !important;	
	margin-right: 0 !important;
	padding: 5px 13px !important;
	border-radius: 999px !important;
	background: rgba(5,18,31,.42) !important;
	border: 1px solid rgba(255,255,255,.20) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 4px 10px rgba(4,19,34,.12) !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.25) !important;
}

#boardindex_table h3.catbg a.collapse,
.cat_bar h3.catbg a.collapse {
	order: 20 !important;
	margin-left: 8px !important;
	padding: 0 !important;
	line-height: 1 !important;
}

#boardindex_table h3.catbg:after,
#info_center h3.catbg:after,
#forumposts > .cat_bar h3.catbg:after,
#postmodify .cat_bar h3.catbg:after,
#recent .cat_bar h3.catbg:after,
#preview_section .cat_bar h3.catbg:after,
.table_grid .cat_bar h3.catbg:after,
.cat_bar h3.catbg2:after {
	left: 20px !important;
	bottom: 0 !important;
	width: 136px !important;
	height: 4px !important;
	background: linear-gradient(90deg, #ffe66f 0%, #ffc629 62%, rgba(255,198,41,0) 100%) !important;
	box-shadow: 0 0 13px rgba(255,218,74,.55) !important;
}

#boardindex_table .table_list tbody.header + tbody.content tr:first-child td,
#boardindex_table .table_list tbody.content tr:first-child td {
	border-top: 0 !important;
}

#info_center .cat_bar {
	margin-top: 10px !important;
}

#info_center .cat_bar + #upshrinkHeaderIC,
#info_center .roundframe,
#info_center .innerframe {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

@media (max-width: 700px) {
	#boardindex_table h3.catbg .buzzen-cat-title {
		white-space: normal !important;
	}
	#boardindex_table h3.catbg a.unreadlink {
		padding: 4px 9px !important;
		font-size: 10px !important;
	}
}

/* ========================================================================
   Buzzen SMF theme v11 index/category refinements
   - More room for the website-style category headers so the full title/icon show.
   - Stronger Buzzen panel header with yellow underline.
   - Remove rounded/pill treatment from board info, counts, and last-post cells.
   ======================================================================== */
#boardindex_table .table_list {
	border-spacing: 0 18px !important;
}

#boardindex_table .cat_bar,
#info_center .cat_bar,
#forumposts > .cat_bar,
#postmodify .cat_bar,
#recent .cat_bar,
#preview_section .cat_bar,
.table_grid .cat_bar {
	margin: 0 0 0 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	border-radius: 13px 13px 0 0 !important;
	background:
		linear-gradient(115deg, rgba(255,255,255,.20) 0%, rgba(255,255,255,.06) 38%, rgba(255,219,76,.22) 100%),
		linear-gradient(180deg, #3d8dbc 0%, #2d789f 48%, #1e5f84 100%) !important;
	border: 1px solid rgba(255,255,255,.32) !important;
	border-bottom: 0 !important;
	box-shadow: 0 12px 28px rgba(5,25,44,.24), inset 0 1px 0 rgba(255,255,255,.28) !important;
}

#boardindex_table h3.catbg,
#info_center h3.catbg,
#forumposts > .cat_bar h3.catbg,
#postmodify .cat_bar h3.catbg,
#recent .cat_bar h3.catbg,
#preview_section .cat_bar h3.catbg,
.table_grid .cat_bar h3.catbg,
.cat_bar h3.catbg2 {
	min-height: 56px !important;
	line-height: 1.15 !important;
	padding: 8px 17px 9px 22px !important;
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	font-size: 17px !important;
	font-weight: 900 !important;
	letter-spacing: .18px !important;
	text-transform: none !important;
	overflow: visible !important;
}

#boardindex_table h3.catbg:before,
#info_center h3.catbg:before,
#forumposts > .cat_bar h3.catbg:before,
#postmodify .cat_bar h3.catbg:before,
#recent .cat_bar h3.catbg:before,
#preview_section .cat_bar h3.catbg:before,
.table_grid .cat_bar h3.catbg:before,
.cat_bar h3.catbg2:before {
	font-size: 21px !important;
	width: 28px !important;
	min-width: 28px !important;
	height: 28px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #ffe36a !important;
	text-shadow: 0 1px 2px rgba(0,0,0,.42) !important;
}

#boardindex_table h3.catbg .buzzen-cat-title,
#boardindex_table h3.catbg .buzzen-cat-title a,
#boardindex_table h3.catbg .buzzen-cat-title a:link,
#boardindex_table h3.catbg .buzzen-cat-title a:visited,
#info_center h3.catbg,
#info_center h3.catbg a,
#forumposts > .cat_bar h3.catbg,
#postmodify .cat_bar h3.catbg,
#recent .cat_bar h3.catbg,
#preview_section .cat_bar h3.catbg,
.table_grid .cat_bar h3.catbg {
	color: #fff !important;
	font-size: 17px !important;
	font-weight: 900 !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.28) !important;
}

#boardindex_table h3.catbg .buzzen-cat-title {
	min-width: 0 !important;
	order: 2 !important;
	margin: 0 14px 0 0 !important;
}

#boardindex_table h3.catbg a.unreadlink,
#boardindex_table h3.catbg .unreadlink {
	order: 10 !important;
	margin-left: auto !important;
	padding: 4px 10px !important;
	border-radius: 4px !important;
	background: rgba(7,27,45,.44) !important;
	border: 1px solid rgba(255,255,255,.18) !important;
	box-shadow: none !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	white-space: nowrap !important;
}

#boardindex_table h3.catbg:after,
#info_center h3.catbg:after,
#forumposts > .cat_bar h3.catbg:after,
#postmodify .cat_bar h3.catbg:after,
#recent .cat_bar h3.catbg:after,
#preview_section .cat_bar h3.catbg:after,
.table_grid .cat_bar h3.catbg:after,
.cat_bar h3.catbg2:after {
	left: 22px !important;
	bottom: 0 !important;
	width: 165px !important;
	height: 4px !important;
	border-radius: 0 999px 999px 0 !important;
	background: linear-gradient(90deg, #ffe66f 0%, #ffc629 62%, rgba(255,198,41,0) 100%) !important;
	box-shadow: 0 0 14px rgba(255,218,74,.58) !important;
}

#boardindex_table .table_list tbody.content {
	box-shadow: 0 14px 28px rgba(7,22,39,.09) !important;
}

#boardindex_table .table_list tbody.content tr.windowbg2 td,
#boardindex_table .table_list tbody.content tr.windowbg2:first-child td:first-child,
#boardindex_table .table_list tbody.content tr.windowbg2:first-child td:last-child,
#boardindex_table .table_list tbody.content tr.windowbg2:last-child td:first-child,
#boardindex_table .table_list tbody.content tr.windowbg2:last-child td:last-child,
#boardindex_table td.info,
#boardindex_table td.stats,
#boardindex_table td.lastpost {
	border-radius: 0 !important;
}

#boardindex_table .table_list td {
	padding-top: 17px !important;
	padding-bottom: 17px !important;
	border-bottom: 1px solid rgba(36,127,208,.14) !important;
}

#boardindex_table td.info {
	background: rgba(255,255,255,.96) !important;
	box-shadow: inset 1px 0 0 rgba(36,127,208,.08) !important;
}

#boardindex_table td.stats {
	width: 142px !important;
	background: #f6fbff !important;
	border-left: 1px solid rgba(36,127,208,.12) !important;
	border-right: 1px solid rgba(36,127,208,.12) !important;
}

#boardindex_table td.stats p {
	display: block !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	color: #163654 !important;
	line-height: 1.35 !important;
}

#boardindex_table td.lastpost {
	width: 248px !important;
	background: #f5faff !important;
	border-left: 0 !important;
	box-shadow: inset 1px 0 0 rgba(36,127,208,.08) !important;
}

#boardindex_table td.icon {
	border-radius: 0 !important;
	background: linear-gradient(180deg, #fff, #f2f8fe) !important;
}

#boardindex_table td.icon a {
	border-radius: 10px !important;
}

#info_center .cat_bar {
	margin-top: 18px !important;
}

#info_center .cat_bar + #upshrinkHeaderIC,
#info_center .roundframe,
#info_center .innerframe,
#upshrinkHeaderIC {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

@media (max-width: 700px) {
	#boardindex_table h3.catbg,
	#info_center h3.catbg {
		min-height: 50px !important;
		font-size: 14px !important;
		padding-left: 14px !important;
	}
	#boardindex_table h3.catbg .buzzen-cat-title,
	#boardindex_table h3.catbg .buzzen-cat-title a {
		font-size: 14px !important;
	}
}

/* ========================================================================
   Buzzen SMF theme v12 index/header polish
   - Proper Buzzen website-style category headers with visible padding.
   - Yellow accent belongs to the header only, not the board rows.
   - Square board column edges for board name, post/topic count, and last post.
   - Info Center now shares the same category header treatment.
   ======================================================================== */
#boardindex_table .cat_bar,
#info_center .cat_bar,
#forumposts > .cat_bar,
#postmodify .cat_bar,
#recent .cat_bar,
#preview_section .cat_bar,
.table_grid .cat_bar {
	position: relative !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	min-height: 50px !important;
	border-radius: 12px 12px 0 0 !important;
	background:
		linear-gradient(115deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.05) 42%, rgba(255,212,55,.22) 100%),
		linear-gradient(180deg, #3f91bd 0%, #2b78a3 45%, #155579 100%) !important;
	border: 1px solid rgba(255,255,255,.30) !important;
	border-bottom: 0 !important;
	box-shadow: 0 13px 28px rgba(5,25,44,.24), inset 0 1px 0 rgba(255,255,255,.26) !important;
}

#boardindex_table .cat_bar:after,
#info_center .cat_bar:after,
#forumposts > .cat_bar:after,
#postmodify .cat_bar:after,
#recent .cat_bar:after,
#preview_section .cat_bar:after,
.table_grid .cat_bar:after {
	content: "" !important;
	position: absolute !important;
	left: 18px !important;
	bottom: 0 !important;
	width: 210px !important;
	height: 4px !important;
	border-radius: 0 999px 999px 0 !important;
	background: linear-gradient(90deg, #ffe66f 0%, #ffc928 65%, rgba(255,201,40,0) 100%) !important;
	box-shadow: 0 0 14px rgba(255,218,74,.58) !important;
	pointer-events: none !important;
}

#boardindex_table h3.catbg:after,
#info_center h3.catbg:after,
#forumposts > .cat_bar h3.catbg:after,
#postmodify .cat_bar h3.catbg:after,
#recent .cat_bar h3.catbg:after,
#preview_section .cat_bar h3.catbg:after,
.table_grid .cat_bar h3.catbg:after,
.cat_bar h3.catbg2:after {
	display: none !important;
	content: none !important;
}

#boardindex_table h3.catbg,
#info_center h3.catbg,
#forumposts > .cat_bar h3.catbg,
#postmodify .cat_bar h3.catbg,
#recent .cat_bar h3.catbg,
#preview_section .cat_bar h3.catbg,
.table_grid .cat_bar h3.catbg,
.cat_bar h3.catbg2 {
	position: relative !important;
	min-height: 50px !important;
	padding: 0 18px 4px 20px !important;
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	line-height: 1.15 !important;
	font-size: 16px !important;
	font-weight: 900 !important;
	letter-spacing: .15px !important;
	color: #fff !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.30) !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	overflow: visible !important;
}

#boardindex_table h3.catbg:before,
#info_center h3.catbg:before,
#forumposts > .cat_bar h3.catbg:before,
#postmodify .cat_bar h3.catbg:before,
#recent .cat_bar h3.catbg:before,
#preview_section .cat_bar h3.catbg:before,
.table_grid .cat_bar h3.catbg:before,
.cat_bar h3.catbg2:before {
	font-size: 21px !important;
	width: 26px !important;
	min-width: 26px !important;
	height: 26px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #ffe36a !important;
	filter: drop-shadow(0 1px 1px rgba(0,0,0,.38)) !important;
}

#boardindex_table h3.catbg .buzzen-cat-title,
#boardindex_table h3.catbg .buzzen-cat-title a,
#boardindex_table h3.catbg .buzzen-cat-title a:link,
#boardindex_table h3.catbg .buzzen-cat-title a:visited,
#info_center h3.catbg,
#info_center h3.catbg a,
#forumposts > .cat_bar h3.catbg,
#postmodify .cat_bar h3.catbg,
#recent .cat_bar h3.catbg,
#preview_section .cat_bar h3.catbg,
.table_grid .cat_bar h3.catbg {
	color: #fff !important;
	font-size: 16px !important;
	font-weight: 900 !important;
	text-decoration: none !important;
}

#boardindex_table h3.catbg .buzzen-cat-title {
	order: 2 !important;
	margin: 0 14px 0 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	min-width: 0 !important;
	white-space: nowrap !important;
}

#boardindex_table h3.catbg a.unreadlink,
#boardindex_table h3.catbg .unreadlink {
	order: 10 !important;
	margin-left: auto !important;
	padding: 5px 12px !important;
	border-radius: 5px !important;
	background: rgba(5,18,31,.48) !important;
	border: 1px solid rgba(255,255,255,.22) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.16) !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	white-space: nowrap !important;
}

#boardindex_table h3.catbg a.collapse,
#info_center h3.catbg img.icon,
.cat_bar h3.catbg a.collapse {
	order: 20 !important;
	margin-left: 8px !important;
	flex: 0 0 auto !important;
}

#info_center {
	padding-top: 0 !important;
	border-radius: 12px !important;
	box-shadow: 0 15px 35px rgba(7,22,39,.13) !important;
}

#info_center .cat_bar {
	margin-top: 22px !important;
}

#info_center .innerframe {
	padding-top: 0 !important;
}

#info_center .cat_bar + #upshrinkHeaderIC,
#info_center .roundframe,
#info_center .innerframe,
#upshrinkHeaderIC {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

#boardindex_table .table_list {
	border-spacing: 0 20px !important;
}

#boardindex_table .table_list tbody.content {
	box-shadow: 0 14px 28px rgba(7,22,39,.10) !important;
}

#boardindex_table .table_list tbody.content tr.windowbg2 td,
#boardindex_table .table_list tbody.content tr.windowbg2:first-child td:first-child,
#boardindex_table .table_list tbody.content tr.windowbg2:first-child td:last-child,
#boardindex_table .table_list tbody.content tr.windowbg2:last-child td:first-child,
#boardindex_table .table_list tbody.content tr.windowbg2:last-child td:last-child,
#boardindex_table td.icon,
#boardindex_table td.info,
#boardindex_table td.stats,
#boardindex_table td.lastpost {
	border-radius: 0 !important;
}

#boardindex_table .table_list td {
	padding-top: 18px !important;
	padding-bottom: 18px !important;
	border-bottom: 1px solid rgba(36,127,208,.12) !important;
}

#boardindex_table td.icon {
	width: 66px !important;
	background: linear-gradient(180deg, #ffffff 0%, #f3f9ff 100%) !important;
	border-right: 1px solid rgba(36,127,208,.11) !important;
}

#boardindex_table td.icon a {
	border-radius: 9px !important;
	background: #fff !important;
	border: 1px solid rgba(36,127,208,.15) !important;
	box-shadow: 0 7px 16px rgba(22,76,116,.10) !important;
}

#boardindex_table td.info {
	background: rgba(255,255,255,.98) !important;
	box-shadow: none !important;
}

#boardindex_table td.stats {
	width: 142px !important;
	background: #f4faff !important;
	border-left: 1px solid rgba(36,127,208,.13) !important;
	border-right: 1px solid rgba(36,127,208,.13) !important;
	text-align: center !important;
}

#boardindex_table td.stats p {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	color: #173956 !important;
	line-height: 1.45 !important;
}

#boardindex_table td.lastpost {
	width: 250px !important;
	background: #f6fbff !important;
	border-left: 0 !important;
	box-shadow: inset 1px 0 0 rgba(36,127,208,.10) !important;
}

#boardindex_table td.lastpost p,
#boardindex_table td.lastpost strong,
#boardindex_table td.lastpost span {
	line-height: 1.35 !important;
}

#posting_icons,
.mark_read {
	margin-top: 10px !important;
}

@media (max-width: 700px) {
	#boardindex_table h3.catbg,
	#info_center h3.catbg {
		min-height: 48px !important;
		padding-left: 14px !important;
		font-size: 14px !important;
	}
	#boardindex_table h3.catbg .buzzen-cat-title,
	#boardindex_table h3.catbg .buzzen-cat-title a {
		font-size: 14px !important;
		white-space: normal !important;
	}
	#boardindex_table h3.catbg a.unreadlink {
		font-size: 10px !important;
		padding: 4px 8px !important;
	}
}

/* Buzzen SMF v13 - Info Center cleanup */
#info_center.roundframe {
	margin: 26px 0 26px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

#info_center .innerframe {
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid rgba(36, 127, 208, .18) !important;
	border-radius: 14px !important;
	background: rgba(255,255,255,.96) !important;
	box-shadow: 0 16px 34px rgba(5, 25, 44, .16) !important;
	overflow: hidden !important;
}

#info_center .cat_bar {
	margin: 0 !important;
	min-height: 58px !important;
	border-radius: 14px 14px 0 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-top: 0 !important;
}

#info_center .cat_bar:after {
	left: 0 !important;
	bottom: 0 !important;
	width: 270px !important;
	height: 4px !important;
	border-radius: 0 999px 999px 0 !important;
}

#info_center h3.catbg {
	min-height: 58px !important;
	padding: 0 56px 4px 24px !important;
	font-size: 18px !important;
	letter-spacing: .2px !important;
}

#info_center h3.catbg:before {
	font-size: 23px !important;
	width: 30px !important;
	min-width: 30px !important;
	height: 30px !important;
}

#info_center h3.catbg img.icon,
#info_center h3.catbg #upshrink_ic {
	position: absolute !important;
	right: 22px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	margin: 0 !important;
	opacity: .85 !important;
}

#upshrinkHeaderIC {
	padding: 18px 20px 22px !important;
	background: linear-gradient(180deg, #ffffff 0%, #f8fcff 100%) !important;
	border-radius: 0 0 14px 14px !important;
}

#info_center .title_barIC {
	margin: 0 0 13px !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
}

#info_center .title_barIC + p,
#info_center .title_barIC + div,
#info_center .title_barIC + dl {
	margin-top: 0 !important;
}

#info_center h4.titlebg {
	min-height: 36px !important;
	margin: 0 !important;
	padding: 0 16px !important;
	display: flex !important;
	align-items: center !important;
	border-radius: 10px !important;
	border: 1px solid rgba(36,127,208,.18) !important;
	background: linear-gradient(180deg, #f8fcff 0%, #edf7ff 100%) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
	color: #102c46 !important;
	font-size: 15px !important;
	font-weight: 900 !important;
}

#info_center h4.titlebg span.ie6_header {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	float: none !important;
	color: #102c46 !important;
	font-size: 15px !important;
	font-weight: 900 !important;
}

#info_center h4.titlebg img.icon {
	width: 20px !important;
	height: 20px !important;
	margin: 0 !important;
}

#info_center p,
#info_center dl {
	margin: 0 6px 22px !important;
	padding: 0 !important;
	line-height: 1.55 !important;
	color: #23445f !important;
}

#info_center p.inline.stats {
	font-size: 14px !important;
	font-weight: 700 !important;
}

#info_center p.last {
	margin-bottom: 0 !important;
	padding-top: 12px !important;
	border-top: 1px dashed rgba(22, 58, 88, .28) !important;
}

#info_center a {
	font-weight: 700 !important;
}

#info_center + .lowerframe,
span.upperframe:has(+ #info_center) {
	display: none !important;
}

@supports not selector(:has(*)) {
	#info_center + .lowerframe {
		display: none !important;
	}
}

/* Buzzen SMF v14 - restore full-width Info Center flow
   v13 made the header treatment better, but the Info Center was allowed to
   wrap beside the floating legend/mark-read controls. Clear those floats and
   force the Info Center back into the same full-width rhythm as the forum
   category sections. */
#info_center.roundframe {
	clear: both !important;
	float: none !important;
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	box-sizing: border-box !important;
	margin: 28px 0 26px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

#info_center .innerframe {
	width: 100% !important;
	max-width: none !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid rgba(36, 127, 208, .18) !important;
	border-radius: 14px !important;
	background: rgba(255,255,255,.96) !important;
	box-shadow: 0 16px 34px rgba(5, 25, 44, .16) !important;
	overflow: hidden !important;
}

#info_center .cat_bar {
	width: 100% !important;
	max-width: none !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	min-height: 58px !important;
	border-radius: 14px 14px 0 0 !important;
}

#info_center .cat_bar:after {
	left: 0 !important;
	bottom: 0 !important;
	width: 310px !important;
	max-width: 45% !important;
	height: 4px !important;
	border-radius: 0 999px 999px 0 !important;
}

#info_center h3.catbg {
	min-height: 58px !important;
	padding: 0 58px 4px 24px !important;
	font-size: 18px !important;
	line-height: 1.2 !important;
}

#info_center h3.catbg img.icon,
#info_center h3.catbg #upshrink_ic,
#info_center h3.catbg a.collapse {
	position: absolute !important;
	right: 22px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	margin: 0 !important;
	float: none !important;
	order: initial !important;
}

#upshrinkHeaderIC {
	padding: 18px 20px 22px !important;
	background: linear-gradient(180deg, #ffffff 0%, #f8fcff 100%) !important;
	border-radius: 0 0 14px 14px !important;
	box-sizing: border-box !important;
}

#info_center h4.titlebg {
	margin: 0 0 12px !important;
}

#info_center p,
#info_center dl {
	margin-left: 8px !important;
	margin-right: 8px !important;
}

#posting_icons {
	margin-bottom: 12px !important;
}

.mark_read {
	margin-bottom: 12px !important;
}

/* ==========================================================
   Buzzen v15 - website-style top navigation refinement
   Keeps SMF menu markup/dropdown behavior intact; CSS only.
   ========================================================== */
#main_menu {
	position: absolute !important;
	left: 185px !important;
	right: 18px !important;
	top: 47px !important;
	margin: 0 !important;
	padding: 0 !important;
	min-height: 36px !important;
	z-index: 20 !important;
}

#menu_nav.dropmenu,
.dropmenu {
	display: flex !important;
	align-items: center !important;
	gap: 2px !important;
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
}

.dropmenu li {
	float: none !important;
	position: relative !important;
	margin: 0 !important;
	padding: 0 !important;
}

.dropmenu li a.firstlevel,
.dropmenu li a.firstlevel:link,
.dropmenu li a.firstlevel:visited {
	display: block !important;
	height: 31px !important;
	line-height: 31px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #f2f8ff !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: .35px !important;
	text-transform: uppercase !important;
	text-shadow: 0 1px 2px rgba(0,0,0,.55) !important;
}

.dropmenu li a.firstlevel span.firstlevel {
	display: block !important;
	height: 31px !important;
	min-height: 31px !important;
	line-height: 31px !important;
	padding: 0 13px !important;
	background: transparent !important;
	border-radius: 0 !important;
}

.dropmenu li a.firstlevel span.firstlevel:after {
	content: "" !important;
	display: block !important;
	height: 2px !important;
	margin: -4px 0 0 !important;
	border-radius: 99px !important;
	background: linear-gradient(90deg, #ffd54a, #35b9ff) !important;
	opacity: 0 !important;
	transform: scaleX(.55) !important;
	transform-origin: left center !important;
	transition: opacity .16s ease, transform .16s ease !important;
}

.dropmenu li a.active,
.dropmenu li a.active:link,
.dropmenu li a.active:visited,
.dropmenu li a.firstlevel:hover,
.dropmenu li:hover > a.firstlevel {
	color: #fff !important;
	background: linear-gradient(180deg, #36b9ff 0%, #1686d8 100%) !important;
	border-radius: 8px !important;
	box-shadow: 0 8px 18px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.32) !important;
}

.dropmenu li a.active span.firstlevel,
.dropmenu li a.firstlevel:hover span.firstlevel,
.dropmenu li:hover > a.firstlevel span.firstlevel {
	background: transparent !important;
	border-radius: 8px !important;
}

.dropmenu li a.active span.firstlevel:after,
.dropmenu li a.firstlevel:hover span.firstlevel:after,
.dropmenu li:hover > a.firstlevel span.firstlevel:after {
	opacity: 1 !important;
	transform: scaleX(1) !important;
}

.dropmenu li ul {
	top: 31px !important;
	left: 0 !important;
	min-width: 190px !important;
	padding: 8px !important;
	border: 1px solid rgba(71, 177, 255, .24) !important;
	border-top: 3px solid #ffd54a !important;
	border-radius: 0 0 14px 14px !important;
	background: rgba(7, 25, 43, .98) !important;
	box-shadow: 0 18px 36px rgba(0,0,0,.35) !important;
}

.dropmenu li li a,
.dropmenu li li a:link,
.dropmenu li li a:visited {
	padding: 8px 10px !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: transparent !important;
	color: #dcefff !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	text-transform: none !important;
}

.dropmenu li li a:hover,
.dropmenu li li:hover > a {
	background: rgba(44, 151, 232, .24) !important;
	color: #fff !important;
}

@media (max-width: 760px) {
	#main_menu {
		position: static !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		margin: 8px 10px 0 !important;
		min-height: 0 !important;
	}
	#menu_nav.dropmenu,
	.dropmenu {
		flex-wrap: wrap !important;
		gap: 4px !important;
	}
	.dropmenu li a.firstlevel span.firstlevel {
		padding: 0 10px !important;
	}
}

/* ==========================================================
   Buzzen v16 - website-matched nav, dropdown layering, breadcrumbs
   Uses the Buzzen CMS nav as the visual reference while keeping
   SMF's existing menu/link/dropdown markup and behavior intact.
   ========================================================== */
#top_section,
#header,
#header .frame {
	position: relative !important;
	overflow: visible !important;
	z-index: 9000 !important;
}

#main_menu {
	z-index: 9500 !important;
}

#menu_nav.dropmenu,
.dropmenu {
	gap: 0 !important;
}

.dropmenu li a.firstlevel,
.dropmenu li a.firstlevel:link,
.dropmenu li a.firstlevel:visited {
	height: 35px !important;
	line-height: 35px !important;
	padding: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #f4fbff !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: .45px !important;
	text-transform: uppercase !important;
}

.dropmenu li a.firstlevel span.firstlevel {
	height: 35px !important;
	min-height: 35px !important;
	line-height: 35px !important;
	padding: 0 12px !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.dropmenu li a.firstlevel span.firstlevel:after {
	display: none !important;
}

.dropmenu li a.active,
.dropmenu li a.active:link,
.dropmenu li a.active:visited,
.dropmenu li a.firstlevel:hover,
.dropmenu li:hover > a.firstlevel {
	border-radius: 0 !important;
	background: rgba(39, 93, 140, .92) !important;
	box-shadow: none !important;
	color: #fff !important;
}

.dropmenu li a.active span.firstlevel,
.dropmenu li a.firstlevel:hover span.firstlevel,
.dropmenu li:hover > a.firstlevel span.firstlevel {
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: inset 0 -3px 0 #ffd247 !important;
}

.dropmenu li ul {
	top: 35px !important;
	z-index: 99999 !important;
	min-width: 205px !important;
	padding: 7px 0 !important;
	border: 0 !important;
	border-top: 3px solid #ffd247 !important;
	border-radius: 0 0 8px 8px !important;
	background: #275d8c !important;
	box-shadow: 0 18px 34px rgba(0, 0, 0, .32) !important;
}

.dropmenu li li {
	width: 100% !important;
}

.dropmenu li li a,
.dropmenu li li a:link,
.dropmenu li li a:visited {
	display: block !important;
	padding: 9px 13px !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
}

.dropmenu li li a:hover,
.dropmenu li li:hover > a {
	background: #d7e8f5 !important;
	color: #183047 !important;
}

/* Keep dropdowns above category bars and all content sections. */
#content_section,
#main_content_section,
#boardindex_table,
.cat_bar,
.table_list,
#info_center {
	position: relative !important;
	z-index: 1 !important;
}

/* Match breadcrumb width to the main forum content instead of stretching wide. */
.navigate_section {
	box-sizing: border-box !important;
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.navigate_section ul {
	box-sizing: border-box !important;
	width: calc(100% - 20px) !important;
	max-width: calc(100% - 20px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 14px !important;
	padding-right: 14px !important;
}

@media (max-width: 760px) {
	.dropmenu li a.firstlevel span.firstlevel {
		padding: 0 10px !important;
	}
	.dropmenu li ul {
		position: absolute !important;
		top: 35px !important;
	}
	.navigate_section ul {
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* ==========================================================
   Buzzen v17 - CMS-like nav behavior and tighter index grouping
   - Active top nav no longer gets a hover-style background.
   - Dropdown parents show a small arrow indicator.
   - Board rows attach directly to their section header and to each other.
   ========================================================== */
#top_section,
#header,
#header .frame,
#main_menu,
#menu_nav,
.dropmenu,
.dropmenu li {
	position: relative !important;
}

#top_section,
#header,
#header .frame {
	overflow: visible !important;
	z-index: 20000 !important;
}

#main_menu,
#menu_nav.dropmenu {
	z-index: 30000 !important;
}

.dropmenu li ul,
.dropmenu li:hover > ul,
.dropmenu li.sfhover > ul {
	z-index: 40000 !important;
}

.dropmenu li a.active,
.dropmenu li a.active:link,
.dropmenu li a.active:visited {
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	color: #fff !important;
}

.dropmenu li a.active span.firstlevel,
.dropmenu li a.active:link span.firstlevel,
.dropmenu li a.active:visited span.firstlevel {
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

.dropmenu li a.firstlevel:hover,
.dropmenu li:hover > a.firstlevel,
.dropmenu li.sfhover > a.firstlevel {
	background: rgba(39, 93, 140, .92) !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	color: #fff !important;
}

.dropmenu li a.firstlevel:hover span.firstlevel,
.dropmenu li:hover > a.firstlevel span.firstlevel,
.dropmenu li.sfhover > a.firstlevel span.firstlevel {
	box-shadow: inset 0 -3px 0 #ffd247 !important;
}

.dropmenu li.has_submenu > a.firstlevel span.firstlevel {
	padding-right: 22px !important;
	position: relative !important;
}

.dropmenu li.has_submenu > a.firstlevel span.firstlevel:after {
	content: "\f107" !important;
	display: inline-block !important;
	position: absolute !important;
	right: 8px !important;
	top: 50% !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	transform: translateY(-50%) !important;
	font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", FontAwesome, Arial, sans-serif !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	color: #ffd247 !important;
	background: transparent !important;
	opacity: .95 !important;
}

/* Index sections should read as grouped blocks: header attached to rows,
   rows attached to each other, spacing only between complete sections. */
#boardindex_table .table_list {
	border-collapse: separate !important;
	border-spacing: 0 !important;
}

#boardindex_table .table_list tbody.header td {
	padding: 0 !important;
}

#boardindex_table .table_list tbody.header:not(:first-child) td {
	padding-top: 30px !important;
}

#boardindex_table .cat_bar {
	margin: 0 !important;
}

#boardindex_table .table_list tbody.content {
	box-shadow: 0 16px 30px rgba(7,22,39,.12) !important;
}

#boardindex_table .table_list tbody.content tr.windowbg2 td {
	border-top: 0 !important;
	border-bottom: 1px solid rgba(36,127,208,.13) !important;
}

#boardindex_table .table_list tbody.content tr.windowbg2:last-child td {
	border-bottom: 0 !important;
}

#boardindex_table .table_list tbody.content tr.windowbg2:first-child td {
	border-top: 0 !important;
}

#posting_icons,
.mark_read {
	margin-top: 16px !important;
}

/* Keep the breadcrumb aligned with the forum column rather than visually
   reaching farther right than the board sections. */
.navigate_section ul {
	width: 100% !important;
	max-width: 100% !important;
}

@media (max-width: 760px) {
	#boardindex_table .table_list tbody.header:not(:first-child) td {
		padding-top: 20px !important;
	}
	.dropmenu li.has_submenu > a.firstlevel span.firstlevel {
		padding-right: 20px !important;
	}
}

/* ==========================================================
   Buzzen v18 - restore top nav into the header bar
   v17 correctly removed the active bubble styling, but it also
   allowed SMF's menu block to fall back into document flow. This
   puts the menu back in the dark header while keeping the CMS-like
   transparent default state, hover-only background, dropdown arrows,
   and high dropdown z-index.
   ========================================================== */
#header,
#header .frame,
#top_section {
	position: relative !important;
	overflow: visible !important;
	z-index: 20000 !important;
}

#main_menu {
	position: absolute !important;
	left: 185px !important;
	right: 18px !important;
	top: 47px !important;
	width: auto !important;
	height: 35px !important;
	min-height: 35px !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	z-index: 30000 !important;
}

#menu_nav.dropmenu,
#main_menu .dropmenu {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	flex-wrap: nowrap !important;
	gap: 2px !important;
	height: 35px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	line-height: 1 !important;
	position: relative !important;
	z-index: 30001 !important;
}

#main_menu .dropmenu li {
	float: none !important;
	position: relative !important;
	margin: 0 !important;
	padding: 0 !important;
}

#main_menu .dropmenu li a.firstlevel,
#main_menu .dropmenu li a.firstlevel:link,
#main_menu .dropmenu li a.firstlevel:visited {
	display: block !important;
	height: 35px !important;
	line-height: 35px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #f5fbff !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: .4px !important;
	text-transform: uppercase !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.45) !important;
	text-decoration: none !important;
}

#main_menu .dropmenu li a.firstlevel span.firstlevel {
	display: block !important;
	position: relative !important;
	left: auto !important;
	height: 35px !important;
	min-height: 35px !important;
	line-height: 35px !important;
	padding: 0 11px !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	white-space: nowrap !important;
}

#main_menu .dropmenu li a.active,
#main_menu .dropmenu li a.active:link,
#main_menu .dropmenu li a.active:visited,
#main_menu .dropmenu li a.active span.firstlevel,
#main_menu .dropmenu li a.active:link span.firstlevel,
#main_menu .dropmenu li a.active:visited span.firstlevel {
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	color: #fff !important;
}

#main_menu .dropmenu li a.firstlevel:hover,
#main_menu .dropmenu li:hover > a.firstlevel,
#main_menu .dropmenu li.sfhover > a.firstlevel {
	background: rgba(39, 93, 140, .92) !important;
	color: #fff !important;
	box-shadow: none !important;
	text-decoration: none !important;
}

#main_menu .dropmenu li a.firstlevel:hover span.firstlevel,
#main_menu .dropmenu li:hover > a.firstlevel span.firstlevel,
#main_menu .dropmenu li.sfhover > a.firstlevel span.firstlevel {
	background: transparent !important;
	box-shadow: inset 0 -3px 0 #ffd247 !important;
}

#main_menu .dropmenu li.has_submenu > a.firstlevel span.firstlevel {
	padding-right: 22px !important;
}

#main_menu .dropmenu li.has_submenu > a.firstlevel span.firstlevel:after {
	content: "\f107" !important;
	display: inline-block !important;
	position: absolute !important;
	right: 8px !important;
	top: 50% !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	transform: translateY(-50%) !important;
	font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", FontAwesome, Arial, sans-serif !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	color: #ffd247 !important;
	background: transparent !important;
	opacity: .95 !important;
}

#main_menu .dropmenu li ul {
	display: none;
	position: absolute !important;
	top: 35px !important;
	left: 0 !important;
	z-index: 50000 !important;
	min-width: 205px !important;
	width: auto !important;
	padding: 7px 0 !important;
	margin: 0 !important;
	border: 0 !important;
	border-top: 3px solid #ffd247 !important;
	border-radius: 0 0 8px 8px !important;
	background: #275d8c !important;
	box-shadow: 0 18px 34px rgba(0,0,0,.32) !important;
}

#main_menu .dropmenu li:hover > ul,
#main_menu .dropmenu li.sfhover > ul {
	display: block !important;
}

#main_menu .dropmenu li li {
	float: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

#main_menu .dropmenu li li a,
#main_menu .dropmenu li li a:link,
#main_menu .dropmenu li li a:visited {
	display: block !important;
	padding: 9px 13px !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
}

#main_menu .dropmenu li li a:hover,
#main_menu .dropmenu li li:hover > a {
	background: #d7e8f5 !important;
	color: #183047 !important;
}

#content_section,
#main_content_section,
#boardindex_table,
.cat_bar,
.table_list,
#info_center,
.navigate_section {
	position: relative !important;
	z-index: 1 !important;
}

@media (max-width: 760px) {
	#main_menu {
		left: 110px !important;
		right: 8px !important;
		top: 45px !important;
		height: auto !important;
		min-height: 35px !important;
	}
	#menu_nav.dropmenu,
	#main_menu .dropmenu {
		flex-wrap: wrap !important;
		height: auto !important;
	}
	#main_menu .dropmenu li a.firstlevel span.firstlevel {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}
	#main_menu .dropmenu li.has_submenu > a.firstlevel span.firstlevel {
		padding-right: 19px !important;
	}
}

/* ========================================================================
   Buzzen SMF theme v19 board view alignment
   - Makes MessageIndex board pages follow the index-page visual language.
   - Removes the rounded inner cell bubbles from topic rows.
   - Connects rows into one clean list with square column divisions.
   - Restyles the board table header and pagination to match Buzzen panels.
   ======================================================================== */
#messageindex.topic_table {
	margin-top: 12px !important;
	border: 0 !important;
	border-radius: 12px !important;
	background: rgba(255,255,255,.92) !important;
	box-shadow: 0 16px 32px rgba(7,22,39,.14) !important;
	overflow: hidden !important;
}

#messageindex.topic_table table.table_grid {
	width: 100% !important;
	border-collapse: collapse !important;
	border-spacing: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

#messageindex.topic_table table.table_grid thead tr.catbg th {
	position: relative !important;
	padding: 13px 15px !important;
	background:
		linear-gradient(115deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.05) 42%, rgba(255,212,55,.18) 100%),
		linear-gradient(180deg, #3f91bd 0%, #2b78a3 45%, #155579 100%) !important;
	border: 0 !important;
	border-bottom: 4px solid #f5c72f !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	letter-spacing: .15px !important;
	text-shadow: 0 1px 2px rgba(0,0,0,.45) !important;
}

#messageindex.topic_table table.table_grid thead tr.catbg th:first-child,
#messageindex.topic_table table.table_grid thead tr.catbg th:last-child {
	border-radius: 0 !important;
}

#messageindex.topic_table table.table_grid thead tr.catbg th a {
	color: #fff !important;
	font-weight: 900 !important;
	text-decoration: none !important;
}

#messageindex.topic_table tbody tr td,
#messageindex.topic_table tbody tr td:first-child,
#messageindex.topic_table tbody tr td:last-child {
	border-radius: 0 !important;
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-bottom: 1px solid rgba(36,127,208,.13) !important;
	box-shadow: none !important;
}

#messageindex.topic_table tbody tr td + td {
	border-left: 1px solid rgba(36,127,208,.14) !important;
}

#messageindex.topic_table tbody tr:last-child td {
	border-bottom: 0 !important;
}

#messageindex.topic_table tr.windowbg td,
#messageindex.topic_table tr.windowbg2 td,
#messageindex.topic_table tr.approvebg td,
#messageindex.topic_table tr.highlight2 td,
#messageindex.topic_table td.windowbg,
#messageindex.topic_table td.windowbg2,
#messageindex.topic_table td.stickybg,
#messageindex.topic_table td.stickybg2,
#messageindex.topic_table td.lockedbg,
#messageindex.topic_table td.lockedbg2,
#messageindex.topic_table td.locked_sticky,
#messageindex.topic_table td.locked_sticky2,
#messageindex.topic_table td.global,
#messageindex.topic_table td.global2,
#messageindex.topic_table td.approvetbg,
#messageindex.topic_table td.approvetbg2,
#messageindex.topic_table td.approvebg,
#messageindex.topic_table td.approvebg2 {
	background: rgba(255,255,255,.94) !important;
	color: #15304d !important;
}

#messageindex.topic_table tbody tr:nth-child(even) td.windowbg,
#messageindex.topic_table tbody tr:nth-child(even) td.windowbg2,
#messageindex.topic_table tbody tr:nth-child(even) td.stickybg,
#messageindex.topic_table tbody tr:nth-child(even) td.stickybg2,
#messageindex.topic_table tbody tr:nth-child(even) td.lockedbg,
#messageindex.topic_table tbody tr:nth-child(even) td.lockedbg2,
#messageindex.topic_table tbody tr:nth-child(even) td.locked_sticky,
#messageindex.topic_table tbody tr:nth-child(even) td.locked_sticky2,
#messageindex.topic_table tbody tr:nth-child(even) td.global,
#messageindex.topic_table tbody tr:nth-child(even) td.global2 {
	background: #f5faff !important;
}

#messageindex.topic_table tbody tr:hover td {
	background: #edf7ff !important;
}

#messageindex.topic_table .whos_viewing td,
#messageindex.topic_table thead + tbody tr:first-child td {
	border-radius: 0 !important;
	background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
	padding: 14px 16px !important;
	font-size: 14px !important;
	font-weight: 800 !important;
}

#messageindex.topic_table td.icon1,
#messageindex.topic_table td.icon2,
#messageindex.topic_table td.moderation {
	width: 52px !important;
	padding: 12px 8px !important;
	text-align: center !important;
	background: linear-gradient(180deg, #fff, #f3f9ff) !important;
}

#messageindex.topic_table td.icon1 img,
#messageindex.topic_table td.icon2 img {
	max-width: 22px !important;
	max-height: 22px !important;
	padding: 6px !important;
	border-radius: 9px !important;
	background: #fff !important;
	border: 1px solid rgba(36,127,208,.16) !important;
	box-shadow: 0 6px 12px rgba(7,22,39,.06) !important;
}

#messageindex.topic_table td.subject {
	padding: 14px 16px !important;
	line-height: 1.35 !important;
}

#messageindex.topic_table td.subject a,
#messageindex.topic_table td.subject span[id^="msg_"] a {
	color: #0070bd !important;
	font-size: 14px !important;
	font-weight: 900 !important;
	text-decoration: none !important;
}

#messageindex.topic_table td.subject a:hover,
#messageindex.topic_table td.subject span[id^="msg_"] a:hover {
	color: #0b4f83 !important;
	text-decoration: underline !important;
}

#messageindex.topic_table td.subject p {
	margin: 5px 0 0 !important;
	font-size: 12px !important;
	line-height: 1.35 !important;
	color: #405a73 !important;
}

#messageindex.topic_table td.stats {
	width: 145px !important;
	padding: 14px 12px !important;
	text-align: center !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1.35 !important;
	color: #112f4d !important;
	background: #f4f9ff !important;
}

#messageindex.topic_table td.lastpost {
	width: 245px !important;
	padding: 14px 15px !important;
	font-size: 12px !important;
	line-height: 1.35 !important;
	color: #405a73 !important;
	background: #f4f9ff !important;
}

#messageindex.topic_table td.lastpost a {
	font-weight: 800 !important;
	text-decoration: none !important;
}

#messageindex.topic_table .like_post_box {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	margin: 5px 0 0 !important;
	font-size: 11px !important;
	line-height: 1.2 !important;
	color: #3e5d79 !important;
}

#messageindex.topic_table .like_post_box a.like_link,
#messageindex.topic_table .like_post_box a.unlike_link {
	padding: 2px 7px !important;
	border-radius: 6px !important;
	background: #1d8bd8 !important;
	box-shadow: none !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	color: #fff !important;
}

#messageindex.topic_table .like_post_box a[id^="like_post_info_"] {
	font-size: 11px !important;
	font-weight: 700 !important;
	color: #2e6f9f !important;
}

.pagesection {
	width: auto !important;
	min-height: 32px !important;
	margin: 14px 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.pagesection .pagelinks,
.pagesection .pages,
.pagesection strong {
	font-weight: 900 !important;
	color: #0b2a44 !important;
}

.pagesection .navPages,
.pagesection .current_page,
.pagesection a.navPages,
.pagesection a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 24px !important;
	height: 24px !important;
	margin: 0 2px !important;
	padding: 0 7px !important;
	border-radius: 999px !important;
	border: 1px solid rgba(36,127,208,.18) !important;
	background: rgba(255,255,255,.82) !important;
	box-shadow: 0 5px 12px rgba(7,22,39,.06) !important;
	font-weight: 900 !important;
	text-decoration: none !important;
}

.pagesection .current_page,
.pagesection strong.current_page {
	background: linear-gradient(135deg, #1783d2, #35b9ff) !important;
	color: #fff !important;
	border-color: rgba(30,137,215,.7) !important;
}

.pagesection .buttonlist {
	margin: 0 !important;
}

#topic_icons,
#posting_icons,
#messageindex + .pagesection + .navigate_section + .plainbox,
.plainbox {
	border-radius: 12px !important;
	background: rgba(255,255,255,.88) !important;
	border: 1px solid rgba(36,127,208,.14) !important;
	box-shadow: 0 10px 22px rgba(7,22,39,.07) !important;
}

#messageindex + .pagesection + .navigate_section {
	margin-top: 10px !important;
}

@media screen and (max-width: 900px) {
	#messageindex.topic_table table.table_grid {
		border-collapse: separate !important;
	}
	#messageindex.topic_table tbody tr td,
	#messageindex.topic_table tbody tr td:first-child,
	#messageindex.topic_table tbody tr td:last-child {
		border-radius: 0 !important;
	}
	#messageindex.topic_table td.stats,
	#messageindex.topic_table td.lastpost {
		width: auto !important;
		text-align: left !important;
	}
}

/* ========================================================================
   Buzzen SMF theme v20 board view polish
   - Adds a board identity card.
   - Balances topic/replies/last-post columns.
   - Softens likes into metadata.
   - Brings board action buttons, pagination, and legend closer to index styling.
   ======================================================================== */
.buzzen-board-hero {
	margin: 12px 0 12px !important;
	padding: 13px 16px 14px !important;
	border-radius: 14px !important;
	background:
		linear-gradient(115deg, rgba(255,255,255,.78) 0%, rgba(255,255,255,.58) 58%, rgba(255,212,55,.10) 100%),
		linear-gradient(180deg, #ffffff 0%, #f4faff 100%) !important;
	border: 1px solid rgba(36,127,208,.18) !important;
	box-shadow: 0 12px 28px rgba(7,22,39,.10) !important;
	color: #15304d !important;
}
.buzzen-board-hero-title {
	display: flex !important;
	align-items: center !important;
	gap: 9px !important;
	font-size: 18px !important;
	font-weight: 900 !important;
	letter-spacing: .15px !important;
	color: #0b2a44 !important;
}
.buzzen-board-hero-title i {
	width: 28px !important;
	height: 28px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 8px !important;
	background: linear-gradient(180deg, #ffe675, #f4bf20) !important;
	color: #12344f !important;
	box-shadow: 0 5px 12px rgba(245,199,47,.22) !important;
}
.buzzen-board-hero p {
	margin: 7px 0 0 37px !important;
	font-size: 12px !important;
	line-height: 1.45 !important;
	color: #45647e !important;
}

#messageindex.topic_table {
	margin-top: 10px !important;
	border-radius: 10px !important;
}
#messageindex.topic_table table.table_grid thead tr.catbg th {
	padding: 10px 13px !important;
	font-size: 12px !important;
	border-bottom-width: 3px !important;
}
#messageindex.topic_table table.table_grid thead tr.catbg th:first-child {
	width: 72px !important;
}
#messageindex.topic_table table.table_grid thead tr.catbg th.lefttext {
	width: auto !important;
}
#messageindex.topic_table table.table_grid thead tr.catbg th:nth-child(4) {
	width: 135px !important;
}
#messageindex.topic_table table.table_grid thead tr.catbg th.last_th,
#messageindex.topic_table table.table_grid thead tr.catbg th:nth-child(5) {
	width: 285px !important;
}
#messageindex.topic_table td.icon1,
#messageindex.topic_table td.icon2,
#messageindex.topic_table td.moderation {
	width: 46px !important;
	padding: 10px 6px !important;
}
#messageindex.topic_table td.subject {
	padding: 12px 16px !important;
}
#messageindex.topic_table td.subject a,
#messageindex.topic_table td.subject span[id^="msg_"] a {
	font-size: 14px !important;
}
#messageindex.topic_table td.subject p {
	margin-top: 4px !important;
}
#messageindex.topic_table td.stats {
	width: 135px !important;
	padding: 12px 10px !important;
}
#messageindex.topic_table td.lastpost {
	width: 285px !important;
	padding: 12px 15px !important;
}

/* Likes should read as metadata, not as the dominant action. */
#messageindex.topic_table .like_post_box {
	margin: 5px 0 0 !important;
	gap: 4px !important;
	font-size: 11px !important;
	color: #557086 !important;
}
#messageindex.topic_table .like_post_box:before {
	content: "\f164" !important;
	font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", FontAwesome !important;
	font-weight: 900 !important;
	color: #7890a3 !important;
	font-size: 10px !important;
}
#messageindex.topic_table .like_post_box a.like_link,
#messageindex.topic_table .like_post_box a.unlike_link {
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	font-size: 0 !important;
	line-height: 1 !important;
	color: #557086 !important;
}
#messageindex.topic_table .like_post_box a.like_link:after,
#messageindex.topic_table .like_post_box a.unlike_link:after {
	content: "likes" !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	color: #557086 !important;
}
#messageindex.topic_table .like_post_box a[id^="like_post_info_"] {
	font-size: 11px !important;
	font-weight: 700 !important;
	color: #557086 !important;
}

/* Board action buttons: less candy-colored, closer to the Buzzen website action style. */
.pagesection .buttonlist ul,
.pagesection .buttonlist {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	flex-wrap: wrap !important;
}
.pagesection .buttonlist li,
.pagesection .buttonlist li a,
.pagesection .buttonlist a.button_strip_new_topic,
.pagesection .buttonlist a.button_strip_post_poll,
.pagesection .buttonlist a.button_strip_notify,
.pagesection .buttonlist a.button_strip_markread,
.buttonlist a.button_strip_new_topic,
.buttonlist a.button_strip_post_poll,
.buttonlist a.button_strip_notify,
.buttonlist a.button_strip_markread {
	border-radius: 8px !important;
}
.pagesection .buttonlist li a,
.buttonlist a.button_strip_new_topic,
.buttonlist a.button_strip_post_poll,
.buttonlist a.button_strip_notify,
.buttonlist a.button_strip_markread {
	padding: 5px 11px !important;
	min-height: 22px !important;
	border: 1px solid rgba(36,127,208,.22) !important;
	background: linear-gradient(180deg, #2f8fc4 0%, #1c6f9f 100%) !important;
	box-shadow: 0 7px 14px rgba(7,22,39,.10) !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.25) !important;
}
.pagesection .buttonlist li a:hover,
.buttonlist a.button_strip_new_topic:hover,
.buttonlist a.button_strip_post_poll:hover,
.buttonlist a.button_strip_notify:hover,
.buttonlist a.button_strip_markread:hover {
	background: linear-gradient(180deg, #3aa8df 0%, #247dab 100%) !important;
	text-decoration: none !important;
}
.pagesection .buttonlist li:first-child a,
.buttonlist a.button_strip_new_topic {
	background: linear-gradient(180deg, #31b979 0%, #169c61 100%) !important;
	border-color: rgba(22,156,97,.45) !important;
}

/* Pagination gets a cleaner contained feel without old SMF bulk. */
.pagesection .pagelinks {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	min-height: 28px !important;
	padding: 3px 8px !important;
	border-radius: 999px !important;
	background: rgba(255,255,255,.74) !important;
	border: 1px solid rgba(36,127,208,.14) !important;
	box-shadow: 0 8px 18px rgba(7,22,39,.07) !important;
}
.pagesection .navPages,
.pagesection .current_page,
.pagesection a.navPages,
.pagesection .pagelinks a,
.pagesection .pagelinks strong.current_page {
	min-width: 24px !important;
	height: 24px !important;
	padding: 0 8px !important;
	border-radius: 999px !important;
}

/* The topic legend should feel like a compact helper card, not an old SMF box. */
#messageindex + .pagesection + .navigate_section + .plainbox,
#topic_icons,
#posting_icons {
	padding: 14px 16px !important;
	border-radius: 14px !important;
	background: rgba(255,255,255,.78) !important;
	border: 1px solid rgba(36,127,208,.16) !important;
	box-shadow: 0 10px 22px rgba(7,22,39,.07) !important;
	font-size: 12px !important;
	color: #46637c !important;
}
#topic_icons .smalltext,
#posting_icons .smalltext,
#messageindex + .pagesection + .navigate_section + .plainbox .smalltext {
	font-size: 11px !important;
	line-height: 1.5 !important;
}
#topic_icons img,
#posting_icons img,
#messageindex + .pagesection + .navigate_section + .plainbox img {
	vertical-align: middle !important;
	margin-right: 5px !important;
}
#messageindex + .pagesection + .navigate_section + .plainbox select,
#messageindex + .pagesection + .navigate_section + .plainbox input,
#messageindex + .pagesection + .navigate_section + .plainbox button {
	border-radius: 999px !important;
}

@media screen and (max-width: 900px) {
	.buzzen-board-hero p { margin-left: 0 !important; }
	#messageindex.topic_table td.lastpost,
	#messageindex.topic_table td.stats { width: auto !important; }
}

/* ========================================================================
   Buzzen SMF theme v21 board-view alignment
   - Removes the extra board hero card from display if an older template renders it.
   - Tightens topic rows to match the index page rhythm.
   - Shrinks icon columns and gives last-post more breathing room.
   - Softens the legend into a compact helper panel.
   ======================================================================== */
.buzzen-board-hero {
	display: none !important;
}

#messageindex.topic_table {
	margin-top: 10px !important;
	box-shadow: 0 15px 30px rgba(7,22,39,.10) !important;
}

#messageindex.topic_table table.table_grid {
	table-layout: fixed !important;
	width: 100% !important;
}

#messageindex.topic_table table.table_grid thead tr.catbg th {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	font-size: 11px !important;
	line-height: 1.15 !important;
}

#messageindex.topic_table table.table_grid thead tr.catbg th.first_th {
	width: 58px !important;
}

#messageindex.topic_table table.table_grid thead tr.catbg th.lefttext:not(.last_th) {
	width: 52% !important;
}

#messageindex.topic_table table.table_grid thead tr.catbg th:nth-child(4) {
	width: 120px !important;
}

#messageindex.topic_table table.table_grid thead tr.catbg th.last_th,
#messageindex.topic_table table.table_grid thead tr.catbg th:nth-child(5) {
	width: 30% !important;
}

#messageindex.topic_table td.icon1,
#messageindex.topic_table td.icon2,
#messageindex.topic_table td.moderation {
	width: 29px !important;
	padding: 8px 4px !important;
}

#messageindex.topic_table td.icon1 img,
#messageindex.topic_table td.icon2 img,
#messageindex.topic_table td.moderation img {
	max-width: 18px !important;
	max-height: 18px !important;
}

#messageindex.topic_table td.subject {
	padding: 10px 13px !important;
}

#messageindex.topic_table td.subject a,
#messageindex.topic_table td.subject span[id^="msg_"] a {
	font-size: 13px !important;
	line-height: 1.25 !important;
}

#messageindex.topic_table td.subject p,
#messageindex.topic_table td.subject .smalltext {
	margin-top: 3px !important;
	font-size: 11px !important;
	line-height: 1.25 !important;
}

#messageindex.topic_table td.stats {
	width: 120px !important;
	padding: 9px 8px !important;
	font-size: 12px !important;
	line-height: 1.25 !important;
	font-weight: 800 !important;
}

#messageindex.topic_table td.lastpost {
	width: 30% !important;
	padding: 9px 14px !important;
	font-size: 11px !important;
	line-height: 1.35 !important;
}

#messageindex.topic_table tbody tr td {
	border-bottom: 1px solid rgba(36,127,208,.13) !important;
}

#messageindex.topic_table tbody tr:last-child td {
	border-bottom: 0 !important;
}

#messageindex.topic_table .like_post_box {
	display: inline-flex !important;
	align-items: center !important;
	margin: 0 0 0 5px !important;
	font-size: 10px !important;
	font-style: italic !important;
	font-weight: 600 !important;
	color: #61788e !important;
	vertical-align: baseline !important;
}

#messageindex.topic_table .like_post_box:before {
	font-size: 9px !important;
	margin-right: 2px !important;
}

#messageindex.topic_table .like_post_box a[id^="like_post_info_"],
#messageindex.topic_table .like_post_box a.like_link:after,
#messageindex.topic_table .like_post_box a.unlike_link:after {
	font-size: 10px !important;
	color: #61788e !important;
}

#messageindex + .pagesection + .navigate_section + .plainbox,
#topic_icons,
#posting_icons {
	padding: 11px 14px !important;
	border-radius: 10px !important;
	background: rgba(255,255,255,.70) !important;
	box-shadow: 0 8px 18px rgba(7,22,39,.055) !important;
}

#messageindex + .pagesection + .navigate_section + .plainbox .smalltext,
#topic_icons .smalltext,
#posting_icons .smalltext {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(180px, 1fr)) !important;
	gap: 4px 16px !important;
	align-items: center !important;
}

#messageindex + .pagesection + .navigate_section + .plainbox br,
#topic_icons br,
#posting_icons br {
	display: none !important;
}

@media screen and (max-width: 900px) {
	#messageindex.topic_table table.table_grid { table-layout: auto !important; }
	#messageindex.topic_table td.icon1,
	#messageindex.topic_table td.icon2,
	#messageindex.topic_table td.moderation,
	#messageindex.topic_table td.lastpost,
	#messageindex.topic_table td.stats { width: auto !important; }
	#messageindex + .pagesection + .navigate_section + .plainbox .smalltext,
	#topic_icons .smalltext,
	#posting_icons .smalltext { grid-template-columns: 1fr !important; }
}

/* ========================================================================
   Buzzen SMF theme v22 board-view final polish
   - Compact legend/helper panel into a clean Buzzen-style footer note.
   - Give Replies/Views and Last Post columns a little more breathing room.
   - Make Last Post hierarchy clearer.
   - Slightly reduce topic icons, action buttons, and pagination bulk.
   - Re-align header/content column widths.
   ======================================================================== */

/* Board table column balance */
#messageindex.topic_table table.table_grid {
	width: 100% !important;
	table-layout: fixed !important;
}

#messageindex.topic_table table.table_grid thead tr.catbg th.first_th {
	width: 62px !important;
}

#messageindex.topic_table table.table_grid thead tr.catbg th.lefttext:not(.last_th) {
	width: 48% !important;
}

#messageindex.topic_table table.table_grid thead tr.catbg th:nth-child(4) {
	width: 140px !important;
}

#messageindex.topic_table table.table_grid thead tr.catbg th.last_th,
#messageindex.topic_table table.table_grid thead tr.catbg th:nth-child(5) {
	width: 32% !important;
}

#messageindex.topic_table table.table_grid thead tr.catbg th {
	padding-top: 7px !important;
	padding-bottom: 7px !important;
	line-height: 1.1 !important;
}

/* Slightly smaller, quieter topic icon columns */
#messageindex.topic_table td.icon1,
#messageindex.topic_table td.icon2,
#messageindex.topic_table td.moderation {
	width: 26px !important;
	padding: 7px 3px !important;
}

#messageindex.topic_table td.icon1 img,
#messageindex.topic_table td.icon2 img,
#messageindex.topic_table td.moderation img {
	max-width: 16px !important;
	max-height: 16px !important;
	padding: 5px !important;
	border-radius: 9px !important;
}

/* Topic row density and better balance */
#messageindex.topic_table td.subject {
	padding: 9px 12px !important;
}

#messageindex.topic_table td.subject a,
#messageindex.topic_table td.subject span[id^="msg_"] a {
	font-size: 13px !important;
}

#messageindex.topic_table td.stats {
	width: 140px !important;
	padding: 8px 9px !important;
	font-size: 11px !important;
	line-height: 1.28 !important;
	font-weight: 800 !important;
}

#messageindex.topic_table td.lastpost {
	width: 32% !important;
	padding: 9px 16px !important;
	font-size: 11px !important;
	line-height: 1.35 !important;
	color: #60748a !important;
}

#messageindex.topic_table td.lastpost a {
	color: #0d74bf !important;
	font-weight: 900 !important;
}

#messageindex.topic_table td.lastpost strong,
#messageindex.topic_table td.lastpost b {
	color: #17314e !important;
	font-weight: 900 !important;
}

/* Likes should read as metadata, not a second call-to-action. */
#messageindex.topic_table .like_post_box {
	margin-left: 5px !important;
	font-size: 10px !important;
	font-style: italic !important;
	font-weight: 600 !important;
	color: #657a8f !important;
}

#messageindex.topic_table .like_post_box a.like_link,
#messageindex.topic_table .like_post_box a.unlike_link {
	padding: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #657a8f !important;
	font-size: 10px !important;
	font-style: italic !important;
	font-weight: 700 !important;
	text-shadow: none !important;
}

#messageindex.topic_table .like_post_box a[id^="like_post_info_"] {
	font-size: 10px !important;
	color: #657a8f !important;
	font-style: italic !important;
	font-weight: 600 !important;
}

/* Slightly smaller board action buttons. */
.pagesection .buttonlist li a,
.buttonlist a.button_strip_new_topic,
.buttonlist a.button_strip_post_poll,
.buttonlist a.button_strip_notify,
.buttonlist a.button_strip_markread {
	padding: 4px 10px !important;
	min-height: 20px !important;
	font-size: 10px !important;
	border-radius: 7px !important;
}

/* Pagination: less isolated, more compact. */
.pagesection .pagelinks {
	min-height: 24px !important;
	padding: 2px 7px !important;
	gap: 3px !important;
	font-size: 11px !important;
	box-shadow: 0 6px 14px rgba(7,22,39,.055) !important;
}

.pagesection .navPages,
.pagesection .current_page,
.pagesection a.navPages,
.pagesection .pagelinks a,
.pagesection .pagelinks strong.current_page {
	min-width: 21px !important;
	height: 21px !important;
	padding: 0 7px !important;
	line-height: 21px !important;
}

/* Compact the topic legend/footer helper panel and fix misalignment. */
#topic_icons {
	margin-top: 10px !important;
	padding: 10px 12px !important;
	border-radius: 12px !important;
	background: rgba(255,255,255,.82) !important;
	border: 1px solid rgba(36,127,208,.13) !important;
	box-shadow: 0 8px 18px rgba(7,22,39,.055) !important;
}

#topic_icons .description {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 0 !important;
	margin: 0 !important;
}

#topic_icons p {
	margin: 0 !important;
	padding: 0 !important;
}

#topic_icons p.floatleft.smalltext,
#topic_icons p.smalltext:not(#message_index_jump_to) {
	float: none !important;
	display: inline-grid !important;
	grid-template-columns: repeat(2, max-content) !important;
	gap: 5px 18px !important;
	align-items: center !important;
	font-size: 11px !important;
	line-height: 1.25 !important;
	color: #52677c !important;
}

#topic_icons p.floatleft.smalltext {
	justify-self: start !important;
}

#topic_icons p.smalltext:not(#message_index_jump_to):not(.floatleft) {
	justify-self: start !important;
	margin-left: 8px !important;
}

#topic_icons #message_index_jump_to {
	float: none !important;
	justify-self: end !important;
	white-space: nowrap !important;
	font-size: 11px !important;
}

#topic_icons br,
#topic_icons br.clear {
	display: none !important;
}

#topic_icons img {
	width: 14px !important;
	height: 14px !important;
	margin-right: 5px !important;
	vertical-align: -2px !important;
}

#topic_icons select {
	height: 24px !important;
	font-size: 11px !important;
	padding: 2px 22px 2px 8px !important;
}

#topic_icons input.button_submit,
#topic_icons button,
#topic_icons input[type="button"],
#topic_icons input[type="submit"] {
	min-height: 22px !important;
	padding: 3px 8px !important;
	font-size: 10px !important;
}

@media screen and (max-width: 900px) {
	#messageindex.topic_table table.table_grid { table-layout: auto !important; }
	#messageindex.topic_table td.icon1,
	#messageindex.topic_table td.icon2,
	#messageindex.topic_table td.moderation,
	#messageindex.topic_table td.stats,
	#messageindex.topic_table td.lastpost { width: auto !important; }
	#topic_icons .description { grid-template-columns: 1fr !important; }
	#topic_icons #message_index_jump_to { justify-self: start !important; white-space: normal !important; }
	#topic_icons p.floatleft.smalltext,
	#topic_icons p.smalltext:not(#message_index_jump_to) { grid-template-columns: 1fr !important; }
}

/* ==========================================================
   BUZZEN SMF THEME PASS 23 - Board view final polish
   - clean action bars
   - simple pagination
   - fixed legend/jump panel
   - final like/last-post cleanup
   ========================================================== */

/* Board action bars: pages left, actions right. */
#messageindex.topic_table + .pagesection,
.buzzen-board-actions {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 14px !important;
	margin: 14px 0 !important;
	padding: 0 6px !important;
	min-height: 30px !important;
	clear: both !important;
}

.buzzen-board-actions-top {
	margin-top: 12px !important;
	margin-bottom: 14px !important;
}

.buzzen-board-actions-bottom {
	margin-top: 14px !important;
	margin-bottom: 14px !important;
}

.buzzen-board-actions:after,
.buzzen-board-actions:before {
	display: none !important;
}

.buzzen-board-actions .pagelinks,
.buzzen-board-actions .pagelinks.floatleft {
	float: none !important;
	order: 1 !important;
	margin: 0 !important;
}

.buzzen-board-actions .buttonlist,
.buzzen-board-actions ul.buttonlist,
.buzzen-board-actions .buttonlist.floatright,
.buzzen-board-actions .buttonlist.align_right {
	float: none !important;
	order: 2 !important;
	margin: 0 0 0 auto !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 8px !important;
}

.buzzen-board-actions .buttonlist li {
	float: none !important;
	margin: 0 !important;
}

/* Pagination: remove bubble/pill styling. */
.buzzen-board-actions .pagelinks,
.pagesection .pagelinks {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	color: #082846 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
}

.buzzen-board-actions .navPages,
.buzzen-board-actions .current_page,
.buzzen-board-actions a.navPages,
.buzzen-board-actions .pagelinks a,
.buzzen-board-actions .pagelinks strong.current_page,
.pagesection .navPages,
.pagesection .current_page,
.pagesection a.navPages,
.pagesection .pagelinks a,
.pagesection .pagelinks strong.current_page {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	min-width: 0 !important;
	height: auto !important;
	line-height: 1.2 !important;
	padding: 0 2px !important;
	color: #0869ad !important;
	font-weight: 900 !important;
}

.buzzen-board-actions .pagelinks strong.current_page,
.pagesection .pagelinks strong.current_page {
	color: #082846 !important;
	text-decoration: underline !important;
	text-decoration-color: #ffd33d !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 3px !important;
}

/* Buttons: a little flatter and less chunky. */
.buzzen-board-actions .buttonlist li a,
.buzzen-board-actions .buttonlist a,
.buttonlist a.button_strip_new_topic,
.buttonlist a.button_strip_post_poll,
.buttonlist a.button_strip_notify,
.buttonlist a.button_strip_markread {
	padding: 5px 12px !important;
	min-height: 22px !important;
	line-height: 1.2 !important;
	border-radius: 6px !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	box-shadow: 0 5px 12px rgba(7, 22, 39, .12) !important;
}

/* Like metadata: prevent LikeLikes and keep it quiet. */
#messageindex.topic_table .like_post_box {
	display: inline-flex !important;
	align-items: center !important;
	gap: 3px !important;
	margin-left: 5px !important;
	font-size: 10px !important;
	font-style: italic !important;
	font-weight: 600 !important;
	color: #657a8f !important;
	vertical-align: baseline !important;
}

#messageindex.topic_table .like_post_box:before {
	content: "\f164" !important;
	font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", FontAwesome !important;
	font-weight: 900 !important;
	font-size: 9px !important;
	color: #7b92a4 !important;
	margin: 0 !important;
}

#messageindex.topic_table .like_post_box a.like_link,
#messageindex.topic_table .like_post_box a.unlike_link {
	font-size: 0 !important;
	line-height: 1 !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

#messageindex.topic_table .like_post_box a.like_link:after,
#messageindex.topic_table .like_post_box a.unlike_link:after {
	content: "likes" !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	font-style: italic !important;
	color: #657a8f !important;
}

#messageindex.topic_table .like_post_box a[id^="like_post_info_"] {
	font-size: 10px !important;
	font-weight: 600 !important;
	font-style: italic !important;
	color: #657a8f !important;
}

/* Final board column balance and last-post hierarchy. */
#messageindex.topic_table table.table_grid {
	table-layout: fixed !important;
}

#messageindex.topic_table th.first_th {
	width: 66px !important;
}

#messageindex.topic_table table.table_grid thead tr.catbg th:nth-child(3),
#messageindex.topic_table td.subject {
	width: auto !important;
}

#messageindex.topic_table table.table_grid thead tr.catbg th:nth-child(4),
#messageindex.topic_table td.stats {
	width: 135px !important;
}

#messageindex.topic_table table.table_grid thead tr.catbg th.last_th,
#messageindex.topic_table table.table_grid thead tr.catbg th:nth-child(5),
#messageindex.topic_table td.lastpost {
	width: 33% !important;
}

#messageindex.topic_table td.lastpost {
	color: #647789 !important;
	font-weight: 500 !important;
}

#messageindex.topic_table td.lastpost a {
	color: #0871bc !important;
	font-weight: 900 !important;
}

/* Legend/footer panel: compact, aligned, and grouped. */
#topic_icons {
	margin: 12px 0 0 !important;
	padding: 10px 12px !important;
	border-radius: 11px !important;
	background: rgba(255,255,255,.86) !important;
	border: 1px solid rgba(36,127,208,.16) !important;
	box-shadow: 0 8px 18px rgba(7,22,39,.055) !important;
}

#topic_icons .description,
#topic_icons .buzzen-topic-tools {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 18px !important;
	padding: 0 !important;
	margin: 0 !important;
	min-height: 0 !important;
}

#topic_icons .buzzen-topic-legend {
	display: grid !important;
	grid-template-columns: repeat(4, max-content) !important;
	gap: 7px 22px !important;
	align-items: center !important;
	justify-content: start !important;
	line-height: 1.25 !important;
	font-size: 11px !important;
	color: #52677c !important;
	margin: 0 !important;
	padding: 0 !important;
}

#topic_icons .buzzen-topic-legend span {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	white-space: nowrap !important;
}

#topic_icons .buzzen-topic-legend img {
	width: 14px !important;
	height: 14px !important;
	margin: 0 !important;
	vertical-align: middle !important;
}

#topic_icons .buzzen-topic-jump,
#topic_icons #message_index_jump_to {
	margin: 0 !important;
	padding: 0 !important;
	white-space: nowrap !important;
	font-size: 11px !important;
	color: #52677c !important;
}

#topic_icons #message_index_jump_to label {
	font-weight: 700 !important;
	color: #52677c !important;
}

#topic_icons #message_index_jump_to select {
	height: 24px !important;
	font-size: 11px !important;
	padding: 2px 22px 2px 8px !important;
	border-radius: 10px !important;
}

#topic_icons #message_index_jump_to .button_submit,
#topic_icons #message_index_jump_to input[type="button"],
#topic_icons #message_index_jump_to input[type="submit"] {
	min-height: 23px !important;
	padding: 3px 9px !important;
	font-size: 10px !important;
	border-radius: 10px !important;
}

#topic_icons br,
#topic_icons br.clear {
	display: none !important;
}

@media screen and (max-width: 900px) {
	.buzzen-board-actions {
		align-items: flex-start !important;
		flex-direction: column !important;
	}
	.buzzen-board-actions .buttonlist,
	.buzzen-board-actions ul.buttonlist {
		margin-left: 0 !important;
		justify-content: flex-start !important;
		flex-wrap: wrap !important;
	}
	#topic_icons .description,
	#topic_icons .buzzen-topic-tools {
		align-items: flex-start !important;
		flex-direction: column !important;
	}
	#topic_icons .buzzen-topic-legend {
		grid-template-columns: repeat(2, max-content) !important;
	}
}

/* ==========================================================
   BUZZEN SMF THEME PASS 24 - Board pagination + legend cleanup
   - remove remaining blue page-number pill backgrounds
   - add comfortable internal padding to the topic legend panel
   - normalize board pagesection vertical spacing
   ========================================================== */

/* Board-view pagination should be plain text/links, not bubble pills. */
body #messageindex.topic_table ~ .pagesection .pagelinks,
body .buzzen-board-actions .pagelinks,
body .pagesection .pagelinks {
	background: transparent !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
	height: auto !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 3px !important;
	font-size: 12px !important;
	line-height: 1.25 !important;
	font-weight: 900 !important;
	color: #082846 !important;
}

body #messageindex.topic_table ~ .pagesection .pagelinks strong,
body #messageindex.topic_table ~ .pagesection .pagelinks a,
body #messageindex.topic_table ~ .pagesection .pagelinks .navPages,
body #messageindex.topic_table ~ .pagesection .pagelinks .current_page,
body .buzzen-board-actions .pagelinks strong,
body .buzzen-board-actions .pagelinks a,
body .buzzen-board-actions .pagelinks .navPages,
body .buzzen-board-actions .pagelinks .current_page,
body .pagesection .pagelinks strong,
body .pagesection .pagelinks a,
body .pagesection .pagelinks .navPages,
body .pagesection .pagelinks .current_page {
	background: transparent !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	min-width: 0 !important;
	height: auto !important;
	line-height: 1.25 !important;
	padding: 0 2px !important;
	margin: 0 !important;
	color: #0871bc !important;
	font-weight: 900 !important;
	text-decoration: none !important;
}

body #messageindex.topic_table ~ .pagesection .pagelinks strong,
body #messageindex.topic_table ~ .pagesection .pagelinks strong.current_page,
body #messageindex.topic_table ~ .pagesection .pagelinks .current_page,
body .buzzen-board-actions .pagelinks strong,
body .buzzen-board-actions .pagelinks strong.current_page,
body .buzzen-board-actions .pagelinks .current_page,
body .pagesection .pagelinks strong,
body .pagesection .pagelinks strong.current_page,
body .pagesection .pagelinks .current_page {
	color: #082846 !important;
	text-decoration: underline !important;
	text-decoration-color: #ffd33d !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 3px !important;
}

/* Keep board action bars consistent, but not overly spaced. */
body .buzzen-board-actions,
body #messageindex.topic_table + .pagesection {
	margin: 12px 0 !important;
	padding: 0 6px !important;
	min-height: 28px !important;
}

/* Legend panel: add real internal padding and keep items off the edges. */
body #topic_icons {
	padding: 14px 18px !important;
	margin-top: 12px !important;
	box-sizing: border-box !important;
}

body #topic_icons .description,
body #topic_icons .buzzen-topic-tools {
	padding: 4px 6px !important;
	box-sizing: border-box !important;
	gap: 18px !important;
}

body #topic_icons .buzzen-topic-legend {
	padding: 2px 0 !important;
	gap: 7px 22px !important;
}

body #topic_icons .buzzen-topic-jump,
body #topic_icons #message_index_jump_to {
	padding: 2px 0 !important;
}

@media screen and (max-width: 900px) {
	body #topic_icons { padding: 12px 14px !important; }
	body #topic_icons .description,
	body #topic_icons .buzzen-topic-tools { padding: 2px 0 !important; }
}

/* ==========================================================
   BUZZEN SMF THEME PASS 25 - Topic view only
   Aligns Display.template topic pages with the finished forum index
   and board-list styling. Index and board-view rules are untouched.
   ========================================================== */

/* Topic page action bars: clean left pages/prev-next, right actions. */
body .buzzen-topic-actions {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	margin: 12px 0 14px !important;
	padding: 0 6px !important;
	min-height: 34px !important;
	box-sizing: border-box !important;
}

body .buzzen-topic-actions:after {
	content: "" !important;
	display: block !important;
	clear: both !important;
}

body .buzzen-topic-actions .pagelinks,
body .buzzen-topic-actions .nextlinks,
body .buzzen-topic-actions .nextlinks_bottom {
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1.3 !important;
	color: #082846 !important;
}

body .buzzen-topic-actions .pagelinks {
	order: 1 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	white-space: nowrap !important;
}

body .buzzen-topic-actions .nextlinks,
body .buzzen-topic-actions .nextlinks_bottom {
	order: 2 !important;
	white-space: nowrap !important;
}

body .buzzen-topic-actions .buttonlist,
body .buzzen-topic-actions ul.buttonlist {
	order: 3 !important;
	margin-left: auto !important;
	float: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 9px !important;
	flex-wrap: wrap !important;
}

body .buzzen-topic-actions .pagelinks strong,
body .buzzen-topic-actions .pagelinks a,
body .buzzen-topic-actions .pagelinks .navPages,
body .buzzen-topic-actions .pagelinks .current_page {
	background: transparent !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	padding: 0 2px !important;
	margin: 0 !important;
	min-width: 0 !important;
	height: auto !important;
	line-height: 1.3 !important;
	color: #0871bc !important;
	text-decoration: none !important;
	font-weight: 900 !important;
}

body .buzzen-topic-actions .pagelinks strong,
body .buzzen-topic-actions .pagelinks strong.current_page,
body .buzzen-topic-actions .pagelinks .current_page {
	color: #082846 !important;
	text-decoration: underline !important;
	text-decoration-color: #ffd33d !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 3px !important;
}

body .buzzen-topic-actions .nextlinks a,
body .buzzen-topic-actions .nextlinks_bottom a {
	color: #0871bc !important;
	font-weight: 900 !important;
	text-decoration: none !important;
}

/* Topic title bar should read like the finished board-view header. */
body #forumposts > .cat_bar {
	margin-top: 10px !important;
	border-radius: 10px 10px 0 0 !important;
	box-shadow: 0 12px 28px rgba(8,31,53,.16), inset 0 1px 0 rgba(255,255,255,.20) !important;
}

body #forumposts > .cat_bar .catbg {
	min-height: 34px !important;
	line-height: 34px !important;
	padding: 0 16px !important;
	font-size: 14px !important;
	font-weight: 900 !important;
	letter-spacing: .01em !important;
	color: #fff !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.35) !important;
	box-sizing: border-box !important;
}

body #forumposts > .cat_bar .catbg img {
	margin-right: 8px !important;
	vertical-align: -2px !important;
}

body #forumposts > .cat_bar #author {
	margin: 0 22px 0 6px !important;
	padding-right: 18px !important;
	border-right: 1px solid rgba(255,255,255,.22) !important;
	color: #fff !important;
}

/* Who is viewing bar connects to the title header without feeling stock. */
body #whoisviewing {
	padding: 9px 16px !important;
	background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(242,249,255,.98) 100%) !important;
	border: 1px solid rgba(36,127,208,.12) !important;
	border-top: 0 !important;
	color: #546f8a !important;
	font-size: 12px !important;
	font-weight: 700 !important;
}

/* Post cards: use full width, modern connected card, and give body priority. */
body #forumposts .windowbg,
body #forumposts .windowbg2,
body #forumposts .approvebg {
	margin: 0 0 16px !important;
	border: 1px solid rgba(36,127,208,.14) !important;
	border-radius: 12px !important;
	background: #fff !important;
	box-shadow: 0 14px 30px rgba(7,22,39,.08) !important;
	overflow: hidden !important;
}

body #forumposts .windowbg2 {
	background: linear-gradient(180deg, #ffffff 0%, #f5fbff 100%) !important;
}

body #forumposts .post_wrapper {
	display: grid !important;
	grid-template-columns: 154px minmax(0, 1fr) !important;
	grid-template-rows: auto auto !important;
	width: 100% !important;
	align-items: stretch !important;
}

body #forumposts .poster {
	grid-column: 1 !important;
	grid-row: 1 / span 2 !important;
	padding: 15px 14px !important;
	background: linear-gradient(180deg, #f5fbff 0%, #eaf6ff 100%) !important;
	border-right: 1px solid rgba(36,127,208,.14) !important;
	box-sizing: border-box !important;
}

body #forumposts .poster h4 {
	margin: 0 0 10px !important;
	font-size: 14px !important;
	line-height: 1.25 !important;
	font-weight: 900 !important;
	color: #c67800 !important;
}

body #forumposts .poster ul.reset.smalltext {
	font-size: 11px !important;
	line-height: 1.55 !important;
	color: #44617d !important;
}

body #forumposts .poster li {
	margin: 4px 0 !important;
}

body #forumposts .poster .avatar img {
	max-width: 112px !important;
	height: auto !important;
	border-radius: 12px !important;
	box-shadow: 0 8px 18px rgba(7,22,39,.12) !important;
}

body #forumposts .postarea {
	grid-column: 2 !important;
	grid-row: 1 !important;
	padding: 15px 18px 10px !important;
	background: rgba(255,255,255,.92) !important;
	box-sizing: border-box !important;
	min-width: 0 !important;
}

body #forumposts .postarea div.flow_hidden {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 14px !important;
	padding: 0 0 10px !important;
	margin: 0 0 12px !important;
	border-bottom: 1px solid rgba(36,127,208,.12) !important;
}

body #forumposts .keyinfo {
	min-width: 0 !important;
	flex: 1 1 auto !important;
}

body #forumposts .keyinfo h5 {
	margin: 0 0 4px !important;
	font-size: 14px !important;
	line-height: 1.3 !important;
	font-weight: 900 !important;
}

body #forumposts .keyinfo h5 a {
	color: #006db5 !important;
	text-decoration: none !important;
}

body #forumposts .keyinfo .smalltext {
	font-size: 11px !important;
	color: #617a94 !important;
}

body #forumposts ul.quickbuttons {
	flex: 0 0 auto !important;
	max-width: 46% !important;
	display: flex !important;
	justify-content: flex-end !important;
	gap: 6px !important;
	margin: 0 !important;
}

body #forumposts ul.quickbuttons li {
	margin: 0 !important;
}

body #forumposts ul.quickbuttons li a,
body #forumposts .buttonlist li a,
body #moderationbuttons .buttonlist li a {
	border-radius: 8px !important;
	padding: 5px 10px !important;
	min-height: 0 !important;
	line-height: 1.2 !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	color: #fff !important;
	background: linear-gradient(180deg, #249fe7 0%, #167fc7 100%) !important;
	border: 1px solid rgba(255,255,255,.22) !important;
	box-shadow: 0 6px 14px rgba(7,22,39,.12) !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.25) !important;
}

body #forumposts ul.quickbuttons li a:hover,
body #moderationbuttons .buttonlist li a:hover {
	background: linear-gradient(180deg, #2fb1ff 0%, #1689d8 100%) !important;
	text-decoration: none !important;
}

body #forumposts .post {
	padding: 4px 0 12px !important;
}

body #forumposts .post .inner {
	padding: 10px 0 2px !important;
	margin: 0 !important;
	border-top: 0 !important;
	font-size: 13px !important;
	line-height: 1.68 !important;
	color: #203851 !important;
}

/* Code and quotes should feel like Buzzen cards, not default SMF boxes. */
body #forumposts .codeheader,
body #forumposts .quoteheader {
	margin: 12px 0 0 !important;
	padding: 7px 10px !important;
	border-radius: 10px 10px 0 0 !important;
	background: linear-gradient(180deg, #eff8ff 0%, #e4f2fc 100%) !important;
	border: 1px solid rgba(36,127,208,.18) !important;
	border-bottom: 0 !important;
	color: #234765 !important;
	font-size: 11px !important;
	font-weight: 900 !important;
}

body #forumposts code,
body #forumposts pre,
body #forumposts .bbc_code,
body #forumposts .bbc_standard_quote,
body #forumposts .bbc_alternate_quote,
body #forumposts blockquote {
	display: block !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	margin: 0 0 12px !important;
	padding: 14px 16px !important;
	border: 1px solid rgba(36,127,208,.18) !important;
	border-radius: 0 0 10px 10px !important;
	background: #f4f9ff !important;
	color: #21384f !important;
	line-height: 1.55 !important;
	overflow: auto !important;
}

/* Post meta/footer: stop report/ip/like controls from floating randomly. */
body #forumposts .moderatorbar {
	grid-column: 2 !important;
	grid-row: 2 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
	flex-wrap: wrap !important;
	padding: 10px 18px 14px !important;
	background: rgba(247,252,255,.88) !important;
	border-top: 1px solid rgba(36,127,208,.10) !important;
	box-sizing: border-box !important;
}

body #forumposts .moderatorbar .modified,
body #forumposts .moderatorbar .reportlinks {
	float: none !important;
	margin: 0 !important;
	font-size: 11px !important;
	color: #5e7892 !important;
}

body #forumposts .moderatorbar .reportlinks {
	margin-left: auto !important;
	text-align: right !important;
}

body #forumposts .like_post_box {
	float: none !important;
	order: -1 !important;
	margin: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	font-size: 11px !important;
}

body #forumposts .like_post_box a.like_link,
body #forumposts .like_post_box a.unlike_link {
	border-radius: 999px !important;
	padding: 4px 9px !important;
	background: linear-gradient(180deg, #ff7a2e 0%, #e95a1c 100%) !important;
	color: #fff !important;
	font-weight: 900 !important;
	text-decoration: none !important;
	box-shadow: 0 6px 12px rgba(233,90,28,.18) !important;
}

body #forumposts .like_post_box a[id^="like_post_info_"] {
	color: #55708a !important;
	font-weight: 800 !important;
	text-decoration: none !important;
}

body #forumposts .signature {
	flex: 0 0 100% !important;
	margin: 10px 0 0 !important;
	padding-top: 10px !important;
	border-top: 1px dashed rgba(36,127,208,.22) !important;
	color: #526f8a !important;
}

body #forumposts hr.post_separator {
	display: none !important;
}

/* Topic bottom controls and quick reply should follow the same modern card treatment. */
body #moderationbuttons {
	margin: 12px 0 !important;
	padding: 0 6px !important;
}

body #display_jump_to.plainbox {
	margin: 8px 0 14px !important;
	padding: 9px 12px !important;
	border-radius: 999px !important;
	border: 1px solid rgba(36,127,208,.14) !important;
	background: rgba(255,255,255,.92) !important;
	box-shadow: 0 8px 18px rgba(7,22,39,.05) !important;
}

body #quickreplybox {
	margin: 14px 0 0 !important;
	border: 1px solid rgba(36,127,208,.14) !important;
	border-radius: 12px !important;
	background: rgba(255,255,255,.96) !important;
	box-shadow: 0 14px 30px rgba(7,22,39,.08) !important;
	overflow: hidden !important;
}

body #quickreplybox .cat_bar {
	margin: 0 !important;
	border-radius: 12px 12px 0 0 !important;
}

body #quickreplybox .cat_bar .catbg {
	min-height: 32px !important;
	line-height: 32px !important;
	padding: 0 14px !important;
	font-size: 13px !important;
	font-weight: 900 !important;
}

body #quickReplyOptions .roundframe {
	margin: 0 !important;
	padding: 14px 16px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%) !important;
}

body #quickReplyOptions textarea {
	width: 100% !important;
	min-height: 160px !important;
	border-radius: 12px !important;
	border: 1px solid rgba(36,127,208,.20) !important;
	padding: 12px !important;
	box-sizing: border-box !important;
	background: #fff !important;
	box-shadow: inset 0 2px 4px rgba(7,22,39,.04) !important;
}

@media screen and (max-width: 900px) {
	body #forumposts .post_wrapper {
		grid-template-columns: 1fr !important;
	}
	body #forumposts .poster,
	body #forumposts .postarea,
	body #forumposts .moderatorbar {
		grid-column: 1 !important;
		grid-row: auto !important;
	}
	body #forumposts .poster {
		border-right: 0 !important;
		border-bottom: 1px solid rgba(36,127,208,.14) !important;
	}
	body #forumposts .postarea div.flow_hidden {
		display: block !important;
	}
	body #forumposts ul.quickbuttons {
		max-width: none !important;
		justify-content: flex-start !important;
		margin-top: 10px !important;
	}
	body .buzzen-topic-actions {
		align-items: flex-start !important;
		flex-direction: column !important;
	}
	body .buzzen-topic-actions .buttonlist,
	body .buzzen-topic-actions ul.buttonlist {
		margin-left: 0 !important;
		justify-content: flex-start !important;
	}
}

/* ==========================================================
   BUZZEN SMF THEME PASS 26 - Topic view final polish
   Scope: topic/message display pages only.
   ========================================================== */

/* Tighten topic breadcrumb/action spacing to match board view density. */
body .buzzen-topic-actions {
	margin: 9px 0 11px !important;
	min-height: 30px !important;
}

body .buzzen-topic-actions .buttonlist,
body .buzzen-topic-actions ul.buttonlist {
	gap: 7px !important;
}

body .buzzen-topic-actions .buttonlist li a,
body .buzzen-topic-actions ul.buttonlist li a,
body #moderationbuttons .buttonlist li a {
	padding: 4px 9px !important;
	font-size: 10.5px !important;
	border-radius: 7px !important;
	box-shadow: 0 5px 10px rgba(7,22,39,.12) !important;
}

/* Topic title/header: use the same compact Buzzen bar language. */
body #forumposts > .cat_bar {
	margin-top: 8px !important;
}

body #forumposts > .cat_bar .catbg {
	min-height: 32px !important;
	line-height: 32px !important;
	padding: 0 14px !important;
	font-size: 13px !important;
}

/* Posts: slightly stronger separation without changing the index/board styling. */
body #forumposts .windowbg,
body #forumposts .windowbg2,
body #forumposts .approvebg {
	margin-bottom: 14px !important;
	box-shadow: 0 12px 26px rgba(7,22,39,.09) !important;
}

body #forumposts .windowbg:hover,
body #forumposts .windowbg2:hover {
	box-shadow: 0 14px 30px rgba(7,22,39,.12) !important;
}

/* Reclaim space from the old tall SMF author rail. */
body #forumposts .post_wrapper {
	grid-template-columns: 128px minmax(0, 1fr) !important;
}

body #forumposts .poster {
	grid-row: 1 !important;
	align-self: start !important;
	margin: 10px 0 10px 10px !important;
	padding: 10px 10px !important;
	border: 1px solid rgba(36,127,208,.14) !important;
	border-radius: 10px !important;
	background: linear-gradient(180deg, #f8fcff 0%, #eaf6ff 100%) !important;
	box-shadow: 0 8px 16px rgba(7,22,39,.05) !important;
}

body #forumposts .poster h4 {
	margin-bottom: 7px !important;
	font-size: 12.5px !important;
	line-height: 1.2 !important;
}

body #forumposts .poster ul.reset.smalltext {
	font-size: 10.5px !important;
	line-height: 1.35 !important;
}

body #forumposts .poster li {
	margin: 2px 0 !important;
}

body #forumposts .poster .avatar img {
	max-width: 82px !important;
	border-radius: 9px !important;
}

/* Let the message area carry the topic view. */
body #forumposts .postarea {
	padding: 13px 16px 8px !important;
}

body #forumposts .postarea div.flow_hidden {
	gap: 10px !important;
	margin-bottom: 9px !important;
	padding-bottom: 8px !important;
}

body #forumposts .keyinfo h5 {
	font-size: 13px !important;
	margin-bottom: 3px !important;
}

/* Give the first post a small thread-starter emphasis. */
body #quickModForm > .windowbg:first-of-type .keyinfo h5 a,
body #quickModForm > .windowbg2:first-of-type .keyinfo h5 a,
body #quickModForm > .approvebg:first-of-type .keyinfo h5 a {
	font-size: 14px !important;
	letter-spacing: .005em !important;
}

body #quickModForm > .windowbg:first-of-type .postarea,
body #quickModForm > .windowbg2:first-of-type .postarea,
body #quickModForm > .approvebg:first-of-type .postarea {
	background: linear-gradient(180deg, #ffffff 0%, #f9fdff 100%) !important;
}

body #forumposts .post .inner {
	font-size: 12.5px !important;
	line-height: 1.62 !important;
	padding-top: 8px !important;
}

/* Post utility buttons should read as secondary controls. */
body #forumposts ul.quickbuttons {
	gap: 5px !important;
	max-width: 42% !important;
}

body #forumposts ul.quickbuttons li a {
	padding: 4px 8px !important;
	font-size: 10px !important;
	border-radius: 7px !important;
	background: linear-gradient(180deg, #2699dc 0%, #1378bc 100%) !important;
	box-shadow: 0 4px 10px rgba(7,22,39,.10) !important;
}

/* Like/report/meta footer: integrate with Buzzen colors. */
body #forumposts .moderatorbar {
	padding: 8px 16px 11px !important;
	background: linear-gradient(180deg, rgba(248,252,255,.96) 0%, rgba(240,248,255,.96) 100%) !important;
}

body #forumposts .like_post_box a.like_link,
body #forumposts .like_post_box a.unlike_link {
	padding: 3px 8px !important;
	border-radius: 8px !important;
	background: linear-gradient(180deg, #2ba9ed 0%, #147cc2 100%) !important;
	border: 1px solid rgba(255,255,255,.28) !important;
	box-shadow: 0 5px 11px rgba(20,124,194,.16) !important;
}

body #forumposts .like_post_box a.like_link:before,
body #forumposts .like_post_box a.unlike_link:before {
	content: "\f164" !important;
	font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", FontAwesome !important;
	font-weight: 900 !important;
	margin-right: 4px !important;
	color: #ffd33d !important;
}

body #forumposts .like_post_box a[id^="like_post_info_"] {
	font-size: 10.5px !important;
	color: #607b95 !important;
}

/* Code/quote blocks: slightly tighter and closer to board/index cards. */
body #forumposts .codeheader,
body #forumposts .quoteheader {
	padding: 6px 9px !important;
	font-size: 10.5px !important;
}

body #forumposts code,
body #forumposts pre,
body #forumposts .bbc_code,
body #forumposts .bbc_standard_quote,
body #forumposts .bbc_alternate_quote,
body #forumposts blockquote {
	padding: 12px 14px !important;
	background: #f5faff !important;
}

/* Moderator controls should match board action buttons, not legacy SMF. */
body #moderationbuttons {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 8px !important;
	flex-wrap: wrap !important;
	margin: 10px 0 !important;
	padding: 0 6px !important;
}

body #moderationbuttons .buttonlist,
body #moderationbuttons ul.buttonlist {
	display: flex !important;
	align-items: center !important;
	gap: 7px !important;
	flex-wrap: wrap !important;
	margin: 0 !important;
}

/* Quick reply: make the footer editor look like a Buzzen section, not the old black SMF bar. */
body #quickreplybox {
	margin-top: 12px !important;
}

body #quickreplybox .cat_bar,
body #quickreplybox .cat_bar .catbg {
	background: linear-gradient(180deg, #2d91c6 0%, #1d6f99 100%) !important;
	border-radius: 12px 12px 0 0 !important;
	color: #fff !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.28) !important;
}

body #quickreplybox .cat_bar {
	position: relative !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.22) !important;
}

body #quickreplybox .cat_bar:after {
	content: "" !important;
	position: absolute !important;
	left: 14px !important;
	bottom: 0 !important;
	width: 135px !important;
	height: 3px !important;
	background: linear-gradient(90deg, #ffd33d 0%, rgba(255,211,61,.65) 55%, rgba(255,211,61,0) 100%) !important;
	border-radius: 999px !important;
}

body #quickreplybox .cat_bar .catbg:before {
	content: "\f075" !important;
	font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", FontAwesome !important;
	font-weight: 900 !important;
	color: #ffd33d !important;
	margin-right: 7px !important;
}

body #quickReplyOptions .roundframe {
	padding: 12px 14px !important;
}

body #quickReplyOptions textarea {
	min-height: 145px !important;
}

/* Slightly tighter topic breadcrumbs only, without affecting board/index. */
body .buzzen-topic-actions + #forumposts,
body #forumposts + .buzzen-topic-actions {
	clear: both !important;
}

/* Mobile fallback. */
@media screen and (max-width: 900px) {
	body #forumposts .post_wrapper {
		grid-template-columns: 1fr !important;
	}
	body #forumposts .poster {
		margin: 10px !important;
	}
	body #forumposts ul.quickbuttons {
		max-width: none !important;
	}
}

/* Buzzen topic view final polish v27: wider author rail, cleaner quick reply, tighter short posts. */
body #forumposts .post_wrapper {
	grid-template-columns: 188px minmax(0, 1fr) !important;
}

body #forumposts .poster {
	margin: 10px 0 10px 10px !important;
	padding: 12px 13px !important;
	min-width: 0 !important;
}

body #forumposts .poster h4 {
	font-size: 13.5px !important;
	line-height: 1.25 !important;
	word-break: break-word !important;
	overflow-wrap: anywhere !important;
	margin-bottom: 8px !important;
}

body #forumposts .poster ul.reset.smalltext {
	font-size: 11.5px !important;
	line-height: 1.45 !important;
}

body #forumposts .poster li {
	margin: 3px 0 !important;
}

body #forumposts .postarea {
	padding: 14px 17px 7px !important;
}

body #forumposts .post {
	padding-bottom: 6px !important;
}

body #forumposts .post .inner {
	min-height: 44px !important;
	padding: 8px 0 0 !important;
}

/* Preserve a little extra weight for the opening post only. */
body #quickModForm > .windowbg:first-of-type,
body #quickModForm > .windowbg2:first-of-type,
body #quickModForm > .approvebg:first-of-type {
	box-shadow: 0 16px 34px rgba(7,22,39,.12) !important;
}

body #quickModForm > .windowbg:first-of-type .postarea,
body #quickModForm > .windowbg2:first-of-type .postarea,
body #quickModForm > .approvebg:first-of-type .postarea {
	box-shadow: inset 4px 0 0 rgba(255,211,61,.55) !important;
}

body #quickModForm > .windowbg:first-of-type .keyinfo h5:after,
body #quickModForm > .windowbg2:first-of-type .keyinfo h5:after,
body #quickModForm > .approvebg:first-of-type .keyinfo h5:after {
	content: "Topic Starter" !important;
	display: inline-block !important;
	margin-left: 8px !important;
	padding: 2px 6px !important;
	border-radius: 999px !important;
	background: rgba(255,211,61,.22) !important;
	border: 1px solid rgba(255,211,61,.45) !important;
	color: #8a6400 !important;
	font-size: 9px !important;
	font-weight: 900 !important;
	vertical-align: middle !important;
	text-transform: uppercase !important;
	letter-spacing: .03em !important;
}

/* Make repeated post utilities secondary instead of visually shouting. */
body #forumposts ul.quickbuttons {
	gap: 4px !important;
	max-width: 40% !important;
}

body #forumposts ul.quickbuttons li a {
	padding: 3px 7px !important;
	font-size: 9.5px !important;
	border-radius: 6px !important;
	box-shadow: 0 4px 9px rgba(7,22,39,.10) !important;
}

/* Replace the orange Like styling with the Buzzen button language. */
body #forumposts .like_post_box a.like_link,
body #forumposts .like_post_box a.unlike_link {
	border-radius: 7px !important;
	padding: 4px 8px !important;
	background: linear-gradient(180deg, #229de5 0%, #147dc3 100%) !important;
	border: 1px solid rgba(255,255,255,.28) !important;
	box-shadow: 0 5px 11px rgba(20,124,194,.16) !important;
	color: #fff !important;
}

body #forumposts .like_post_box a.like_link:before,
body #forumposts .like_post_box a.unlike_link:before {
	content: "\f164" !important;
	font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", FontAwesome !important;
	font-weight: 900 !important;
	margin-right: 4px !important;
	color: #ffd33d !important;
}

/* Bottom moderation controls should match the topic action button family. */
body #moderationbuttons .buttonlist li a,
body #moderationbuttons ul.buttonlist li a {
	padding: 5px 10px !important;
	font-size: 10.5px !important;
	border-radius: 7px !important;
	background: linear-gradient(180deg, #229de5 0%, #147dc3 100%) !important;
	box-shadow: 0 5px 11px rgba(7,22,39,.12) !important;
}

/* Quick reply: match the section cards and make Post/Preview real Buzzen buttons. */
body #quickreplybox {
	margin-top: 18px !important;
	border-radius: 13px !important;
	border: 1px solid rgba(36,127,208,.16) !important;
	box-shadow: 0 15px 32px rgba(7,22,39,.10) !important;
}

body #quickreplybox .cat_bar,
body #quickreplybox .cat_bar .catbg {
	background: linear-gradient(180deg, #328fbd 0%, #1f729b 100%) !important;
	border-radius: 13px 13px 0 0 !important;
}

body #quickreplybox .cat_bar .catbg {
	min-height: 36px !important;
	line-height: 36px !important;
	padding: 0 16px !important;
	font-size: 13px !important;
}

body #quickReplyOptions .roundframe {
	padding: 16px !important;
	background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%) !important;
	border: 0 !important;
}

body #quickReplyOptions p.smalltext {
	margin: 0 0 10px !important;
	color: #5d7790 !important;
}

body #quickReplyOptions textarea,
body #quickreplybox textarea {
	min-height: 155px !important;
	border-radius: 10px !important;
	border: 1px solid rgba(36,127,208,.20) !important;
	box-shadow: inset 0 1px 2px rgba(7,22,39,.05), 0 8px 18px rgba(7,22,39,.04) !important;
	background: #fff !important;
	padding: 12px !important;
}

body #quickReplyOptions input.button_submit,
body #quickReplyOptions input[type="submit"],
body #quickReplyOptions input[type="button"],
body #quickreplybox input.button_submit,
body #quickreplybox input[type="submit"],
body #quickreplybox input[type="button"] {
	padding: 6px 12px !important;
	min-height: 29px !important;
	border-radius: 8px !important;
	background: linear-gradient(180deg, #229de5 0%, #147dc3 100%) !important;
	border: 1px solid rgba(255,255,255,.28) !important;
	box-shadow: 0 6px 14px rgba(7,22,39,.14) !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.25) !important;
}

body #quickReplyOptions input.button_submit:hover,
body #quickReplyOptions input[type="submit"]:hover,
body #quickReplyOptions input[type="button"]:hover,
body #quickreplybox input.button_submit:hover,
body #quickreplybox input[type="submit"]:hover,
body #quickreplybox input[type="button"]:hover {
	background: linear-gradient(180deg, #2fb1ff 0%, #1689d8 100%) !important;
}

/* Topic breadcrumbs are a touch slimmer than the global pill. */
body .navigate_section {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

@media screen and (max-width: 900px) {
	body #forumposts .post_wrapper {
		grid-template-columns: 1fr !important;
	}
	body #forumposts ul.quickbuttons {
		max-width: none !important;
	}
}

/* ============================================================
   Buzzen v27 Topic View — Fix Pass v2 (June 2026)
   ============================================================ */

/* ----------------------------------------------------------
   ISSUE 4: Topic header bar vertical centering
   The two <img> icons inside h3.catbg have float:left from the
   base rule — we kill that and use flex on the h3 itself.
   ---------------------------------------------------------- */
body #forumposts > .cat_bar h3.catbg {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: flex-start !important;
	min-height: 38px !important;
	padding: 0 16px !important;
	line-height: 1 !important;
	box-sizing: border-box !important;
	gap: 0 !important;
}

/* Kill the float on BOTH topic gif icons in the header */
body #forumposts > .cat_bar h3.catbg img,
body #forumposts > .cat_bar h3.catbg img.icon {
	float: none !important;
	display: inline-block !important;
	vertical-align: middle !important;
	margin: 0 6px 0 0 !important;
	position: static !important;
	flex-shrink: 0 !important;
}

/* Author label sits inline — reset its legacy margins */
body #forumposts > .cat_bar h3.catbg span#author {
	display: inline !important;
	margin: 0 16px 0 2px !important;
	padding-right: 14px !important;
	line-height: 1 !important;
	border-right: 1px solid rgba(255,255,255,.22) !important;
}

/* ----------------------------------------------------------
   ISSUE 3: Author column / post content gap
   The poster card has a right border but postarea has no left
   breathing room. Increase the left padding on postarea and
   also add a small gap in the grid itself.
   ---------------------------------------------------------- */
body #forumposts .post_wrapper {
	column-gap: 0 !important;
}

body #forumposts .postarea {
	padding-left: 24px !important;
	padding-right: 20px !important;
}

body #forumposts .moderatorbar {
	padding-left: 24px !important;
	padding-right: 20px !important;
}

/* ----------------------------------------------------------
   ISSUE 5: "Topic Starter" badge — quieter and better aligned
   ---------------------------------------------------------- */
body #quickModForm > .windowbg:first-of-type .keyinfo h5:after,
body #quickModForm > .windowbg2:first-of-type .keyinfo h5:after,
body #quickModForm > .approvebg:first-of-type .keyinfo h5:after {
	font-size: 7.5px !important;
	padding: 1px 4px !important;
	margin-left: 6px !important;
	background: rgba(255,211,61,.10) !important;
	border: 1px solid rgba(255,211,61,.28) !important;
	color: #9a7200 !important;
	vertical-align: middle !important;
	position: relative !important;
	top: -1px !important;
	font-weight: 700 !important;
	letter-spacing: .05em !important;
	border-radius: 3px !important;
}

/* ----------------------------------------------------------
   ISSUE 1: Quick Reply header — icon + "Quick Reply" text
   LEFT, expand/collapse toggle RIGHT.
   The real HTML is:
     h3.catbg
       span.ie6_header.floatleft
         a > img#quickReplyExpand   ← the toggle
         a                          ← "Quick Reply" text
   Strategy: make h3 flex space-between, span takes left side,
   and we move the toggle img link to the right via order.
   ---------------------------------------------------------- */
body #quickreplybox .cat_bar .catbg {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	min-height: 38px !important;
	padding: 0 14px 0 16px !important;
	line-height: 1 !important;
	box-sizing: border-box !important;
	gap: 8px !important;
}

/* The ie6_header span holds both the toggle AND the text.
   Make it flex so we can control order within it. */
body #quickreplybox .cat_bar .catbg .ie6_header,
body #quickreplybox .cat_bar .catbg span.ie6_header {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	flex: 1 1 auto !important;
	float: none !important;
	gap: 0 !important;
	width: 100% !important;
}

/* The ::before chat-bubble icon already exists from earlier rules —
   keep it but ensure it participates in flex flow */
body #quickreplybox .cat_bar .catbg:before {
	flex-shrink: 0 !important;
	order: 0 !important;
	margin-right: 8px !important;
	line-height: 1 !important;
}

/* "Quick Reply" text link — order 1 (left, after icon) */
body #quickreplybox .cat_bar .catbg .ie6_header > a:last-child,
body #quickreplybox .cat_bar .catbg .ie6_header > a[href*="oQuickReply.swap"]:last-child {
	order: 1 !important;
	flex: 1 1 auto !important;
	color: #fff !important;
	font-weight: 900 !important;
	text-decoration: none !important;
}

/* The toggle <a><img> link — push it to far right via order + margin-left auto */
body #quickreplybox .cat_bar .catbg .ie6_header > a:first-child,
body #quickreplybox .cat_bar .catbg .ie6_header > a[href*="oQuickReply.swap"]:first-child {
	order: 2 !important;
	margin-left: auto !important;
	flex-shrink: 0 !important;
	display: flex !important;
	align-items: center !important;
	opacity: .85 !important;
}

body #quickreplybox .cat_bar .catbg .ie6_header > a:first-child:hover {
	opacity: 1 !important;
}

/* The expand/collapse img itself */
body #quickreplybox .cat_bar .catbg img#quickReplyExpand {
	float: none !important;
	vertical-align: middle !important;
	margin: 0 !important;
	display: block !important;
}

/* ----------------------------------------------------------
   ISSUE 2: Quick Reply body — remove the grey footer box
   around Post/Preview buttons.
   The grey comes from .roundframe { background: #f5f5f5 }
   bleeding through, and the .padding class adding 0.7em pad.
   We need high specificity to override both.
   ---------------------------------------------------------- */

/* Nuke the grey background from roundframe inside quickreply */
body #quickreplybox #quickReplyOptions .roundframe,
body #quickreplybox .roundframe {
	background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%) !important;
	border: none !important;
	border-radius: 0 0 13px 13px !important;
	padding: 16px !important;
	box-shadow: none !important;
}

/* The button row div — no background, no box, pure flex-right strip */
body #quickreplybox #quickReplyOptions .righttext,
body #quickreplybox #quickReplyOptions div.righttext,
body #quickreplybox #quickReplyOptions .righttext.padding,
body #quickreplybox form#postmodify .righttext,
body #quickreplybox form .righttext {
	display: flex !important;
	justify-content: flex-end !important;
	align-items: center !important;
	gap: 8px !important;
	background: transparent !important;
	background-image: none !important;
	border: none !important;
	box-shadow: none !important;
	padding: 12px 0 0 !important;
	margin: 0 !important;
	text-align: right !important;
}

/* Hide the decorative upperframe/lowerframe slice ornaments
   which create the double-box visual inside quickreply */
body #quickreplybox span.upperframe,
body #quickreplybox span.lowerframe,
body #quickreplybox .upperframe,
body #quickreplybox .lowerframe {
	display: none !important;
	height: 0 !important;
}

/* ============================================================
   Buzzen v27 — Fix Pass v3 (June 2026)
   ============================================================ */

/* Author card: match right margin to left so the card breathes
   equally on both sides of the yellow border divider. */
body #forumposts .poster {
	margin: 10px 10px 10px 10px !important;
}

/* Quick Reply box: add bottom margin so the collapsed header
   bar doesn't sit hard against the site footer below it. */
body #quickreplybox {
	margin-bottom: 18px !important;
}

/* Quick Reply roundframe: add bottom padding to match the
   space above the "Quick Reply" description text inside. */
body #quickReplyOptions .roundframe {
	padding-bottom: 20px !important;
}

/* ============================================================
   Buzzen Post Form — Fix Pass (June 2026)
   Issue 1: Grey lowerframe strip below textarea
   Issue 2: Plus icon outside the Attachments pill
   ============================================================ */

/* ----------------------------------------------------------
   ISSUE 1: Grey area below the post textarea.
   The span.lowerframe sits as a sibling AFTER .roundframe
   closes, inside the wrapper <div> — so the existing
   form#postmodify .lowerframe rule doesn't reach it.
   We need to target the wrapper div's lowerframe directly.
   Also hide the upperframe the same way to be thorough.
   ---------------------------------------------------------- */
form#postmodify + span.lowerframe,
form#postmodify ~ span.lowerframe,
form#postmodify > span.lowerframe,
#postmodify ~ span.lowerframe,
#postmodify + span.lowerframe {
	display: none !important;
}

/* The wrapper div that contains both .roundframe and the
   lowerframe span — target the lowerframe as a direct child */
form#postmodify .roundframe ~ span.lowerframe,
form#postmodify .roundframe + span.lowerframe {
	display: none !important;
}

/* Broadest catch: any lowerframe or upperframe anywhere
   inside the postmodify form's parent container */
body form#postmodify span.lowerframe,
body form#postmodify span.upperframe,
body form#postmodify span.lowerframe span,
body form#postmodify span.upperframe span {
	display: none !important;
	height: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

/* The wrapper div around the roundframe also needs its
   bottom padding zeroed so no gap remains after hiding */
form#postmodify > div > span.lowerframe,
form#postmodify > div > span.upperframe {
	display: none !important;
	height: 0 !important;
}

/* ----------------------------------------------------------
   ISSUE 2: Plus/collapse icon is a sibling <img> BEFORE the
   <a> pill — it's not inside the link so it renders outside.
   We hide the raw <img> and instead inject the icon as a
   CSS ::before on the <a> so it lives inside the pill.
   ---------------------------------------------------------- */

/* Hide the standalone img toggle — we replace it with CSS */
#postAdditionalOptionsHeader img#postMoreExpand {
	display: none !important;
}

/* Inject a "+" icon inside the pill link as ::before content */
#postAdditionalOptionsHeader a#postMoreExpandLink::before {
	content: "+" !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 16px !important;
	height: 16px !important;
	border-radius: 50% !important;
	background: linear-gradient(180deg, #229de5 0%, #147dc3 100%) !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	flex-shrink: 0 !important;
	box-shadow: 0 3px 7px rgba(7,22,39,.18) !important;
	margin-right: 6px !important;
}

/* ============================================================
   Buzzen Post Form — Fix Pass v2 (June 2026)
   Issue 1: Textarea resize gripper grey bar
   Issue 2: Post/Preview buttons match board button style
   ============================================================ */

/* ----------------------------------------------------------
   ISSUE 1: The grey horizontal bar below the textarea is the
   browser's native resize gripper. Hide it by limiting resize
   to vertical only (keeps the drag handle but removes the
   visible grey bar that shows outside the textarea border),
   or remove resize entirely for a clean edge.
   ---------------------------------------------------------- */
form#postmodify textarea,
form#postmodify #message,
body form#postmodify .editor {
	resize: vertical !important;
	display: block !important;
}

/* The gripper bar renders because the textarea sits inside
   a wrapper that has extra bottom padding. Kill that. */
form#postmodify .roundframe .quickReplyContent,
form#postmodify div[id$="_wceEditor"],
form#postmodify .wce_editor_wrap,
form#postmodify #editor_toolbar_container {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/* The editor area wrapper div that contains the textarea
   sometimes adds a background that shows as grey */
form#postmodify .editor_area,
form#postmodify #post_body,
form#postmodify div.editor {
	background: transparent !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/* ----------------------------------------------------------
   ISSUE 2: Post / Preview buttons — match the board button
   style: border-radius 8px, blue gradient, same font size
   and weight as .pagesection .buttonlist li a
   ---------------------------------------------------------- */
form#postmodify #post_confirm_buttons input.button_submit,
form#postmodify #post_confirm_buttons input[type="submit"],
form#postmodify #post_confirm_buttons input[type="button"],
form#postmodify p#post_confirm_buttons input,
body form#postmodify .righttext input.button_submit,
body form#postmodify .righttext input[type="submit"],
body form#postmodify .righttext input[type="button"],
body form#postmodify p.righttext input {
	border-radius: 8px !important;
	padding: 6px 14px !important;
	min-height: 28px !important;
	background: linear-gradient(180deg, #2f8fc4 0%, #1c6f9f 100%) !important;
	border: 1px solid rgba(36,127,208,.22) !important;
	box-shadow: 0 7px 14px rgba(7,22,39,.12) !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.25) !important;
	cursor: pointer !important;
}

form#postmodify #post_confirm_buttons input.button_submit:hover,
form#postmodify #post_confirm_buttons input[type="submit"]:hover,
form#postmodify #post_confirm_buttons input[type="button"]:hover,
form#postmodify p#post_confirm_buttons input:hover,
body form#postmodify .righttext input.button_submit:hover,
body form#postmodify .righttext input[type="submit"]:hover,
body form#postmodify .righttext input[type="button"]:hover,
body form#postmodify p.righttext input:hover {
	background: linear-gradient(180deg, #3aa8df 0%, #247dab 100%) !important;
}

/* Post (first/submit) button gets the green treatment to
   match the "New Topic" primary action button on board view */
form#postmodify #post_confirm_buttons input[name="post"],
body form#postmodify .righttext input[name="post"],
body form#postmodify p.righttext input[name="post"] {
	background: linear-gradient(180deg, #31b979 0%, #169c61 100%) !important;
	border-color: rgba(22,156,97,.45) !important;
	box-shadow: 0 7px 14px rgba(22,156,97,.20) !important;
}

form#postmodify #post_confirm_buttons input[name="post"]:hover,
body form#postmodify .righttext input[name="post"]:hover,
body form#postmodify p.righttext input[name="post"]:hover {
	background: linear-gradient(180deg, #38d18a 0%, #1aad6e 100%) !important;
}


/* ============================================================
   Buzzen v28 — Search Page Theme Pass (June 2026)
   Match forum index / board view visual language
   ============================================================ */

body #searchform {
	max-width: 1120px !important;
	margin: 0 auto 26px auto !important;
	padding: 0 !important;
}

/* Search page main section headers */
body #searchform > .cat_bar,
body #search_results > .cat_bar {
	height: auto !important;
	min-height: 38px !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: visible !important;
	border-radius: 12px 12px 0 0 !important;
	background:
		linear-gradient(90deg, rgba(25,90,128,.98) 0%, rgba(56,139,177,.98) 52%, rgba(72,121,95,.96) 100%) !important;
	box-shadow: 0 11px 24px rgba(7,22,39,.18) !important;
	border: 1px solid rgba(255,255,255,.25) !important;
	border-bottom: 3px solid #f4ca2f !important;
	position: relative !important;
	z-index: 1 !important;
}

body #searchform > .cat_bar::after,
body #search_results > .cat_bar::after {
	content: "" !important;
	position: absolute !important;
	left: 18px !important;
	bottom: -3px !important;
	width: 150px !important;
	height: 3px !important;
	background: linear-gradient(90deg, #ffe463 0%, rgba(255,228,99,0) 100%) !important;
	pointer-events: none !important;
}

body #searchform > .cat_bar h3.catbg,
body #search_results > .cat_bar h3.catbg {
	min-height: 38px !important;
	height: auto !important;
	line-height: 38px !important;
	padding: 0 18px !important;
	margin: 0 !important;
	color: #fff !important;
	background: transparent !important;
	font-size: 18px !important;
	font-weight: 900 !important;
	letter-spacing: .01em !important;
	text-shadow: 0 1px 2px rgba(0,0,0,.32) !important;
	display: flex !important;
	align-items: center !important;
}

body #searchform > .cat_bar h3.catbg .ie6_header,
body #search_results > .cat_bar h3.catbg {
	float: none !important;
	display: flex !important;
	align-items: center !important;
	gap: 9px !important;
	width: 100% !important;
	color: #fff !important;
}

body #searchform > .cat_bar h3.catbg img.icon {
	width: 18px !important;
	height: 18px !important;
	margin: 0 !important;
	filter: drop-shadow(0 1px 1px rgba(0,0,0,.25)) !important;
}

/* Main search cards */
body #searchform fieldset,
body #search_results .roundframe {
	background: #fff !important;
	border: 1px solid rgba(187,213,229,.95) !important;
	border-radius: 0 0 12px 12px !important;
	box-shadow: 0 10px 24px rgba(7,22,39,.10) !important;
	margin: 0 0 18px 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

body #searchform fieldset + fieldset {
	border-radius: 12px !important;
	margin-top: 18px !important;
}

body #searchform fieldset > .upperframe,
body #searchform fieldset > .lowerframe,
body #search_results > .upperframe,
body #search_results > .lowerframe,
body #search_results .upperframe,
body #search_results .lowerframe {
	display: none !important;
	height: 0 !important;
	overflow: hidden !important;
}

body #searchform fieldset > .roundframe,
body #search_results .roundframe {
	background:
		linear-gradient(180deg, rgba(245,251,255,.98) 0%, rgba(255,255,255,.99) 42%, rgba(249,253,255,.98) 100%) !important;
	border: 0 !important;
	border-radius: inherit !important;
	box-shadow: none !important;
	padding: 20px 24px !important;
	margin: 0 !important;
}

/* Advanced form layout: compact, centered, readable */
body #advanced_search {
	text-align: left !important;
}

body #advanced_search .roundframe {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 12px 14px !important;
}

body #advanced_search .enhanced {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	width: 100% !important;
	font-size: 14px !important;
	color: #0b263d !important;
}

body #advanced_search dl#search_options {
	width: min(640px, 100%) !important;
	margin: 8px auto 0 auto !important;
	padding: 0 !important;
	display: grid !important;
	grid-template-columns: 155px minmax(0, 1fr) !important;
	gap: 10px 12px !important;
	overflow: visible !important;
	align-items: center !important;
}

body #advanced_search dt,
body #advanced_search dd {
	float: none !important;
	clear: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
	color: #17344c !important;
}

body #advanced_search dt {
	font-weight: 800 !important;
	text-align: right !important;
}

body #advanced_search dd.options label {
	display: block !important;
	margin: 2px 0 !important;
}

/* Inputs/selects */
body #searchform input.input_text,
body #searchform select,
body #search_results input.input_text,
body #search_results select {
	border: 1px solid rgba(156,200,226,.95) !important;
	border-radius: 10px !important;
	background: #fff !important;
	color: #12314a !important;
	padding: 7px 10px !important;
	min-height: 30px !important;
	box-shadow: inset 0 1px 2px rgba(7,22,39,.04) !important;
	outline: none !important;
}

body #searchform input.input_text:focus,
body #searchform select:focus,
body #search_results input.input_text:focus {
	border-color: rgba(40,147,217,.95) !important;
	box-shadow: 0 0 0 3px rgba(40,147,217,.12), inset 0 1px 2px rgba(7,22,39,.04) !important;
}

body #advanced_search .enhanced input.input_text {
	width: min(420px, 100%) !important;
}

/* Small helper example text */
body #advanced_search em.smalltext,
body #simple_search .smalltext {
	color: #6f8191 !important;
	font-size: 12px !important;
}

/* Choose-board section */
body #searchform fieldset.flow_hidden {
	border-radius: 12px !important;
}

body #searchform .title_bar {
	height: auto !important;
	min-height: 38px !important;
	padding: 0 !important;
	margin: 0 0 16px 0 !important;
	border-radius: 10px !important;
	background: linear-gradient(180deg, #f2f8fc 0%, #e7f3fb 100%) !important;
	border: 1px solid rgba(174,209,230,.95) !important;
	overflow: hidden !important;
}

body #searchform .title_bar h4.titlebg {
	background: transparent !important;
	min-height: 38px !important;
	line-height: 38px !important;
	padding: 0 16px !important;
	margin: 0 !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	color: #0b263d !important;
	font-size: 14px !important;
	font-weight: 900 !important;
}

body #searchform .title_bar h4.titlebg a {
	color: #0b263d !important;
	text-decoration: none !important;
}

body #searchform .title_bar h4.titlebg img {
	margin: 0 !important;
	vertical-align: middle !important;
}

/* Board picker list, when expanded */
body #searchBoardsExpand {
	background: rgba(238,248,255,.75) !important;
	border: 1px solid rgba(190,218,234,.9) !important;
	border-radius: 10px !important;
	padding: 12px !important;
	margin: 0 0 12px 0 !important;
	max-height: 380px !important;
	overflow: auto !important;
}

body #searchBoardsExpand ul.ignoreboards {
	margin: 0 !important;
	padding: 0 !important;
	width: 48% !important;
	list-style: none !important;
}

body #searchBoardsExpand li.category {
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
	list-style: none !important;
	font-weight: 900 !important;
	color: #12314a !important;
}

body #searchBoardsExpand li.board {
	margin: 4px 0 !important;
	padding: 2px 0 !important;
	font-weight: 500 !important;
	color: #27435a !important;
	list-style: none !important;
}

/* Check all / submit row */
body #searchform .padding {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	padding: 12px 0 0 0 !important;
	margin: 0 !important;
}

body #searchform .padding label.floatleft,
body #searchform .padding input.floatleft {
	float: none !important;
}

body #searchform .padding input.button_submit,
body #searchform input.button_submit,
body #search_results input.button_submit {
	float: none !important;
	border-radius: 8px !important;
	padding: 7px 15px !important;
	min-height: 30px !important;
	background: linear-gradient(180deg, #2f8fc4 0%, #1c6f9f 100%) !important;
	border: 1px solid rgba(36,127,208,.22) !important;
	box-shadow: 0 7px 14px rgba(7,22,39,.12) !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.25) !important;
	cursor: pointer !important;
}

body #searchform .padding input.button_submit:hover,
body #searchform input.button_submit:hover,
body #search_results input.button_submit:hover {
	background: linear-gradient(180deg, #3aa8df 0%, #247dab 100%) !important;
}

/* Search errors */
body #search_error {
	max-width: 1120px !important;
	margin: 0 auto 14px auto !important;
	border-radius: 10px !important;
	border: 1px solid rgba(220,53,69,.25) !important;
	background: #fff0f2 !important;
	color: #a51527 !important;
	padding: 12px 16px !important;
	font-style: normal !important;
}

/* Responsive cleanup */
@media (max-width: 800px) {
	body #searchform,
	body #search_results {
		width: calc(100% - 24px) !important;
	}

	body #advanced_search dl#search_options {
		grid-template-columns: 1fr !important;
	}

	body #advanced_search dt {
		text-align: left !important;
	}

	body #searchBoardsExpand ul.ignoreboards {
		width: 100% !important;
		float: none !important;
	}
}

/* Buzzen modern Like Posts Stats page */
body .like_post_stats {
	max-width: 1120px !important;
	margin: 0 auto 32px auto !important;
	color: #102b42 !important;
}

body .like_post_stats .cat_bar {
	background: linear-gradient(180deg, #3f93bd 0%, #26749a 52%, #174f70 100%) !important;
	border: 1px solid rgba(255,255,255,.42) !important;
	border-bottom: 3px solid #ffd43b !important;
	border-radius: 14px 14px 0 0 !important;
	box-shadow: 0 12px 24px rgba(7,22,39,.18) !important;
	margin: 20px 0 0 0 !important;
	min-height: 44px !important;
	overflow: hidden !important;
	position: relative !important;
}

body .like_post_stats .cat_bar:after {
	content: "" !important;
	position: absolute !important;
	right: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	width: 260px !important;
	background: radial-gradient(circle at 70% 20%, rgba(255,215,69,.5) 0%, rgba(255,215,69,.16) 34%, rgba(255,215,69,0) 72%) !important;
	pointer-events: none !important;
}

body .like_post_stats .cat_bar h3.catbg,
body .like_post_stats .cat_bar h3#like_post_current_tab {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #fff !important;
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	font-size: 18px !important;
	font-weight: 900 !important;
	letter-spacing: .2px !important;
	line-height: 44px !important;
	min-height: 44px !important;
	margin: 0 !important;
	padding: 0 22px !important;
	position: relative !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.35) !important;
	z-index: 1 !important;
}

body .like_post_stats .cat_bar h3.catbg:before,
body .like_post_stats .cat_bar h3#like_post_current_tab:before {
	color: #ffd43b !important;
	font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", Arial, sans-serif !important;
	font-weight: 900 !important;
	font-size: 17px !important;
	line-height: 1 !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.35) !important;
}

body .like_post_stats .cat_bar h3.catbg:before {
	content: "\f164" !important;
}

body .like_post_stats .cat_bar h3#like_post_current_tab:before {
	content: "\f005" !important;
}

body .like_post_stats .cat_bar .ie6_header,
body .like_post_stats .cat_bar .floatleft {
	float: none !important;
}

body .like_post_stats p.windowbg.description {
	background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,251,255,.96)) !important;
	border: 1px solid rgba(181,215,235,.85) !important;
	border-top: 0 !important;
	border-radius: 0 0 14px 14px !important;
	box-shadow: 0 10px 24px rgba(7,22,39,.08) !important;
	color: #17344c !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	margin: 0 0 18px 0 !important;
	padding: 13px 18px !important;
}

body .like_post_stats_menu {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	margin: 18px 0 22px 0 !important;
	padding: 0 !important;
}

body .like_post_stats_menu ul.dropmenu {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	align-items: center !important;
	justify-content: flex-start !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

body .like_post_stats_menu ul.dropmenu li {
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body .like_post_stats_menu ul.dropmenu li a.firstlevel,
body .like_post_stats_menu ul.dropmenu li a.firstlevel span.firstlevel {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: inherit !important;
	display: block !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	margin: 0 !important;
	padding: 0 !important;
	text-shadow: none !important;
}

body .like_post_stats_menu ul.dropmenu li a.firstlevel {
	background: rgba(255,255,255,.78) !important;
	border: 1px solid rgba(181,215,235,.95) !important;
	border-radius: 999px !important;
	box-shadow: 0 7px 16px rgba(7,22,39,.08) !important;
	color: #1d5574 !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: .35px !important;
	line-height: 30px !important;
	min-height: 30px !important;
	padding: 0 13px !important;
	text-transform: uppercase !important;
	transition: background .15s ease, color .15s ease, border-color .15s ease, transform .15s ease !important;
}

body .like_post_stats_menu ul.dropmenu li a.firstlevel:hover,
body .like_post_stats_menu ul.dropmenu li a.firstlevel.active {
	background: linear-gradient(180deg, #2fa4df 0%, #1d78ad 100%) !important;
	border-color: rgba(36,127,208,.5) !important;
	color: #fff !important;
	text-decoration: none !important;
	transform: translateY(-1px) !important;
}

body .like_post_stats_data {
	background: linear-gradient(180deg, rgba(255,255,255,.99), rgba(244,250,255,.98)) !important;
	border: 1px solid rgba(181,215,235,.9) !important;
	border-radius: 0 0 14px 14px !important;
	box-shadow: 0 14px 30px rgba(7,22,39,.13) !important;
	margin: 0 0 30px 0 !important;
	min-height: 260px !important;
	padding: 24px 28px 28px 28px !important;
	overflow: hidden !important;
}

body .like_post_stats_data .individual_data {
	background: transparent !important;
	color: #16334c !important;
	font-size: 14px !important;
	line-height: 1.55 !important;
	min-height: 0 !important;
	padding: 0 !important;
}

body .like_post_stats_data a {
	color: #006fc9 !important;
	font-weight: 800 !important;
	text-decoration: none !important;
}

body .like_post_stats_data a:hover {
	color: #005da8 !important;
	text-decoration: underline !important;
}

body .like_post_stats_data .message_title,
body .like_post_stats_data .topic_title,
body .like_post_stats_data .board_title {
	background: linear-gradient(180deg, #f4faff 0%, #e9f5fc 100%) !important;
	border: 1px solid rgba(181,215,235,.95) !important;
	border-radius: 12px !important;
	box-shadow: inset 4px 0 0 #ffd43b !important;
	color: #006fc9 !important;
	display: block !important;
	font-size: 17px !important;
	font-weight: 900 !important;
	margin: 0 0 20px 0 !important;
	padding: 13px 16px !important;
}

body .like_post_stats_data .poster_avatar,
body .like_post_stats_data .poster_data {
	float: none !important;
}

body .like_post_stats_data > .individual_data > .poster_avatar,
body .like_post_stats_data .like_post_message_data > .poster_avatar,
body .like_post_stats_data .like_post_most_liked_user_data > .poster_avatar,
body .like_post_stats_data .like_post_most_likes_given_user_data > .poster_avatar {
	background: #fff !important;
	border: 1px solid rgba(181,215,235,.95) !important;
	border-radius: 14px !important;
	box-shadow: 0 10px 18px rgba(7,22,39,.15) !important;
	display: inline-block !important;
	margin: 0 18px 20px 0 !important;
	padding: 6px !important;
	vertical-align: top !important;
}

body .like_post_stats_data > .individual_data > .poster_avatar .avatar,
body .like_post_stats_data .like_post_message_data > .poster_avatar .avatar,
body .like_post_stats_data .like_post_most_liked_user_data > .poster_avatar .avatar,
body .like_post_stats_data .like_post_most_likes_given_user_data > .poster_avatar .avatar {
	background-color: #eef6fb !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	border-radius: 10px !important;
	display: block !important;
	height: 112px !important;
	width: 112px !important;
}

body .like_post_stats_data > .individual_data > .poster_data,
body .like_post_stats_data .like_post_message_data > .poster_data,
body .like_post_stats_data .like_post_most_liked_user_data > .poster_data,
body .like_post_stats_data .like_post_most_likes_given_user_data > .poster_data {
	display: inline-flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	margin: 8px 0 20px 0 !important;
	vertical-align: top !important;
}

body .like_post_stats_data .poster_data .big_font,
body .like_post_stats_data .poster_details.big_font {
	color: #006fc9 !important;
	font-size: 22px !important;
	font-weight: 900 !important;
	line-height: 1.2 !important;
}

body .like_post_stats_data .poster_details {
	color: #17344c !important;
	font-size: 14px !important;
}

body .like_post_stats_data .users_liked {
	clear: both !important;
	background: linear-gradient(180deg, rgba(244,250,255,.85), rgba(255,255,255,.96)) !important;
	border: 1px solid rgba(181,215,235,.85) !important;
	border-radius: 14px !important;
	margin: 18px 0 0 0 !important;
	padding: 18px !important;
}

body .like_post_stats_data .users_liked .title,
body .like_post_stats_data .generic_text,
body .like_post_stats_data .topic_info,
body .like_post_stats_data .board_info {
	color: #17344c !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	margin: 0 0 14px 0 !important;
}

body .like_post_stats_data .users_liked a.poster_details {
	display: inline-block !important;
	margin: 0 10px 12px 0 !important;
	vertical-align: top !important;
}

body .like_post_stats_data .users_liked .poster_avatar,
body .like_post_stats_data a.poster_details .poster_avatar {
	background-color: #eef6fb !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	border: 4px solid #fff !important;
	border-radius: 10px !important;
	box-shadow: 0 7px 14px rgba(7,22,39,.16) !important;
	display: inline-block !important;
	height: 58px !important;
	margin: 0 !important;
	width: 58px !important;
}

body .like_post_stats_data .message_body {
	background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
	border: 1px solid rgba(181,215,235,.85) !important;
	border-radius: 12px !important;
	box-shadow: 0 7px 18px rgba(7,22,39,.07) !important;
	margin: 12px 0 !important;
	padding: 14px 16px !important;
	position: relative !important;
}

body .like_post_stats_data .message_body .posted_at {
	color: #5f7384 !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	margin: 0 0 10px 0 !important;
}

body .like_post_stats_data .message_body .content_encapsulate {
	color: #17344c !important;
	font-size: 14px !important;
	line-height: 1.55 !important;
	padding: 4px 0 !important;
}

body .like_post_stats_data .message_body .read_more {
	background: linear-gradient(180deg, #2f8fc4 0%, #1c6f9f 100%) !important;
	border-radius: 8px !important;
	box-shadow: 0 7px 14px rgba(7,22,39,.12) !important;
	color: #fff !important;
	display: inline-block !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	margin-top: 10px !important;
	padding: 6px 12px !important;
	text-decoration: none !important;
}

body .like_post_stats_data .message_body .read_more:hover {
	background: linear-gradient(180deg, #3aa8df 0%, #247dab 100%) !important;
	color: #fff !important;
	text-decoration: none !important;
}

body #like_post_stats_overlay {
	background: rgba(7,22,39,.28) !important;
}

body #lp_preloader {
	border-radius: 999px !important;
}

@media (max-width: 800px) {
	body .like_post_stats {
		width: calc(100% - 24px) !important;
	}

	body .like_post_stats_data {
		padding: 18px !important;
	}

	body .like_post_stats_menu ul.dropmenu {
		gap: 6px !important;
	}

	body .like_post_stats_menu ul.dropmenu li a.firstlevel {
		font-size: 11px !important;
		padding: 0 10px !important;
	}

	body .like_post_stats_data > .individual_data > .poster_avatar,
	body .like_post_stats_data .like_post_message_data > .poster_avatar,
	body .like_post_stats_data .like_post_most_liked_user_data > .poster_avatar,
	body .like_post_stats_data .like_post_most_likes_given_user_data > .poster_avatar {
		display: block !important;
		margin: 0 0 14px 0 !important;
		width: max-content !important;
	}

	body .like_post_stats_data > .individual_data > .poster_data,
	body .like_post_stats_data .like_post_message_data > .poster_data,
	body .like_post_stats_data .like_post_most_liked_user_data > .poster_data,
	body .like_post_stats_data .like_post_most_likes_given_user_data > .poster_data {
		display: flex !important;
		margin: 0 0 18px 0 !important;
	}
}

/* -------------------------------------------------------------------------
   Buzzen v30 — Moderation Center theme pass
   Keeps SMF moderation functionality intact while matching the modern Buzzen
   forum index/board visual language.
   ------------------------------------------------------------------------- */
#modcenter {
	margin-top: 18px;
}

#modcenter > .cat_bar:first-child,
#modcenter .modblock_left > .cat_bar,
#modcenter .modblock_right > .cat_bar,
#modcenter form > .cat_bar {
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 12px 12px 0 0;
	background: linear-gradient(135deg, #247da5 0%, #2d86ad 42%, #174c6b 100%);
	box-shadow: 0 12px 26px rgba(2, 20, 35, 0.18);
	overflow: hidden;
}

#modcenter > .cat_bar:first-child::before,
#modcenter .modblock_left > .cat_bar::before,
#modcenter .modblock_right > .cat_bar::before,
#modcenter form > .cat_bar::before {
	content: "";
	position: absolute;
	inset: 0 0 auto 0;
	height: 100%;
	background: radial-gradient(circle at 92% 35%, rgba(255, 218, 62, 0.32), transparent 19%), linear-gradient(90deg, rgba(255,255,255,0.11), transparent 55%);
	pointer-events: none;
}

#modcenter > .cat_bar:first-child::after,
#modcenter .modblock_left > .cat_bar::after,
#modcenter .modblock_right > .cat_bar::after,
#modcenter form > .cat_bar::after {
	content: "";
	position: absolute;
	left: 22px;
	bottom: 0;
	width: 190px;
	height: 3px;
	background: linear-gradient(90deg, #ffd529, rgba(255, 213, 41, 0));
	border-radius: 999px;
}

#modcenter .cat_bar .catbg,
#modcenter .cat_bar h3.catbg {
	position: relative;
	z-index: 1;
	min-height: 40px;
	padding: 10px 22px 9px 22px !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #fff !important;
	font-size: 17px;
	font-weight: 800;
	letter-spacing: 0.01em;
	line-height: 1.2;
	text-shadow: 0 1px 2px rgba(0,0,0,0.35);
}

#modcenter .cat_bar .catbg::before {
	content: "\f3ed";
	font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", FontAwesome, sans-serif;
	font-weight: 900;
	display: inline-block;
	margin-right: 10px;
	color: #ffd529;
	text-shadow: 0 1px 2px rgba(0,0,0,0.35);
}

#modcenter .modblock_left .cat_bar .catbg::before,
#modcenter .modblock_right .cat_bar .catbg::before {
	content: "\f05a";
}

#modcenter .cat_bar a,
#modcenter .cat_bar a:link,
#modcenter .cat_bar a:visited {
	color: #fff !important;
	text-decoration: none;
}

#modcenter .cat_bar a:hover {
	color: #ffe56a !important;
	text-decoration: none;
}

#modcenter .information {
	margin: 0 0 22px 0;
	padding: 20px 24px;
	border: 1px solid rgba(53, 142, 184, 0.2);
	border-top: 0;
	border-radius: 0 0 14px 14px;
	background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(246, 252, 255, 0.96));
	box-shadow: 0 14px 28px rgba(6, 34, 52, 0.12);
	color: #0d2c44;
}

#modcenter .information strong {
	display: block;
	margin-bottom: 8px;
	color: #082239;
	font-size: 15px;
}

#modcenter .information p {
	margin: 0;
	line-height: 1.55;
}

#modcenter .modblock_left,
#modcenter .modblock_right {
	width: 48.5%;
	margin-bottom: 24px;
}

#modcenter .modblock_left {
	float: left;
	clear: left;
}

#modcenter .modblock_right {
	float: right;
	clear: right;
}

#modcenter .modblock_left .windowbg,
#modcenter .modblock_right .windowbg,
#modcenter form .windowbg {
	margin: 0;
	border: 1px solid rgba(53, 142, 184, 0.18);
	border-top: 0;
	border-radius: 0 0 14px 14px;
	background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%) !important;
	box-shadow: 0 16px 28px rgba(6, 34, 52, 0.12);
	overflow: hidden;
}

#modcenter .windowbg .topslice,
#modcenter .windowbg .botslice {
	display: none !important;
}

#modcenter .windowbg .content,
#modcenter .windowbg .modbox {
	padding: 18px 22px !important;
	min-height: 150px;
	background: transparent !important;
	color: #17374d;
	font-size: 13px;
	line-height: 1.45;
}

#modcenter .modbox ul.reset,
#modcenter ul.reset.moderation_notes {
	margin: 0;
	padding: 0;
}

#modcenter .modbox li,
#modcenter .moderation_notes li,
#modcenter #smfAnnouncements dt,
#modcenter #smfAnnouncements dd {
	padding: 8px 0;
	border-bottom: 1px solid rgba(64, 127, 159, 0.14);
}

#modcenter .modbox li:last-child,
#modcenter .moderation_notes li:last-child,
#modcenter #smfAnnouncements dd:last-child {
	border-bottom: 0;
}

#modcenter #smfAnnouncements dl {
	margin: 0;
}

#modcenter #smfAnnouncements dt {
	font-weight: 700;
}

#modcenter #smfAnnouncements dd {
	margin: 0 0 0 14px;
	color: #50677a;
}

#modcenter .smalltext {
	color: #405d72;
}

#modcenter a,
#modcenter a:link,
#modcenter a:visited {
	color: #0071bd;
	font-weight: 700;
}

#modcenter a:hover {
	color: #005d9c;
}

#modcenter strong.smalltext {
	display: inline-block;
	padding: 8px 0;
	color: #536a7b;
	font-size: 13px;
}

#modcenter input.input_text,
#modcenter textarea,
#modcenter select {
	border: 1px solid rgba(53, 142, 184, 0.28) !important;
	border-radius: 10px !important;
	background: #fff !important;
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.04);
}

#modcenter .button_submit,
#modcenter input[type="submit"] {
	border: 0 !important;
	border-radius: 9px !important;
	background: linear-gradient(180deg, #1e9fe3, #0878bc) !important;
	box-shadow: 0 7px 14px rgba(0, 105, 168, 0.22) !important;
	color: #fff !important;
	font-weight: 800 !important;
	text-shadow: 0 1px 1px rgba(0,0,0,0.22);
}

/* Moderation center navigation tabs above the panels. */
#main_content_section .buttonlist,
#main_content_section .pagesection .buttonlist {
	position: relative;
	z-index: 5;
}

#main_content_section .buttonlist ul,
#main_content_section ul.buttonlist {
	margin: 16px 0 18px 0;
	padding: 0;
}

#main_content_section .buttonlist li a,
#main_content_section .buttonlist li a:link,
#main_content_section .buttonlist li a:visited {
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #ffffff !important;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-shadow: 0 1px 3px rgba(0,0,0,0.45);
	text-transform: uppercase;
}

#main_content_section .buttonlist li a:hover,
#main_content_section .buttonlist li.active a {
	background: rgba(30, 159, 227, 0.18) !important;
	color: #fff !important;
}

@media (max-width: 800px) {
	#modcenter .modblock_left,
	#modcenter .modblock_right {
		float: none;
		clear: both;
		width: 100%;
	}

	#modcenter .cat_bar .catbg,
	#modcenter .cat_bar h3.catbg {
		font-size: 15px;
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	#modcenter .information,
	#modcenter .windowbg .content,
	#modcenter .windowbg .modbox {
		padding: 16px !important;
	}
}

/* -------------------------------------------------------------------------
   Buzzen v31 — Moderation Center corrections
   Fix clipped headers/content and bring moderation panels back in line with
   the forum index/board card system.
   ------------------------------------------------------------------------- */
#modcenter {
	margin-top: 16px !important;
}

#modcenter > .cat_bar:first-child,
#modcenter .modblock_left > .cat_bar,
#modcenter .modblock_right > .cat_bar,
#modcenter form > .cat_bar {
	min-height: 44px !important;
	overflow: visible !important;
	border-radius: 12px 12px 0 0 !important;
	background: linear-gradient(135deg, #287fa8 0%, #2b86ae 42%, #184e6d 100%) !important;
}

#modcenter > .cat_bar:first-child::before,
#modcenter .modblock_left > .cat_bar::before,
#modcenter .modblock_right > .cat_bar::before,
#modcenter form > .cat_bar::before {
	border-radius: 12px 12px 0 0;
}

#modcenter > .cat_bar:first-child::after,
#modcenter .modblock_left > .cat_bar::after,
#modcenter .modblock_right > .cat_bar::after,
#modcenter form > .cat_bar::after {
	left: 20px !important;
	bottom: 0 !important;
	height: 3px !important;
	width: 185px !important;
}

#modcenter .cat_bar .catbg,
#modcenter .cat_bar h3.catbg {
	display: flex !important;
	align-items: center !important;
	gap: 10px;
	min-height: 44px !important;
	height: auto !important;
	padding: 0 20px !important;
	line-height: 1.1 !important;
	overflow: visible !important;
	white-space: nowrap;
}

#modcenter .cat_bar .catbg::before {
	flex: 0 0 auto;
	margin: 0 !important;
	font-size: 18px;
	line-height: 1 !important;
}

#modcenter .cat_bar h3.catbg .ie6_header,
#modcenter .cat_bar h3.catbg span.ie6_header,
#modcenter .cat_bar h3.catbg .floatleft {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px;
	float: none !important;
	line-height: 1.1 !important;
}

#modcenter .cat_bar h3.catbg img.icon {
	position: static !important;
	float: none !important;
	margin: 0 2px 0 0 !important;
	vertical-align: middle !important;
	max-height: 16px;
}

#modcenter .information {
	margin-bottom: 18px !important;
	padding: 17px 22px !important;
	border-radius: 0 0 14px 14px !important;
	box-shadow: 0 12px 24px rgba(6, 34, 52, 0.10) !important;
}

#modcenter .information strong {
	margin-bottom: 7px !important;
	font-size: 14px !important;
}

#modcenter .information p {
	line-height: 1.45 !important;
}

#modcenter .modblock_left,
#modcenter .modblock_right {
	margin-bottom: 20px !important;
}

#modcenter .modblock_left .windowbg,
#modcenter .modblock_right .windowbg,
#modcenter form .windowbg {
	overflow: visible !important;
	min-height: 0 !important;
	box-shadow: 0 12px 24px rgba(6, 34, 52, 0.10) !important;
}

#modcenter .windowbg .content,
#modcenter .windowbg .modbox {
	min-height: 0 !important;
	max-height: none !important;
	height: auto !important;
	overflow: visible !important;
	padding: 16px 20px !important;
	line-height: 1.42 !important;
}

#modcenter .modblock_right .windowbg .modbox,
#modcenter .modblock_right .windowbg .content {
	padding-bottom: 18px !important;
}

#modcenter .modbox li,
#modcenter .moderation_notes li,
#modcenter #smfAnnouncements dt,
#modcenter #smfAnnouncements dd {
	padding: 7px 0 !important;
}

#modcenter #smfAnnouncements dd {
	margin-left: 12px !important;
	padding-top: 4px !important;
}

#modcenter strong.smalltext {
	padding: 4px 0 !important;
}

/* Make the moderation tabs readable and button-like without the old SMF look. */
#main_content_section > .buttonlist,
#main_content_section > .buttonlist ul,
#main_content_section ul.buttonlist {
	margin: 12px 0 18px 0 !important;
}

#main_content_section > .buttonlist li,
#main_content_section ul.buttonlist li {
	margin-right: 6px !important;
}

#main_content_section > .buttonlist li a,
#main_content_section ul.buttonlist li a {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 28px;
	padding: 0 12px !important;
	border: 1px solid rgba(255,255,255,0.22) !important;
	border-radius: 8px !important;
	background: rgba(7, 34, 53, 0.28) !important;
	box-shadow: 0 6px 14px rgba(4, 25, 40, 0.12) !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	letter-spacing: 0.035em;
	text-shadow: 0 1px 2px rgba(0,0,0,0.45);
	text-transform: uppercase;
}

#main_content_section > .buttonlist li a:hover,
#main_content_section ul.buttonlist li a:hover,
#main_content_section > .buttonlist li.active a,
#main_content_section ul.buttonlist li.active a {
	background: linear-gradient(180deg, #2aa6e8, #0878bc) !important;
	border-color: rgba(255,255,255,0.34) !important;
	color: #fff !important;
}

/* Keep old SMF next/previous arrow controls from floating detached on the moderation page. */
#main_content_section .nextlinks,
#main_content_section .floatright.nextlinks {
	margin-top: -34px !important;
	padding: 4px 8px !important;
	border-radius: 8px;
	background: rgba(255,255,255,0.5);
}

@media (max-width: 800px) {
	#modcenter .cat_bar .catbg,
	#modcenter .cat_bar h3.catbg {
		min-height: 40px !important;
		padding: 0 16px !important;
		font-size: 15px !important;
	}

	#modcenter .information,
	#modcenter .windowbg .content,
	#modcenter .windowbg .modbox {
		padding: 15px !important;
	}
}


/* Buzzen v32: moderation/admin secondary menus, multi-tier dropdowns, and sidebar mode
----------------------------------------------------------------------------------- */
#admin_menu,
#adm_submenus {
	position: relative !important;
	z-index: 5000 !important;
	overflow: visible !important;
	margin: 12px 0 18px !important;
	padding: 0 !important;
}

#admin_menu .dropmenu,
#adm_submenus .dropmenu {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	min-height: 38px !important;
	margin: 0 !important;
	padding: 8px 12px !important;
	border: 1px solid rgba(216, 235, 248, 0.9) !important;
	border-radius: 18px !important;
	background: rgba(255, 255, 255, 0.74) !important;
	box-shadow: 0 10px 22px rgba(6, 34, 52, 0.10) !important;
	list-style: none !important;
	overflow: visible !important;
}

#admin_menu .dropmenu > li,
#adm_submenus .dropmenu > li {
	float: none !important;
	position: relative !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

#admin_menu .dropmenu > li > a.firstlevel,
#adm_submenus .dropmenu > li > a.firstlevel {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	margin: 0 !important;
	padding: 8px 10px !important;
	border-radius: 8px !important;
	background: transparent !important;
	color: #08324f !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: 0.035em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
	text-shadow: none !important;
	text-decoration: none !important;
	white-space: nowrap !important;
}

#admin_menu .dropmenu > li > a.firstlevel span.firstlevel,
#adm_submenus .dropmenu > li > a.firstlevel span.firstlevel {
	display: inline-flex !important;
	align-items: center !important;
	position: static !important;
	left: auto !important;
	height: auto !important;
	min-height: 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
	background: transparent !important;
	color: inherit !important;
	white-space: nowrap !important;
}

#admin_menu .dropmenu > li.has-submenu > a.firstlevel span.firstlevel::after,
#admin_menu .dropmenu > li > a.firstlevel[href="#"] span.firstlevel::after {
	content: "\f078";
	display: inline-block;
	margin-left: 7px;
	color: #ffd33d;
	font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "FontAwesome";
	font-size: 10px;
	font-weight: 900;
	line-height: 1;
}

#admin_menu .dropmenu > li > a.firstlevel:hover,
#admin_menu .dropmenu > li:hover > a.firstlevel,
#adm_submenus .dropmenu > li > a.firstlevel:hover,
#adm_submenus .dropmenu > li:hover > a.firstlevel,
#admin_menu .dropmenu > li > a.active.firstlevel,
#adm_submenus .dropmenu > li > a.active.firstlevel {
	background: linear-gradient(180deg, #2aa6e8, #0878bc) !important;
	color: #fff !important;
	box-shadow: 0 8px 16px rgba(6, 90, 145, 0.20) !important;
}

#admin_menu .dropmenu > li > a.firstlevel:hover span.firstlevel,
#admin_menu .dropmenu > li:hover > a.firstlevel span.firstlevel,
#adm_submenus .dropmenu > li > a.firstlevel:hover span.firstlevel,
#adm_submenus .dropmenu > li:hover > a.firstlevel span.firstlevel,
#admin_menu .dropmenu > li > a.active.firstlevel span.firstlevel,
#adm_submenus .dropmenu > li > a.active.firstlevel span.firstlevel {
	background: transparent !important;
	color: #fff !important;
}

#admin_menu .dropmenu ul,
#adm_submenus .dropmenu ul {
	display: none !important;
	position: absolute !important;
	top: calc(100% + 6px) !important;
	left: 0 !important;
	z-index: 7000 !important;
	width: 230px !important;
	min-width: 230px !important;
	margin: 0 !important;
	padding: 8px !important;
	border: 1px solid rgba(180, 213, 234, 0.95) !important;
	border-radius: 12px !important;
	background: rgba(255, 255, 255, 0.98) !important;
	box-shadow: 0 18px 34px rgba(2, 20, 34, 0.24) !important;
	list-style: none !important;
	overflow: visible !important;
}

#admin_menu .dropmenu li:hover > ul,
#adm_submenus .dropmenu li:hover > ul {
	display: block !important;
}

#admin_menu .dropmenu ul ul,
#adm_submenus .dropmenu ul ul {
	top: -8px !important;
	left: calc(100% - 2px) !important;
	margin: 0 !important;
}

#admin_menu .dropmenu li li,
#adm_submenus .dropmenu li li {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	list-style: none !important;
}

#admin_menu .dropmenu li li a,
#adm_submenus .dropmenu li li a {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin: 0 !important;
	padding: 9px 10px !important;
	border-radius: 8px !important;
	background: transparent !important;
	color: #0b466b !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	text-shadow: none !important;
}

#admin_menu .dropmenu li li a span,
#adm_submenus .dropmenu li li a span {
	display: block !important;
	padding: 0 !important;
	color: inherit !important;
	background: transparent !important;
}

#admin_menu .dropmenu li li.has-submenu > a > span::after,
#admin_menu .dropmenu li li:has(ul) > a > span::after {
	content: "\f054";
	margin-left: 8px;
	color: #d5a900;
	font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "FontAwesome";
	font-size: 10px;
	font-weight: 900;
}

#admin_menu .dropmenu li li a:hover,
#admin_menu .dropmenu li li:hover > a,
#admin_menu .dropmenu li li a.chosen,
#admin_menu .dropmenu li li a.active,
#adm_submenus .dropmenu li li a:hover,
#adm_submenus .dropmenu li li:hover > a,
#adm_submenus .dropmenu li li a.chosen,
#adm_submenus .dropmenu li li a.active {
	background: linear-gradient(90deg, rgba(37, 159, 223, 0.14), rgba(255, 210, 55, 0.13)) !important;
	color: #042c45 !important;
}

/* Keep dropdowns above Buzzen section headers and cards. */
#main_content_section,
#main_container,
#admin_content,
#main_admsection,
#modcenter {
	overflow: visible !important;
}

#menu_toggle {
	position: relative !important;
	z-index: 7100 !important;
	float: right !important;
	margin-top: -46px !important;
	margin-right: 8px !important;
	padding: 7px !important;
	border-radius: 8px !important;
	background: rgba(255, 255, 255, 0.62) !important;
	box-shadow: 0 8px 14px rgba(2, 20, 34, 0.12) !important;
}

/* Sidebar version of admin/moderation menus. */
#main_container {
	display: flex !important;
	align-items: flex-start !important;
	gap: 18px !important;
	margin-top: 14px !important;
}

#left_admsection {
	float: none !important;
	flex: 0 0 210px !important;
	width: 210px !important;
	padding: 0 !important;
	margin: 0 !important;
}

#main_admsection {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	overflow: visible !important;
}

#left_admsection #admin_menu {
	display: none !important;
}

#left_admsection .adm_section {
	margin: 0 0 12px !important;
	border: 1px solid rgba(190, 218, 236, 0.8) !important;
	border-radius: 14px !important;
	background: rgba(255,255,255,0.72) !important;
	box-shadow: 0 10px 22px rgba(6, 34, 52, 0.10) !important;
	overflow: hidden !important;
}

#left_admsection .adm_section .cat_bar {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: linear-gradient(135deg, #287fa8 0%, #2b86ae 42%, #184e6d 100%) !important;
	box-shadow: none !important;
}

#left_admsection .adm_section .cat_bar .catbg,
#left_admsection .adm_section .cat_bar h4.catbg {
	display: flex !important;
	align-items: center !important;
	min-height: 36px !important;
	margin: 0 !important;
	padding: 0 14px !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 900 !important;
	letter-spacing: 0.01em !important;
	line-height: 1.1 !important;
	text-shadow: 0 1px 2px rgba(0,0,0,0.35) !important;
}

#left_admsection .adm_section .cat_bar .catbg a {
	color: #fff !important;
	text-decoration: none !important;
}

#left_admsection .left_admmenu {
	margin: 0 !important;
	padding: 8px !important;
	background: rgba(255,255,255,0.82) !important;
}

#left_admsection .left_admmenu li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

#left_admsection .left_admmenu li a,
#left_admsection .left_admmenu li strong a {
	display: block !important;
	padding: 7px 10px !important;
	border-radius: 8px !important;
	color: #0b5f93 !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
}

#left_admsection .left_admmenu li a:hover,
#left_admsection .left_admmenu li strong a {
	background: linear-gradient(90deg, rgba(37, 159, 223, 0.14), rgba(255, 210, 55, 0.14)) !important;
	color: #052f4b !important;
}

#left_admsection .left_admmenu li strong {
	display: block !important;
}

@media (max-width: 900px) {
	#main_container {
		display: block !important;
	}
	#left_admsection {
		width: auto !important;
		margin-bottom: 16px !important;
	}
	#admin_menu .dropmenu,
	#adm_submenus .dropmenu {
		flex-wrap: wrap !important;
	}
}

/* Buzzen v33: keep secondary dropdown menus open while moving cursor into submenu
-----------------------------------------------------------------------------------
   The v32 secondary/admin menu dropdown was offset below the parent item. That small
   gap caused hover to be lost before the cursor reached the dropdown. Keep dropdowns
   touching the parent and add a small invisible hover bridge for extra forgiveness.
*/
#admin_menu,
#adm_submenus,
#admin_menu .dropmenu,
#adm_submenus .dropmenu,
#admin_menu .dropmenu li,
#adm_submenus .dropmenu li {
	overflow: visible !important;
}

#admin_menu .dropmenu > li,
#adm_submenus .dropmenu > li {
	position: relative !important;
	padding-bottom: 8px !important;
	margin-bottom: -8px !important;
}

#admin_menu .dropmenu > li::after,
#adm_submenus .dropmenu > li::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	height: 10px;
	background: transparent;
	pointer-events: auto;
}

#admin_menu .dropmenu ul,
#adm_submenus .dropmenu ul {
	top: 100% !important;
	margin-top: 0 !important;
	z-index: 9000 !important;
}

#admin_menu .dropmenu ul ul,
#adm_submenus .dropmenu ul ul {
	top: 0 !important;
	left: 100% !important;
	margin-left: -1px !important;
}

#admin_menu .dropmenu li:hover > ul,
#admin_menu .dropmenu li.sfhover > ul,
#adm_submenus .dropmenu li:hover > ul,
#adm_submenus .dropmenu li.sfhover > ul,
#admin_menu .dropmenu li ul:hover,
#adm_submenus .dropmenu li ul:hover {
	display: block !important;
}

/* Arrow indicators for all secondary menu items that expose dropdown children. */
#admin_menu .dropmenu > li.has-submenu > a.firstlevel span.firstlevel::after,
#admin_menu .dropmenu > li:has(ul) > a.firstlevel span.firstlevel::after,
#adm_submenus .dropmenu > li.has-submenu > a.firstlevel span.firstlevel::after,
#adm_submenus .dropmenu > li:has(ul) > a.firstlevel span.firstlevel::after {
	content: "\f078";
	display: inline-block;
	margin-left: 7px;
	color: #ffd33d;
	font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "FontAwesome";
	font-size: 10px;
	font-weight: 900;
	line-height: 1;
}

#admin_menu .dropmenu li li.has-submenu > a > span::after,
#admin_menu .dropmenu li li:has(ul) > a > span::after,
#adm_submenus .dropmenu li li.has-submenu > a > span::after,
#adm_submenus .dropmenu li li:has(ul) > a > span::after {
	content: "\f054";
	margin-left: 8px;
	color: #d5a900;
	font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "FontAwesome";
	font-size: 10px;
	font-weight: 900;
}

/* Buzzen v34: complete Moderation Center area coverage
-----------------------------------------------------------------------------------
   Covers moderation home, reported posts (active/closed), membergroup requests,
   view membergroups, and preferences/change settings.  This is intentionally scoped
   to #modcenter / admin secondary containers so the completed forum index, board
   view, topic view, and main nav stay untouched.
*/
body #modcenter,
body #main_admsection #modcenter {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #082942 !important;
}

body #modcenter:after,
body #modcenter form:after,
body #main_container:after,
body #main_admsection:after {
	content: "";
	display: block;
	clear: both;
}

/* Moderation secondary top menu: visible, readable, and dropdown-safe. */
body #admin_menu,
body #adm_submenus {
	clear: both !important;
	margin: 14px 0 20px !important;
	padding: 0 !important;
	position: relative !important;
	z-index: 9000 !important;
}

body #admin_menu .dropmenu,
body #adm_submenus .dropmenu {
	align-items: center !important;
	gap: 6px !important;
	min-height: 36px !important;
	padding: 7px 10px !important;
	border-radius: 18px !important;
	background: rgba(255,255,255,0.74) !important;
	border: 1px solid rgba(208, 231, 245, 0.95) !important;
	box-shadow: 0 10px 22px rgba(6,34,52,0.10) !important;
}

body #admin_menu .dropmenu > li > a.firstlevel,
body #adm_submenus .dropmenu > li > a.firstlevel {
	min-height: 24px !important;
	padding: 7px 10px !important;
	border-radius: 8px !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	color: #07314c !important;
}

body #admin_menu .dropmenu > li.has-submenu > a.firstlevel span.firstlevel::after,
body #adm_submenus .dropmenu > li.has-submenu > a.firstlevel span.firstlevel::after,
body #admin_menu .dropmenu > li > a.firstlevel[href="#"] span.firstlevel::after,
body #adm_submenus .dropmenu > li > a.firstlevel[href="#"] span.firstlevel::after {
	content: "\f078" !important;
	display: inline-block !important;
	margin-left: 7px !important;
	color: #ffd33d !important;
	font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "FontAwesome" !important;
	font-size: 10px !important;
	font-weight: 900 !important;
}

body #admin_menu .dropmenu ul,
body #adm_submenus .dropmenu ul {
	top: 100% !important;
	left: 0 !important;
	margin: 0 !important;
	padding: 8px !important;
	z-index: 10000 !important;
	border-radius: 12px !important;
	background: rgba(255,255,255,0.98) !important;
	box-shadow: 0 18px 34px rgba(2,20,34,0.24) !important;
}

body #admin_menu .dropmenu ul ul,
body #adm_submenus .dropmenu ul ul {
	top: 0 !important;
	left: 100% !important;
	margin-left: -1px !important;
}

body #admin_menu .dropmenu li li:has(ul) > a > span::after,
body #adm_submenus .dropmenu li li:has(ul) > a > span::after {
	content: "\f054" !important;
	margin-left: 8px !important;
	color: #d5a900 !important;
	font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "FontAwesome" !important;
	font-size: 10px !important;
	font-weight: 900 !important;
}

/* Sidebar mode used by the moderation/admin menu toggle. */
body #main_container {
	align-items: flex-start !important;
	gap: 18px !important;
}

body #left_admsection {
	flex: 0 0 220px !important;
	width: 220px !important;
}

body #left_admsection .adm_section {
	margin: 0 0 14px !important;
	border-radius: 14px !important;
	border: 1px solid rgba(187,218,237,0.85) !important;
	background: rgba(255,255,255,0.78) !important;
	box-shadow: 0 10px 22px rgba(6,34,52,0.10) !important;
	overflow: hidden !important;
}

body #left_admsection .adm_section .cat_bar,
body #left_admsection .adm_section .cat_bar .catbg,
body #left_admsection .adm_section .cat_bar h4.catbg {
	min-height: 36px !important;
	margin: 0 !important;
	border-radius: 0 !important;
	background: linear-gradient(135deg, #287fa8 0%, #2b86ae 44%, #174b68 100%) !important;
	color: #fff !important;
	line-height: 36px !important;
}

body #left_admsection .left_admmenu {
	padding: 8px !important;
	background: rgba(255,255,255,0.86) !important;
}

body #left_admsection .left_admmenu li a,
body #left_admsection .left_admmenu li strong a {
	display: block !important;
	padding: 8px 10px !important;
	border-radius: 8px !important;
	color: #0a5e91 !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	text-decoration: none !important;
}

body #left_admsection .left_admmenu li a:hover,
body #left_admsection .left_admmenu li strong a {
	background: linear-gradient(90deg, rgba(37,159,223,0.14), rgba(255,210,55,0.14)) !important;
	color: #052f4b !important;
}

/* Universal moderation panels. */
body #modcenter .cat_bar,
body #modcenter .title_bar {
	position: relative !important;
	clear: both !important;
	min-height: 44px !important;
	margin: 18px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 14px 14px 0 0 !important;
	background: linear-gradient(135deg, #2d8cb7 0%, #2480aa 42%, #0f3048 100%) !important;
	box-shadow: 0 12px 24px rgba(6, 34, 52, 0.18) !important;
	overflow: hidden !important;
}

body #modcenter .cat_bar::after,
body #modcenter .title_bar::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	background: linear-gradient(90deg, #ffd83f 0%, #ffd83f 28%, rgba(255,216,63,0.18) 44%, transparent 72%);
}

body #modcenter .cat_bar .catbg,
body #modcenter .cat_bar h3.catbg,
body #modcenter .title_bar .titlebg,
body #modcenter .title_bar h3.titlebg {
	display: flex !important;
	align-items: center !important;
	min-height: 44px !important;
	margin: 0 !important;
	padding: 0 18px !important;
	border: 0 !important;
	background: transparent !important;
	color: #fff !important;
	font-size: 18px !important;
	font-weight: 900 !important;
	letter-spacing: 0.01em !important;
	line-height: 1.15 !important;
	text-shadow: 0 2px 3px rgba(0,0,0,0.35) !important;
}

body #modcenter .cat_bar .catbg::before,
body #modcenter .cat_bar h3.catbg::before,
body #modcenter .title_bar .titlebg::before,
body #modcenter .title_bar h3.titlebg::before {
	content: "\f3ed";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	margin-right: 10px;
	border-radius: 999px;
	background: #ffd83f;
	color: #07314c;
	font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "FontAwesome";
	font-size: 13px;
	font-weight: 900;
	line-height: 1;
	text-shadow: none;
}

body #modcenter .cat_bar img.icon,
body #modcenter .title_bar img.icon,
body #modcenter .cat_bar .ie6_header img.icon {
	float: none !important;
	width: 18px !important;
	height: 18px !important;
	margin: 0 7px 0 0 !important;
	vertical-align: middle !important;
}

body #modcenter .cat_bar .floatleft,
body #modcenter .cat_bar .floatright,
body #modcenter .title_bar .floatleft,
body #modcenter .title_bar .floatright,
body #modcenter .cat_bar .ie6_header {
	float: none !important;
	display: inline-flex !important;
	align-items: center !important;
	min-height: 0 !important;
	line-height: 1.15 !important;
}

body #modcenter .cat_bar a,
body #modcenter .title_bar a {
	color: #fff !important;
}

body #modcenter .information,
body #modcenter .windowbg,
body #modcenter .windowbg2,
body #modcenter .roundframe,
body #modcenter .generic_list_wrapper {
	margin: 0 0 18px !important;
	border: 1px solid rgba(202, 226, 241, 0.92) !important;
	border-top: 0 !important;
	border-radius: 0 0 16px 16px !important;
	background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(246,251,255,0.94)) !important;
	box-shadow: 0 14px 28px rgba(6, 34, 52, 0.12) !important;
	overflow: visible !important;
}

body #modcenter .windowbg .topslice,
body #modcenter .windowbg .botslice,
body #modcenter .windowbg2 .topslice,
body #modcenter .windowbg2 .botslice {
	display: none !important;
}

body #modcenter .information,
body #modcenter .windowbg .content,
body #modcenter .windowbg2 .content,
body #modcenter .windowbg .modbox,
body #modcenter .windowbg2 .modbox,
body #modcenter .roundframe {
	padding: 18px 22px !important;
	font-size: 14px !important;
	line-height: 1.55 !important;
	color: #082942 !important;
}

body #modcenter .information strong,
body #modcenter strong.smalltext,
body #modcenter .modbox strong {
	color: #173a53 !important;
	font-weight: 900 !important;
}

/* Home grid blocks: compact, even, and not artificially tall. */
body #modcenter .modblock_left,
body #modcenter .modblock_right {
	float: none !important;
	display: inline-block !important;
	width: calc(50% - 14px) !important;
	margin: 0 24px 20px 0 !important;
	vertical-align: top !important;
}

body #modcenter .modblock_right {
	margin-right: 0 !important;
}

body #modcenter .modblock_right .windowbg .content,
body #modcenter .modblock_right .windowbg2 .content,
body #modcenter .modblock_right .modbox {
	min-height: 76px !important;
}

body #modcenter .modbox ul.reset,
body #modcenter ul.reset.moderation_notes {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body #modcenter .modbox li,
body #modcenter .moderation_notes li,
body #modcenter #smfAnnouncements dt,
body #modcenter #smfAnnouncements dd {
	margin: 0 !important;
	padding: 8px 0 !important;
	border-bottom: 1px solid rgba(190, 216, 232, 0.75) !important;
}

body #modcenter .modbox li:last-child,
body #modcenter .moderation_notes li:last-child,
body #modcenter #smfAnnouncements dd:last-child {
	border-bottom: 0 !important;
}

body #modcenter #smfAnnouncements dl {
	margin: 0 !important;
}

body #modcenter #smfAnnouncements dt {
	font-weight: 900 !important;
}

body #modcenter #smfAnnouncements dd {
	margin-left: 18px !important;
	color: #405d72 !important;
}

/* Reported posts, old reports, and report-detail pages. */
body #modcenter form[action*="area=reports"] .windowbg,
body #modcenter form[action*="area=reports"] .windowbg2,
body #modcenter .windowbg.report,
body #modcenter .windowbg2.report {
	border-top: 1px solid rgba(202, 226, 241, 0.92) !important;
	border-radius: 14px !important;
	margin: 12px 0 !important;
}

body #modcenter form[action*="area=reports"] .content,
body #modcenter #reported_posts .content {
	padding: 16px 18px !important;
}

body #modcenter .pagesection {
	margin: 12px 0 !important;
	padding: 10px 12px !important;
	border: 1px solid rgba(208, 231, 245, 0.95) !important;
	border-radius: 14px !important;
	background: rgba(255,255,255,0.76) !important;
	box-shadow: 0 8px 18px rgba(6,34,52,0.08) !important;
}

body #modcenter .pagelinks,
body #modcenter .pages {
	font-size: 12px !important;
	font-weight: 800 !important;
	color: #082942 !important;
}

body #modcenter .pagelinks a,
body #modcenter .pagelinks strong,
body #modcenter .pages a {
	margin: 0 3px !important;
	padding: 0 !important;
	background: transparent !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #0677bd !important;
}

/* Tables and generic lists used by membergroup requests/view membergroups and other mod subareas. */
body #modcenter table.table_grid,
body #modcenter table.table_list,
body #modcenter .generic_list_wrapper table {
	width: 100% !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border: 1px solid rgba(200, 225, 240, 0.95) !important;
	border-radius: 14px !important;
	background: rgba(255,255,255,0.96) !important;
	box-shadow: 0 12px 24px rgba(6,34,52,0.10) !important;
	overflow: hidden !important;
}

body #modcenter table.table_grid tr.catbg,
body #modcenter table.table_grid thead tr,
body #modcenter table.table_list thead tr,
body #modcenter .generic_list_wrapper thead tr {
	background: linear-gradient(135deg, #2d8cb7, #13516f) !important;
	color: #fff !important;
}

body #modcenter table.table_grid th,
body #modcenter table.table_list th,
body #modcenter .generic_list_wrapper th {
	padding: 11px 12px !important;
	border: 0 !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.025em !important;
}

body #modcenter table.table_grid td,
body #modcenter table.table_list td,
body #modcenter .generic_list_wrapper td {
	padding: 11px 12px !important;
	border-top: 1px solid rgba(207, 228, 241, 0.92) !important;
	color: #173a53 !important;
}

body #modcenter table.table_grid tr.windowbg2 td,
body #modcenter table.table_list tr.windowbg2 td,
body #modcenter .generic_list_wrapper tr.windowbg2 td {
	background: rgba(239, 248, 254, 0.72) !important;
}

/* Preferences/change settings forms. */
body #modcenter dl.settings,
body #modcenter .settings {
	margin: 0 !important;
	padding: 0 !important;
}

body #modcenter dl.settings dt,
body #modcenter dl.settings dd {
	box-sizing: border-box !important;
	padding: 10px 0 !important;
	border-bottom: 1px solid rgba(200, 225, 240, 0.72) !important;
}

body #modcenter dl.settings dt {
	width: 44% !important;
	font-weight: 800 !important;
	color: #173a53 !important;
}

body #modcenter dl.settings dd {
	width: 56% !important;
}

body #modcenter input.input_text,
body #modcenter input[type="text"],
body #modcenter textarea,
body #modcenter select {
	box-sizing: border-box !important;
	max-width: 100% !important;
	border: 1px solid #c5dfef !important;
	border-radius: 10px !important;
	background: rgba(255,255,255,0.96) !important;
	color: #082942 !important;
	box-shadow: inset 0 1px 2px rgba(6,34,52,0.05) !important;
}

body #modcenter input.input_text,
body #modcenter input[type="text"],
body #modcenter select {
	min-height: 34px !important;
	padding: 7px 10px !important;
}

body #modcenter textarea {
	padding: 10px 12px !important;
}

body #modcenter .button_submit,
body #modcenter input[type="submit"],
body #modcenter .buttonlist a,
body #modcenter a.button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 32px !important;
	padding: 7px 14px !important;
	border: 0 !important;
	border-radius: 9px !important;
	background: linear-gradient(180deg, #2398d8, #086fae) !important;
	box-shadow: 0 8px 16px rgba(6, 88, 145, 0.18) !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	text-decoration: none !important;
	text-shadow: none !important;
	cursor: pointer !important;
}

body #modcenter .button_submit:hover,
body #modcenter input[type="submit"]:hover,
body #modcenter .buttonlist a:hover,
body #modcenter a.button:hover {
	background: linear-gradient(180deg, #2baced, #0878bc) !important;
	color: #fff !important;
}

/* Lists used by report/membergroup pages. */
body #modcenter a,
body #modcenter a:link,
body #modcenter a:visited {
	color: #006db0 !important;
	font-weight: 800 !important;
	text-decoration: none !important;
}

body #modcenter a:hover {
	color: #004d7c !important;
	text-decoration: underline !important;
}

body #modcenter .smalltext {
	font-size: 12px !important;
	line-height: 1.45 !important;
}

body #modcenter .centertext {
	padding: 12px !important;
	color: #48687c !important;
	font-weight: 800 !important;
}

body #menu_toggle {
	z-index: 9500 !important;
	margin-top: -44px !important;
	background: rgba(255,255,255,0.72) !important;
}

@media (max-width: 980px) {
	body #main_container {
		display: block !important;
	}
	body #left_admsection {
		width: auto !important;
		margin-bottom: 16px !important;
	}
	body #modcenter .modblock_left,
	body #modcenter .modblock_right {
		display: block !important;
		width: auto !important;
		margin-right: 0 !important;
	}
	body #modcenter dl.settings dt,
	body #modcenter dl.settings dd {
		float: none !important;
		width: auto !important;
	}
}

/* Buzzen v35: finish moderation sub-pages requested by user
-----------------------------------------------------------------------------------
   This pass specifically covers:
   - moderate;area=reports
   - moderate;area=reports;sa=closed
   - moderate;area=groups;sa=requests
   - moderate;area=viewgroups
   - moderation/preferences change settings lists/forms
   Keep this scoped to SMF moderation/admin/membergroup containers only.
*/
body #admincenter,
body #moderationcenter,
body #main_admsection #admincenter,
body #main_admsection #moderationcenter {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #082942 !important;
}

body #admincenter:after,
body #moderationcenter:after,
body #admincenter form:after,
body #moderationcenter form:after,
body #admincenter .generic_list:after {
	content: "";
	display: block;
	clear: both;
}

/* Shared Buzzen section headers for membergroup/request/preference screens. */
body #admincenter .cat_bar,
body #admincenter .title_bar,
body #moderationcenter .cat_bar,
body #moderationcenter .title_bar,
body #main_admsection .generic_list .cat_bar,
body #main_admsection .generic_list .title_bar {
	position: relative !important;
	clear: both !important;
	min-height: 44px !important;
	margin: 18px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 14px 14px 0 0 !important;
	background: linear-gradient(135deg, #2d8cb7 0%, #2480aa 42%, #0f3048 100%) !important;
	box-shadow: 0 12px 24px rgba(6, 34, 52, 0.18) !important;
	overflow: hidden !important;
}

body #admincenter .cat_bar::after,
body #admincenter .title_bar::after,
body #moderationcenter .cat_bar::after,
body #moderationcenter .title_bar::after,
body #main_admsection .generic_list .cat_bar::after,
body #main_admsection .generic_list .title_bar::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	background: linear-gradient(90deg, #ffd83f 0%, #ffd83f 28%, rgba(255,216,63,0.18) 44%, transparent 72%);
}

body #admincenter .cat_bar .catbg,
body #admincenter .cat_bar h3.catbg,
body #admincenter .title_bar .titlebg,
body #admincenter .title_bar h3.titlebg,
body #moderationcenter .cat_bar .catbg,
body #moderationcenter .cat_bar h3.catbg,
body #moderationcenter .title_bar .titlebg,
body #moderationcenter .title_bar h3.titlebg,
body #main_admsection .generic_list .title_bar .titlebg,
body #main_admsection .generic_list .title_bar h3.titlebg {
	display: flex !important;
	align-items: center !important;
	min-height: 44px !important;
	margin: 0 !important;
	padding: 0 18px !important;
	border: 0 !important;
	background: transparent !important;
	color: #fff !important;
	font-size: 18px !important;
	font-weight: 900 !important;
	letter-spacing: 0.01em !important;
	line-height: 1.15 !important;
	text-shadow: 0 2px 3px rgba(0,0,0,0.35) !important;
}

body #admincenter .cat_bar h3.catbg::before,
body #admincenter .title_bar h3.titlebg::before,
body #moderationcenter .cat_bar h3.catbg::before,
body #moderationcenter .title_bar h3.titlebg::before,
body #main_admsection .generic_list .title_bar h3.titlebg::before {
	content: "\f0e8";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	margin-right: 10px;
	border-radius: 999px;
	background: #ffd83f;
	color: #07314c;
	font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "FontAwesome";
	font-size: 13px;
	font-weight: 900;
	line-height: 1;
	text-shadow: none;
}

/* Modern content panels for reports, requests, viewgroups, and preferences. */
body #admincenter .windowbg,
body #admincenter .windowbg2,
body #moderationcenter .windowbg,
body #moderationcenter .windowbg2,
body #main_admsection .generic_list,
body #main_admsection .information,
body #main_admsection .additional_row {
	box-sizing: border-box !important;
	border: 1px solid rgba(194, 221, 238, 0.94) !important;
	border-top: 0 !important;
	border-radius: 0 0 14px 14px !important;
	background: rgba(255, 255, 255, 0.94) !important;
	box-shadow: 0 13px 26px rgba(6, 34, 52, 0.09) !important;
	overflow: hidden !important;
}

body #admincenter .windowbg + .windowbg,
body #admincenter .windowbg2 + .windowbg,
body #admincenter .windowbg + .windowbg2,
body #moderationcenter .windowbg + .windowbg,
body #moderationcenter .windowbg2 + .windowbg,
body #moderationcenter .windowbg + .windowbg2,
body #modcenter form[action*="area=reports"] .windowbg + .windowbg,
body #modcenter form[action*="area=reports"] .windowbg2 + .windowbg,
body #modcenter form[action*="area=reports"] .windowbg + .windowbg2 {
	margin-top: 12px !important;
	border-top: 1px solid rgba(194, 221, 238, 0.94) !important;
	border-radius: 14px !important;
}

body #admincenter .content,
body #moderationcenter .content,
body #main_admsection .generic_list .information,
body #main_admsection .generic_list .padding {
	padding: 16px 18px !important;
	line-height: 1.55 !important;
	color: #173a53 !important;
}

body #admincenter .topslice,
body #admincenter .botslice,
body #moderationcenter .topslice,
body #moderationcenter .botslice,
body #modcenter .topslice,
body #modcenter .botslice {
	display: none !important;
}

/* Reported posts active/closed: turn each report into a clean Buzzen card. */
body #modcenter form[action*="area=reports"] .windowbg,
body #modcenter form[action*="area=reports"] .windowbg2 {
	position: relative !important;
	box-sizing: border-box !important;
	margin: 0 0 12px !important;
	border: 1px solid rgba(194, 221, 238, 0.94) !important;
	border-radius: 14px !important;
	background: rgba(255,255,255,0.96) !important;
	box-shadow: 0 12px 24px rgba(6,34,52,0.08) !important;
	overflow: hidden !important;
}

body #modcenter form[action*="area=reports"] .windowbg::before,
body #modcenter form[action*="area=reports"] .windowbg2::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	background: linear-gradient(180deg, #ffd83f, #1f8dc0) !important;
}

body #modcenter form[action*="area=reports"] .content {
	padding: 16px 18px 16px 22px !important;
	font-size: 14px !important;
	line-height: 1.55 !important;
	color: #173a53 !important;
}

body #modcenter form[action*="area=reports"] .content > div:first-child {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	padding-bottom: 10px !important;
	border-bottom: 1px solid rgba(203, 226, 240, 0.85) !important;
}

body #modcenter form[action*="area=reports"] .content > div:first-child .floatleft,
body #modcenter form[action*="area=reports"] .content > div:first-child .floatright {
	float: none !important;
}

body #modcenter form[action*="area=reports"] .content > div:first-child .floatleft {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	color: #173a53 !important;
}

body #modcenter form[action*="area=reports"] .content > div:first-child .floatleft strong:first-child a {
	font-size: 15px !important;
	font-weight: 900 !important;
	color: #074f7f !important;
}

body #modcenter form[action*="area=reports"] .content > div:first-child .floatright {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	white-space: nowrap !important;
}

body #modcenter form[action*="area=reports"] .content > div:first-child .floatright a,
body #modcenter form[action*="area=reports"] .content > div:first-child .floatright a:link,
body #modcenter form[action*="area=reports"] .content > div:first-child .floatright a:visited {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 30px !important;
	height: 30px !important;
	border-radius: 8px !important;
	background: linear-gradient(180deg, #f8fbfd, #e9f4fa) !important;
	border: 1px solid rgba(189, 219, 236, 0.95) !important;
	box-shadow: 0 4px 10px rgba(6,34,52,0.08) !important;
}

body #modcenter form[action*="area=reports"] .content > div:first-child .floatright img {
	max-width: 16px !important;
	max-height: 16px !important;
	margin: 0 !important;
}

body #modcenter form[action*="area=reports"] .smalltext {
	margin: 9px 0 10px !important;
	padding: 8px 10px !important;
	border-radius: 10px !important;
	background: rgba(232, 245, 252, 0.78) !important;
	border: 1px solid rgba(198, 224, 238, 0.85) !important;
	color: #47687c !important;
}

body #modcenter form[action*="area=reports"] hr {
	border: 0 !important;
	border-top: 1px solid rgba(203, 226, 240, 0.85) !important;
	margin: 12px 0 !important;
}

/* Generic list tables: used heavily by view membergroups, group requests, preferences. */
body #main_admsection .generic_list {
	margin: 0 0 18px !important;
	padding: 0 !important;
	border-top: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
}

body #main_admsection .generic_list table.table_grid,
body #admincenter table.table_grid,
body #moderationcenter table.table_grid,
body #modcenter table.table_grid {
	width: 100% !important;
	border: 1px solid rgba(194, 221, 238, 0.94) !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border-radius: 0 0 14px 14px !important;
	background: rgba(255, 255, 255, 0.96) !important;
	box-shadow: 0 13px 26px rgba(6, 34, 52, 0.09) !important;
	overflow: hidden !important;
}

body #main_admsection .generic_list table.table_grid thead tr.catbg,
body #admincenter table.table_grid thead tr.catbg,
body #moderationcenter table.table_grid thead tr.catbg,
body #modcenter table.table_grid thead tr.catbg {
	background: linear-gradient(135deg, #2d8cb7 0%, #2480aa 42%, #0f3048 100%) !important;
}

body #main_admsection .generic_list table.table_grid th,
body #admincenter table.table_grid th,
body #moderationcenter table.table_grid th,
body #modcenter table.table_grid th {
	padding: 11px 12px !important;
	border: 0 !important;
	border-bottom: 3px solid #ffd83f !important;
	background: transparent !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: 0.03em !important;
	text-transform: uppercase !important;
	text-shadow: 0 1px 2px rgba(0,0,0,0.35) !important;
}

body #main_admsection .generic_list table.table_grid th a,
body #admincenter table.table_grid th a,
body #moderationcenter table.table_grid th a,
body #modcenter table.table_grid th a {
	color: #fff !important;
	font-weight: 900 !important;
}

body #main_admsection .generic_list table.table_grid td,
body #admincenter table.table_grid td,
body #moderationcenter table.table_grid td,
body #modcenter table.table_grid td {
	padding: 13px 12px !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(203, 226, 240, 0.85) !important;
	border-right: 1px solid rgba(222, 237, 246, 0.85) !important;
	background: rgba(255,255,255,0.96) !important;
	color: #173a53 !important;
	vertical-align: middle !important;
}

body #main_admsection .generic_list table.table_grid tr:nth-child(even) td,
body #admincenter table.table_grid tr:nth-child(even) td,
body #moderationcenter table.table_grid tr:nth-child(even) td,
body #modcenter table.table_grid tr:nth-child(even) td {
	background: rgba(245, 250, 253, 0.96) !important;
}

body #main_admsection .generic_list table.table_grid tr:hover td,
body #admincenter table.table_grid tr:hover td,
body #moderationcenter table.table_grid tr:hover td,
body #modcenter table.table_grid tr:hover td {
	background: rgba(232, 246, 253, 0.98) !important;
}

body #main_admsection .generic_list table.table_grid td:last-child,
body #admincenter table.table_grid td:last-child,
body #moderationcenter table.table_grid td:last-child,
body #modcenter table.table_grid td:last-child {
	border-right: 0 !important;
}

body #main_admsection .generic_list table.table_grid tr:last-child td,
body #admincenter table.table_grid tr:last-child td,
body #moderationcenter table.table_grid tr:last-child td,
body #modcenter table.table_grid tr:last-child td {
	border-bottom: 0 !important;
}

/* Group request reason/change settings forms. */
body #admincenter dl.settings,
body #moderationcenter dl.settings,
body #modcenter dl.settings {
	margin: 0 !important;
	padding: 0 !important;
}

body #admincenter dl.settings dt,
body #admincenter dl.settings dd,
body #moderationcenter dl.settings dt,
body #moderationcenter dl.settings dd,
body #modcenter dl.settings dt,
body #modcenter dl.settings dd {
	box-sizing: border-box !important;
	padding: 11px 0 !important;
	border-bottom: 1px solid rgba(203, 226, 240, 0.75) !important;
}

body #admincenter dl.settings dt,
body #moderationcenter dl.settings dt,
body #modcenter dl.settings dt {
	width: 42% !important;
	padding-right: 18px !important;
	font-weight: 900 !important;
	color: #173a53 !important;
}

body #admincenter dl.settings dd,
body #moderationcenter dl.settings dd,
body #modcenter dl.settings dd {
	width: 58% !important;
}

body #admincenter fieldset,
body #moderationcenter fieldset,
body #modcenter fieldset {
	border: 1px solid rgba(194, 221, 238, 0.95) !important;
	border-radius: 12px !important;
	background: rgba(246, 251, 254, 0.92) !important;
	padding: 12px 14px !important;
}

body #admincenter legend,
body #moderationcenter legend,
body #modcenter legend {
	padding: 0 7px !important;
	color: #074f7f !important;
	font-weight: 900 !important;
}

/* Inputs and action buttons across all moderation pages. */
body #admincenter input.input_text,
body #admincenter input[type="text"],
body #admincenter textarea,
body #admincenter select,
body #moderationcenter input.input_text,
body #moderationcenter input[type="text"],
body #moderationcenter textarea,
body #moderationcenter select,
body #modcenter input.input_text,
body #modcenter input[type="text"],
body #modcenter textarea,
body #modcenter select {
	box-sizing: border-box !important;
	max-width: 100% !important;
	border: 1px solid #c5dfef !important;
	border-radius: 10px !important;
	background: rgba(255,255,255,0.96) !important;
	color: #082942 !important;
	box-shadow: inset 0 1px 2px rgba(6,34,52,0.05) !important;
}

body #admincenter input.input_text,
body #admincenter input[type="text"],
body #admincenter select,
body #moderationcenter input.input_text,
body #moderationcenter input[type="text"],
body #moderationcenter select,
body #modcenter input.input_text,
body #modcenter input[type="text"],
body #modcenter select {
	min-height: 34px !important;
	padding: 7px 10px !important;
}

body #admincenter textarea,
body #moderationcenter textarea,
body #modcenter textarea {
	min-height: 92px !important;
	padding: 10px 12px !important;
}

body #admincenter .button_submit,
body #admincenter input[type="submit"],
body #admincenter a.button,
body #admincenter .buttonlist a,
body #moderationcenter .button_submit,
body #moderationcenter input[type="submit"],
body #moderationcenter a.button,
body #moderationcenter .buttonlist a,
body #modcenter .button_submit,
body #modcenter input[type="submit"],
body #modcenter a.button,
body #modcenter .buttonlist a,
body #main_admsection .additional_row input[type="submit"] {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 32px !important;
	padding: 7px 14px !important;
	border: 0 !important;
	border-radius: 9px !important;
	background: linear-gradient(180deg, #2398d8, #086fae) !important;
	box-shadow: 0 8px 16px rgba(6, 88, 145, 0.18) !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
	text-decoration: none !important;
	text-shadow: none !important;
	cursor: pointer !important;
}

body #admincenter .button_submit:hover,
body #admincenter input[type="submit"]:hover,
body #admincenter a.button:hover,
body #admincenter .buttonlist a:hover,
body #moderationcenter .button_submit:hover,
body #moderationcenter input[type="submit"]:hover,
body #moderationcenter a.button:hover,
body #moderationcenter .buttonlist a:hover,
body #modcenter .button_submit:hover,
body #modcenter input[type="submit"]:hover,
body #modcenter a.button:hover,
body #modcenter .buttonlist a:hover {
	background: linear-gradient(180deg, #2baced, #0878bc) !important;
	color: #fff !important;
}

/* Pagination in moderation sub-pages: clean text, no blue pills. */
body #main_admsection .pagesection,
body #admincenter .pagesection,
body #moderationcenter .pagesection,
body #modcenter form[action*="area=reports"] .pagesection {
	margin: 12px 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #38586c !important;
	font-size: 12px !important;
	font-weight: 800 !important;
}

body #main_admsection .pagesection a,
body #main_admsection .pagesection strong,
body #main_admsection .pagesection .navPages,
body #main_admsection .pagesection .current_page,
body #admincenter .pagesection a,
body #admincenter .pagesection strong,
body #admincenter .pagesection .navPages,
body #admincenter .pagesection .current_page,
body #moderationcenter .pagesection a,
body #moderationcenter .pagesection strong,
body #moderationcenter .pagesection .navPages,
body #moderationcenter .pagesection .current_page,
body #modcenter form[action*="area=reports"] .pagesection a,
body #modcenter form[action*="area=reports"] .pagesection strong,
body #modcenter form[action*="area=reports"] .pagesection .navPages,
body #modcenter form[action*="area=reports"] .pagesection .current_page {
	display: inline !important;
	margin: 0 3px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #006db0 !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: inherit !important;
}

body #main_admsection .pagesection strong,
body #main_admsection .pagesection .current_page,
body #admincenter .pagesection strong,
body #admincenter .pagesection .current_page,
body #moderationcenter .pagesection strong,
body #moderationcenter .pagesection .current_page,
body #modcenter form[action*="area=reports"] .pagesection strong,
body #modcenter form[action*="area=reports"] .pagesection .current_page {
	color: #07314c !important;
}

/* Keep moderation secondary dropdowns usable, including multi-tier menus. */
body #admin_menu .dropmenu li,
body #adm_submenus .dropmenu li {
	position: relative !important;
}

body #admin_menu .dropmenu li:hover > ul,
body #admin_menu .dropmenu li.sfhover > ul,
body #adm_submenus .dropmenu li:hover > ul,
body #adm_submenus .dropmenu li.sfhover > ul {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
}

body #admin_menu .dropmenu ul::before,
body #adm_submenus .dropmenu ul::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -10px;
	height: 10px;
}

body #admin_menu .dropmenu ul ul::before,
body #adm_submenus .dropmenu ul ul::before {
	left: -10px;
	top: 0;
	bottom: 0;
	width: 10px;
	height: auto;
	right: auto;
}

@media (max-width: 980px) {
	body #admincenter dl.settings dt,
	body #admincenter dl.settings dd,
	body #moderationcenter dl.settings dt,
	body #moderationcenter dl.settings dd,
	body #modcenter dl.settings dt,
	body #modcenter dl.settings dd {
		float: none !important;
		width: auto !important;
		padding-right: 0 !important;
	}
	body #modcenter form[action*="area=reports"] .content > div:first-child {
		display: block !important;
	}
	body #modcenter form[action*="area=reports"] .content > div:first-child .floatright {
		margin-top: 10px !important;
	}
}

/* Buzzen moderation sub-pages final pass: reports, closed reports, group requests, view membergroups. */
body #modcenter .cat_bar,
body #modcenter .title_bar,
body .generic_list .cat_bar,
body .generic_list .title_bar {
	position: relative !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 14px 14px 0 0 !important;
	background: linear-gradient(135deg, #2d8cb7 0%, #2480aa 42%, #0f3048 100%) !important;
	box-shadow: 0 12px 24px rgba(6, 34, 52, 0.18) !important;
	overflow: hidden !important;
}

body #modcenter .cat_bar::after,
body #modcenter .title_bar::after,
body .generic_list .cat_bar::after,
body .generic_list .title_bar::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	background: linear-gradient(90deg, #ffd83f 0%, #ffd83f 28%, rgba(255,216,63,0.18) 44%, transparent 72%) !important;
}

body #modcenter .cat_bar h3,
body #modcenter .cat_bar h4,
body #modcenter .title_bar h3,
body #modcenter .title_bar h4,
body .generic_list .cat_bar h3,
body .generic_list .cat_bar h4,
body .generic_list .title_bar h3,
body .generic_list .title_bar h4 {
	display: flex !important;
	align-items: center !important;
	min-height: 42px !important;
	margin: 0 !important;
	padding: 0 18px !important;
	border: 0 !important;
	background: transparent !important;
	color: #fff !important;
	font-size: 17px !important;
	font-weight: 900 !important;
	letter-spacing: 0.01em !important;
	line-height: 1.15 !important;
	text-shadow: 0 2px 3px rgba(0,0,0,0.35) !important;
}

body #modcenter .cat_bar h3::before,
body #modcenter .cat_bar h4::before,
body #modcenter .title_bar h3::before,
body #modcenter .title_bar h4::before,
body .generic_list .cat_bar h3::before,
body .generic_list .cat_bar h4::before,
body .generic_list .title_bar h3::before,
body .generic_list .title_bar h4::before {
	content: "\f06a";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	margin-right: 10px;
	border-radius: 999px;
	background: #ffd83f;
	color: #07314c;
	font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "FontAwesome";
	font-size: 13px;
	font-weight: 900;
	line-height: 1;
	text-shadow: none;
}

body #modcenter > form > .windowbg,
body #modcenter > form > .windowbg2,
body #moderationcenter > .windowbg,
body #moderationcenter > .windowbg2,
body .generic_list .windowbg,
body .generic_list .windowbg2,
body .generic_list .information,
body .generic_list .additional_row {
	box-sizing: border-box !important;
	border: 1px solid rgba(194, 221, 238, 0.94) !important;
	border-top: 0 !important;
	border-radius: 0 0 14px 14px !important;
	background: rgba(255,255,255,0.96) !important;
	box-shadow: 0 13px 26px rgba(6,34,52,0.09) !important;
	overflow: hidden !important;
}

body #modcenter > form > .windowbg .content,
body #modcenter > form > .windowbg2 .content,
body .generic_list .content,
body .generic_list .information,
body .generic_list .padding {
	padding: 16px 18px !important;
	color: #173a53 !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
}

/* Report list cards. */
body form[action*="area=reports"] > .windowbg,
body form[action*="area=reports"] > .windowbg2 {
	position: relative !important;
	margin: 0 0 12px !important;
	border: 1px solid rgba(194, 221, 238, 0.94) !important;
	border-radius: 14px !important;
	background: rgba(255,255,255,0.96) !important;
	box-shadow: 0 12px 24px rgba(6,34,52,0.08) !important;
	overflow: hidden !important;
}

body form[action*="area=reports"] > .windowbg::before,
body form[action*="area=reports"] > .windowbg2::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	background: linear-gradient(180deg, #ffd83f, #1f8dc0) !important;
}

body form[action*="area=reports"] > .windowbg > .content,
body form[action*="area=reports"] > .windowbg2 > .content {
	padding: 16px 18px 16px 24px !important;
	color: #173a53 !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
}

body form[action*="area=reports"] > .windowbg > .content > div:first-child,
body form[action*="area=reports"] > .windowbg2 > .content > div:first-child {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 14px !important;
	padding-bottom: 10px !important;
	border-bottom: 1px solid rgba(203,226,240,0.85) !important;
}

body form[action*="area=reports"] .content > div:first-child .floatleft,
body form[action*="area=reports"] .content > div:first-child .floatright {
	float: none !important;
}

body form[action*="area=reports"] .content > div:first-child .floatleft {
	flex: 1 1 auto !important;
	min-width: 0 !important;
}

body form[action*="area=reports"] .content > div:first-child .floatright {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	white-space: nowrap !important;
}

body form[action*="area=reports"] .content > div:first-child .floatright a {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	padding: 5px 8px !important;
	border-radius: 8px !important;
	background: linear-gradient(180deg, #f8fbfd, #e9f4fa) !important;
	border: 1px solid rgba(189,219,236,0.95) !important;
	box-shadow: 0 4px 10px rgba(6,34,52,0.08) !important;
	font-weight: 900 !important;
	text-decoration: none !important;
}

body form[action*="area=reports"] .content > div:first-child .floatright img {
	max-width: 16px !important;
	max-height: 16px !important;
	margin: 0 3px 0 0 !important;
}

body form[action*="area=reports"] .smalltext {
	margin: 10px 0 !important;
	padding: 8px 10px !important;
	border-radius: 10px !important;
	background: rgba(232,245,252,0.78) !important;
	border: 1px solid rgba(198,224,238,0.85) !important;
	color: #47687c !important;
}

body form[action*="area=reports"] hr {
	border: 0 !important;
	border-top: 1px solid rgba(203,226,240,0.85) !important;
	margin: 12px 0 !important;
}

body form[action*="area=reports"] .content > p,
body form[action*="area=reports"] .content > div:not(:first-child):not(.smalltext),
body form[action*="area=reports"] .content font,
body form[action*="area=reports"] .content span {
	max-width: 100% !important;
	font-size: 15px !important;
	line-height: 1.5 !important;
}

/* View membergroups and membergroup request tables. */
body table.table_grid {
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border: 1px solid rgba(194,221,238,0.94) !important;
	border-radius: 0 0 14px 14px !important;
	background: rgba(255,255,255,0.96) !important;
	box-shadow: 0 13px 26px rgba(6,34,52,0.09) !important;
	overflow: hidden !important;
}

body table.table_grid thead tr.catbg,
body table.table_grid tr.catbg {
	background: linear-gradient(135deg, #2d8cb7 0%, #2480aa 42%, #0f3048 100%) !important;
}

body table.table_grid th {
	padding: 11px 12px !important;
	border: 0 !important;
	border-bottom: 3px solid #ffd83f !important;
	background: transparent !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: 0.03em !important;
	text-transform: uppercase !important;
	text-shadow: 0 1px 2px rgba(0,0,0,0.35) !important;
}

body table.table_grid th a { color: #fff !important; font-weight: 900 !important; }

body table.table_grid td {
	padding: 12px 12px !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(203,226,240,0.85) !important;
	border-right: 1px solid rgba(222,237,246,0.85) !important;
	background: rgba(255,255,255,0.96) !important;
	color: #173a53 !important;
	vertical-align: middle !important;
}

body table.table_grid tr:nth-child(even) td { background: rgba(245,250,253,0.96) !important; }
body table.table_grid tr:hover td { background: rgba(232,246,253,0.98) !important; }
body table.table_grid td:last-child { border-right: 0 !important; }
body table.table_grid tr:last-child td { border-bottom: 0 !important; }

body table.table_grid + .pagesection,
body .pagesection + table.table_grid { margin-top: 10px !important; }

/* Moderation tabs for active/old reports. */
body #modcenter .pagesection,
body form[action*="area=reports"] .pagesection {
	margin: 12px 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	font-weight: 900 !important;
}

body #modcenter .pagesection a,
body #modcenter .pagesection strong,
body form[action*="area=reports"] .pagesection a,
body form[action*="area=reports"] .pagesection strong,
body form[action*="area=reports"] .pagesection .navPages,
body form[action*="area=reports"] .pagesection .current_page {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	color: #006db0 !important;
	font-weight: 900 !important;
}

body #modcenter .button_submit,
body #modcenter input[type="submit"],
body .generic_list .button_submit,
body .generic_list input[type="submit"] {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 32px !important;
	padding: 7px 14px !important;
	border: 0 !important;
	border-radius: 9px !important;
	background: linear-gradient(180deg, #2398d8, #086fae) !important;
	box-shadow: 0 8px 16px rgba(6,88,145,0.18) !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
	text-decoration: none !important;
	text-shadow: none !important;
	cursor: pointer !important;
}

body #modcenter input[type="checkbox"],
body .generic_list input[type="checkbox"] {
	accent-color: #1696d2 !important;
}

/* Buzzen v37: finish moderation report headers that are rendered outside #modcenter wrappers. */
body form[action*="action=moderate;area=reports"] > .cat_bar,
body form[action*="area=reports"] > .cat_bar,
body form[action*="action=moderate;area=reports"] > .title_bar,
body form[action*="area=reports"] > .title_bar,
body .moderation_reports .cat_bar,
body .moderation_reports .title_bar {
	position: relative !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 14px 14px 0 0 !important;
	background: linear-gradient(135deg, #2d8cb7 0%, #2480aa 42%, #0f3048 100%) !important;
	box-shadow: 0 12px 24px rgba(6, 34, 52, 0.18) !important;
	overflow: hidden !important;
}

body form[action*="action=moderate;area=reports"] > .cat_bar::after,
body form[action*="area=reports"] > .cat_bar::after,
body form[action*="action=moderate;area=reports"] > .title_bar::after,
body form[action*="area=reports"] > .title_bar::after,
body .moderation_reports .cat_bar::after,
body .moderation_reports .title_bar::after {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	height: 3px !important;
	background: linear-gradient(90deg, #ffd83f 0%, #ffd83f 28%, rgba(255,216,63,0.18) 44%, transparent 72%) !important;
}

body form[action*="action=moderate;area=reports"] > .cat_bar h3,
body form[action*="area=reports"] > .cat_bar h3,
body form[action*="action=moderate;area=reports"] > .cat_bar h4,
body form[action*="area=reports"] > .cat_bar h4,
body form[action*="action=moderate;area=reports"] > .title_bar h3,
body form[action*="area=reports"] > .title_bar h3,
body form[action*="action=moderate;area=reports"] > .title_bar h4,
body form[action*="area=reports"] > .title_bar h4,
body .moderation_reports .cat_bar h3,
body .moderation_reports .title_bar h3 {
	display: flex !important;
	align-items: center !important;
	min-height: 42px !important;
	margin: 0 !important;
	padding: 0 18px !important;
	border: 0 !important;
	background: transparent !important;
	color: #fff !important;
	font-size: 17px !important;
	font-weight: 900 !important;
	letter-spacing: 0.01em !important;
	line-height: 1.15 !important;
	text-shadow: 0 2px 3px rgba(0,0,0,0.35) !important;
}

body form[action*="action=moderate;area=reports"] > .cat_bar h3::before,
body form[action*="area=reports"] > .cat_bar h3::before,
body form[action*="action=moderate;area=reports"] > .cat_bar h4::before,
body form[action*="area=reports"] > .cat_bar h4::before,
body form[action*="action=moderate;area=reports"] > .title_bar h3::before,
body form[action*="area=reports"] > .title_bar h3::before,
body form[action*="action=moderate;area=reports"] > .title_bar h4::before,
body form[action*="area=reports"] > .title_bar h4::before,
body .moderation_reports .cat_bar h3::before,
body .moderation_reports .title_bar h3::before {
	content: "\f06a" !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 24px !important;
	height: 24px !important;
	margin-right: 10px !important;
	border-radius: 999px !important;
	background: #ffd83f !important;
	color: #07314c !important;
	font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "FontAwesome" !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	text-shadow: none !important;
}

/* Keep the report tabs from looking detached after the section headers. */
body form[action*="action=moderate;area=reports"] > .buttonlist,
body form[action*="area=reports"] > .buttonlist,
body form[action*="action=moderate;area=reports"] > .flow_hidden,
body form[action*="area=reports"] > .flow_hidden {
	margin-top: 0 !important;
}

/* Buzzen v38: finish moderation subpage polish (reports, closed reports, group requests, view membergroups). */
body #modcenter > .cat_bar,
body #modcenter > .title_bar,
body #modcenter form > .cat_bar,
body #modcenter form > .title_bar,
body #main_admsection > .cat_bar,
body #main_admsection > .title_bar,
body #admincenter > .cat_bar,
body #admincenter > .title_bar {
	position: relative !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 14px 14px 0 0 !important;
	background: linear-gradient(135deg, #2d8cb7 0%, #2480aa 42%, #0f3048 100%) !important;
	box-shadow: 0 12px 24px rgba(6,34,52,0.18) !important;
	overflow: hidden !important;
}

body #modcenter > .cat_bar::after,
body #modcenter > .title_bar::after,
body #modcenter form > .cat_bar::after,
body #modcenter form > .title_bar::after,
body #main_admsection > .cat_bar::after,
body #main_admsection > .title_bar::after,
body #admincenter > .cat_bar::after,
body #admincenter > .title_bar::after {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	height: 3px !important;
	background: linear-gradient(90deg, #ffd83f 0%, #ffd83f 28%, rgba(255,216,63,0.22) 44%, transparent 72%) !important;
}

body #modcenter .cat_bar .catbg,
body #modcenter .cat_bar .titlebg,
body #modcenter .title_bar .catbg,
body #modcenter .title_bar .titlebg,
body #modcenter .cat_bar h3,
body #modcenter .cat_bar h4,
body #modcenter .title_bar h3,
body #modcenter .title_bar h4,
body #main_admsection .cat_bar .catbg,
body #main_admsection .title_bar .titlebg,
body #main_admsection .cat_bar h3,
body #main_admsection .title_bar h3,
body #admincenter .cat_bar .catbg,
body #admincenter .title_bar .titlebg,
body #admincenter .cat_bar h3,
body #admincenter .title_bar h3 {
	display: flex !important;
	align-items: center !important;
	min-height: 42px !important;
	margin: 0 !important;
	padding: 0 18px !important;
	border: 0 !important;
	background: transparent !important;
	color: #fff !important;
	font-size: 17px !important;
	font-weight: 900 !important;
	letter-spacing: 0.01em !important;
	line-height: 1.15 !important;
	text-shadow: 0 2px 3px rgba(0,0,0,0.35) !important;
}

body #modcenter .cat_bar .catbg::before,
body #modcenter .cat_bar .titlebg::before,
body #modcenter .title_bar .catbg::before,
body #modcenter .title_bar .titlebg::before,
body #modcenter .cat_bar h3::before,
body #modcenter .cat_bar h4::before,
body #modcenter .title_bar h3::before,
body #modcenter .title_bar h4::before,
body #main_admsection .cat_bar h3::before,
body #main_admsection .title_bar h3::before,
body #admincenter .cat_bar h3::before,
body #admincenter .title_bar h3::before {
	content: "\f06a" !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 24px !important;
	height: 24px !important;
	margin-right: 10px !important;
	border-radius: 999px !important;
	background: #ffd83f !important;
	color: #07314c !important;
	font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "FontAwesome" !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	text-shadow: none !important;
}

body #modcenter .information,
body #modcenter .description,
body #modcenter > .windowbg,
body #modcenter > .windowbg2,
body #modcenter form > .windowbg,
body #modcenter form > .windowbg2,
body #main_admsection > .windowbg,
body #main_admsection > .windowbg2,
body #admincenter > .windowbg,
body #admincenter > .windowbg2 {
	box-sizing: border-box !important;
	border: 1px solid rgba(194,221,238,0.94) !important;
	border-radius: 0 0 14px 14px !important;
	background: rgba(255,255,255,0.96) !important;
	box-shadow: 0 13px 26px rgba(6,34,52,0.09) !important;
	overflow: hidden !important;
}

body #modcenter .information,
body #modcenter .description {
	padding: 12px 16px !important;
	color: #173a53 !important;
	line-height: 1.45 !important;
}

/* Report tabs should match Buzzen button tabs and not old SMF bars. */
body #modcenter .buttonlist,
body #modcenter ul.buttonlist {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin: 14px 0 18px !important;
	padding: 12px 14px !important;
	border: 1px solid rgba(194,221,238,0.9) !important;
	border-radius: 14px !important;
	background: rgba(255,255,255,0.84) !important;
	box-shadow: 0 10px 22px rgba(6,34,52,0.06) !important;
}
body #modcenter .buttonlist li,
body #modcenter ul.buttonlist li { margin: 0 !important; padding: 0 !important; }
body #modcenter .buttonlist a,
body #modcenter .buttonlist .active,
body #modcenter .buttonlist strong {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 34px !important;
	padding: 0 15px !important;
	border-radius: 9px !important;
	border: 0 !important;
	background: transparent !important;
	color: #07314c !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: .02em !important;
	text-transform: uppercase !important;
	box-shadow: none !important;
	text-decoration: none !important;
}
body #modcenter .buttonlist .active,
body #modcenter .buttonlist a.active,
body #modcenter .buttonlist strong,
body #modcenter .buttonlist a:hover {
	background: linear-gradient(180deg, #2398d8, #0878bc) !important;
	color: #fff !important;
	box-shadow: 0 8px 16px rgba(6,88,145,.18) !important;
}

/* Report cards: cleaner header, action buttons, metadata and media containment. */
body form[action*="area=reports"] > .windowbg,
body form[action*="area=reports"] > .windowbg2 {
	margin: 0 0 16px !important;
	border: 1px solid rgba(194,221,238,.94) !important;
	border-left: 4px solid #ffd83f !important;
	border-radius: 14px !important;
	background: rgba(255,255,255,.96) !important;
	box-shadow: 0 13px 28px rgba(6,34,52,.10) !important;
	overflow: hidden !important;
}
body form[action*="area=reports"] > .windowbg::before,
body form[action*="area=reports"] > .windowbg2::before { display: none !important; }
body form[action*="area=reports"] > .windowbg > .content,
body form[action*="area=reports"] > .windowbg2 > .content {
	padding: 18px 20px !important;
}
body form[action*="area=reports"] > .windowbg > .content > div:first-child,
body form[action*="area=reports"] > .windowbg2 > .content > div:first-child {
	margin: -18px -20px 14px !important;
	padding: 14px 18px !important;
	background: linear-gradient(180deg, rgba(248,252,255,.96), rgba(236,247,253,.96)) !important;
	border-bottom: 1px solid rgba(196,222,238,.95) !important;
}
body form[action*="area=reports"] .content > div:first-child .floatleft strong,
body form[action*="area=reports"] .content > div:first-child .floatleft a {
	font-size: 15px !important;
	font-weight: 900 !important;
}
body form[action*="area=reports"] .content > div:first-child .floatright a,
body form[action*="area=reports"] .content > div:first-child .floatright label {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 30px !important;
	padding: 6px 10px !important;
	border-radius: 8px !important;
	background: linear-gradient(180deg, #f8fbfd, #e9f4fa) !important;
	border: 1px solid rgba(189,219,236,.95) !important;
	box-shadow: 0 5px 12px rgba(6,34,52,.08) !important;
	color: #006db0 !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	text-decoration: none !important;
}
body form[action*="area=reports"] .content > div:first-child .floatright a:hover {
	background: linear-gradient(180deg, #2398d8, #0878bc) !important;
	color: #fff !important;
}
body form[action*="area=reports"] .content > div:first-child .floatright input[type="checkbox"] {
	margin-left: 6px !important;
	transform: translateY(1px) !important;
}
body form[action*="area=reports"] .smalltext {
	margin: 12px 0 !important;
	padding: 10px 12px !important;
	border-radius: 10px !important;
	background: rgba(232,245,252,.86) !important;
	border: 1px solid rgba(198,224,238,.92) !important;
	color: #45677c !important;
	font-size: 12px !important;
	line-height: 1.45 !important;
}
body form[action*="area=reports"] blockquote,
body form[action*="area=reports"] .quote,
body form[action*="area=reports"] .code {
	margin: 12px 0 !important;
	padding: 12px 14px !important;
	border: 1px solid rgba(195,222,238,.95) !important;
	border-radius: 10px !important;
	background: rgba(238,248,253,.92) !important;
	color: #173a53 !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.8) !important;
}
body form[action*="area=reports"] .content img,
body form[action*="area=reports"] .content .bbc_img,
body form[action*="area=reports"] .content img.bbc_img {
	max-width: 100% !important;
	height: auto !important;
	margin: 12px 0 !important;
	border-radius: 10px !important;
	box-shadow: 0 8px 18px rgba(6,34,52,.10) !important;
}
body form[action*="area=reports"] > div:last-child,
body form[action*="area=reports"] .righttext {
	margin-top: 12px !important;
	padding: 10px 0 !important;
}

/* Membergroup request and view membergroup tables. */
body #modcenter table.table_grid,
body #main_admsection table.table_grid,
body #admincenter table.table_grid,
body .generic_list table.table_grid {
	width: 100% !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border: 1px solid rgba(194,221,238,.94) !important;
	border-radius: 0 0 14px 14px !important;
	background: rgba(255,255,255,.96) !important;
	box-shadow: 0 13px 26px rgba(6,34,52,.09) !important;
	overflow: hidden !important;
}
body #modcenter table.table_grid th,
body #main_admsection table.table_grid th,
body #admincenter table.table_grid th,
body .generic_list table.table_grid th {
	padding: 12px 14px !important;
	border-bottom: 3px solid #ffd83f !important;
	background: linear-gradient(135deg, #2d8cb7 0%, #2480aa 42%, #0f3048 100%) !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: .03em !important;
	text-transform: uppercase !important;
	text-shadow: 0 1px 2px rgba(0,0,0,.35) !important;
}
body #modcenter table.table_grid td,
body #main_admsection table.table_grid td,
body #admincenter table.table_grid td,
body .generic_list table.table_grid td {
	padding: 12px 14px !important;
	border-right: 1px solid rgba(222,237,246,.9) !important;
	border-bottom: 1px solid rgba(203,226,240,.9) !important;
	background: rgba(255,255,255,.97) !important;
	vertical-align: middle !important;
}
body #modcenter table.table_grid tr:nth-child(even) td,
body #main_admsection table.table_grid tr:nth-child(even) td,
body #admincenter table.table_grid tr:nth-child(even) td,
body .generic_list table.table_grid tr:nth-child(even) td { background: rgba(244,250,253,.97) !important; }
body #modcenter table.table_grid tr:hover td,
body #main_admsection table.table_grid tr:hover td,
body #admincenter table.table_grid tr:hover td,
body .generic_list table.table_grid tr:hover td { background: rgba(232,246,253,.98) !important; }

@media (max-width: 980px) {
	body form[action*="area=reports"] > .windowbg > .content > div:first-child,
	body form[action*="area=reports"] > .windowbg2 > .content > div:first-child {
		display: block !important;
	}
	body form[action*="area=reports"] .content > div:first-child .floatright {
		margin-top: 10px !important;
		flex-wrap: wrap !important;
	}
}

/* v39: Restore Buzzen action button backgrounds on board/topic/reply pages after moderation styling pass. */
body:not(.admin) .pagesection .buttonlist,
body:not(.admin) .buzzen-board-actions .buttonlist,
body:not(.admin) #display_head .buttonlist,
body:not(.admin) #display_tail .buttonlist,
body:not(.admin) #moderationbuttons .buttonlist {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

body:not(.admin) .pagesection .buttonlist li,
body:not(.admin) .buzzen-board-actions .buttonlist li,
body:not(.admin) #display_head .buttonlist li,
body:not(.admin) #display_tail .buttonlist li,
body:not(.admin) #moderationbuttons .buttonlist li {
	margin: 0 0 0 6px !important;
	padding: 0 !important;
}

body:not(.admin) .pagesection .buttonlist li a,
body:not(.admin) .pagesection .buttonlist a,
body:not(.admin) .buzzen-board-actions .buttonlist li a,
body:not(.admin) .buzzen-board-actions .buttonlist a,
body:not(.admin) #display_head .buttonlist li a,
body:not(.admin) #display_tail .buttonlist li a,
body:not(.admin) #moderationbuttons .buttonlist li a,
body:not(.admin) a.button_strip_new_topic,
body:not(.admin) a.button_strip_post_poll,
body:not(.admin) a.button_strip_notify,
body:not(.admin) a.button_strip_markread,
body:not(.admin) a.button_strip_reply,
body:not(.admin) a.button_strip_add_poll,
body:not(.admin) a.button_strip_send,
body:not(.admin) a.button_strip_print,
body:not(.admin) a.button_strip_move,
body:not(.admin) a.button_strip_remove,
body:not(.admin) a.button_strip_lock,
body:not(.admin) a.button_strip_sticky,
body:not(.admin) a.button_strip_merge {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 26px !important;
	padding: 6px 13px !important;
	border: 1px solid rgba(36,127,208,.28) !important;
	border-radius: 8px !important;
	background: linear-gradient(180deg, #2f9fde 0%, #167bbd 100%) !important;
	box-shadow: 0 7px 14px rgba(7,22,39,.13) !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	line-height: 1.15 !important;
	text-decoration: none !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.26) !important;
	text-transform: none !important;
	opacity: 1 !important;
}

body:not(.admin) .pagesection .buttonlist li a:hover,
body:not(.admin) .buzzen-board-actions .buttonlist li a:hover,
body:not(.admin) #display_head .buttonlist li a:hover,
body:not(.admin) #display_tail .buttonlist li a:hover,
body:not(.admin) #moderationbuttons .buttonlist li a:hover,
body:not(.admin) a.button_strip_new_topic:hover,
body:not(.admin) a.button_strip_post_poll:hover,
body:not(.admin) a.button_strip_notify:hover,
body:not(.admin) a.button_strip_markread:hover,
body:not(.admin) a.button_strip_reply:hover,
body:not(.admin) a.button_strip_add_poll:hover,
body:not(.admin) a.button_strip_send:hover,
body:not(.admin) a.button_strip_print:hover,
body:not(.admin) a.button_strip_move:hover,
body:not(.admin) a.button_strip_remove:hover,
body:not(.admin) a.button_strip_lock:hover,
body:not(.admin) a.button_strip_sticky:hover,
body:not(.admin) a.button_strip_merge:hover {
	background: linear-gradient(180deg, #37ace9 0%, #1b86cc 100%) !important;
	color: #fff !important;
	text-decoration: none !important;
}

body:not(.admin) .pagesection .buttonlist a.button_strip_new_topic,
body:not(.admin) .buzzen-board-actions .buttonlist a.button_strip_new_topic,
body:not(.admin) a.button_strip_new_topic,
body:not(.admin) a.button_strip_reply {
	background: linear-gradient(180deg, #31b979 0%, #169c61 100%) !important;
	border-color: rgba(22,156,97,.45) !important;
}

body:not(.admin) .pagesection .buttonlist a.button_strip_new_topic:hover,
body:not(.admin) .buzzen-board-actions .buttonlist a.button_strip_new_topic:hover,
body:not(.admin) a.button_strip_new_topic:hover,
body:not(.admin) a.button_strip_reply:hover {
	background: linear-gradient(180deg, #39c984 0%, #16a86a 100%) !important;
}

body:not(.admin) input.button_submit,
body:not(.admin) input[type="submit"].button_submit,
body:not(.admin) #postmodify input[type="submit"],
body:not(.admin) #postmodify input[type="button"],
body:not(.admin) #quickModForm input[type="submit"] {
	border: 1px solid rgba(36,127,208,.28) !important;
	border-radius: 8px !important;
	background: linear-gradient(180deg, #2f9fde 0%, #167bbd 100%) !important;
	box-shadow: 0 7px 14px rgba(7,22,39,.13) !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.26) !important;
}

body:not(.admin) input.button_submit:hover,
body:not(.admin) input[type="submit"].button_submit:hover,
body:not(.admin) #postmodify input[type="submit"]:hover,
body:not(.admin) #postmodify input[type="button"]:hover,
body:not(.admin) #quickModForm input[type="submit"]:hover {
	background: linear-gradient(180deg, #37ace9 0%, #1b86cc 100%) !important;
}

/* v40: Hard restore board/topic action button backgrounds.
   The moderation nav rule uses #main_content_section and was overriding these links to transparent.
   Keep this scoped to action areas only so the main/secondary navigation stays unchanged. */
body #main_content_section .pagesection .buttonlist li a,
body #main_content_section .pagesection .buttonlist a,
body #main_content_section .buzzen-board-actions .buttonlist li a,
body #main_content_section .buzzen-board-actions .buttonlist a,
body #main_content_section .buzzen-topic-actions .buttonlist li a,
body #main_content_section .buzzen-topic-actions .buttonlist a,
body #main_content_section #display_head .buttonlist li a,
body #main_content_section #display_head .buttonlist a,
body #main_content_section #display_tail .buttonlist li a,
body #main_content_section #display_tail .buttonlist a,
body #main_content_section #moderationbuttons .buttonlist li a,
body #main_content_section #moderationbuttons .buttonlist a,
body #main_content_section a.button_strip_new_topic,
body #main_content_section a.button_strip_post_poll,
body #main_content_section a.button_strip_notify,
body #main_content_section a.button_strip_markread,
body #main_content_section a.button_strip_reply,
body #main_content_section a.button_strip_add_poll,
body #main_content_section a.button_strip_mark_unread,
body #main_content_section a.button_strip_send,
body #main_content_section a.button_strip_print,
body #main_content_section a.button_strip_move,
body #main_content_section a.button_strip_remove,
body #main_content_section a.button_strip_lock,
body #main_content_section a.button_strip_sticky,
body #main_content_section a.button_strip_merge,
body #main_content_section a.button_strip_split {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 26px !important;
	padding: 6px 13px !important;
	border: 1px solid rgba(36,127,208,.34) !important;
	border-radius: 8px !important;
	background: linear-gradient(180deg, #2f9fde 0%, #167bbd 100%) !important;
	box-shadow: 0 7px 14px rgba(7,22,39,.13) !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	line-height: 1.15 !important;
	letter-spacing: 0 !important;
	text-decoration: none !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.26) !important;
	text-transform: none !important;
	opacity: 1 !important;
}

body #main_content_section .pagesection .buttonlist li a:hover,
body #main_content_section .pagesection .buttonlist a:hover,
body #main_content_section .buzzen-board-actions .buttonlist li a:hover,
body #main_content_section .buzzen-board-actions .buttonlist a:hover,
body #main_content_section .buzzen-topic-actions .buttonlist li a:hover,
body #main_content_section .buzzen-topic-actions .buttonlist a:hover,
body #main_content_section #display_head .buttonlist li a:hover,
body #main_content_section #display_head .buttonlist a:hover,
body #main_content_section #display_tail .buttonlist li a:hover,
body #main_content_section #display_tail .buttonlist a:hover,
body #main_content_section #moderationbuttons .buttonlist li a:hover,
body #main_content_section #moderationbuttons .buttonlist a:hover {
	background: linear-gradient(180deg, #37ace9 0%, #1b86cc 100%) !important;
	color: #fff !important;
	text-decoration: none !important;
}

body #main_content_section .pagesection .buttonlist a.button_strip_new_topic,
body #main_content_section .buzzen-board-actions .buttonlist a.button_strip_new_topic,
body #main_content_section .buzzen-topic-actions .buttonlist a.button_strip_reply,
body #main_content_section #display_head .buttonlist a.button_strip_reply,
body #main_content_section #display_tail .buttonlist a.button_strip_reply,
body #main_content_section a.button_strip_new_topic,
body #main_content_section a.button_strip_reply {
	background: linear-gradient(180deg, #31b979 0%, #169c61 100%) !important;
	border-color: rgba(22,156,97,.45) !important;
}

body #main_content_section .pagesection .buttonlist a.button_strip_new_topic:hover,
body #main_content_section .buzzen-board-actions .buttonlist a.button_strip_new_topic:hover,
body #main_content_section .buzzen-topic-actions .buttonlist a.button_strip_reply:hover,
body #main_content_section #display_head .buttonlist a.button_strip_reply:hover,
body #main_content_section #display_tail .buttonlist a.button_strip_reply:hover,
body #main_content_section a.button_strip_new_topic:hover,
body #main_content_section a.button_strip_reply:hover {
	background: linear-gradient(180deg, #39c984 0%, #16a86a 100%) !important;
}

body #main_content_section .buttonlist li {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* v41: Moderation report header alignment fix.
   Some moderation report sections render legacy SMF cat_bar/title_bar containers with a
   fixed inherited height. The previous modernization made the inner h3 taller, but the
   parent clipped it. Force the report headers to own their full height like the forum
   index category headers. */
body #modcenter .cat_bar,
body #modcenter .title_bar,
body #modcenter form .cat_bar,
body #modcenter form .title_bar,
body form[action*="area=reports"] .cat_bar,
body form[action*="area=reports"] .title_bar,
body .moderation_reports .cat_bar,
body .moderation_reports .title_bar {
	height: auto !important;
	min-height: 46px !important;
	line-height: normal !important;
	overflow: visible !important;
	box-sizing: border-box !important;
}

body #modcenter .cat_bar .catbg,
body #modcenter .cat_bar .titlebg,
body #modcenter .title_bar .catbg,
body #modcenter .title_bar .titlebg,
body #modcenter .cat_bar h3,
body #modcenter .cat_bar h4,
body #modcenter .title_bar h3,
body #modcenter .title_bar h4,
body form[action*="area=reports"] .cat_bar h3,
body form[action*="area=reports"] .cat_bar h4,
body form[action*="area=reports"] .title_bar h3,
body form[action*="area=reports"] .title_bar h4,
body .moderation_reports .cat_bar h3,
body .moderation_reports .cat_bar h4,
body .moderation_reports .title_bar h3,
body .moderation_reports .title_bar h4 {
	height: 46px !important;
	min-height: 46px !important;
	padding: 0 18px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	line-height: 1.15 !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

body #modcenter .cat_bar::after,
body #modcenter .title_bar::after,
body #modcenter form .cat_bar::after,
body #modcenter form .title_bar::after,
body form[action*="area=reports"] .cat_bar::after,
body form[action*="area=reports"] .title_bar::after,
body .moderation_reports .cat_bar::after,
body .moderation_reports .title_bar::after {
	bottom: 0 !important;
	z-index: 1 !important;
}

body #modcenter .cat_bar h3::before,
body #modcenter .cat_bar h4::before,
body #modcenter .title_bar h3::before,
body #modcenter .title_bar h4::before,
body form[action*="area=reports"] .cat_bar h3::before,
body form[action*="area=reports"] .cat_bar h4::before,
body form[action*="area=reports"] .title_bar h3::before,
body form[action*="area=reports"] .title_bar h4::before,
body .moderation_reports .cat_bar h3::before,
body .moderation_reports .cat_bar h4::before,
body .moderation_reports .title_bar h3::before,
body .moderation_reports .title_bar h4::before {
	flex: 0 0 24px !important;
	position: static !important;
	transform: none !important;
}

/* v42: Finish the top Reported Posts moderation header.
   The reports intro header is followed immediately by an information/description block.
   Older SMF spacing allowed that block to ride up over the header and visually clip the
   title, while the Active/Old Reports section header below was already fixed. */
body #modcenter > .cat_bar,
body #modcenter > .title_bar,
body form[action*="area=reports"] > .cat_bar,
body form[action*="area=reports"] > .title_bar {
	position: relative !important;
	z-index: 2 !important;
	height: 46px !important;
	min-height: 46px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 14px 14px 0 0 !important;
	background: linear-gradient(135deg, #2d8cb7 0%, #2480aa 42%, #0f3048 100%) !important;
	overflow: visible !important;
	box-shadow: 0 12px 24px rgba(6,34,52,0.18) !important;
}

body #modcenter > .cat_bar h3,
body #modcenter > .title_bar h3,
body #modcenter > .cat_bar h4,
body #modcenter > .title_bar h4,
body #modcenter > .cat_bar .catbg,
body #modcenter > .title_bar .titlebg,
body form[action*="area=reports"] > .cat_bar h3,
body form[action*="area=reports"] > .title_bar h3,
body form[action*="area=reports"] > .cat_bar h4,
body form[action*="area=reports"] > .title_bar h4,
body form[action*="area=reports"] > .cat_bar .catbg,
body form[action*="area=reports"] > .title_bar .titlebg {
	height: 46px !important;
	min-height: 46px !important;
	margin: 0 !important;
	padding: 0 18px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	line-height: 46px !important;
	box-sizing: border-box !important;
	color: #fff !important;
	font-size: 17px !important;
	font-weight: 900 !important;
	text-shadow: 0 2px 3px rgba(0,0,0,0.35) !important;
	overflow: visible !important;
}

body #modcenter > .cat_bar + .information,
body #modcenter > .title_bar + .information,
body #modcenter > .cat_bar + .description,
body #modcenter > .title_bar + .description,
body form[action*="area=reports"] > .cat_bar + .information,
body form[action*="area=reports"] > .title_bar + .information,
body form[action*="area=reports"] > .cat_bar + .description,
body form[action*="area=reports"] > .title_bar + .description,
body form[action*="area=reports"] > .cat_bar + .windowbg,
body form[action*="area=reports"] > .title_bar + .windowbg,
body form[action*="area=reports"] > .cat_bar + .windowbg2,
body form[action*="area=reports"] > .title_bar + .windowbg2 {
	position: relative !important;
	z-index: 1 !important;
	margin-top: 0 !important;
	border-top: 0 !important;
	border-radius: 0 0 14px 14px !important;
}

body #modcenter > .cat_bar::after,
body #modcenter > .title_bar::after,
body form[action*="area=reports"] > .cat_bar::after,
body form[action*="area=reports"] > .title_bar::after {
	z-index: 3 !important;
}

/* v43: Hard fix for the top moderation page headers rendered in #main_admsection.
   The reports intro header can be output with nested .catbg/.titlebg and floated
   .ie6_header spans, which ignored the previous h3-only alignment and made the
   title appear clipped. Match the finished forum-index header behavior here. */
body #main_admsection > .cat_bar,
body #main_admsection > .title_bar,
body #main_admsection #modcenter > .cat_bar,
body #main_admsection #modcenter > .title_bar,
body #main_admsection #modcenter > form > .cat_bar,
body #main_admsection #modcenter > form > .title_bar {
	position: relative !important;
	display: block !important;
	height: 52px !important;
	min-height: 52px !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 14px 14px 0 0 !important;
	background: linear-gradient(135deg, #2d8cb7 0%, #2480aa 42%, #0f3048 100%) !important;
	box-shadow: 0 12px 24px rgba(6,34,52,0.18) !important;
	overflow: visible !important;
	box-sizing: border-box !important;
}

body #main_admsection > .cat_bar::after,
body #main_admsection > .title_bar::after,
body #main_admsection #modcenter > .cat_bar::after,
body #main_admsection #modcenter > .title_bar::after,
body #main_admsection #modcenter > form > .cat_bar::after,
body #main_admsection #modcenter > form > .title_bar::after {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	height: 3px !important;
	background: linear-gradient(90deg, #ffd83f 0%, #ffd83f 28%, rgba(255,216,63,0.22) 44%, transparent 72%) !important;
	z-index: 2 !important;
}

body #main_admsection > .cat_bar > h3,
body #main_admsection > .cat_bar > h4,
body #main_admsection > .title_bar > h3,
body #main_admsection > .title_bar > h4,
body #main_admsection > .cat_bar > .catbg,
body #main_admsection > .title_bar > .titlebg,
body #main_admsection #modcenter > .cat_bar > h3,
body #main_admsection #modcenter > .cat_bar > h4,
body #main_admsection #modcenter > .title_bar > h3,
body #main_admsection #modcenter > .title_bar > h4,
body #main_admsection #modcenter > .cat_bar > .catbg,
body #main_admsection #modcenter > .title_bar > .titlebg,
body #main_admsection #modcenter > form > .cat_bar > h3,
body #main_admsection #modcenter > form > .cat_bar > h4,
body #main_admsection #modcenter > form > .title_bar > h3,
body #main_admsection #modcenter > form > .title_bar > h4,
body #main_admsection #modcenter > form > .cat_bar > .catbg,
body #main_admsection #modcenter > form > .title_bar > .titlebg {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	height: 52px !important;
	min-height: 52px !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 20px !important;
	border: 0 !important;
	background: transparent !important;
	box-sizing: border-box !important;
	color: #fff !important;
	font-size: 18px !important;
	font-weight: 900 !important;
	letter-spacing: 0.01em !important;
	line-height: 1.15 !important;
	text-shadow: 0 2px 3px rgba(0,0,0,0.35) !important;
	overflow: visible !important;
	z-index: 3 !important;
}

body #main_admsection .cat_bar h3 .ie6_header,
body #main_admsection .cat_bar h4 .ie6_header,
body #main_admsection .title_bar h3 .ie6_header,
body #main_admsection .title_bar h4 .ie6_header,
body #main_admsection .cat_bar h3 span,
body #main_admsection .cat_bar h4 span,
body #main_admsection .title_bar h3 span,
body #main_admsection .title_bar h4 span {
	float: none !important;
	display: inline-flex !important;
	align-items: center !important;
	min-height: 0 !important;
	line-height: 1.15 !important;
	margin: 0 !important;
	padding: 0 !important;
	vertical-align: middle !important;
	overflow: visible !important;
}

body #main_admsection > .cat_bar > h3::before,
body #main_admsection > .cat_bar > h4::before,
body #main_admsection > .title_bar > h3::before,
body #main_admsection > .title_bar > h4::before,
body #main_admsection #modcenter > .cat_bar > h3::before,
body #main_admsection #modcenter > .cat_bar > h4::before,
body #main_admsection #modcenter > .title_bar > h3::before,
body #main_admsection #modcenter > .title_bar > h4::before,
body #main_admsection #modcenter > form > .cat_bar > h3::before,
body #main_admsection #modcenter > form > .cat_bar > h4::before,
body #main_admsection #modcenter > form > .title_bar > h3::before,
body #main_admsection #modcenter > form > .title_bar > h4::before {
	content: "\f06a" !important;
	position: static !important;
	transform: none !important;
	flex: 0 0 26px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 26px !important;
	height: 26px !important;
	margin: 0 12px 0 0 !important;
	border-radius: 999px !important;
	background: #ffd83f !important;
	color: #07314c !important;
	font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "FontAwesome" !important;
	font-size: 14px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	text-shadow: none !important;
}

body #main_admsection > .cat_bar + .information,
body #main_admsection > .title_bar + .information,
body #main_admsection > .cat_bar + .description,
body #main_admsection > .title_bar + .description,
body #main_admsection #modcenter > .cat_bar + .information,
body #main_admsection #modcenter > .title_bar + .information,
body #main_admsection #modcenter > .cat_bar + .description,
body #main_admsection #modcenter > .title_bar + .description,
body #main_admsection #modcenter > .cat_bar + .windowbg,
body #main_admsection #modcenter > .title_bar + .windowbg,
body #main_admsection #modcenter > form > .cat_bar + .information,
body #main_admsection #modcenter > form > .title_bar + .information,
body #main_admsection #modcenter > form > .cat_bar + .description,
body #main_admsection #modcenter > form > .title_bar + .description,
body #main_admsection #modcenter > form > .cat_bar + .windowbg,
body #main_admsection #modcenter > form > .title_bar + .windowbg,
body #main_admsection #modcenter > form > .cat_bar + .windowbg2,
body #main_admsection #modcenter > form > .title_bar + .windowbg2 {
	position: relative !important;
	z-index: 1 !important;
	margin-top: 0 !important;
	border-top: 0 !important;
	border-radius: 0 0 14px 14px !important;
}

/* Buzzen v44: Admin section full polish pass
-----------------------------------------------------------------------------------
   Scoped to admin/login areas so the finished forum index, board view, topic view,
   moderation reports, and regular content pages are not disturbed. */

/* Administration re-auth login */
#admin_login.tborder.login {
	width: min(560px, calc(100vw - 32px)) !important;
	margin: 34px auto 140px !important;
	border: 1px solid rgba(196, 224, 242, 0.95) !important;
	border-radius: 18px !important;
	background: rgba(255,255,255,0.82) !important;
	box-shadow: 0 18px 38px rgba(6,34,52,0.16) !important;
	overflow: hidden !important;
}

#admin_login .cat_bar {
	position: relative !important;
	height: 48px !important;
	min-height: 48px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 18px 18px 0 0 !important;
	background: linear-gradient(135deg, #2d8cb7 0%, #2480aa 42%, #0f3048 100%) !important;
	box-shadow: none !important;
	overflow: visible !important;
}

#admin_login .cat_bar::after {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	height: 3px !important;
	background: linear-gradient(90deg, #ffd83f 0%, #ffd83f 28%, rgba(255,216,63,0.22) 44%, transparent 72%) !important;
}

#admin_login .cat_bar .catbg,
#admin_login .cat_bar h3.catbg {
	display: flex !important;
	align-items: center !important;
	height: 48px !important;
	min-height: 48px !important;
	margin: 0 !important;
	padding: 0 24px !important;
	background: transparent !important;
	color: #fff !important;
	font-size: 18px !important;
	font-weight: 900 !important;
	line-height: 1.15 !important;
	text-shadow: 0 2px 3px rgba(0,0,0,0.35) !important;
	overflow: visible !important;
}

#admin_login .cat_bar .catbg .ie6_header,
#admin_login .cat_bar .catbg span {
	float: none !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.15 !important;
}

#admin_login .cat_bar img.icon {
	width: 18px !important;
	height: 18px !important;
	margin: 0 !important;
	padding: 5px !important;
	border-radius: 999px !important;
	background: #ffd83f !important;
	box-sizing: content-box !important;
}

#admin_login .upperframe,
#admin_login .lowerframe,
#admin_login .upperframe span,
#admin_login .lowerframe span {
	display: none !important;
}

#admin_login .roundframe.centertext {
	margin: 0 !important;
	padding: 24px 28px 26px !important;
	border: 0 !important;
	border-radius: 0 0 18px 18px !important;
	background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(242,249,253,0.96)) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.85) !important;
	color: #082942 !important;
}

#admin_login .roundframe.centertext strong {
	display: inline-block !important;
	margin: 0 8px 12px 0 !important;
	color: #082942 !important;
	font-size: 14px !important;
	font-weight: 900 !important;
}

#admin_login input.input_password {
	width: min(260px, 70%) !important;
	height: 32px !important;
	padding: 5px 10px !important;
	border: 1px solid #b9d9ec !important;
	border-radius: 999px !important;
	background: #fff !important;
	box-shadow: inset 0 1px 2px rgba(2,20,34,0.06) !important;
	color: #082942 !important;
}

#admin_login .help img {
	vertical-align: middle !important;
	margin-left: 6px !important;
}

#admin_login .button_submit,
#admincenter .button_submit,
#admincenter .button_reset,
#admincenter .button_check,
#main_admsection .button_submit,
#main_admsection .button_reset,
#main_admsection .button_check {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 31px !important;
	padding: 7px 15px !important;
	border: 1px solid rgba(9, 110, 175, 0.7) !important;
	border-radius: 9px !important;
	background: linear-gradient(180deg, #2aa6e8 0%, #0878bc 100%) !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	text-shadow: 0 1px 1px rgba(0,0,0,0.25) !important;
	box-shadow: 0 8px 16px rgba(6,90,145,0.18) !important;
	text-decoration: none !important;
	cursor: pointer !important;
}

#admin_login .button_submit:hover,
#admincenter .button_submit:hover,
#admincenter .button_reset:hover,
#admincenter .button_check:hover,
#main_admsection .button_submit:hover,
#main_admsection .button_reset:hover,
#main_admsection .button_check:hover {
	filter: brightness(1.05) !important;
	transform: translateY(-1px) !important;
}

/* General admin page shell */
#admincenter,
#main_admsection #admincenter {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #082942 !important;
}

#admincenter .cat_bar,
#admincenter .title_bar,
#main_admsection #admincenter .cat_bar,
#main_admsection #admincenter .title_bar {
	position: relative !important;
	display: block !important;
	min-height: 48px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 14px 14px 0 0 !important;
	background: linear-gradient(135deg, #2d8cb7 0%, #2480aa 42%, #0f3048 100%) !important;
	box-shadow: 0 12px 24px rgba(6,34,52,0.16) !important;
	overflow: visible !important;
}

#admincenter .cat_bar::after,
#admincenter .title_bar::after,
#main_admsection #admincenter .cat_bar::after,
#main_admsection #admincenter .title_bar::after {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	height: 3px !important;
	background: linear-gradient(90deg, #ffd83f 0%, #ffd83f 28%, rgba(255,216,63,0.22) 44%, transparent 72%) !important;
	z-index: 2 !important;
}

#admincenter .cat_bar .catbg,
#admincenter .title_bar .titlebg,
#admincenter .cat_bar h3,
#admincenter .cat_bar h4,
#admincenter .title_bar h3,
#admincenter .title_bar h4,
#main_admsection #admincenter .cat_bar .catbg,
#main_admsection #admincenter .title_bar .titlebg,
#main_admsection #admincenter .cat_bar h3,
#main_admsection #admincenter .cat_bar h4,
#main_admsection #admincenter .title_bar h3,
#main_admsection #admincenter .title_bar h4 {
	display: flex !important;
	align-items: center !important;
	min-height: 48px !important;
	margin: 0 !important;
	padding: 0 20px !important;
	background: transparent !important;
	color: #fff !important;
	font-size: 18px !important;
	font-weight: 900 !important;
	line-height: 1.15 !important;
	letter-spacing: 0.01em !important;
	text-shadow: 0 2px 3px rgba(0,0,0,0.35) !important;
	overflow: visible !important;
	box-sizing: border-box !important;
}

#admincenter .cat_bar .catbg::before,
#admincenter .title_bar .titlebg::before,
#admincenter .cat_bar h3::before,
#admincenter .cat_bar h4::before,
#admincenter .title_bar h3::before,
#admincenter .title_bar h4::before {
	content: "\f013" !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 26px !important;
	height: 26px !important;
	margin: 0 12px 0 0 !important;
	border-radius: 999px !important;
	background: #ffd83f !important;
	color: #07314c !important;
	font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "FontAwesome" !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	text-shadow: none !important;
}

#admincenter .windowbg,
#admincenter .windowbg2,
#admincenter .roundframe,
#admincenter .information,
#admincenter .description,
#main_admsection #admincenter .windowbg,
#main_admsection #admincenter .windowbg2,
#main_admsection #admincenter .roundframe,
#main_admsection #admincenter .information,
#main_admsection #admincenter .description {
	margin: 0 0 18px !important;
	padding: 18px 20px !important;
	border: 1px solid rgba(196, 224, 242, 0.95) !important;
	border-radius: 0 0 14px 14px !important;
	background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(242,249,253,0.96)) !important;
	box-shadow: 0 14px 28px rgba(6,34,52,0.12) !important;
	color: #082942 !important;
	overflow: visible !important;
}

#admincenter .windowbg .content,
#admincenter .windowbg2 .content,
#admincenter .roundframe .content,
#main_admsection #admincenter .windowbg .content,
#main_admsection #admincenter .windowbg2 .content,
#main_admsection #admincenter .roundframe .content {
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	overflow: visible !important;
}

#admincenter .topslice,
#admincenter .botslice,
#admincenter .topslice span,
#admincenter .botslice span,
#main_admsection #admincenter .topslice,
#main_admsection #admincenter .botslice,
#main_admsection #admincenter .topslice span,
#main_admsection #admincenter .botslice span {
	display: none !important;
}

/* Admin tables and settings lists */
#admincenter table.table_grid,
#admincenter table.table_list,
#admincenter table.settings,
#main_admsection table.table_grid,
#main_admsection table.table_list,
#main_admsection table.settings {
	width: 100% !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border: 1px solid rgba(190,218,236,0.95) !important;
	border-radius: 14px !important;
	background: rgba(255,255,255,0.96) !important;
	box-shadow: 0 14px 28px rgba(6,34,52,0.10) !important;
	overflow: hidden !important;
}

#admincenter table.table_grid th,
#admincenter table.table_list th,
#admincenter table.settings th,
#main_admsection table.table_grid th,
#main_admsection table.table_list th,
#main_admsection table.settings th {
	padding: 11px 14px !important;
	border: 0 !important;
	background: linear-gradient(135deg, #2d8cb7 0%, #2480aa 58%, #0f3048 100%) !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	text-shadow: 0 1px 2px rgba(0,0,0,0.35) !important;
}

#admincenter table.table_grid td,
#admincenter table.table_list td,
#admincenter table.settings td,
#main_admsection table.table_grid td,
#main_admsection table.table_list td,
#main_admsection table.settings td {
	padding: 11px 14px !important;
	border-top: 1px solid rgba(204,226,240,0.82) !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-bottom: 0 !important;
	background: rgba(255,255,255,0.78) !important;
	color: #082942 !important;
}

#admincenter table.table_grid tr:nth-child(even) td,
#admincenter table.table_list tr:nth-child(even) td,
#main_admsection table.table_grid tr:nth-child(even) td,
#main_admsection table.table_list tr:nth-child(even) td {
	background: rgba(234,246,253,0.75) !important;
}

#admincenter table.table_grid tr:hover td,
#admincenter table.table_list tr:hover td,
#main_admsection table.table_grid tr:hover td,
#main_admsection table.table_list tr:hover td {
	background: rgba(222,242,253,0.95) !important;
}

/* Admin forms */
#admincenter fieldset,
#main_admsection fieldset {
	margin: 0 0 16px !important;
	padding: 16px 18px !important;
	border: 1px solid rgba(190,218,236,0.95) !important;
	border-radius: 14px !important;
	background: rgba(255,255,255,0.72) !important;
	box-shadow: 0 10px 22px rgba(6,34,52,0.08) !important;
}

#admincenter legend,
#main_admsection legend {
	padding: 0 8px !important;
	color: #075d8f !important;
	font-weight: 900 !important;
}

#admincenter input[type="text"],
#admincenter input[type="password"],
#admincenter input[type="email"],
#admincenter select,
#admincenter textarea,
#main_admsection input[type="text"],
#main_admsection input[type="password"],
#main_admsection input[type="email"],
#main_admsection select,
#main_admsection textarea {
	border: 1px solid #b9d9ec !important;
	border-radius: 10px !important;
	background: #fff !important;
	color: #082942 !important;
	box-shadow: inset 0 1px 2px rgba(2,20,34,0.06) !important;
}

#admincenter input[type="text"],
#admincenter input[type="password"],
#admincenter input[type="email"],
#admincenter select,
#main_admsection input[type="text"],
#main_admsection input[type="password"],
#main_admsection input[type="email"],
#main_admsection select {
	min-height: 30px !important;
	padding: 5px 9px !important;
}

#admincenter textarea,
#main_admsection textarea {
	padding: 10px !important;
}

/* Generic admin grids/cards, useful for package, board, ban, search, smiley and maintenance pages. */
#admincenter .flow_auto,
#admincenter .generic_list_wrapper,
#admincenter .settings,
#main_admsection .flow_auto,
#main_admsection .generic_list_wrapper,
#main_admsection .settings {
	border-radius: 14px !important;
	overflow: visible !important;
}

#admincenter .information a,
#admincenter .windowbg a,
#admincenter .windowbg2 a,
#main_admsection .information a,
#main_admsection .windowbg a,
#main_admsection .windowbg2 a {
	color: #006fbb !important;
	font-weight: 800 !important;
}

#admincenter .errorbox,
#main_admsection .errorbox {
	border-radius: 14px !important;
	border-left: 4px solid #ef4444 !important;
	background: #fff0f0 !important;
	box-shadow: 0 10px 22px rgba(127,29,29,0.08) !important;
}

#admincenter .noticebox,
#main_admsection .noticebox {
	border-radius: 14px !important;
	border-left: 4px solid #ffd83f !important;
	background: #fffbea !important;
	box-shadow: 0 10px 22px rgba(120,84,0,0.08) !important;
}

/* Admin menu side mode polish */
#left_admsection .adm_section {
	box-shadow: 0 12px 24px rgba(6,34,52,0.11) !important;
}

#left_admsection .adm_section .cat_bar .catbg,
#left_admsection .adm_section .cat_bar h4.catbg {
	min-height: 40px !important;
	font-size: 15px !important;
}

#left_admsection .left_admmenu li a,
#left_admsection .left_admmenu li strong a {
	padding: 9px 10px !important;
	font-size: 13px !important;
}

/* Admin login can appear with only the admin login form, so keep footer from looking lost. */
body:has(#admin_login) #footerarea,
body:has(#admin_login) footer {
	margin-top: 60px !important;
}

@media (max-width: 760px) {
	#admin_login.tborder.login {
		margin: 24px auto 80px !important;
	}
	#admin_login .roundframe.centertext {
		padding: 20px 18px 22px !important;
	}
	#admin_login input.input_password {
		width: 100% !important;
		margin-top: 8px !important;
	}
	#admincenter .cat_bar .catbg,
	#admincenter .title_bar .titlebg,
	#admincenter .cat_bar h3,
	#admincenter .cat_bar h4,
	#admincenter .title_bar h3,
	#admincenter .title_bar h4 {
		font-size: 16px !important;
		padding: 0 14px !important;
	}
}