body {
	background: #fff;
	color: #333;
	text-align: center;
	line-height: 1.4;
	margin: 0;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
	overflow-y: scroll;
}

a:link {
	color: #0072BC;
	text-decoration: none;
}

a:visited {
	color: #0072BC;
	text-decoration: none;
}

a:hover,
a:active {
	color: #0072BC;
	text-decoration: underline;
}

#container {
	color: #333;
	text-align: left;
	line-height: 1.4;
	margin: 0;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
	min-width: 990px;
}

.wrapper {
	width: 85%;
	min-width: 970px;
	max-width: 1500px;
	margin: auto auto;
}

#logo {
	background: #fff;
	padding: 10px 0;
	border-bottom: 1px solid #263c30;
}

#content {
	background: #fff;
	width: auto !important;
	padding: 20px 10px;
	overflow: hidden;
}

#header ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header ul.menu li {
	margin: 0 7px;
	display: inline;
}

#header ul.menu li a {
	padding-left: 20px;
	background-image: url(images/headerlinks_sprite.png);
	background-repeat: no-repeat;
	display: inline-block;
	line-height: 16px;
}

#logo ul.top_links {
	font-weight: bold;
	text-align: right;
	margin: -10px 5px 0 0;
}

#logo ul.top_links a.search {
	background-position: 0 0;
}

#logo ul.top_links a.memberlist {
	background-position: 0 -20px;
}

#logo ul.top_links a.calendar {
	background-position: 0 -40px;
}

#logo ul.top_links a.help {
	background-position: 0 -60px;
}

#logo ul.top_links a.portal {
	background-position: 0 -180px;
}

#panel .upper a.logout {
	font-weight: bold;
	background: url(images/headerlinks_sprite.png) right -80px no-repeat;
	padding-right: 20px;
	margin-left: 10px;
}

#panel .upper a.login,
#panel .upper a.lost_password {
	background: url(images/headerlinks_sprite.png) 0 -100px no-repeat;
	padding-left: 20px;
	margin-left: 10px;
	font-weight: bold;
}

#panel .upper a.register {
	background: url(images/headerlinks_sprite.png) right -80px no-repeat;
	padding-right: 20px;
	margin-left: 10px;
	font-weight: bold;
}

#panel .lower ul.panel_links {
	float: left;
}

#panel .lower ul.panel_links a.usercp {
	background-position: 0 -120px;
}

#panel .lower ul.panel_links a.modcp {
	background-position: 0 -140px;
}

#panel .lower ul.panel_links a.admincp {
	background-position: 0 -160px;
}

#panel .lower ul.user_links {
	float: right;
}

#panel .lower ul.user_links li a {
	padding: 0;
	background-image: none;
}

#panel .upper {
	background: #0f0f0f url(images/tcat.png) repeat-x;
	color: #fff;
	border-top: 1px solid #444;
	border-bottom: 1px solid #000;
	padding: 7px;
	clear: both;
}

#panel .upper a:link,
#panel .upper a:visited,
#panel .upper a:hover,
#panel .upper a:active {
	color: #fff;
}

#panel .lower {
	background: #efefef;
	color: #999;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	padding: 5px;
}

#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active {
	color: #666;
}

#search {
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	vertical-align: middle;
}

#search input.button,
#search input.textbox {
	border-color: #000;
}

#search input.button {
	background: #0066a2 url(images/thead.png) top left repeat-x;
	color: #fff;
}

#search input {
	margin: -3px 0;
}

#quick_login .remember_me input {
	vertical-align: middle;
	margin: -3px 0 0 5px;
}

#footer {
	clear: both;
}

#footer ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer ul.menu li {
	margin: 0 5px;
	display: inline;
}

#footer .upper {
	background: #efefef;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 6px;
	font-size: 12px;
	overflow: hidden;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
	color: #777;
}

#footer .upper .language {
	float: right;
	margin: -1px;
	margin-left: 15px;
}

#footer .upper .language select {
	border-color: #ccc;
}

#footer .upper .theme {
	float: right;
	margin: -1px;
	margin-left: 15px;
}

#footer .upper .theme select {
	border-color: #ccc;
}

#footer .upper ul.bottom_links {
	float: left;
	margin: 4px 0 0 0;
}

#footer .lower {
	color: #666;
	padding: 6px 6px 12px 6px;
	overflow: hidden;
	font-size: 11px;
}

#footer .lower a:link,
#footer .lower a:visited {
	color: #444;
	font-weight: bold;
}

#footer .lower a:hover,
#footer .lower a:active {
	color: #333;
	text-decoration: underline;
	font-weight: bold;
}

#footer .lower #current_time {
	float: right;
	color: #888;
}

#debug {
	float: right;
	text-align: right;
	margin-top: 20px;
	font-size: 11px;
}

.scaleimages img {
	max-width: 100%;
}

.forum_status {
	height: 30px;
	width: 30px;
	background: url(images/forum_icon_sprite.png) no-repeat 0 0;
	display: inline-block;
}

.forum_on {
	background-position: 0 0;
}

.forum_off {
	background-position: 0 -30px;
}

.forum_offclose {
	background-position: 0 -60px;
}

.forum_offlink {
	background-position: 0 -90px;
}

.subforumicon {
	height: 10px;
	width: 10px;
	display: inline-block;
	margin: 0 5px;
	background: url(images/mini_status_sprite.png) no-repeat 0 0;
}

.subforum_minion {
	background-position: 0 0;
}

.subforum_minioff {
	background-position: 0 -10px;
}

.subforum_minioffclose {
	background-position: 0 -20px;
}

.subforum_miniofflink {
	background-position: 0 -30px;
}

table {
	color: #333;
	font-size: 13px;
}

.tborder {
	background: #fff;
	width: 100%;
	margin: auto auto;
	border: 1px solid #ccc;
	padding: 1px;
}

.tfixed {
	table-layout: fixed;
	word-wrap: break-word;
}

.thead {
	background: #0066a2 url(images/thead.png) top left repeat-x;
	color: #ffffff;
	border-bottom: 1px solid #263c30;
	padding: 8px;
}

.thead a:link {
	color: #ffffff;
	text-decoration: none;
}

.thead a:visited {
	color: #ffffff;
	text-decoration: none;
}

.thead a:hover,
.thead a:active {
	color: #ffffff;
	text-decoration: underline;
}

.tcat {
	background: #0f0f0f url(images/tcat.png) repeat-x;
	color: #fff;
	border-top: 1px solid #444;
	border-bottom: 1px solid #000;
	padding: 6px;
	font-size: 12px;
}

.tcat a:link {
	color: #fff;
}

.tcat a:visited {
	color: #fff;
}

.tcat a:hover,
.tcat a:active {
	color: #fff;
}

.trow1 {
	background: #f5f5f5;
	border: 1px solid;
	border-color: #fff #ddd #ddd #fff;
}

.trow2 {
	background: #efefef;
	border: 1px solid;
	border-color: #fff #ddd #ddd #fff;
}

.trow_shaded {
	background: #ffdde0;
	border: 1px solid;
	border-color: #fff #ffb8be #ffb8be #fff;
}

.no_bottom_border {
	border-bottom: 0;
}

.post.unapproved_post {
	background: #ffdde0;
}

.thread_start_datetime {
	color: #999;
}

.post.unapproved_post .post_author {
	border-bottom-color: #ffb8be;
}

.post.classic.unapproved_post .post_author {
	border-color: #ffb8be;
}

.post.unapproved_post .post_controls {
	border-top-color: #ffb8be;
}

.trow_deleted,
.post.deleted_post {
	background: #E8DEFF;
}

.trow_selected,
tr.trow_selected td {
	background: #FFFBD9;
	color: #333;
	border-right-color: #F7E86A;
	border-bottom-color: #F7E86A;
}

.trow_selected a:link,
.trow_selected a:visited,
.trow_selected a:hover,
.trow_selected a:active {
	color: #333;
}

.trow_sep {
	background: #ddd;
	color: #333;
	border-bottom: 1px solid #c5c5c5;
	padding: 6px;
	font-size: 12px;
	font-weight: bold;
}

.tfoot {
	border-top: 1px solid #fff;
	padding: 6px;
	background: #ddd;
	color: #666;
}

.tfoot a:link {
	color: #444;
	text-decoration: none;
}

.tfoot a:visited {
	color: #444;
	text-decoration: none;
}

.tfoot a:hover,
.tfoot a:active {
	color: #444;
	text-decoration: underline;
}

.thead input.textbox,
.thead select {
	border: 1px solid #263c30;
}

.bottommenu {
	background: #efefef;
	color: #333;
	border: 1px solid #4874a3;
	padding: 10px;
}

.navigation {
	color: #333;
	font-size: 12px;
}

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

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

.navigation a:hover,
.navigation a:active {
	text-decoration: underline;
}

.navigation .active {
	color: #333;
	font-size: small;
	font-weight: bold;
}

.smalltext {
	font-size: 11px;
}

.largetext {
	font-size: 16px;
	font-weight: bold;
}

fieldset {
	padding: 12px;
	border: 1px solid #ddd;
	margin: 0;
}

fieldset.trow1,
fieldset.trow2 {
	border-color: #bbb;
}

fieldset.align_right {
	text-align: right;
}

input.textbox {
	background: #ffffff;
	color: #333;
	border: 1px solid #ccc;
	padding: 3px;
	outline: 0;
	font-size: 13px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

input.textbox.portal_search {
    width: 68%;
}

textarea {
	background: #ffffff;
	color: #333;
	border: 1px solid #ccc;
	padding: 2px;
	line-height: 1.4;
	outline: 0;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

select {
	background: #ffffff;
	padding: 3px;
	border: 1px solid #ccc;
	outline: 0;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

button,
input.button {
	padding: 3px 8px;
	cursor: pointer;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
	background: #eee url(images/buttons_bg.png) repeat-x;
	border: 1px solid #bbb;
	color: #333;
	outline: 0;
}

button:hover,
input.button:hover {
	border-color: #aaa;
}

form {
	margin: 0;
	padding: 0;
}

input.error, textarea.error, select.error {
	border: 1px solid #f30;
	color: #f30;
}

input.valid, textarea.valid, select.valid {
	border: 1px solid #0c0;
}

label.error {
	color: #f30;
	margin: 5px;
	padding: 0px;
	display: block;
	font-weight: bold;
	font-size: 11px;
}

form #message {
	width: 500px;
}

.editor {
	background: #f1f1f1;
	border: 1px solid #ccc;
}

.editor_control_bar {
	background: #fff;
	border: 1px solid #ccc;
}

.post .editor_control_bar {
	background: #f5f5f5;
}

.popup_menu {
	background: #fff;
	border: 1px solid #ccc;
}

.popup_menu .popup_item {
	background: #efefef;
	color: #333;
}

.popup_menu .popup_item:hover {
	background: #0072BC;
	color: #fff;
}

.trow_reputation_positive {
	background: #ccffcc;
}

.trow_reputation_negative {
	background: #ffcccc;
}

.reputation_positive {
	color: green;
}

.reputation_neutral {
	color: #444;
}

.reputation_negative {
	color: red;
}

.repbox {
	font-size:16px;
	font-weight: bold;
	padding:5px 7px 5px 7px;
}

._neutral {
	background-color:#FAFAFA;
	color: #999999;
	border:1px solid #CCCCCC;
}

._minus {
	background-color: #FDD2D1;
	color: #CB0200;
	border:1px solid #980201;
}

._plus {
	background-color:#E8FCDC;
	color: #008800;
	border:1px solid #008800;
}

img {
	border: none;
}

img.attachment {
	border: 1px solid #E9E5D7;
	padding: 2px;
}

hr {
	background-color: #000000;
	color: #000000;
	height: 1px;
	border: 0px;
}

.clear {
	clear: both;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.hidden {
	display: none;
	float: none;
	width: 1%;
}

.hiddenrow {
	display: none;
}

.selectall {
	background: #FFFBD9;
	border-bottom: 1px solid #F7E86A;
	color: #333;
	text-align: center;
}

.expcolimage {
	float: right;
	width: auto;
	vertical-align: middle;
	margin-top: 3px;
}

.tcat_menu > .expcolimage {
	margin-top: 0;
}

blockquote {
	border: 1px solid #ccc;
	margin: 0;
	background: #fff;
	padding: 10px;
}

blockquote cite {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	font-style: normal;
	display: block;
	padding-bottom: 3px;
	margin: 0 0 10px 0;
}

blockquote cite > span {
	float: right;
	font-weight: normal;
	font-size: 12px;
	color: #666;
}

blockquote cite span.highlight {
	float: none;
	font-weight: bold;
	padding-bottom: 0;
}

.codeblock {
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px;
}

.codeblock .title {
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding-bottom: 3px;
	margin: 0 0 10px 0;
}

.codeblock code {
	overflow: auto;
	height: auto;
	max-height: 200px;
	display: block;
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 13px;
	white-space: pre;
	tab-size: 4;
}

.smilie {
	vertical-align: middle;
}

.smilie_pointer {
	cursor: pointer;
}

.separator {
	margin: 5px;
	padding: 0;
	height: 0px;
	font-size: 1px;
	list-style-type: none;
}

.popup_menu .popup_item_container {
	margin: 1px;
	text-align: left;
}

.popup_menu .popup_item {
	display: block;
	padding: 4px;
	white-space: nowrap;
	text-decoration: none;
}

.popup_menu a.popup_item:hover {
	text-decoration: none;
}

.subject_new {
	font-weight: bold;
}

.highlight {
	background: #FFFFCC;
	padding-top: 3px;
	padding-bottom: 3px;
}

.pm_alert {
	background: #FFF6BF;
	border: 1px solid #FFD324;
	text-align: center;
	padding: 5px 20px;
	margin-bottom: 15px;
	font-size: 11px;
}

.red_alert {
	background: #FBE3E4;
	border: 1px solid #A5161A;
	color: #A5161A;
	text-align: center;
	padding: 5px 20px;
	margin-bottom: 15px;
	font-size: 11px;
	word-wrap: break-word;
}

.red_alert a:link,
.red_alert a:visited,
.red_alert a:hover,
.red_alert a:active {
	color: #A5161A;
}

.high_warning {
	color: #CC0000;
}

.moderate_warning {
	color: #F3611B;
}

.low_warning {
	color: #AE5700;
}

.imminent_banned {
	color: #880000;
}

.high_banned {
	color: #FF0000;
}

.moderate_banned {
	color: #FF6600;
}

.low_banned {
	color: #008000;
}

.online {
	color: #15A018;
}

.offline {
	color: #C7C7C7;
}

div.error {
	padding: 5px 10px;
	border: 2px solid #FFD324;
	background: #FFF6BF;
	font-size: 12px;
}

div.error p {
	margin: 0;
	color: #333;
	font-weight: normal;
}

div.error p em {
	font-style: normal;
	font-weight: bold;
	padding-left: 24px;
	display: block;
	color: #C00;
	background: url(images/error.png) no-repeat 0;
}

div.error ul {
	margin-left: 24px;
}

.pagination {
	font-size: 11px;
	padding-top: 10px;
	margin-bottom: 5px;
}

.tfoot .pagination,
.tcat .pagination {
	padding-top: 0;
}

.pagination .pages {
	font-weight: bold;
}

.pagination .pagination_current,
.pagination a {
	padding: 3px 6px;
	margin-bottom: 3px;
}

.pagination a {
	background: #f5f5f5;
	border: 1px solid #ccc;
}

.pagination .pagination_current {
	background: none;
	color: #333;
	border: none;
	font-weight: bold;
}

.pagination a:hover {
	background: #0072BC;
	color: #fff;
	border-color: #263c30;
	text-decoration: none;
}

.pagination .go_page img {
	margin-bottom: -4px;
}

.drop_go_page {
	background: #f5f5f5;
	padding: 4px;
}

.pagination_breadcrumb {
	background-color: #efefef;
	border: 1px solid #fff;
	outline: 1px solid #ccc;
	padding: 5px;
	margin-top: 5px;
	font-weight: normal;
}

.pagination_breadcrumb_link {
	vertical-align: middle;
	cursor: pointer;
}

.thread_legend,
.thread_legend dd {
	margin: 0;
	padding: 0;
}

.thread_legend dd {
	padding-bottom: 4px;
	margin-right: 15px;
}

.thread_legend img {
	margin-right: 4px;
	vertical-align: bottom;
}

.forum_legend,
.forum_legend dt,
.forum_legend dd {
	margin: 0;
	padding: 0;
}

.forum_legend dd {
	float: left;
	margin-right: 10px;
	margin-top: 7px;
}

.forum_legend dt {
	margin-right: 10px;
	float: left;
}

.success_message {
	color: #00b200;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

.error_message {
	color: #C00;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

#posts_container {
	padding: 0;
}

.ignored_post {
	border-top: 3px solid #333;
	padding: 15px;
}

.ignored_post .show_ignored_post {
	margin-top: -15px;
}

.ignored_post .show_ignored_post a.button span {
	background-position: 0 -400px;
}

.deleted_post_hidden {
	border-top: 2px solid #ccc;
	padding: 15px;
}

.deleted_post_collapsed {
	border-top: 3px solid #333;
	padding: 15px;
}

.deleted_post_collapsed .show_deleted_post {
	margin-top: -15px;
}

.deleted_post_collapsed .show_deleted_post a.button span {
	background-position: 0 -400px;
}

.post {
	overflow: hidden;
}

.post.classic {
	padding-top: 15px;
}

.post .post_author {
	border-bottom: 1px solid #ccc;
	border-top: 2px solid #ccc;
	background: #f5f5f5;
	padding: 5px;
	overflow: hidden;
}

.post.classic .post_author {
	border: 1px solid #ddd;
	float: left;
	width: 15%;
	margin: 0 1% 15px 0;
	border-left: 0;
	padding: 5px 1%;
}

.post .post_author .buddy_status {
	vertical-align: middle;
	margin-top: -4px;
}

.post .post_author div.author_avatar {
	float: left;
	margin-right: 3px;
}

.post.classic .post_author div.author_avatar {
	float: none;
	text-align: center;
	margin-bottom: 8px;
}

.post .post_author div.author_avatar img {
	padding: 5px;
	border: 1px solid #ddd;
	background: #fff;
}

.post .post_author div.author_information {
	float: left;
	padding: 6px 8px;
}

.post.classic .post_author div.author_information {
	float: none;
	padding: 0;
	text-align: center;
}

.post .post_author div.author_statistics {
	float: right;
	font-size: 11px;
	padding: 3px 10px 3px 5px;
	color: #666;
	line-height: 1.3;
}

.post.classic .post_author div.author_statistics {
	border-top: 1px dotted #ccc;
	margin: 6px 0 0 0;
	padding: 6px 6px 3px 6px;
	float: none;
}

.post .post_head {
	font-size: 11px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #ddd;
	margin-bottom: 4px;
}

.post .post_head span.post_date {
	color: #666;
}

.post .post_head span.edited_post {
	font-size: 10px;
	color: #999;
}

.post .post_head span.edited_post a {
	color: #666;
}

.post_body {
	font-size: 14px;
	padding: 12px 0;
}

.post.classic .post_content {
	float: left;
	width: 79%;
	padding: 0 1% 5px 1%;
}

.post_content {
	padding: 9px 10px 5px 10px;
}

.post_content .signature {
	margin-top: 5px;
	border-top: 1px dotted #ddd;
	padding: 10px 0 4px 0;
}

.post .post_meta {
	margin: 4px 0;
	font-size: 11px;
	color: #999;
}

.post .post_meta a:link,
.post .post_meta a:visited {
	color: #777;
}

.post .post_meta a:hover,
.post .post_meta a:active {
	color: #777;
}

.post_controls {
	clear: both;
	background: #f5f5f5;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	overflow: hidden;
}

.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
	display: inline-block;
	padding: 2px 5px;
	margin: 2px;
	font-size: 11px;
	background: #eee url(images/buttons_bg.png) repeat-x;
	border: 1px solid #ccc;
	color: #555;
}

.postbit_buttons > a:hover {
	border-color: #bbb;
}

.postbit_buttons a span {
	padding-left: 20px;
	display: inline-block;
	height: 16px;
	background-image: url(images/buttons_sprite.png);
	background-repeat: no-repeat;
}

.postbit_buttons a.postbit_find span {
	background-position: 0 0;
}

.postbit_buttons a.postbit_reputation_add span {
	background-position: 0 -20px;
}

.postbit_buttons a.postbit_email span {
	background-position: 0 -40px;
}

.postbit_buttons a.postbit_website span {
	background-position: 0 -60px;
}

.postbit_buttons a.postbit_pm span {
	background-position: 0 -80px;
}

.postbit_buttons a.postbit_quote span {
	background-position: 0 -100px;
}

.postbit_buttons a.postbit_multiquote span {
	background-position: 0 -120px;
}

.postbit_buttons a.postbit_multiquote_on span {
	background-position: 0 -140px;
}

.postbit_buttons a.postbit_edit span {
	background-position: 0 -160px;
}

.postbit_buttons a.postbit_qdelete span {
	background-position: 0 -180px;
}

.postbit_buttons a.postbit_qrestore span {
	background-position: 0 -200px;
}

.postbit_buttons a.postbit_report span {
	background-position: 0 -220px;
}

.postbit_buttons a.postbit_warn span {
	background-position: 0 -240px;
}

.postbit_buttons a.postbit_purgespammer span {
	background-position: 0 -540px;
}

.postbit_buttons a.postbit_reply_pm span {
	background-position: 0 -260px;
}

.postbit_buttons a.postbit_reply_all span {
	background-position: 0 -280px;
}

.postbit_buttons a.postbit_forward_pm span {
	background-position: 0 -300px;
}

.postbit_buttons a.postbit_delete_pm span {
	background-position: 0 -320px;
}

.post:not(.deleted_post) .postbit_qrestore,
.post:not(.deleted_post) .status_type,
.post.deleted_post .postbit_mirage {
    display: none;
}

a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
	background: #0f0f0f url(images/tcat.png) repeat-x;
	color: #fff;
	display: inline-block;
	padding: 4px 8px;
	margin: 2px 2px 6px 2px;
	border: 1px solid #000;
	font-size: 14px;
}

a.button.small_button {
	font-size: 13px;
	margin: 0;
	padding: 3px 6px;
}

a.button span {
	padding-left: 20px;
	display: inline-block;
	background-image: url(images/buttons_sprite.png);
	background-repeat: no-repeat;
}

a.button.new_thread_button span {
	background-position: 0 -340px;
}

a.button.new_reply_button span {
	background-position: 0 -360px;
}

a.button.closed_button span {
	background-position: 0 -380px;
}

a.button.rate_user_button span {
	background-position: 0 -400px;
}

a.button.add_buddy_button span {
	background-position: 0 -440px;
}

a.button.remove_buddy_button span {
	background-position: 0 -480px;
}

a.button.add_ignore_button span {
	background-position: 0 -460px;
}

a.button.remove_ignore_button span {
	background-position: 0 -500px;
}

a.button.report_user_button span {
	background-position: 0 -520px;
}

.quick_jump {
	background: url(images/jump.png) no-repeat 0;
	width: 13px;
	height: 13px;
	padding-left: 13px; /* amount of padding needed for image to fully show */
	margin-top: -3px;
	border: none;
}

.pollbar {
	background: url(images/pollbar.png) top left repeat-x;
	border: 1px solid #3f3f3f;
	height: 10px;
}

.pollbar .percent {
	display: none;
}

.poll_votedfor {
	background: #efefef;
	border: 1px solid;
	border-color: #fff #ddd #ddd #fff;
}

.posticons_label {
	white-space: nowrap;
}

/** jGrowl Start **/

/** Special IE6 Style Positioning **/
.ie6 {
	position: absolute;
}

.ie6.top-right {
	right: auto;
	bottom: auto;
	left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.top-left {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-right {
	left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-left {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.center {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 100%;
}

/** jGrowl Styling **/
.jGrowl {
	z-index: 9999;
	color: #ffffff;
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: fixed;
}
.jGrowl.top-left {
	left: 0px;
	top: 0px;
}
.jGrowl.top-right {
	right: 0px;
	top: 0px;
}
.jGrowl.bottom-left {
	left: 0px;
	bottom: 0px;
}
.jGrowl.bottom-right {
	right: 0px;
	bottom: 0px;
}
.jGrowl.center {
	top: 0px;
	width: 50%;
	left: 25%;
}

/** Cross Browser Styling **/

.jGrowl.center .jGrowl-notification,
.jGrowl.center .jGrowl-closer {
	margin-left: auto;
	margin-right: auto;
}
.jGrowl-notification {
	background-color: transparent;
	opacity: 0.9;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
	transform: scale(1);
	width: 250px;
	padding: 10px;
	margin: 10px;
	text-align: left;
	display: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	word-break: break-all;
}
.jGrowl .jGrowl-notification {
	min-height: 40px;
}
.jGrowl-notification .ui-state-highlight,
.jGrowl-notification .ui-widget-content .ui-state-highlight,
.jGrowl-notification .ui-widget-header .ui-state-highlight {
	border: 1px solid #000;
	background: #000;
	color: #fff;
}
.jGrowl-notification .jGrowl-header {
	font-weight: bold;
	font-size: .85em;
}
.jGrowl-notification .jGrowl-close {
	background-color: transparent;
	color: inherit;
	border: none;
	z-index: 99;
	float: right;
	font-weight: bold;
	font-size: 1em;
	cursor: pointer;
}
.jGrowl-closer {
	background-color: #000000;
	opacity: 0.9;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
	transform: scale(1);
	width: 250px;
	padding: 10px;
	margin: 10px;
	text-align: left;
	display: none;
	border-radius: 5px;
	word-break: break-all;
	padding-top: 4px;
	padding-bottom: 4px;
	cursor: pointer;
	font-size: .9em;
	font-weight: bold;
	text-align: center;
}
.jGrowl-closer .ui-state-highlight,
.jGrowl-closer .ui-widget-content .ui-state-highlight,
.jGrowl-closer .ui-widget-header .ui-state-highlight {
	border: 1px solid #000;
	background: #000;
	color: #fff;
}

.jGrowl .jGrowl-notification.jgrowl_success {
    background: lightgreen;
    border: 1px solid lightgreen;
    color: #333;
}

.jGrowl .jGrowl-notification.jgrowl_error {
    background: red;
    border: 1px solid red;
    color: #333;
}

.jGrowl .jGrowl-notification.jgrowl_process, .jGrowl .jGrowl-closer {
    background: yellow;
    border: 1px solid yellow;
	color: #333;
}

/** Hide jGrowl when printing **/
@media print {
	.jGrowl {
		display: none;
	}
}

/** jGrowl End **/

/** Modal Start **/

.blocker {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 9999;
	padding: 20px;
	box-sizing: border-box;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.75);
	text-align: center;
}

.blocker:before{
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.05em;
}

.blocker.behind {
	background-color: transparent;
}

.modal {
	width: 400px;
	text-align: left;
	background: #fff;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	-o-box-shadow: 0 0 10px #000;
	-ms-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
}

.modal a.close-modal {
	position: absolute;
	top: -12.5px;
	right: -12.5px;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: url(images/close.png) no-repeat 0 0;
	z-index: 2;
}

.modal-spinner {
	display: none;
	width: 64px;
	height: 64px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-right: -32px;
	margin-top: -32px;
	background: url(images/spinner_big.gif) no-repeat center center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}

/** Modal End **/

/** Impromptu Start **/

/*! jQuery-Impromptu - v6.2.3 - 2016-04-23
* http://trentrichardson.com/Impromptu
* Copyright (c) 2016 Trent Richardson; Licensed MIT */

.jqifade{
	position: absolute;
	background-color: #777777;
}
iframe.jqifade{
	display:block;
	z-index:-1;
}
div.jqi{
	width: 400px;
	max-width:90%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: absolute;
	background-color: #ffffff;
	font-size: 11px;
	text-align: left;
	border: solid 1px #eeeeee;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 7px;
}
div.jqi .jqicontainer{
}
div.jqi .jqiclose{
	position: absolute;
	top: 4px; right: -2px;
	width: 18px;
	cursor: default;
	color: #bbbbbb;
	font-weight: bold;
}
div.jqi .jqistate{
	background-color: #fff;
}
div.jqi .jqititle{
	padding: 5px 10px;
	font-size: 16px;
	line-height: 20px;
	border-bottom: solid 1px #eeeeee;
}
div.jqi .jqimessage{
	padding: 10px;
	line-height: 20px;
	color: #444444;
	overflow: auto;
}
div.jqi .jqibuttonshide{
	display: none;
}
div.jqi .jqibuttons{
	text-align: right;
	margin: 0 -7px -7px -7px;
	border-top: solid 1px #e4e4e4;
	background-color: #f4f4f4;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}
div.jqi .jqibuttons button{
	margin: 0;
	padding: 15px 20px;
	background-color: transparent;
	font-weight: normal;
	border: none;
	border-left: solid 1px #e4e4e4;
	color: #777;
	font-weight: bold;
	font-size: 12px;
}
div.jqi .jqibuttons button.jqidefaultbutton{
	color: #489afe;
}
div.jqi .jqibuttons button:hover,
div.jqi .jqibuttons button:focus{
	color: #287ade;
	outline: none;
}
div.jqi .jqibuttons button[disabled]{
	color: #aaa;
}
.jqiwarning .jqi .jqibuttons{
	background-color: #b95656;
}

/* sub states */
div.jqi .jqiparentstate::after{
	background-color: #777;
	opacity: 0.6;
	filter: alpha(opacity=60);
	content: '';
	position: absolute;
	top:0;left:0;bottom:0;right:0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
div.jqi .jqisubstate{
	position: absolute;
	top:0;
	left: 20%;
	width: 60%;
	padding: 7px;
	border: solid 1px #eeeeee;
	border-top: none;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}
div.jqi .jqisubstate .jqibuttons button{
	padding: 10px 18px;
}

/* arrows for tooltips/tours */
.jqi .jqiarrow{ position: absolute; height: 0; width:0; line-height: 0; font-size: 0; border: solid 10px transparent;}

.jqi .jqiarrowtl{ left: 10px; top: -20px; border-bottom-color: #ffffff; }
.jqi .jqiarrowtc{ left: 50%; top: -20px; border-bottom-color: #ffffff; margin-left: -10px; }
.jqi .jqiarrowtr{ right: 10px; top: -20px; border-bottom-color: #ffffff; }

.jqi .jqiarrowbl{ left: 10px; bottom: -20px; border-top-color: #ffffff; }
.jqi .jqiarrowbc{ left: 50%; bottom: -20px; border-top-color: #ffffff; margin-left: -10px; }
.jqi .jqiarrowbr{ right: 10px; bottom: -20px; border-top-color: #ffffff; }

.jqi .jqiarrowlt{ left: -20px; top: 10px; border-right-color: #ffffff; }
.jqi .jqiarrowlm{ left: -20px; top: 50%; border-right-color: #ffffff; margin-top: -10px; }
.jqi .jqiarrowlb{ left: -20px; bottom: 10px; border-right-color: #ffffff; }

.jqi .jqiarrowrt{ right: -20px; top: 10px; border-left-color: #ffffff; }
.jqi .jqiarrowrm{ right: -20px; top: 50%; border-left-color: #ffffff; margin-top: -10px; }
.jqi .jqiarrowrb{ right: -20px; bottom: 10px; border-left-color: #ffffff; }

/** Impromptu End */

/* BRAUNDE_FONLINE_2008
   Visual reconstruction inspired by the 2008–2009 FOnline forum.
   Uses original FOnline logo supplied by the site operator.
*/

html,
body {
    background: #d7dbe2 !important;
    color: #1e2530 !important;
    font-family: Tahoma, Verdana, Arial, sans-serif !important;
    font-size: 11px !important;
}

body {
    margin: 0 !important;
    padding: 0 0 18px !important;
}

#container {
    background: transparent !important;
    border: 0 !important;
    color: #1e2530 !important;
    width: 100% !important;
    min-width: 760px;
}

.wrapper {
    width: 94% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
}

a:link,
a:visited {
    color: #244a78 !important;
    text-decoration: none;
}

a:hover,
a:active {
    color: #8a2c2c !important;
    text-decoration: underline;
}

#header {
    background: #f0f1f3 !important;
    border-bottom: 1px solid #7a8798 !important;
    padding: 7px 0 0 !important;
}

#logo {
    background: #f5f5f5 !important;
    border: 1px solid #a5adb8 !important;
    border-bottom: 0 !important;
    min-height: 66px;
    padding: 7px 12px 5px !important;
    text-align: left !important;
}

#logo img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 94px;
}

#header ul.menu {
    background: #d2d8e0 !important;
    border: 1px solid #7f8b9a !important;
    border-top: 1px solid #aab2bd !important;
    margin: 0 !important;
    padding: 5px 8px !important;
    font-size: 11px !important;
}

#header ul.menu li {
    margin: 0 12px 0 0 !important;
}

#header ul.menu li a {
    color: #263a53 !important;
    font-weight: bold !important;
}

#panel {
    background: #e7eaf0 !important;
    border: 1px solid #8995a5 !important;
    border-top: 0 !important;
    color: #26313e !important;
    box-shadow: none !important;
    font-size: 11px !important;
}

#panel .upper {
    background: #536984 !important;
    border-bottom: 1px solid #34495f !important;
    color: #ffffff !important;
    padding: 5px 8px !important;
}

#panel .upper a {
    color: #ffffff !important;
}

#panel .lower {
    background: #e2e6ec !important;
    border-top: 1px solid #ffffff !important;
    color: #273444 !important;
    padding: 5px 8px !important;
}

#content {
    background: transparent !important;
    padding: 9px 0 0 !important;
}

.navigation {
    background: #eef0f3 !important;
    border: 1px solid #a0a9b5 !important;
    color: #26313e !important;
    font-size: 11px !important;
    margin-bottom: 8px !important;
    padding: 5px 7px !important;
}

.navigation .active {
    color: #18293d !important;
    font-weight: bold !important;
}

.tborder {
    background: #ffffff !important;
    border: 1px solid #69788b !important;
    border-radius: 0 !important;
    border-spacing: 1px !important;
    box-shadow: none !important;
}

.thead {
    background: linear-gradient(#5f7590, #435a75) !important;
    border: 0 !important;
    border-bottom: 1px solid #2e4258 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: bold !important;
    padding: 5px 7px !important;
}

.thead a:link,
.thead a:visited,
.thead a:hover,
.thead a:active {
    color: #ffffff !important;
}

.tcat {
    background: #cfd6df !important;
    border-bottom: 1px solid #9da8b5 !important;
    border-top: 1px solid #f8f9fa !important;
    color: #24384f !important;
    font-size: 11px !important;
    font-weight: bold !important;
    padding: 4px 7px !important;
}

.tcat a:link,
.tcat a:visited {
    color: #24384f !important;
}

.trow1 {
    background: #f5f6f8 !important;
    border-color: #d3d7dd !important;
}

.trow2 {
    background: #e9edf2 !important;
    border-color: #cbd1d9 !important;
}

.trow1,
.trow2 {
    color: #202a35 !important;
    font-size: 11px !important;
    padding: 6px 7px !important;
}

.trow1:hover,
.trow2:hover {
    background: #e2e8ef !important;
}

.tfoot {
    background: #d2d8e0 !important;
    border-top: 1px solid #919dab !important;
    color: #28394d !important;
    padding: 5px 7px !important;
}

.tfoot a:link,
.tfoot a:visited {
    color: #263f61 !important;
}

.smalltext {
    color: #5a6470 !important;
    font-size: 10px !important;
}

.largetext {
    font-size: 13px !important;
}

table {
    border-collapse: separate;
}

input.textbox,
textarea,
select {
    background: #ffffff !important;
    border: 1px solid #7f8997 !important;
    border-radius: 0 !important;
    color: #20242a !important;
    font-family: Tahoma, Verdana, Arial, sans-serif !important;
    font-size: 11px !important;
    box-shadow: none !important;
}

input.button,
button,
.button {
    background: linear-gradient(#f2f3f4, #cfd5dc) !important;
    border: 1px solid #778290 !important;
    border-radius: 0 !important;
    color: #253449 !important;
    font-family: Tahoma, Verdana, Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: normal !important;
    box-shadow: none !important;
    padding: 3px 8px !important;
}

input.button:hover,
button:hover,
.button:hover {
    background: #e5e8ec !important;
    border-color: #586779 !important;
}

.pagination a,
.pagination .pagination_current {
    border: 1px solid #8591a0 !important;
    border-radius: 0 !important;
    font-size: 10px !important;
}

.pagination a {
    background: #e8ebef !important;
    color: #294c76 !important;
}

.pagination .pagination_current {
    background: #566c87 !important;
    color: #ffffff !important;
}

.post {
    border: 1px solid #7f8b9a !important;
    border-radius: 0 !important;
}

.post.classic .post_author,
.post .post_author {
    background: #dfe4ea !important;
    border-color: #a4aeba !important;
}

.post_content {
    background: #f8f8f8 !important;
}

.post_head {
    background: #d2d9e1 !important;
    border-bottom: 1px solid #a4aeba !important;
    color: #293a4e !important;
}

blockquote {
    background: #eef0f3 !important;
    border: 1px solid #a6afba !important;
    border-radius: 0 !important;
}

.codeblock {
    background: #f3f4f5 !important;
    border: 1px solid #9ca6b3 !important;
    border-radius: 0 !important;
}

.pm_alert,
.red_alert {
    border-radius: 0 !important;
}

.modal {
    border-radius: 0 !important;
}

#footer {
    background: #d2d8e0 !important;
    border: 1px solid #8995a5 !important;
    color: #4b5663 !important;
    font-size: 10px !important;
    margin-top: 10px !important;
    padding: 7px !important;
}

#footer a {
    color: #294a70 !important;
}

.bottommenu {
    background: #e6e9ed !important;
    border: 1px solid #a0a9b5 !important;
    color: #4b5663 !important;
    font-size: 10px !important;
    padding: 5px 7px !important;
}

.thread_legend,
.forum_legend {
    font-size: 10px !important;
}

@media (max-width: 900px) {
    #container {
        min-width: 0;
    }

    .wrapper {
        width: 98% !important;
    }

    #logo {
        min-height: 0;
    }
}

/* BRAUNDE_FONLINE_VB384_REFERENCE
   Reference basis:
   FOnline Forum saved snapshot: 2009-10-01
   Generator: vBulletin 3.8.4
   Style: "Обычный стиль", Style ID 1

   This is a MyBB-specific visual adaptation. It intentionally does not
   copy vBulletin proprietary image assets or branding.
*/

html,
body {
    background: #E1E1E2 !important;
    color: #000000 !important;
    font: 10pt Verdana, Geneva, Lucida, "Lucida Grande", Arial, Helvetica, sans-serif !important;
}

body {
    margin: 5px 10px 10px 10px !important;
    padding: 0 !important;
}

#container {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: #000000 !important;
}

.wrapper {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

a:link,
a:visited {
    color: #22229C !important;
}

a:hover,
a:active {
    color: #FF4400 !important;
}

#header {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

#logo {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    text-align: left !important;
}

#logo img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
}

#header ul.menu {
    margin: 0 !important;
    padding: 1px !important;
    border: 1px solid #0B198C !important;
    background: #738FBF !important;
    text-align: center !important;
    font: bold 11px Tahoma, Verdana, Geneva, Lucida, "Lucida Grande", Arial, Helvetica, sans-serif !important;
}

#header ul.menu li {
    display: inline-block !important;
    margin: 0 !important;
    padding: 3px 10px !important;
    white-space: nowrap !important;
}

#header ul.menu li a:link,
#header ul.menu li a:visited,
#header ul.menu li a:hover,
#header ul.menu li a:active {
    color: #FFFFFF !important;
}

#panel {
    margin: 0 !important;
    border: 1px solid #0B198C !important;
    border-top: 0 !important;
    border-radius: 0 !important;
    background: #D1D4E0 !important;
    color: #000000 !important;
    box-shadow: none !important;
    font: 11px Verdana, Geneva, Lucida, "Lucida Grande", Arial, Helvetica, sans-serif !important;
}

#panel .upper {
    padding: 4px 6px !important;
    border: 0 !important;
    background: #738FBF !important;
    color: #FFFFFF !important;
}

#panel .upper a:link,
#panel .upper a:visited,
#panel .upper a:hover,
#panel .upper a:active {
    color: #FFFFFF !important;
}

#panel .lower {
    padding: 5px 6px !important;
    border: 0 !important;
    background: #E4E7F5 !important;
    color: #000000 !important;
}

#content {
    margin: 0 !important;
    padding: 12px 25px 20px 25px !important;
    border: 0 !important;
    background: #FFFFFF !important;
    color: #000000 !important;
}

.navigation {
    margin: 0 0 10px 0 !important;
    padding: 6px !important;
    border: 1px solid #0B198C !important;
    border-radius: 0 !important;
    background: #F5F5FF !important;
    color: #000000 !important;
    font: 11px Verdana, Geneva, Lucida, "Lucida Grande", Arial, Helvetica, sans-serif !important;
}

.navigation .active {
    color: #000000 !important;
}

.tborder {
    border: 1px solid #0B198C !important;
    border-radius: 0 !important;
    border-spacing: 1px !important;
    background: #D1D1E1 !important;
    color: #000000 !important;
    box-shadow: none !important;
}

/* MyBB uses .thead for category/group bars.
   The FOnline snapshot used vBulletin .tcat for the same visual role. */
.thead {
    padding: 4px 6px !important;
    border: 0 !important;
    background: linear-gradient(to bottom, #95A8C8 0%, #869BBF 55%, #7D92B5 100%) !important;
    color: #FFFFFF !important;
    font: bold 10pt Verdana, Geneva, Lucida, "Lucida Grande", Arial, Helvetica, sans-serif !important;
}

.thead a:link,
.thead a:visited {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.thead a:hover,
.thead a:active {
    color: #FFFF66 !important;
    text-decoration: underline !important;
}

/* MyBB uses .tcat for the column/subsection bar.
   The FOnline snapshot used vBulletin .thead for that role. */
.tcat {
    padding: 4px 6px !important;
    border: 0 !important;
    background: linear-gradient(to bottom, #6E82A8 0%, #5C7099 55%, #53678E 100%) !important;
    color: #FFFFFF !important;
    font: bold 11px Tahoma, Verdana, Geneva, Lucida, "Lucida Grande", Arial, Helvetica, sans-serif !important;
}

.tcat a:link,
.tcat a:visited {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.tcat a:hover,
.tcat a:active {
    color: #FFFF00 !important;
}

.trow1 {
    background: #F5F5FF !important;
    color: #000000 !important;
}

.trow2 {
    background: #E1E4F2 !important;
    color: #000000 !important;
}

.trow1,
.trow2 {
    padding: 6px !important;
    border-color: #D1D1E1 !important;
    font: 10pt Verdana, Geneva, Lucida, "Lucida Grande", Arial, Helvetica, sans-serif !important;
}

.trow1:hover,
.trow2:hover {
    background: inherit !important;
}

.tfoot {
    padding: 4px 6px !important;
    border: 0 !important;
    background: #3E5C92 !important;
    color: #E0E0F6 !important;
}

.tfoot a:link,
.tfoot a:visited {
    color: #E0E0F6 !important;
}

.tfoot a:hover,
.tfoot a:active {
    color: #FFFF66 !important;
}

.smalltext {
    font: 11px Verdana, Geneva, Lucida, "Lucida Grande", Arial, Helvetica, sans-serif !important;
}

.largetext {
    font-size: 14pt !important;
}

input.textbox,
textarea,
select {
    border: 1px solid #7F9DB9 !important;
    border-radius: 0 !important;
    background: #FFFFFF !important;
    color: #000000 !important;
    box-shadow: none !important;
    font: 10pt Verdana, Geneva, Lucida, "Lucida Grande", Arial, Helvetica, sans-serif !important;
}

input.button,
button,
.button {
    border: 1px solid #7F9DB9 !important;
    border-radius: 0 !important;
    background: #ECE9D8 !important;
    color: #000000 !important;
    box-shadow: none !important;
    font: 11px Verdana, Geneva, Lucida, "Lucida Grande", Arial, Helvetica, sans-serif !important;
    padding: 2px 6px !important;
}

.post,
blockquote,
.codeblock,
.modal,
.pm_alert,
.red_alert {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.post {
    border-color: #0B198C !important;
}

.post .post_author,
.post.classic .post_author {
    background: #E1E4F2 !important;
    border-color: #D1D1E1 !important;
}

.post_content {
    background: #F5F5FF !important;
}

.post_head {
    background: #D1D4E0 !important;
    border-color: #D1D1E1 !important;
    color: #000000 !important;
}

blockquote,
.codeblock {
    border: 1px solid #D1D1E1 !important;
    background: #F5F5FF !important;
}

.pagination a,
.pagination .pagination_current {
    border: 1px solid #0B198C !important;
    border-radius: 0 !important;
}

.pagination a {
    background: #F5F5FF !important;
    color: #22229C !important;
}

.pagination .pagination_current {
    background: #E1E4F2 !important;
    color: #000000 !important;
}

.bottommenu {
    margin: 0 !important;
    padding: 6px !important;
    border: 0 !important;
    background: #3E5C92 !important;
    color: #E0E0F6 !important;
    font: 11px Verdana, Geneva, Lucida, "Lucida Grande", Arial, Helvetica, sans-serif !important;
}

.bottommenu a:link,
.bottommenu a:visited {
    color: #E0E0F6 !important;
}

.bottommenu a:hover,
.bottommenu a:active {
    color: #FFFF66 !important;
}

#footer {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: #E1E1E2 !important;
    color: #000000 !important;
    font: 11px Verdana, Geneva, Lucida, "Lucida Grande", Arial, Helvetica, sans-serif !important;
}

#footer .upper {
    margin: 0 !important;
    padding: 6px !important;
    border: 0 !important;
    background: #3E5C92 !important;
    color: #E0E0F6 !important;
}

#footer .upper a:link,
#footer .upper a:visited {
    color: #E0E0F6 !important;
}

#footer .lower {
    margin: 0 !important;
    padding: 8px 6px !important;
    border: 0 !important;
    background: #E1E1E2 !important;
    color: #666686 !important;
}

.time {
    color: #666686 !important;
}

@media (max-width: 900px) {
    body {
        margin: 3px !important;
    }

    #content {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

/* BRAUNDE_FONLINE_VB384_TEMPLATE_LAYOUT
   Template/layout pass based on the saved 2009 FOnline forum structure.
*/

.vb384-toprow {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    min-height: 72px;
    padding: 0 0 4px 0;
}

.vb384-logo {
    flex: 0 0 auto;
}

.vb384-logo img {
    display: block;
    width: auto;
    height: auto;
    max-height: 85px;
}

.vb384-login-cell {
    flex: 0 0 auto;
    margin: 0 0 0 20px;
    padding: 1px 0 0 0;
    text-align: right;
}

.vb384-login-form {
    margin: 0;
    padding: 0;
}

.vb384-login-form table {
    margin-left: auto;
}

.vb384-login-form .textbox {
    width: 105px;
    height: 18px;
    padding: 1px 2px;
    font-size: 11px !important;
}

.vb384-login-form .button {
    min-width: 42px;
    padding: 1px 5px !important;
}

.vb384-member-box {
    max-width: 760px;
    line-height: 1.5;
    color: #000;
}

.vb384-member-links a {
    margin-left: 10px;
}

.vb384-nav {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-around;
    align-items: center;
    padding: 0 !important;
    border: 1px solid #0B198C !important;
    background: #738FBF !important;
}

.vb384-nav a {
    flex: 1 1 auto;
    padding: 4px 8px;
    color: #FFF !important;
    text-align: center;
    font: bold 11px Tahoma, Verdana, Arial, sans-serif;
    white-space: nowrap;
}

.vb384-nav a:hover {
    color: #FFF !important;
    text-decoration: underline !important;
}

.vb384-guest-intro {
    margin-bottom: 0;
}

body:has(.vb384-member-box) .vb384-guest-intro {
    display: none;
}

.vb384-forum-category {
    width: 100%;
}

.vb384-forum-category .thead {
    text-align: left;
}

.vb384-forum-category .expcolimage {
    float: right;
    margin: 1px 0 0 8px;
}

.vb384-forum-category .expcolimage img {
    width: 13px;
    height: 13px;
}

.vb384-forum-row > td {
    vertical-align: middle;
}

.vb384-forum-row > td:nth-child(2) {
    vertical-align: top;
}

.vb384-forum-title {
    margin-bottom: 2px;
}

.vb384-forum-description {
    color: #000 !important;
    line-height: 1.25;
}

.vb384-lastpost {
    width: 220px;
    min-width: 180px;
    font-size: 11px !important;
}

.vb384-counter {
    width: 60px;
    white-space: nowrap;
}

.vb384-boardstats {
    width: 100%;
}

.vb384-boardstats .tcat {
    text-align: left;
}

.vb384-stats-icon {
    font-size: 22px !important;
    color: #5C7099 !important;
}

.vb384-forum-legend {
    display: flex;
    gap: 36px;
    align-items: center;
    padding: 0 4px;
}

.vb384-forum-legend > span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.vb384-current-time {
    text-align: center;
    color: #666686 !important;
}

.vb384-footer-selects {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 28px;
    padding: 3px 6px;
    background: #3E5C92;
    color: #E0E0F6;
}

.vb384-select-left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.vb384-select-left form {
    display: inline-block;
    margin: 0;
}

.vb384-footer-links {
    display: flex;
    gap: 8px;
    font: bold 11px Verdana, Arial, sans-serif;
}

.vb384-footer-links a,
.vb384-footer-links a:visited {
    color: #E0E0F6 !important;
}

.vb384-footer-links a + a::before {
    content: "-";
    margin-right: 8px;
    color: #E0E0F6;
}

.vb384-debug {
    padding: 8px 6px 2px;
    text-align: right;
    color: #000 !important;
    background: #E1E1E2;
}

.vb384-footer-copy {
    padding: 4px 6px 8px;
    color: #666686 !important;
    background: #E1E1E2;
}

@media (max-width: 1050px) {
    .vb384-nav {
        flex-wrap: wrap;
    }

    .vb384-nav a {
        flex-basis: 25%;
    }

    .vb384-forum-legend {
        flex-wrap: wrap;
        gap: 10px 22px;
    }
}

@media (max-width: 760px) {
    .vb384-toprow {
        display: block;
    }

    .vb384-login-cell {
        margin: 8px 0 0 0;
        text-align: left;
    }

    .vb384-login-form table {
        margin-left: 0;
    }

    .vb384-lastpost {
        min-width: 0;
        width: auto;
    }

    .vb384-footer-selects {
        display: block;
    }

    .vb384-footer-links {
        margin-top: 6px;
        flex-wrap: wrap;
    }
}

/* BRAUNDE_FONLINE_VB384_HEADER_FOOTER_POLISH
   Final geometry pass before forum-structure seeding.
   Moves the breadcrumb/title and login to the same pre-navigation row,
   matching the saved FOnline/vBulletin layout more closely.
*/

.vb384-logo-only {
    min-height: 72px;
    padding: 0;
    background: #E1E1E2;
}

.vb384-logo-only img {
    display: block;
    width: auto;
    height: auto;
    max-height: 85px;
}

.vb384-title-login-row {
    display: flex;
    align-items: center;
    min-height: 34px;
    margin: 0;
    border: 1px solid #0B198C;
    background: #F5F5FF;
    box-sizing: border-box;
}

.vb384-title-cell {
    flex: 1 1 auto;
    min-width: 0;
}

.vb384-title-cell .navigation {
    margin: 0 !important;
    padding: 6px !important;
    border: 0 !important;
    background: transparent !important;
}

.vb384-title-login-row .vb384-login-cell {
    flex: 0 0 auto;
    margin: 0;
    padding: 2px 5px 2px 8px;
}

.vb384-title-login-row .vb384-login-form table {
    margin: 0;
}

.vb384-title-login-row .vb384-member-box {
    padding: 1px 0;
    text-align: right;
}

.vb384-nav {
    margin-top: 2px !important;
}

#content {
    padding-top: 11px !important;
}

.vb384-footer-copy {
    text-align: center;
}


@media (max-width: 760px) {
    .vb384-title-login-row {
        display: block;
    }

    .vb384-title-login-row .vb384-login-cell {
        padding: 4px 6px;
        text-align: left;
    }
}

/* BRAUNDE_FONLINE_PIT_ONLY_POLISH
   Single-section visual pass for the archived Другое -> Яма reference.
   No category/forum records are created or deleted.
*/

/* Make the category subtitle readable like the saved vBulletin reference. */
.vb384-forum-category .thead .smalltext {
    margin-top: 1px !important;
    color: #E7EBF4 !important;
    font-size: 10px !important;
    font-weight: normal !important;
    line-height: 1.15 !important;
}

/* Recreate a neutral old-forum document icon without copying vBulletin assets. */
.vb384-forum-row > td:first-child {
    position: relative !important;
    width: 31px !important;
    min-width: 31px !important;
    padding: 5px 3px !important;
    text-align: center !important;
}

.vb384-forum-row > td:first-child .forum_status {
    display: none !important;
}

.vb384-forum-row > td:first-child::before {
    content: "" !important;
    display: inline-block !important;
    width: 16px !important;
    height: 20px !important;
    box-sizing: border-box !important;
    border: 1px solid #64799D !important;
    background:
        linear-gradient(135deg, transparent 0 67%, #C9D2E2 68% 100%) top right / 6px 6px no-repeat,
        linear-gradient(#F8FAFD, #DDE4EF) !important;
    box-shadow:
        inset 2px 0 0 #EEF2F8,
        1px 1px 0 rgba(0,0,0,.12) !important;
    vertical-align: middle !important;
}

.vb384-forum-row > td:first-child::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 11px !important;
    width: 9px !important;
    height: 1px !important;
    margin-left: -5px !important;
    background: #8999B4 !important;
    box-shadow:
        0 3px 0 #8999B4,
        0 6px 0 #8999B4 !important;
}

/* The saved page has a narrow dark "mark all read" strip below the forum table. */
.vb384-markread-strip {
    margin-top: -8px !important;
    margin-bottom: 0 !important;
}

.vb384-markread-strip .tfoot {
    padding: 3px 6px !important;
    text-align: center !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
}

.vb384-markread-strip .tfoot a {
    color: #E0E0F6 !important;
    font-weight: bold !important;
}

/* Keep the single Яма row compact, matching the old forum density. */
.vb384-forum-row .vb384-forum-title {
    margin-bottom: 1px !important;
}

.vb384-forum-row .vb384-forum-description {
    line-height: 1.15 !important;
}

/* BRAUNDE_FONLINE_VB384_EXACT_PALETTE_GEOMETRY
   Exact classic-vBulletin color/geometry correction.

   Original vBulletin roles:
     tcat  = #869BBF + gradient_tcat.gif
     thead = #5C7099
     alt1  = #F5F5FF
     alt2  = #E1E4F2

   In this MyBB compatibility theme:
     .thead is used for the old vBulletin tcat role
     .tcat  is used for the old vBulletin thead role
*/

/* One common 25px content line for header, body and footer. */
body {
    margin: 5px 0 10px 0 !important;
    padding: 0 !important;
    background: #E1E1E2 !important;
}

#header,
#content,
#footer {
    width: auto !important;
    max-width: none !important;
    margin-left: 25px !important;
    margin-right: 25px !important;
    box-sizing: border-box !important;
}

#content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: #FFFFFF !important;
}

/* Original FOnline/vBulletin category/title gradient asset. */
.thead {
    background-color: #869BBF !important;
    background-image: url("/images/fonline2008/gradients/gradient_tcat.gif") !important;
    background-repeat: repeat-x !important;
    background-position: top left !important;
    color: #FFFFFF !important;
}

/* Old vBulletin thead role. Do not approximate it with our earlier custom gradient. */
.tcat {
    background: #5C7099 !important;
    color: #FFFFFF !important;
}

/*
 * vBulletin forumhome alternates alt2 / alt1 across the five forum-list
 * columns: icon, forum, last post, threads, posts.
 */
.vb384-forum-row > td:nth-child(odd) {
    background: #E1E4F2 !important;
    color: #000000 !important;
}

.vb384-forum-row > td:nth-child(even) {
    background: #F5F5FF !important;
    color: #000000 !important;
}

/* Keep hover rules from washing out the exact cell colors. */
.vb384-forum-row > td:nth-child(odd):hover {
    background: #E1E4F2 !important;
}

.vb384-forum-row > td:nth-child(even):hover {
    background: #F5F5FF !important;
}

/* Exact fallback colors for generic alternating MyBB rows elsewhere. */
.trow1 {
    background: #F5F5FF !important;
}

.trow2 {
    background: #E1E4F2 !important;
}

@media (max-width: 760px) {
    #header,
    #content,
    #footer {
        margin-left: 6px !important;
        margin-right: 6px !important;
    }
}

/* BRAUNDE_FONLINE_VB384_UI_FIDELITY
   Corrections based on direct screenshot comparison with the archived forum.
*/

/* Old vBulletin .thead role: use the original gradient_thead.gif. */
.tcat {
    background-color: #5C7099 !important;
    background-image: url("/images/fonline2008/gradients/gradient_thead.gif") !important;
    background-repeat: repeat-x !important;
    background-position: top left !important;
    color: #FFFFFF !important;
}

/* Keep category/title role on original gradient_tcat.gif from Stage 5.2. */
.thead {
    background-color: #869BBF !important;
    background-image: url("/images/fonline2008/gradients/gradient_tcat.gif") !important;
    background-repeat: repeat-x !important;
    background-position: top left !important;
}

/* No block highlighting on hover: classic forumhome cells stay static. */
.trow1:hover,
tr:hover > .trow1 {
    background: #F5F5FF !important;
}

.trow2:hover,
tr:hover > .trow2 {
    background: #E1E4F2 !important;
}

.vb384-forum-row > td:nth-child(odd):hover,
.vb384-forum-row:hover > td:nth-child(odd) {
    background: #E1E4F2 !important;
}

.vb384-forum-row > td:nth-child(even):hover,
.vb384-forum-row:hover > td:nth-child(even) {
    background: #F5F5FF !important;
}

/* Login is a distinct alt2 block at the right of the title row. */
.vb384-title-login-row {
    align-items: stretch !important;
}

.vb384-title-login-row .vb384-login-cell {
    align-self: stretch !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 2px 5px !important;
    border-left: 1px solid #0B198C !important;
    background: #E1E4F2 !important;
}

.vb384-login-form,
.vb384-login-form table {
    margin: 0 !important;
    padding: 0 !important;
}

.vb384-login-form table {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

.vb384-login-form td {
    padding: 1px 2px !important;
    white-space: nowrap !important;
}

.vb384-login-form .textbox {
    margin: 0 !important;
}

.vb384-login-form .button {
    margin: 0 0 0 2px !important;
    vertical-align: middle !important;
}

/* Remove modern rounded corners everywhere they are visible in forum chrome. */
.tborder,
.thead,
.tcat,
.trow1,
.trow2,
.tfoot,
.navigation,
#panel,
#panel .upper,
#panel .lower,
.vb384-title-login-row,
.vb384-login-cell,
.vb384-nav,
.vb384-boardstats,
.vb384-forum-category,
.vb384-markread-strip,
input.textbox,
input.button,
button,
select,
textarea,
.pagination a,
.pagination .pagination_current,
.post,
.post_head,
.post_content,
blockquote,
.codeblock,
.modal,
.pm_alert,
.red_alert {
    border-radius: 0 !important;
}

/* Old forum controls are square and flat. */
input.textbox,
input.button,
button,
select,
textarea {
    box-shadow: none !important;
}

/* BRAUNDE_FONLINE_VB384_TITLE_CATEGORY_ORDER
   Final structural polish:
   - title row gets folder icon and vertical centering
   - logo row loses extra left padding/margins
   - category column header row is visually above the category title
*/

.vb384-logo-only,
.vb384-logo-only a,
.vb384-logo-only img {
    margin: 0 !important;
    padding: 0 !important;
}

.vb384-title-cell {
    display: flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 0 8px 0 6px !important;
    box-sizing: border-box !important;
}

.vb384-title-nav {
    display: flex !important;
    align-items: center !important;
    min-height: 30px !important;
    width: 100% !important;
}

.vb384-title-cell .navigation {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    min-height: 30px !important;
    width: 100% !important;
}

.vb384-title-cell .navigation,
.vb384-title-cell .navigation a,
.vb384-title-cell .navigation .active {
    line-height: 1.1 !important;
}

.vb384-title-folder {
    position: relative !important;
    display: inline-block !important;
    width: 14px !important;
    height: 10px !important;
    margin: 0 6px 0 0 !important;
    border: 1px solid #7F8EB0 !important;
    background: #A7B7D6 !important;
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
}

.vb384-title-folder::before {
    content: "" !important;
    position: absolute !important;
    left: 1px !important;
    top: -4px !important;
    width: 7px !important;
    height: 4px !important;
    border: 1px solid #7F8EB0 !important;
    border-bottom: 0 !important;
    background: #C7D2E7 !important;
    box-sizing: border-box !important;
}

.vb384-cat-title {
    position: relative !important;
    display: block !important;
    min-height: 18px !important;
    padding-right: 18px !important;
}

.vb384-cat-title .expcolimage {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    margin: 0 !important;
}

.vb384-cat-title strong,
.vb384-cat-title .smalltext {
    display: block !important;
}

.vb384-cat-columns td:first-child {
    width: 32px !important;
    text-align: center !important;
}

/* BRAUNDE_FONLINE_VB384_LOGO_OFFSET
   The FOnline_logo.gif already contains its own transparent left spacing.
   The classic forum content line stays at 25px, while only the logo image
   box is shifted back by that external 25px so its built-in spacing is used.
*/

.vb384-logo-only img {
    position: relative !important;
    left: -25px !important;
}

/* Do not move the title/login/nav/content/footer alignment. */
.vb384-title-login-row,
.vb384-nav,
#content,
#footer {
    position: relative !important;
    left: 0 !important;
}

@media (max-width: 760px) {
    .vb384-logo-only img {
        left: -6px !important;
    }
}

/* BRAUNDE_FONLINE_VB384_BOARDSTATS_LEGEND
   Reconstructs the lower forumhome blocks from the archived FOnline layout.
*/

.vb384-boardstats {
    width: 100% !important;
}

.vb384-boardstats td {
    border-radius: 0 !important;
}

.vb384-boardstats .tcat,
.vb384-boardstats .thead {
    line-height: 1.1 !important;
}

.vb384-boardstats-iconcell {
    width: 60px !important;
    min-width: 60px !important;
    padding: 4px !important;
    vertical-align: middle !important;
}

.vb384-online-detail,
.vb384-stats-detail {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    line-height: 1.18 !important;
}

.vb384-online-members {
    margin-top: 1px !important;
}

/* Three-person retro icon, drawn locally without copied proprietary assets. */
.vb384-online-users-icon {
    position: relative !important;
    display: inline-block !important;
    width: 30px !important;
    height: 24px !important;
}

.vb384-online-users-icon::before {
    content: "" !important;
    position: absolute !important;
    left: 2px !important;
    top: 1px !important;
    width: 8px !important;
    height: 8px !important;
    border: 1px solid #596C91 !important;
    border-radius: 50% !important;
    background: #E7CD54 !important;
    box-shadow:
        10px 2px 0 -1px #D66D8D,
        10px 2px 0 0 #596C91,
        19px 0 0 -1px #6AA6D6,
        19px 0 0 0 #596C91 !important;
}

.vb384-online-users-icon::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 1px !important;
    width: 11px !important;
    height: 11px !important;
    border: 1px solid #596C91 !important;
    background: #6E9E59 !important;
    box-shadow:
        9px 0 0 -1px #9C67B5,
        9px 0 0 0 #596C91,
        18px 0 0 -1px #5887BE,
        18px 0 0 0 #596C91 !important;
}

/* Small old-style statistics chart. */
.vb384-stats-chart-icon {
    position: relative !important;
    display: inline-block !important;
    width: 28px !important;
    height: 25px !important;
    border-left: 1px solid #66799C !important;
    border-bottom: 1px solid #66799C !important;
    box-sizing: border-box !important;
    background:
        linear-gradient(to top, #E66868 0 60%, transparent 61%) 3px bottom / 4px 17px no-repeat,
        linear-gradient(to top, #F0C24F 0 75%, transparent 76%) 10px bottom / 4px 20px no-repeat,
        linear-gradient(to top, #5E9FD3 0 45%, transparent 46%) 17px bottom / 4px 14px no-repeat,
        linear-gradient(to top, #6BA95C 0 88%, transparent 89%) 24px bottom / 3px 23px no-repeat !important;
}

/* Birthday cake used only when MyBB has real birthdays to render. */
.vb384-birthday-cake-icon {
    position: relative !important;
    display: inline-block !important;
    width: 27px !important;
    height: 23px !important;
}

.vb384-birthday-cake-icon::before {
    content: "" !important;
    position: absolute !important;
    left: 3px !important;
    bottom: 2px !important;
    width: 21px !important;
    height: 12px !important;
    border: 1px solid #8D6A43 !important;
    background:
        linear-gradient(to bottom, #FFF0CF 0 35%, #E7878B 36% 55%, #F0C681 56% 100%) !important;
}

.vb384-birthday-cake-icon::after {
    content: "" !important;
    position: absolute !important;
    left: 7px !important;
    top: 0 !important;
    width: 2px !important;
    height: 8px !important;
    background: #537DB7 !important;
    box-shadow:
        6px 0 0 #D85E5E,
        12px 0 0 #6B9C57 !important;
}

/* Archived forumhome legend: vertical, compact and left-aligned. */
.vb384-forum-legend {
    display: block !important;
    padding: 0 4px !important;
}

.vb384-legend-row {
    display: flex !important;
    align-items: center !important;
    min-height: 25px !important;
    gap: 8px !important;
}

.vb384-legend-forum-icon {
    position: relative !important;
    display: inline-block !important;
    width: 17px !important;
    height: 21px !important;
    box-sizing: border-box !important;
    border: 1px solid #64799D !important;
    background:
        linear-gradient(135deg, transparent 0 67%, #C9D2E2 68% 100%) top right / 6px 6px no-repeat,
        linear-gradient(#F8FAFD, #DDE4EF) !important;
    box-shadow:
        inset 2px 0 0 #EEF2F8,
        1px 1px 0 rgba(0,0,0,.12) !important;
}

.vb384-legend-forum-icon::after {
    content: "" !important;
    position: absolute !important;
    left: 3px !important;
    bottom: 3px !important;
    width: 8px !important;
    height: 4px !important;
    border: 1px solid #596C91 !important;
}

.vb384-legend-new::after {
    background: #6E9E59 !important;
}

.vb384-legend-old::after {
    background: #B7BDC9 !important;
}

@media (max-width: 760px) {
    .vb384-boardstats-iconcell {
        width: 42px !important;
        min-width: 42px !important;
    }
}