/* Final SMF 2.1 compatibility overrides for the Taperssection 4.0 theme. */

#display_head {
	display: none !important;
}

#forumposts .keyinfo {
	float: none !important;
	width: auto !important;
}

#forumposts .post {
	clear: right !important;
}

#forumposts .postarea .inner {
	margin-right: 0;
	padding-right: 0;
}

#forumposts .postinfo {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 8px;
}

#forumposts .postinfo .spacer {
	display: none;
}

#forumposts .postinfo .modified {
	margin-left: auto;
}

#userarea {
	min-width: 360px;
}

#guest_form {
	color: #fff;
}

#guest_form .login_prompt,
#guest_form .login_help {
	padding: 2px 0;
	font-weight: bold;
	white-space: nowrap;
}

#guest_form .login_fields {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 4px;
}

#guest_form input.input_text,
#guest_form input.input_password {
	box-sizing: border-box;
	width: 108px;
	height: 20px;
	padding: 2px 5px;
}

#guest_form select {
	width: 76px;
	height: 20px;
}

#guest_form .button_submit {
	height: 20px;
	padding: 0 6px;
}

#navi li a span {
	white-space: nowrap;
}

#ts4_top_ads {
	min-height: 94px;
	text-align: center;
	overflow: hidden;
}

#boardindex_table .main_container > .cat_bar h3.catbg {
	font-size: 1.44em;
}

#boardindex_table .up_contain {
	display: grid;
	grid-template-columns: 6% minmax(0, 1fr) 15% 24%;
	gap: 2px;
	align-items: stretch;
	margin-bottom: 2px;
	border-bottom: 0;
	background: #fff;
}

#boardindex_table .up_contain:nth-child(even) {
	background: #fff;
}

#boardindex_table .board_icon,
#boardindex_table .board_stats,
#boardindex_table .lastpost,
#boardindex_table .info,
#boardindex_table .children {
	box-sizing: border-box;
	padding: 5px;
}

#boardindex_table .up_contain > .info,
#boardindex_table .up_contain > .lastpost {
	background: #eeeeee;
}

#boardindex_table .board_icon,
#boardindex_table .board_stats,
#boardindex_table .children {
	background: #e1e1e1;
	color: #000;
}

#boardindex_table .board_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	grid-column: 1;
	text-align: center;
}

#boardindex_table .up_contain.has_children .board_icon {
	align-items: center;
	grid-row: 1 / span 2;
}

#boardindex_table .board_icon a {
	display: inline-block;
	width: auto;
	height: auto;
	background: none !important;
}

#boardindex_table .board_icon img {
	display: block;
}

#boardindex_table .info {
	grid-column: 2;
	overflow: hidden;
}

#boardindex_table .info a.subject {
	display: inline;
	font-weight: bold;
	font-size: 110%;
	color: #800000;
	margin: 0;
}

#boardindex_table .info p,
#boardindex_table .board_description {
	margin: 0;
	padding: 0;
	line-height: 150%;
}

#boardindex_table .board_stats {
	grid-column: 3;
	font-size: 90%;
	text-align: center;
	white-space: nowrap;
}

#boardindex_table .lastpost {
	grid-column: 4;
	font-size: 85%;
	line-height: 1.3em;
}

#boardindex_table .board_stats p,
#boardindex_table .lastpost p,
#boardindex_table .children p {
	margin: 0;
	padding: 0;
}

#boardindex_table .children {
	color: #555;
	font-size: 85%;
	grid-column: 2 / 5;
	grid-row: 2;
	line-height: 150%;
}

#boardindex_table .children a,
#boardindex_table .children a:visited {
	color: #800000;
}

#boardindex_table .children a.board_new_posts {
	font-weight: bold;
}

#boardindex_table .children .new_posts,
#boardindex_table .children a.new_posts {
	display: inline-block;
	position: relative;
	top: -1px;
	margin-left: 3px;
	padding: 0 4px;
	border-radius: 2px;
	background: #ff7a00;
	color: #fff;
	font: bold 9px/13px verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}

#boardindex_table .children a.new_posts:visited {
	color: #fff;
}

#info_center > .title_bar {
	background: url(../images/theme/main_block.png) no-repeat 0 -160px;
}

#info_center h3.titlebg {
	background: url(../images/theme/main_block.png) no-repeat 100% -160px;
}

#info_center h3.titlebg,
#info_center h3.titlebg a {
	color: #fff;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
}

#info_center .sub_bar {
	background: url(../images/theme/main_block.png) no-repeat 0 -120px;
	padding-left: 9px;
	overflow: hidden;
}

#info_center h4.subbg {
	overflow: hidden;
	height: 31px;
	line-height: 32px;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	background: url(../images/theme/main_block.png) no-repeat 100% -120px;
	padding-right: 9px;
}

#info_center #upshrink_stats p.inline {
	font-size: 1.1em;
}

a[class^="mobile_generic_menu_"] {
	display: none;
}

#genericmenu .popup_container {
	display: block !important;
}

#genericmenu .popup_window {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

#genericmenu .popup_heading {
	display: none;
}

.generic_menu {
	clear: both;
	margin: 5px 0 8px 0;
}

.generic_menu .dropmenu,
.generic_menu .dropmenu ul {
	box-sizing: border-box;
	list-style: none;
	line-height: 1em;
	margin: 0;
	padding: 0;
}

.generic_menu .dropmenu {
	min-height: 24px;
	padding: 0 0.5em;
	overflow: visible;
}

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

.generic_menu .dropmenu li {
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}

.generic_menu .dropmenu a {
	display: block;
	color: #000;
	text-decoration: none;
}

.generic_menu .dropmenu > li > a {
	height: 22px;
	margin-right: 8px;
	padding: 0 8px;
	line-height: 19px;
	font-size: 0.9em;
	border: 0;
	border-radius: 0;
}

.generic_menu .dropmenu > li > a.active,
.generic_menu .dropmenu > li:hover > a,
.generic_menu .dropmenu > li > a:focus {
	background: url(../images/theme/menu_gfx.png) no-repeat 100% 0;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.generic_menu .dropmenu > li:hover > a,
.generic_menu .dropmenu > li > a:focus {
	background-position: 100% -30px;
	cursor: pointer;
}

.generic_menu .dropmenu li ul {
	z-index: 90;
	display: none;
	position: absolute;
	top: 22px;
	left: 0;
	width: 19.2em;
	min-width: 19.2em;
	padding: 7px 0 0 0;
	border: 0;
	border-bottom: solid 1px #bababa;
	background: url(../images/theme/menu_gfx.png) 0 -100px no-repeat #d4d4d4;
	box-shadow: none;
}

.generic_menu .dropmenu li:hover > ul,
.generic_menu .dropmenu li:focus-within > ul {
	display: block;
}

.generic_menu .dropmenu li li {
	float: none;
	width: 19em;
	border-left: solid 1px #bababa;
	border-right: solid 1px #bababa;
	background: #d4d4d4;
}

.generic_menu .dropmenu li li a {
	min-height: 18px;
	padding: 8px;
	line-height: 1.25em;
	color: #000;
	background: transparent;
	border: 0;
	border-radius: 0;
}

.generic_menu .dropmenu li li a:hover,
.generic_menu .dropmenu li li a:focus,
.generic_menu .dropmenu li li a.chosen {
	background: url(../images/theme/main_block.png) no-repeat -10px -160px;
	color: #fff;
	text-decoration: none;
}

.generic_menu .dropmenu li li a.chosen {
	font-weight: bold;
}

.generic_menu .dropmenu li ul ul {
	top: 0;
	left: 19em;
	margin: 0;
}

.generic_menu .dropmenu li.subsections > a:after {
	content: "";
}

.generic_menu .main_icons,
#profile_menu .main_icons {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: -3px 8px 0 0;
	vertical-align: middle;
}

#profileview {
	box-sizing: border-box;
	margin-top: 8px;
	padding: 10px;
	background: #f5f5f5;
	border: 1px solid #c5c5c5;
}

#profileview:after {
	content: "";
	display: block;
	clear: both;
}

#basicinfo {
	box-sizing: border-box;
	float: left;
	width: 20%;
	padding-left: 10px;
}

#detailedinfo {
	box-sizing: border-box;
	float: right;
	width: 79.5%;
}

#basicinfo > * {
	margin-bottom: 3px;
}

#basicinfo h4 {
	margin: 0;
	font-size: 135%;
	font-weight: 100;
	line-height: 105%;
	white-space: normal;
	overflow-wrap: anywhere;
}

#basicinfo h4 span.position {
	display: block;
	font-size: 80%;
	font-weight: 100;
}

#basicinfo img.avatar,
dl.settings img.avatar {
	display: block;
	max-width: 160px;
	height: auto !important;
	margin: 10px 0 0 0;
}

#basicinfo ul {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
}

#basicinfo ul:after {
	content: "";
	display: block;
	clear: both;
}

#basicinfo ul li {
	display: block;
	float: left;
	height: 20px;
	margin-right: 5px;
}

#basicinfo #userstatus {
	display: block;
	clear: both;
}

#basicinfo #userstatus img {
	vertical-align: middle;
}

#basicinfo .infolinks {
	display: block;
	clear: both;
	margin-top: 3px;
}

#detailedinfo dl,
#tracking dl {
	clear: right;
	overflow: auto;
	margin: 0 0 18px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px #ccc solid;
}

#detailedinfo dt,
#tracking dt {
	float: left;
	clear: both;
	width: 35%;
	margin: 0 0 3px 0;
	padding: 0;
	font-weight: bold;
	color: #323232;
}

#detailedinfo dd,
#tracking dd {
	float: left;
	width: 65%;
	margin: 0 0 3px 0;
	padding: 0;
}

#detailedinfo .noborder {
	border-bottom: 0;
}

#detailedinfo dt.clear {
	width: 100%;
}

#admin_content > .roundframe:first-child {
	margin-top: 0;
}

.ts4_generic_menu_container:after,
#main_admsection:after {
	content: "";
	display: block;
	clear: both;
}

#left_admsection .cat_bar {
	margin-top: 0;
}

#left_admsection h4.catbg {
	color: #fff;
	font-size: 95%;
	font-weight: bold;
	line-height: 31px;
}

#left_admsection .left_admmenu {
	padding: 4px 0 7px 0;
	background: #eeeeee;
	border: 1px solid #d0d0d0;
	border-top: 0;
}

#left_admsection .left_admmenu li {
	padding: 1px 7px;
	line-height: 1.45em;
}

#left_admsection .left_admmenu strong a {
	color: #000;
}

#main_admsection #profileview {
	overflow: auto;
}

#main_admsection #basicinfo,
#main_admsection #detailedinfo {
	float: none;
	width: 100%;
	padding-left: 0;
}

#main_admsection #basicinfo {
	min-height: 150px;
	margin-bottom: 10px;
}

#main_admsection #basicinfo h4 {
	float: left;
	width: 35%;
	margin: 0;
}

#main_admsection #basicinfo img.avatar {
	float: right;
	max-width: 120px;
	margin: 0 0 8px 10px;
	vertical-align: top;
}

#main_admsection #basicinfo ul {
	clear: left;
	margin-top: 8px;
}

#main_admsection #basicinfo #userstatus,
#main_admsection #basicinfo .infolinks {
	clear: left;
}

#main_admsection #detailedinfo dl {
	padding-top: 8px;
}

#messageindex #topic_header,
#messageindex #topic_container > div {
	grid-template-columns: 68px minmax(0, 1fr) 130px minmax(230px, 27%);
}

#messageindex #topic_header .board_icon {
	display: block;
}

#messageindex #topic_container > div .board_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 8px 4px;
}

#messageindex #topic_container > div .board_icon:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../images/topic/normal_post.gif) no-repeat center center;
	flex: 0 0 18px;
}

#messageindex #topic_container > div.sticky .board_icon:before {
	background-image: url(../images/topic/normal_post_sticky.gif);
}

#messageindex #topic_container > div.locked .board_icon:before {
	background-image: url(../images/topic/normal_post_locked.gif);
}

#messageindex #topic_container > div.sticky.locked .board_icon:before {
	background-image: url(../images/topic/normal_post_locked_sticky.gif);
}

#messageindex #topic_container > div .board_icon img {
	display: inline-block;
	max-width: 16px;
	max-height: 16px;
	margin: 0;
	flex: 0 0 auto;
}

#messageindex #topic_container > div .info {
	padding-left: 6px;
}

#messageindex #topic_container > div .topic_pages {
	display: inline-block;
	margin-left: 6px;
}

@media screen and (max-width: 720px) {
	html,
	body {
		max-width: 100%;
		overflow-x: hidden;
	}

	div#wrapper {
		box-sizing: border-box;
		width: calc(100% - 20px) !important;
		max-width: calc(100% - 20px);
		margin: 0 10px;
		border: 10px solid #333333;
	}

	#header {
		height: 140px;
	}

	#logo {
		left: 5px;
		right: auto;
		width: calc(100vw - 120px) !important;
		max-width: none;
		height: 52px !important;
		background-size: 100% auto !important;
	}

	#searcharea {
		left: 1em;
	}

	#news {
		left: 1em;
		max-width: calc(100% - 2em);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#toolbar,
	#navi {
		height: auto;
		min-height: 40px;
		overflow: visible;
	}

	#navi {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		width: calc(100vw - 60px) !important;
		max-width: calc(100vw - 60px);
	}

	#navi li {
		flex: 0 0 auto;
		float: none;
	}

	#navi li a,
	#navi li a:visited {
		line-height: 34px;
		padding-left: 5px;
	}

	#navi li span {
		padding-right: 5px;
	}

	#userarea {
		display: none;
	}

	#ts4_top_ads {
		display: none;
	}

	#bodyarea,
	#main_content_section {
		box-sizing: border-box;
		max-width: 100%;
		overflow: hidden;
	}

	#boardindex_table .up_contain {
		display: block;
		margin-bottom: 2px;
		background: #eeeeee;
	}

	#boardindex_table .board_icon,
	#boardindex_table .board_stats {
		display: none;
	}

	#boardindex_table .info,
	#boardindex_table .lastpost,
	#boardindex_table .children {
		display: block;
		width: auto;
	}

	#boardindex_table .lastpost,
	#boardindex_table .children {
		border-top: 2px solid #fff;
	}

	.navigate_section {
		box-sizing: border-box;
		width: calc(100vw - 60px) !important;
		max-width: calc(100vw - 60px);
		overflow: visible;
	}

	.navigate_section ul {
		margin-left: 0;
		padding-left: 0;
	}

	.navigate_section ul li {
		display: block;
		width: 100%;
	}

	.navigate_section a,
	.navigate_section li,
	.navigate_section span {
		overflow-wrap: anywhere;
		white-space: normal;
	}

	.navigate_section li.last span {
		display: block;
		width: calc(100vw - 120px);
		max-width: calc(100vw - 120px);
	}

	#index_common_stats {
		position: static;
		top: auto;
		margin: 0 0 1em 0;
		padding: 0 0.5em;
		text-align: left;
		line-height: 1.35em;
		overflow-wrap: anywhere;
	}

	a[class^="mobile_generic_menu_"] {
		display: flex;
		align-items: center;
		gap: 5px;
		margin: 8px 0;
		color: #000;
		cursor: pointer;
	}

	a[class^="mobile_generic_menu_"]:hover {
		text-decoration: none;
	}

	.menu_icon {
		display: inline-block;
		width: 14px;
		height: 12px;
		border-top: 3px solid #333;
		border-bottom: 3px solid #333;
		position: relative;
	}

	.menu_icon:before {
		content: "";
		position: absolute;
		top: 4px;
		left: 0;
		width: 14px;
		border-top: 3px solid #333;
	}

	#genericmenu .popup_container {
		display: none !important;
		position: fixed;
		z-index: 500;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.55);
	}

	#genericmenu .popup_container[style*="display: block"],
	#genericmenu .popup_container[style*="display:block"] {
		display: block !important;
	}

	#genericmenu .popup_window {
		box-sizing: border-box;
		position: absolute;
		top: 8%;
		left: 2.5vw;
		width: 95vw;
		max-height: 86vh;
		overflow: auto;
		padding: 0 8px 8px 8px;
		border: 1px solid #333;
		background: #fff;
	}

	#genericmenu .popup_heading {
		display: block;
		margin: 0 -8px 8px -8px;
		padding: 8px;
		background: #333;
		color: #fff;
		font-weight: bold;
	}

	#genericmenu .hide_popup {
		float: right;
		color: #fff;
	}

	#genericmenu .hide_popup:before {
		content: "x";
		font-weight: bold;
	}

	.generic_menu .dropmenu {
		padding: 0;
	}

	.generic_menu .dropmenu li,
	.generic_menu .dropmenu li li {
		float: none;
		width: auto;
		border-left: 0;
		border-right: 0;
	}

	.generic_menu .dropmenu > li > a {
		height: auto;
		margin: 0 0 2px 0;
		padding: 7px 8px;
		line-height: 1.25em;
		background: #333;
		color: #fff;
		font-weight: bold;
	}

	.generic_menu .dropmenu li ul,
	.generic_menu .dropmenu li ul ul {
		display: block;
		position: static;
		width: auto;
		min-width: 0;
		margin: 0 0 2px 0;
		padding: 0;
		border: 0;
		background: #d4d4d4;
	}

	.generic_menu .dropmenu li li a {
		padding: 7px 8px 7px 20px;
		border-top: 1px solid #ececec;
	}

	.generic_menu .dropmenu li li li a {
		padding-left: 32px;
	}

	#profileview {
		padding: 8px;
	}

	#basicinfo,
	#detailedinfo {
		float: none;
		width: auto;
		padding-left: 0;
	}

	#left_admsection,
	#main_admsection {
		float: none;
		box-sizing: border-box;
		width: auto;
		margin-left: 0;
		padding-right: 0;
	}

	#left_admsection {
		margin-bottom: 10px;
	}

	#main_admsection #basicinfo h4,
	#main_admsection #basicinfo img.avatar {
		float: none;
		width: auto;
		margin-left: 0;
	}

	#basicinfo {
		margin-bottom: 12px;
	}

	#basicinfo img.avatar,
	dl.settings img.avatar {
		max-width: 120px;
	}

	#detailedinfo dt,
	#detailedinfo dd,
	#tracking dt,
	#tracking dd,
	dl.settings dt,
	dl.settings dd {
		float: none;
		width: auto;
	}

	#messageindex #topic_header,
	#unread #topic_header,
	#unreadreplies #topic_header,
	#messageindex .board_icon,
	#messageindex .board_stats,
	#messageindex .lastpost,
	#unread .board_icon,
	#unread .board_stats,
	#unread .lastpost,
	#unreadreplies .board_icon,
	#unreadreplies .board_stats,
	#unreadreplies .lastpost {
		display: none !important;
	}

	#messageindex #topic_container > div,
	#unread #topic_container > div,
	#unreadreplies #topic_container > div {
		display: block;
		padding: 8px;
	}

	#messageindex.topic_table {
		box-sizing: border-box;
		width: calc(100vw - 60px) !important;
		max-width: calc(100vw - 60px);
		overflow: visible;
	}

	#messageindex.topic_table table,
	#messageindex.topic_table tbody {
		box-sizing: border-box;
		display: block;
		width: calc(100vw - 60px) !important;
		max-width: calc(100vw - 60px);
	}

	#messageindex.topic_table thead {
		display: none;
	}

	#messageindex.topic_table tbody tr {
		box-sizing: border-box;
		display: grid;
		grid-template-columns: 24px 24px minmax(0, calc(100vw - 170px));
		width: 100%;
		max-width: 100%;
		border-bottom: 1px solid #ffffff;
		overflow: hidden;
	}

	#messageindex.topic_table tbody tr.whos_viewing {
		display: block;
	}

	#messageindex.topic_table tbody tr.whos_viewing td {
		display: block !important;
		width: auto;
	}

	#messageindex.topic_table td.icon1,
	#messageindex.topic_table td.icon2 {
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: auto;
		padding: 6px 3px;
	}

	#messageindex.topic_table td.subject,
	#messageindex.topic_table td.stats,
	#messageindex.topic_table td.lastpost {
		box-sizing: border-box;
		display: block !important;
		width: auto;
		max-width: 100%;
		min-width: 0;
	}

	#messageindex.topic_table td.subject {
		grid-column: 3;
		width: calc(100vw - 170px) !important;
		max-width: calc(100vw - 170px);
		padding: 7px 7px 3px 7px;
	}

	#messageindex.topic_table td.subject div,
	#messageindex.topic_table td.subject span {
		max-width: 100%;
		white-space: normal !important;
	}

	#messageindex.topic_table td.subject a {
		overflow-wrap: anywhere;
		word-break: break-word;
	}

	#messageindex.topic_table td.stats {
		grid-column: 3;
		padding: 0 7px 7px 7px;
		text-align: left;
	}

	#messageindex.topic_table td.lastpost {
		grid-column: 1 / -1;
		padding: 6px 7px 7px 58px;
		border-top: 1px solid #ffffff;
	}

	#messageindex.topic_table td.lastpost img {
		float: right;
	}

	#messageindex .info,
	#unread .info,
	#unreadreplies .info {
		width: auto;
		padding: 0;
	}

	#forumposts .post_wrapper,
	#forumposts .poster,
	#forumposts .postarea,
	#forumposts .moderatorbar,
	#forumposts .keyinfo,
	#forumposts .post {
		float: none !important;
		width: auto !important;
	}

	#forumposts .poster {
		display: block;
		padding: 6px 8px;
	}

	#forumposts .poster h4,
	#forumposts .poster ul {
		display: inline;
		margin: 0;
		padding: 0;
	}

	#forumposts .poster ul li {
		display: inline;
		list-style: none;
		margin: 0;
	}

	#forumposts .poster li.avatar,
	#forumposts .poster li.icons,
	#forumposts .poster li.postgroup,
	#forumposts .poster li.postcount,
	#forumposts .poster li.blurb,
	#forumposts .poster li.poster_ip,
	#forumposts .custom_fields_above_member {
		display: none !important;
	}

	#forumposts .poster li.membergroup:before,
	#forumposts .poster li.title:before {
		content: " - ";
	}

	#forumposts .postarea,
	#forumposts .moderatorbar {
		margin: 0 !important;
		padding: 0 8px 8px 8px;
	}

	#forumposts .keyinfo {
		clear: none !important;
		margin-top: 0;
		padding-top: 0;
	}

	#forumposts .smalltext.modified {
		float: none !important;
		display: block;
		margin-left: 0;
	}

	#forumposts .messageicon {
		display: none;
	}

	#forumposts .post {
		clear: both !important;
		margin-top: 0.5em;
	}

	#forumposts .postarea .inner {
		margin: 0;
		padding: 10px 0 0 0;
	}

	.buttonlist ul {
		display: flex;
		flex-wrap: wrap;
		gap: 4px;
		height: auto !important;
		overflow: visible !important;
		padding: 4px 0;
	}

	.buttonlist ul li {
		float: none;
		margin: 0;
	}

	.buttonlist ul li a {
		margin-left: 0;
		white-space: normal;
	}

	.buttonlist ul li a span {
		box-sizing: border-box;
		height: auto;
		min-height: 24px;
		line-height: 1.2em;
		padding: 4px 8px 4px 0;
	}

	#adm_submenus,
	#adm_submenus ul {
		height: auto;
		overflow: visible;
	}
}
/* Keep the SMF admin home news and support panels side by side in the legacy theme. */
.action_admin #admin_main_section {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	overflow: visible;
}

.action_admin #admin_main_section #live_news,
.action_admin #admin_main_section #support_info {
	box-sizing: border-box;
	float: none;
}

.action_admin #admin_main_section #live_news {
	flex: 1 1 auto;
	min-width: 0;
	width: auto;
}

.action_admin #admin_main_section #support_info {
	flex: 0 0 30%;
	min-width: 260px;
	width: auto;
	padding-left: 0;
}

@media (max-width: 760px) {
	.action_admin #admin_main_section {
		display: block;
	}

	.action_admin #admin_main_section #live_news,
	.action_admin #admin_main_section #support_info {
		width: 100%;
		min-width: 0;
		margin-bottom: 8px;
	}
}

/* Normalize upgraded SMF admin subsection tabs inside the legacy TS theme. */
.action_admin #adm_submenus {
	clear: both;
	margin: 0 0 8px 0;
	padding: 0;
	overflow: visible;
}

.action_admin #adm_submenus .generic_menu {
	display: block;
}

.action_admin #adm_submenus .dropmenu {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 4px;
	margin: 0;
	padding: 0;
	line-height: normal;
}

.action_admin #adm_submenus .dropmenu > li {
	display: block;
	float: none;
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 1;
}

.action_admin #adm_submenus .dropmenu > li > a,
.action_admin #adm_submenus .dropmenu > li > a:visited {
	display: block;
	min-width: 72px;
	padding: 7px 12px 6px;
	border: 0;
	border-radius: 5px 5px 0 0;
	background: linear-gradient(#5f5f5f, #202020);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
	box-sizing: border-box;
}

.action_admin #adm_submenus .dropmenu > li > a.active,
.action_admin #adm_submenus .dropmenu > li:hover > a,
.action_admin #adm_submenus .dropmenu > li > a:focus {
	background: linear-gradient(#4e4e4e, #171717);
	border: 0;
	color: #fff;
	text-decoration: none;
}

/* Hide board last-post summaries on mobile board indexes. */
@media (max-width: 720px) {
	#boardindex_table .lastpost {
		display: none !important;
	}
}

/* Hide topic stats and last-post details on mobile board topic lists. */
@media (max-width: 720px) {
	#messageindex.topic_table tbody tr {
		grid-template-columns: 24px 24px minmax(0, 1fr);
	}

	#messageindex.topic_table td.subject {
		width: auto !important;
		max-width: 100%;
		padding-bottom: 7px;
	}

	#messageindex.topic_table td.stats,
	#messageindex.topic_table td.lastpost {
		display: none !important;
	}
}

/* Clean up SMF 2.1 PM pages in the legacy TS4 theme. */
.action_pm .ts4_generic_menu_container {
	display: grid;
	grid-template-columns: 160px minmax(0, 1fr);
	gap: 10px;
	align-items: start;
	width: 100%;
	box-sizing: border-box;
}

.action_pm #left_admsection,
.action_pm #main_admsection {
	float: none;
	width: auto;
	min-width: 0;
	padding: 0;
}

.action_pm #left_admsection .adm_section {
	margin: 0 0 7px 0;
}

.action_pm #left_admsection .cat_bar {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0;
	background: none;
	overflow: visible;
}

.action_pm #left_admsection h4.catbg {
	box-sizing: border-box;
	width: 100%;
	height: 30px;
	margin: 0;
	padding: 0 10px;
	background: linear-gradient(#626262, #242424);
	border-radius: 5px 5px 0 0;
	color: #fff;
	font-size: 95%;
	font-weight: bold;
	line-height: 30px;
	overflow: hidden;
}

.action_pm #left_admsection h4.catbg span.left,
.action_pm #left_admsection h4.catbg span.right {
	display: none;
}

.action_pm #left_admsection .left_admmenu {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 6px 0 7px 0;
	background: #eeeeee;
	border: 1px solid #d0d0d0;
	border-top: 0;
}

.action_pm #left_admsection .left_admmenu li {
	padding: 2px 8px;
	line-height: 1.35em;
}

.action_pm #left_admsection .left_admmenu a {
	display: block;
	overflow-wrap: anywhere;
}

.action_pm #main_admsection > form,
.action_pm #personal_messages form {
	margin: 0;
}

.action_pm #main_admsection .cat_bar,
.action_pm #personal_messages > .cat_bar {
	margin-top: 0;
}

.action_pm #main_admsection h3.catbg {
	box-sizing: border-box;
	padding-left: 10px;
}

.action_pm #main_admsection .roundframe,
.action_pm #main_admsection .windowbg,
.action_pm #main_admsection .windowbg2 {
	box-sizing: border-box;
}

.action_pm #main_admsection .table_grid {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

.action_pm #main_admsection .table_grid th,
.action_pm #main_admsection .table_grid td {
	box-sizing: border-box;
	padding: 5px 7px;
	vertical-align: middle;
	overflow-wrap: anywhere;
}

.action_pm #main_admsection .pm_icon,
.action_pm #main_admsection .pm_moderation {
	width: 34px;
}

.action_pm #main_admsection .pm_time {
	width: 155px;
}

.action_pm #main_admsection .pm_from_to {
	width: 22%;
}

.action_pm #main_admsection .pm_subject {
	width: auto;
}

.action_pm #main_admsection .pm_subject a {
	font-weight: bold;
}

.action_pm #main_admsection .pagesection {
	box-sizing: border-box;
	margin: 6px 0;
	padding: 4px 0;
	clear: both;
	overflow: hidden;
}

.action_pm #main_admsection .pagesection .floatright {
	max-width: 100%;
	text-align: right;
}

.action_pm #main_admsection .pagesection select,
.action_pm #main_admsection .pagesection .button {
	margin-top: 2px;
}

.action_pm #personal_messages .post_wrapper {
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
}

.action_pm #personal_messages .postarea {
	min-width: 0;
}

.action_pm #personal_messages .keyinfo,
.action_pm #personal_messages .postinfo,
.action_pm #personal_messages .inner {
	box-sizing: border-box;
	max-width: 100%;
}

@media (max-width: 720px) {
	.action_pm .ts4_generic_menu_container {
		display: block;
	}

	.action_pm #left_admsection {
		margin-bottom: 10px;
	}

	.action_pm #left_admsection .left_admmenu {
		padding: 5px 0;
	}

	.action_pm #left_admsection .left_admmenu:after {
		content: "";
		display: block;
		clear: both;
	}

	.action_pm #left_admsection .left_admmenu li {
		box-sizing: border-box;
		float: left;
		width: 50%;
	}

	.action_pm #main_admsection .pm_time,
	.action_pm #main_admsection .pm_from_to {
		display: none;
	}

	.action_pm #main_admsection .pm_icon,
	.action_pm #main_admsection .pm_moderation {
		width: 30px;
	}

	.action_pm #main_admsection .table_grid th,
	.action_pm #main_admsection .table_grid td {
		padding: 6px 5px;
	}

	.action_pm #main_admsection .pagesection .floatright {
		float: none;
		text-align: left;
	}

	.action_pm #main_admsection .pagesection select,
	.action_pm #main_admsection .pagesection .button {
		max-width: 100%;
	}
}
/* Clean up all legacy TS4 sidebar header caps. */
#left_admsection .adm_section {
	margin-bottom: 7px;
}

#left_admsection .cat_bar {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0;
	background: none !important;
	overflow: visible;
}

#left_admsection h4.catbg {
	box-sizing: border-box;
	width: 100%;
	height: 30px;
	margin: 0;
	padding: 0 10px;
	background: linear-gradient(#626262, #242424) !important;
	border-radius: 5px 5px 0 0;
	color: #fff;
	font-size: 95%;
	font-weight: bold;
	line-height: 30px;
	overflow: hidden;
}

#left_admsection h4.catbg span.left,
#left_admsection h4.catbg span.right {
	display: none !important;
}

#left_admsection .left_admmenu {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	border-top: 0;
}
/* Make individual PM messages readable in the legacy TS4 theme. */
.action_pm #personal_messages > form > .windowbg,
.action_pm #personal_messages .windowbg[id^="msg"] {
	margin: 0 0 10px 0;
	padding: 0;
	background: #dddddd;
	border: 0;
}

.action_pm #personal_messages .post_wrapper {
	display: grid;
	grid-template-columns: 180px minmax(0, 1fr);
	gap: 16px;
	box-sizing: border-box;
	width: 100%;
	padding: 8px 12px;
	overflow: hidden;
}

.action_pm #personal_messages .poster,
.action_pm #personal_messages .postarea,
.action_pm #personal_messages .moderatorbar,
.action_pm #personal_messages .keyinfo {
	float: none;
	clear: none;
	box-sizing: border-box;
	width: auto;
	max-width: 100%;
	margin: 0;
}

.action_pm #personal_messages .poster {
	grid-column: 1;
}

.action_pm #personal_messages .postarea,
.action_pm #personal_messages .moderatorbar {
	grid-column: 2;
	min-width: 0;
}

.action_pm #personal_messages .poster h4,
.action_pm #personal_messages .poster ul {
	margin-left: 0;
	margin-right: 0;
}

.action_pm #personal_messages .poster ul,
.action_pm #personal_messages .poster ol,
.action_pm #personal_messages .poster li {
	list-style: none;
}

.action_pm #personal_messages .poster li {
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1.35em;
}

.action_pm #personal_messages .poster li.avatar img {
	max-width: 96px;
	height: auto !important;
}

.action_pm #personal_messages .poster .profile_icons {
	margin: 4px 0 0 0;
	padding: 0;
}

.action_pm #personal_messages .poster .profile_icons li {
	display: inline-block;
	margin: 0 4px 0 0;
}

.action_pm #personal_messages .keyinfo {
	padding: 0 0 6px 0;
	border-bottom: 1px solid #c7c7c7;
}

.action_pm #personal_messages .subject_title h5 {
	margin: 0;
	font-size: 1em;
	line-height: 1.35em;
}

.action_pm #personal_messages .postinfo {
	display: block;
	margin-top: 2px;
	line-height: 1.35em;
}

.action_pm #personal_messages .post {
	clear: both;
	overflow: visible;
	padding: 8px 0 0 0;
}

.action_pm #personal_messages .inner {
	box-sizing: border-box;
	max-width: 100%;
	padding: 0;
	line-height: 1.45em;
	overflow-wrap: break-word;
}

.action_pm #personal_messages .under_message {
	clear: both;
	margin-top: 10px;
	min-height: 24px;
}

.action_pm #personal_messages .under_message:after,
.action_pm #personal_messages .moderatorbar:after {
	content: "";
	display: block;
	clear: both;
}

.action_pm #personal_messages .postarea ul.quickbuttons {
	float: right;
	clear: both;
	margin: 0;
	text-align: right;
}

.action_pm #personal_messages .postarea ul.quickbuttons li {
	margin-left: 8px;
}

.action_pm #personal_messages .moderatorbar {
	padding-top: 6px;
}

@media (max-width: 720px) {
	.action_pm #personal_messages .post_wrapper {
		display: block;
		padding: 8px;
	}

	.action_pm #personal_messages .poster {
		margin-bottom: 8px;
		padding-bottom: 6px;
		border-bottom: 1px solid #c7c7c7;
	}

	.action_pm #personal_messages .poster li.avatar,
	.action_pm #personal_messages .poster li.icons,
	.action_pm #personal_messages .poster li.postgroup,
	.action_pm #personal_messages .poster li.postcount,
	.action_pm #personal_messages .poster li.blurb,
	.action_pm #personal_messages .poster li.poster_ip {
		display: none;
	}

	.action_pm #personal_messages .postarea ul.quickbuttons {
		float: none;
		text-align: left;
	}

	.action_pm #personal_messages .postarea ul.quickbuttons li {
		margin: 0 8px 4px 0;
	}
}
/* Remove the old admin-sidebar offset from PM's grid layout. */
.action_pm #main_container.ts4_generic_menu_container {
	display: grid !important;
	grid-template-columns: 160px minmax(0, 1fr);
	column-gap: 8px;
	align-items: start;
}

.action_pm #main_container.ts4_generic_menu_container > #left_admsection {
	grid-column: 1;
	margin: 0;
	padding: 0;
}

.action_pm #main_container.ts4_generic_menu_container > #main_admsection {
	grid-column: 2;
	margin: 0 !important;
	padding: 0;
	min-width: 0;
}
/* Vertically center legacy TS4 bar headings. */
h3.catbg,
h3.catbg2,
h3.titlebg,
h4.titlebg,
h4.catbg,
h4.catbg2,
h4.subbg,
.table_list tbody.header td {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	height: 31px;
	line-height: 1.2;
}

h3.catbg.centertext,
h3.catbg2.centertext,
h3.titlebg.centertext,
h4.titlebg.centertext,
h4.catbg.centertext,
h4.catbg2.centertext,
h4.subbg.centertext,
#month_grid h3.catbg,
#main_grid h3.catbg,
#statistics h3.catbg {
	justify-content: center;
}

h3.catbg a,
h3.catbg2 a,
h3.titlebg a,
h4.titlebg a,
h4.catbg a,
h4.catbg2 a,
h4.subbg a {
	line-height: 1.2;
}

h3.catbg img.icon,
h4.titlebg img.icon {
	margin-top: 0;
	align-self: center;
}
/* Make the SMF 2.1 member list fill the TS4 content area. */
.action_mlist #memberlist {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
}

.action_mlist #memberlist .pagesection {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	box-sizing: border-box;
	width: 100%;
	margin: 6px 0;
	clear: both;
	overflow: visible;
}

.action_mlist #memberlist .pagesection .floatleft,
.action_mlist #memberlist .pagesection .floatright,
.action_mlist #memberlist .pagesection .buttonlist {
	float: none;
}

.action_mlist #memberlist .pagesection .pagelinks {
	min-width: 0;
	line-height: 1.4;
}

.action_mlist #memberlist .pagesection .buttonlist {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 5px;
	margin-left: auto;
}

.action_mlist #memberlist .cat_bar {
	box-sizing: border-box;
	width: 100%;
	clear: both;
}

.action_mlist #memberlist .cat_bar h3.catbg {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	height: auto;
	min-height: 31px;
	padding: 0 10px;
	line-height: 1.2;
	overflow: hidden;
}

.action_mlist #memberlist .cat_bar h3.catbg .floatleft,
.action_mlist #memberlist .cat_bar h3.catbg .floatright {
	float: none;
	line-height: 1.2;
}

.action_mlist #memberlist .cat_bar h3.catbg .floatleft {
	flex: 0 0 auto;
	white-space: nowrap;
}

.action_mlist #memberlist .cat_bar h3.catbg .floatright {
	flex: 1 1 auto;
	min-width: 0;
	text-align: right;
	white-space: normal;
}

.action_mlist #memberlist .cat_bar h3.catbg .floatright a {
	display: inline-block;
	margin-left: 5px;
}

.action_mlist #mlist {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
}

.action_mlist #mlist .table_grid {
	box-sizing: border-box;
	width: 100%;
	min-width: 760px;
	table-layout: fixed;
	border-collapse: collapse;
}

.action_mlist #mlist .table_grid th,
.action_mlist #mlist .table_grid td {
	box-sizing: border-box;
	padding: 5px 8px;
	vertical-align: middle;
	overflow-wrap: anywhere;
}

.action_mlist #mlist .table_grid th {
	white-space: nowrap;
}

.action_mlist #mlist .table_grid .is_online {
	width: 70px !important;
}

.action_mlist #mlist .table_grid .real_name {
	width: 24% !important;
}

.action_mlist #mlist .table_grid .website_url {
	width: 76px !important;
}

.action_mlist #mlist .table_grid .id_group {
	width: auto !important;
}

.action_mlist #mlist .table_grid .registered {
	width: 122px !important;
}

.action_mlist #mlist .table_grid .post_count {
	width: 86px !important;
}

.action_mlist #mlist .generic_bar {
	max-width: 72px;
	margin: 0 auto;
}

@media (max-width: 720px) {
	.action_mlist #memberlist .pagesection {
		display: block;
	}

	.action_mlist #memberlist .pagesection .buttonlist {
		justify-content: flex-start;
		margin: 6px 0 0 0;
	}

	.action_mlist #memberlist .cat_bar h3.catbg {
		align-items: flex-start;
		flex-direction: column;
		gap: 3px;
		padding-top: 6px;
		padding-bottom: 6px;
	}

	.action_mlist #memberlist .cat_bar h3.catbg .floatright {
		width: 100%;
		text-align: left;
	}
}
/* Center the member search page heading inside the TS4 bar. */
.action_mlist #memberlist .cat_bar h3.catbg.mlist {
	justify-content: center;
	text-align: center;
}

.action_mlist #memberlist .cat_bar h3.catbg.mlist .main_icons {
	display: none;
}
/* Keep SMF login panel headings readable in the legacy TS4 theme. */
.login > .cat_bar > h3.catbg {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 6px;
	width: 100%;
	height: 31px;
	padding: 0 10px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.login > .cat_bar > h3.catbg .main_icons.login {
	flex: 0 0 16px;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0;
}
/* Match the header search box text to the rest of the TS4 site typography. */
#searcharea .inputbox {
	font-family: verdana, Helvetica, sans-serif !important;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 15px;
}