/* Styles for the general looks for the Curve theme.
------------------------------------------------------- */
html {
	background: #e9eef2;
/* Reset to 10px base for easy font sizing. */
	font-size: 62.5%;
}
/* Set Retina font-size to browser default. */
@media screen and (min-resolution: 160dpi) {
	html {
		font-size: 71.43%;
	}
}
@supports (-webkit-overflow-scrolling: touch) {
	html {
		font-size: 71.43%;
	}
}
body {
	margin: 0;
	padding: 15px 0 3em;
	background: linear-gradient(#375976 0, #e9eef2 500px);
	color: #4f4f4f;
}
body, input, button, select, textarea {
	font: 1.4rem/2rem "Segoe UI", Roboto, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
}
/* Help popups have body styling. */
body#help_popup {
	min-height: 480px;
	padding: 1em;
}
/* Container for the forum. */
#wrapper {
	position: relative;
	box-sizing: border-box;
	background-color: #fff;
	background-image: linear-gradient(#c9d7e7 0, #fff 130px);
	border: 1px solid #aaa;
	border-radius: 8px;
	box-shadow: inset 2px 0 0 #fff, inset -2px 0 0 #fff;
}
/* Optional max-width on large screens. */
#wrapper, .footer {
	max-width: 88em;
	margin: 0 auto;
}
/* Inset header gradient.*/
#wrapper::before {
	position: absolute;
	display: block;
	content: "";
	top: 54px;
	left: 8px;
	right: 8px;
	height: 80px;
	background: linear-gradient(#becbda, #fff);
	border-radius: 6px 6px 0 0;
}
/* Main lower gradient.*/
#wrapper::after {
	position: absolute;
	display: block;
	content: "";
	bottom: 0;
	left: 0;
	right: 0;
	height: 50px;
	background: linear-gradient(#fff, #e0e8f2);
	border-radius: 0 0 8px 8px;
}
/* Standard links, and links that open in a new window. */
a:link, a:visited, a.new_win:link, a.new_win:visited {
	color: #414f72;
	text-decoration: none;
}
a:hover, a.new_win:hover, a:focus, a.new_win:focus {
	text-decoration: underline #666;
}
/* Custom highlighted text. Needs two rules. */
::-moz-selection {
	background: #56708B;
	color: #fff;
}
::selection {
	background: #56708B;
	color: #fff;
}
/* Generic form elements. */
form {
	padding: 0;
	margin: 0;
}
/* Style input buttons to be uniform with different browsers and themes.
	.button_submit - covers input[type=submit], input[type=button], button[type=submit] and button[type=button]
	.button_reset  - covers input[type=reset] and button[type=reset]
	.input_check   - covers input[type=checkbox]
	.input_radio   - covers input[type=radio]
	.input_text	   - covers input[type=text]
	.input_file	   - covers input[type=file]
*/
input, button, select {
	box-sizing: border-box;
	max-width: 90vw;
	min-height: 2.4rem;
	max-height: 2.4rem;
	margin: 0;
	padding: 0 4px;
	border: 1px solid #738599;
	border-radius: 2px;
	vertical-align: top;
}
label{
	display: inline-block;
	line-height: 2.4rem;
}
select {
	padding: 0 2.6rem 0 0;
	background: #fff url(../images/select.png) 100% 50% no-repeat;
	background-size: 2.2rem;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}
/* For IE and Edge */ 
select::-ms-expand { 
	display: none; 
}
select>option {
	padding: 0 6px;
}
/* Buttons styled to look like buttons. */
input[type=button], button, .button_submit, .button_reset {
	padding: 0 8px;
	background: #cde7ff;
	text-transform: capitalize;
	cursor: pointer;
	box-shadow: inset 1px 1px 0 #fff;
}
.additional_row .button_submit,
.additional_row .input_text, 
.additional_row select {
	margin: 5px 2px;
}
/* Textareas need their own declaration for font. */
textarea {
	box-sizing: border-box;
	max-width: 100%;
	min-width: 100%;
	margin: 0;
	padding: 4px;
	border: 1px solid #bbb;
}
.roundframe textarea {	
	background-color: #f0f0f0;
}
textarea.lockedbg {
	background-image: url(../images/quick_lock.png);
	background-position: 4px -7px;
	background-repeat: no-repeat;
}
input:hover, textarea:hover, select:hover,
input:focus, textarea:focus, select:focus {
	border: 1px solid #566576;
}
.roundframe textarea:hover, .roundframe textarea:focus {	
	background-color: #fcfcfc;
}
input[type=button]:hover, button:hover, .button_submit:hover, .button_reset:hover,
input[type=button]:focus, button:focus, .button_submit:focus, .button_reset:focus {
	background: #dceeff;
}
/* Checkboxes and radio buttons. */
.input_check, .input_radio {
	border: 0;
	background: none;
}
/* Disabled text inputs get a different background. */
input[disabled].input_text {
	background-color: #eee;
}
/* File inputs need a bit more height. */
.input_file {
	min-height: 2.7rem;
	max-height: 2.7rem;
}
/* Standard horizontal rule. */
hr, .hrcolor {
	height: 1px;
	border: 0;
	color: #ccc;
	background-color: #ccc;
}
/* Standard headings. */
h1, h2, h3, h4 {
	margin: 0;
}
h5, h6 {
	margin: 0;
	font-size: 1.2rem;
}
/* Fieldsets, to group form elements. */
fieldset {
	margin: 0 0 6px;
	padding: 1em;
	border: 1px solid #c4c4c4;
}
fieldset legend {
	font-weight: 700;
}
/* No border on linked images. */
a img {
	border: 0;
}
/* Define strong as bold, em as italic. */
strong {
	font-weight: 700;
}
em {
	font-style: italic;
}
/* Alternative for u tag */
.underline {
	text-decoration: underline;
}
/* Common classes. */
/*---------------- */
.smalltext {
	font-size: 1.2rem;
	line-height: 1.7rem;
}
.double_height {
	line-height: 2.8rem;
}
.centertext {
	margin: 0 auto;
	text-align: center;
}
.righttext {
	margin-left: auto;
	margin-right: 0;
	text-align: end;
}
.lefttext {
	margin-left: 0;
	margin-right: auto;
	text-align: start;
}
.floatright {
	float: right;
}
.floatleft {
	float: left;
}
.flow_auto {
	overflow: auto;
}
.flow_hidden, .main_section {
	overflow: hidden;
}
.clear {
	clear: both;
}
.clear_left {
	clear: left;
}
.clear_right {
	clear: right;
}
/* Meh. :P Rare padding style. */
.padding {
	padding: 9px;
}
/* Global ul and dl resets. */
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
dl {
	margin: 0;
	padding: 0;
	overflow: auto;
}
/* Some BBC-related styles. */
/* ------------------------ */
/* Blockquotes. */
.bbc_standard_quote, .bbc_alternate_quote, .bbc_code {
	margin: 0 0 1em ;
	padding: 3px 1em;
	background: #d7daec;
	font-size: 1.2rem;
	line-height: 1.5rem;
	border: solid #99a;
	border-width: 2px 0;
}
/* Alterate quote backgrounds. */
.bbc_alternate_quote {
	background: #e7eafc;
}
/* Code blocks, limited height, with scrollbar. */
.bbc_code {
	display: block;
	max-height: 16em;
	overflow: auto;
	background: #eef;
	font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;
	white-space: nowrap;
}
/* "Quote:" and "Code:" headers. */
.codeheader, .quoteheader {
	color: #555;
	font-size: 1.1rem;
	font-weight: 700;
	padding: 0 4px;
}
/* Links to copy the code. */
.codeoperation {
	font-weight: 400;
}
/* Smileys in posts. */
.smiley {
	vertical-align: bottom;
}
/* @WIP: Styling for BBC tags */
div.content p a:link, div.content p a:visited,
#helpmain a:link, #helpmain a:visited,
.bbc_link:link, .bbc_link:visited {
	text-decoration: none;
	box-shadow: inset 0 -1px 0 #999;
}
.content p a:hover, .content p a:focus,
#helpmain a:hover, #helpmain a:focus,
.bbc_link:hover, .bbc_link:focus {
	box-shadow: inset 0 -2px 0;
}
.bbc_size {
	line-height: 1.4em;
}
.bbc_color a {
	color: inherit;
}
/* Auto resizing of images in posts, pm's, etc. */
/* Change max-heights to suit your preference. */
.bbc_img {
	height: auto;
	width: auto;
	max-width: 100%;
	max-height: 640px;
}
.signature .bbc_img {
	max-height: 150px;
}
/* Extra tweaks for images in news sections. */
.news .bbc_img, #smfFadeScroller .bbc_img{
	margin: 4px 0;
	border-radius: 4px;
}
/* End image resizing. On to other classes. */
.bbc_table {
	font: inherit;
	color: inherit;
}
.bbc_table td {
	font: inherit;
	color: inherit;
	vertical-align: top;
}
.bbc_u {
	text-decoration: underline;
}
.bbc_list {
	text-align: start;
	list-style: disc;
	margin: 1em 0;
	padding-left: 2em;
}
.bbc_tt {
	font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;
}
/* For the [?] icons. Makes your cursor a help icon. */
.help {
	cursor: help;
}
/* /me emote (try typing /me in a post). */
.meaction {
	color: red;
}
/* Generic classes (mostly related to colours).
------------------------------------------------------- */
/* Calendar birthdays, events and holidays. */
.birthday {
	color: #920ac4;
}
.event {
	color: #078907;
}
.holiday {
	color: #000080;
}
/* Errors, alerts and warnings. */
.error {
	color: red;
}
.alert, .warn_mute {
	color: #b50000;
}
.warn_moderate {
	color: #ffa500;
}
.warn_watch, .success {
	color: green;
}
.moderation_link, .moderation_link:visited {
	color: red;
	font-weight: 700;
}
.openid_login {
	background: #fff url(../images/openid.gif) 3px 50% no-repeat;
	padding-left: 20px;
}
/* @WIP: Should look into these sometime. */
/* Highlighted text, such as search results. */
.highlight {
	font-weight: 700;
	color: #ff7200;
	font-size: 1.2em;
}
/* Another highlight color, for selected membergroups etc. */
.highlight2 {
	background-color: #d1e1ef;
	color: #000;
}
/* Backgrounds for posts, tables, etc. */
.windowbg, .windowbg2, #preview_body {
	background-color: #ebeff3;
}
/* Background for posts requiring approval */
div.approvebg, div.approvebg2{
	border: 2px solid orange;
}
.topic_table tbody>.approvebg,
.topic_table tbody>.approvebg2 {
	margin-top: 1px;
	border-color: orange;
	border-width: 2px 0;
}
/* Background for topics requiring approval */
.approvetbg,.approvetbg2 {
	background-color: #ebae8d;
	font-style: italic;
}
/* Sticky topics get a different background */
.stickybg, .stickybg2 {
	background-color: #edded4;
}
.approvetbg a,.approvetbg2 a,
.stickybg a, .stickybg2 a {
	color: #336;
}
/* Locked posts get a different shade, too! */
.lockedbg, .lockedbg2 {
	background-color: #d7dfe5;
}
/* Generic content divs. @WIP: Smells like muppets!
------------------------------------------------------- */
/* CSS for rounded corners on divs. */
div.windowbg, div.windowbg2,
div.approvebg, div.approvebg2 {
	margin: 4px 0;
	padding: 0 1em;
	border-radius: 5px;
}
/* Unseen spans, previously for rounded corners. */
.topslice, .botslice {
	display: block;
	height: 1em;
	clear: both;
}
.topslice>span, .botslice>span,
.upperframe, .lowerframe {
	display: none;
}
div.content p {
	margin: 0 0 6px;
}
/* Sections that need a different style.
------------------------------------------------- */
.roundframe {
	padding: 12px;
	margin: 2px 0;
	background: #f5f5f5;
	border: 1px solid #c8c8c4;
	border-radius: 5px;
}
/* Description, information and error boxes.
------------------------------------------------- */
.description, .description_board, .information, .plainbox {
	margin: 2px 1px 9px;
	padding: 6px 9px;
	overflow: hidden;
	background: #f5f5f2;
	font-size: 1.2rem;
	border: 1px solid #bbb;
}
.description_board {
	margin: 9px 1px;
}
.information {
	background: #f0f6f0;
}
#fatal_error {
	width: 80%;
	margin: auto;
}
.errorbox {
	margin-bottom: 1em;
	padding: 1em;
	background: #ffe4e9;
	border: 1px solid #cc3344;
}
.errorbox h3 {
	font-size: 1.4em;
	text-decoration: underline;
}
.errorbox p {
	margin: 1em 0 0;
}
.errorbox .alert {
	padding: 0;
	margin: 0;
	float: left;
	width: 1em;
	font-size: 1.4em;
}
/* Styles used by the auto suggest control.
------------------------------------------------------- */
.auto_suggest_div {
	position: absolute;
	z-index: 1;
	margin: 1px;
	background-color: #fff;
	border: 1px solid #666;
	visibility: hidden;
}
.auto_suggest_item {
	padding: 0 6px 2px;
	background-color: #fff;
	color: #333;
}
.auto_suggest_item_hover {
	padding: 0 6px 2px;
	background-color: #fff;
	color: #333;
	box-shadow: inset 0 2px 0 #346, inset 0 -2px 0 #346;
	cursor: pointer;
}
/* AJAX notification bar.
------------------------------------------------- */
#ajax_in_progress {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 22;
	background: #fff;
	color: #f96f00;
	font-size: 16pt;
	line-height: 44px;
	text-align: center;
	border-bottom: 3px solid #f96f00;
	box-shadow: 0 0 8px #0009;
}
#ajax_in_progress a {
	float: right;
	margin: 10px 20px;
	color: orange;
	font-size: smaller;
	text-decoration: underline;
}
/* Lists (dl) with settings use these a lot.
------------------------------------------------- */
.settings {
	clear: right;
	margin: 0 0 10px;
}
.settings dt, .settings dd {
	width: 40%;
	display: inline-block;
	margin: 0 0 6px;
}
.settings dt.windowbg {
	width: 98%;
	margin: 0 0 3px;
	padding: 0 0 5px;
}
.settings dd {
	width: 56%;
}
.settings img {
	margin: 0 10px 0 0;
}
/* @WIP: Help icons. */
.settings dt a img {
	position: relative;
	top: 2px;
}
.settings select, .settings .input_text {
	max-width: 99%;
}
/* Styles for header bars.
------------------------------------------------------- */
.cat_bar, .title_bar, .title_barIC {
	overflow: hidden;
	padding: 0 9px 2px 9px;
	padding: 0 9px;
	margin-bottom: 2px;
	border-radius: 5px;
}
.cat_bar .catbg {
	position: relative;
	line-height: 2.8rem;
	font-size: 1.5rem;
	font-family: roboto;
	font-weight: 500;
}
.cat_bar, .topic_table .catbg, .table_grid .catbg th {
	background: linear-gradient(#738599, #a8bace);
}
.catbg, .catbg a:link, .catbg a:visited, .catbg strong {
	color: #fff;
	text-shadow: 0 0 1px #2e333c;
}
.catbg a:hover, .catbg a:focus {
	color: #ffe9bd;
	text-decoration: none;
}
.title_bar .titlebg, .title_barIC .titlebg {
	position: relative;
	font-size: 1.4rem;
	line-height: 2.6rem;
	font-family: roboto;
	font-weight: 500;
}
.title_bar, .topic_table .titlebg,
.table_grid .titlebg th {
	background: linear-gradient(#c0c8d0, #d8e0e8);
}
.titlebg, .titlebg a:link, .titlebg a:visited {
	color: #543f30;
}
.title_barIC {
	margin: 5px 0;
	background: linear-gradient(#cad2d8,#dbe4ea);
}
.title_barIC a:link {
	color: #5e6263;
}
/* @WIP: Generic tables for MessageIndex, Recent, etc.
------------------------------------------------------- */
/* Tables should show empty cells. */
table {
	empty-cells: show;
}
.table_grid {
	width: 100%;
	margin-top: 3px;
	font-size: 1.3rem;
	border-collapse: collapse;
	/* Rounded top corners on header. */
	overflow: hidden;
	border-radius: 5px 5px 0 0;
}
.firt_th {}
.last_th {}
.last_th input {
	margin: 0 2px;
}
/*	@WIP: Cross reference with calendar th's. */
.catbg th {
	padding: 0 6px;
	font-size: 1.4rem;
	line-height: 2.8rem;
	white-space: nowrap;
}
.table_grid th.lefttext {
	padding: 0 9px;
}
.table_grid td {
	padding: 2px 4px;
	border: 1px solid #fff;
}
.table_grid tr td:last-child {
	border-right: 0;
}
/* Standard dropdown menus: main, admin, profile, etc. */
/* Here be dragons!! It is recommended that you do not */
/* touch most of this. Changing colours is fine though.*/
/*---------------------------------------------------- */
.togglebox, .hamburger {
	display: none;
}
#main_menu {
	position: relative;
	margin: 10px 20px 0;
	margin: 0 20px;
}
#admin_menu {
	position: relative;
}
.dropmenu {
	padding: 0 6px;
}
.dropmenu > li {
	display: inline-block;
	position: relative;
}
/* Note: .left_admenu is the sidebar option. */
/* Both menu options share a lot of code.*/
.dropmenu a, .left_admmenu a {
	display: block;
	box-sizing: border-box;
	color: #444;
	font-size: 1.2rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none;
}
/* Level 1 buttons. */
.firstlevel {
	margin: 0 0 7px 0;
	padding: 0 8px;
	border-radius: 5px;
}
/* The active button. */
.firstlevel.active {
	background: #ff8c00;
	color: #fff;
	font-weight: 700;
	text-shadow: 0 0 1px #664200;
}
#button_pm strong {
	display: inline-block;
	position: relative;
	z-index: 1;
	margin: 0 -4px;
	padding: 0 8px;
	background: #f88c00;
	color: #fff;
	border-radius: 5px;
}
/* Level 1 hover effects. */
li:hover .firstlevel, .firstlevel:focus {
	background: #5a6c85;
	color: #fff;
	text-shadow: 0 0 1px #485b6a;
	transition: background .1s ease-in, color .1s ease-in, text-shadow .1s ease-in;
}
/* The default menu icons. */
.firstlevel img, .submenu img {
	vertical-align: middle;
}
/* Drop menus and flyouts. */
.submenu {
	position: absolute;
	z-index: 90;
	left: -2500px;
	margin: 0 0 1em;
	padding: 6px 0 0;
	background: linear-gradient(#dce1ed 0, #fff 75px);
	box-shadow: inset 1px 2px 0 #fff, 1px 2px 3px #0006;
	border: 1px solid #999;
	transition: left .1s step-end;
}
/* Triangular pointers on top. */
.submenu::before, .submenu::after,
.submenu li:first-child::before {
	position: absolute;
	top: -8px;
	left: 14px;
	display: block;
	height: 0;
	width: 0;
	content: "";
	border-right: 8px solid #0000;
	border-bottom: 8px solid #999;
	border-left: 8px solid #0000;
}
.submenu::after {
	top: -6px;
	border-bottom-color:#fff;
}
.submenu li:first-child::before {
	z-index: 1;
	top: -12px;
	left: 13px;
	border-bottom-color:#dce1ed;
}
/* Safety run-off zone below submenu. */
.submenu li:last-child::after {
	position: absolute;
	display: block;
	content: "";
	left: 0;
	height: 3em;
	width: 100%;
	bottom: -4rem;
}
/* Drop menu and flyout content. */
.submenu li {
	position: relative;
	width: 20rem;
	margin: 2px 1px;
}
.submenu li:last-child {
	padding-bottom: 9px;
}
.submenu a {
	width: 20rem;
	padding: 5px 8px;
	transition: background .1s linear;
}
.chosen {
	font-weight: 700;
}
/* Static positioning - level 3 drops. */
.submenu .submenu {
	top: 19px;
	margin-left: 16rem;
}
/* Hover repositioning. */
.dropmenu>li:hover>.submenu, .submenu li:hover .submenu {
	left: 0;
	transition: left .13s step-end;
}
/* Hover colours: drops and flyouts. */
.submenu a:hover, .submenu li:hover>a {
	background: #c1d4e9;
	color: #333;
	transition: background .2s linear;
}
.submenu a:focus {
	background: #5a6c85;
	color: #fff;
	transition: background .1s step-start;
}
/* Keyboard accessibility. */
.submenu a:focus {
	margin-left: 2500px;
}
.submenu .submenu a:focus {
	margin-left: 5000px;
}
/* Override on hover+focus. */
.submenu li:hover a:focus {
	margin-left: 0;
}
/* Sidebar menus need some specific coding.
------------------------------------------------------- */
#main_container {
	position: relative;
}
#main_container::after {
	display: block;
	width: 100%;
	clear: both;
	content: "";
}
#sidebar {
	width: 200px;
	float: left;
	padding-right: 10px;
}
.left_admmenu {
	margin: 4px 0;
}
.left_admmenu li {
	position: relative;
	margin: 2px 0;
}
.left_admmenu .firstlevel {
	margin: 0;
	line-height: 2.8rem;
}
/* Static positioning: flyouts only. */
.left_admmenu .submenu {
	top: 19px;
}
/* Hover repositioning: flyouts only. */
.left_admmenu li:hover .submenu {
	left: 165px;
	transition: left .1s step-end;
}
/* Keyboard accessibility: flyouts only. */
.left_admmenu .submenu a:focus {
	margin-left: 2665px;
}
/* Override on hover+focus: flyouts only. */
.left_admmenu .submenu li:hover a:focus {
	margin-left: 0;
}
/* Standard button lists: new topic, new poll, etc.
------------------------------------------------------- */
.buttonlist {
	margin: 0;
	padding: 0;
}
.buttonlist li {
	display: inline-block;
	margin: 4px 0;
}
.buttonlist a {
	display: block;
	padding: 0 8px;
	background: #e8e8e8;
	color: #4c4c4c;
	font-size: 1rem;
	line-height: 2rem;
	text-transform: uppercase;
	border-radius: 5px;
}
.buttonlist a:hover, .buttonlist a:focus {
	background: #ff8c00;
	color: #fff;
	text-decoration: none;
	transition: background .1s linear, color .1s linear;
}
.buttonlist .active {
	background: #5a6c85;
	color: #fff;
	font-weight: 700;
}
/* Quickbuttons: quote, modify, modify inline, etc.
------------------------------------------------------- */
.quickbuttons {
	padding: 9px 0;
	text-align: end;
	font-size: 1.2rem;
	font-weight: 700;
}
.action_recent .quickbuttons {
	padding: 9px 0 0;
}
.quickbuttons>li {
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin: 6px 0;
}
.quickbuttons a {
	position: relative;
	padding: 0 2.8rem 0 .8rem;
	display: block;
	line-height: 2.2rem;
}
.quickbuttons a::after {
	position: absolute;
	top: 0;
	right: .4rem;
	bottom: 0;
	width: 2rem;
	background: url(../images/theme/quickbuttons_hd8.png) 0 50% no-repeat;
	background-size: auto 2rem;
	content: "";
}
.quickbuttons li:hover, .quickbuttons a:hover, .quickbuttons a:focus {
	color: #a70;
	text-decoration: none;
}
.quickbuttons_sub {
	position: absolute;
	z-index: 2;
	top: 100%;
	right: 100vw;
	padding: 0 0 6px;
	background: #f3f6f9;
	border: 1px solid #aaa;
	box-shadow: 2px 2px 2px rgba(0,0,0,.4);
	transition: right .4s step-end;
}
.options_button:hover .quickbuttons_sub {
	right: 0;
	transition: right .1s step-end;
}
.quickbuttons_sub li {
	width: 12rem;
	padding: 6px 0;
}
.quickbuttons_sub a {
	width: 8.4rem;
	background: #f3f6f9;
	text-align: start;
	border: solid #0000;
	border-width: 1px 0;
}
.quickbuttons_sub a:hover,
.quickbuttons_sub a:focus {
	background: #fff;
	border-color: #aaa;
}
.quickbuttons_sub a:focus {
	margin-left: 100vw;
}
li:hover .quickbuttons_sub a:focus {
	margin-left: 0;
}
.remove_button>a::after {
	background-position-x: -2.5rem;
}
.modify_button>a::after {
	background-position-x: -5rem;
}
.approve_button>a::after {
	background-position-x: -7.5rem;
}
.restore_button>a::after {
	background-position-x: -10rem;
}
.split_button>a::after {
	background-position-x: -12.5rem;
}
.reply_button>a::after {
	background-position-x: -15rem;
}
.notify_button>a::after {
	background-position-x: -17.5rem;
}
.details_button>a::after {
	background-position-x: -20rem;
}
.ignore_button>a::after {
	background-position-x: -22.5rem;
}
.close_button>a::after {
	background-position-x: -25rem;
}
.options_button>a {
	background: #f5f5f0;	
	line-height: 2rem;
	border: 1px solid #bbb;
	border-radius: 2px;
}
.options_button>a::after {
	right: 0;
}
.options_button>a::after {
	background-position-x: -27.5rem;
}
.quickbuttons .quick_modify_button {
	position: relative;
	margin: 6px;
	padding: 0 2.8rem 0 .8rem;
	overflow: hidden;
	color: #414f72;
	line-height: 2.2rem;
}
.quick_modify_button img {
	position: absolute;
	top: 0;
	right: -3.2rem;
	height: 2rem;
	padding: .1rem 3em;
}
.inline_mod_check {
	padding-left: 8px;
}
/* Styles for the general looks for the Curve theme.
------------------------------------------------------- */
/* Target anchor for "Go to top" button. */
#index_top {
	position: absolute;
	top: 0;
}
/* Skip navigation links, as per AIM standards. */
#skip_nav, #menu_skip {
	position: absolute;
	z-index: -9;
	top: 8px;
	left: 8px;
	padding: 1rem 2rem;
	background-color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
	text-decoration: none;
	border: 3px solid #f88c00;
	box-shadow: 0 3px 3px #0009;
	opacity: 0;
	transition: z-index 1s step-end, opacity 1s ease-in;
}
#skip_nav:focus, #menu_skip:focus {
	z-index: 9;
	opacity: 1;
	transition: z-index .1s step-start, opacity .1s step-start;
}
/* The main header container. */
#header {
	position: relative;
	z-index: 2;
	border: 2px solid #fff;
	border-bottom: 0;
	border-radius: 6px 6px 0 0;
}
#top_section {
	overflow: hidden;
}
/* H1 - The main forum heading, linked to the home page. */
/* In default text format. */
#forum_title {
	margin-bottom: 20px;
	line-height: 2em;
	font-size: 2em;
	text-indent: .7em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* As optional image banner. */
/* Note: For a full-width banner to fit the header perfectly, */
/* the negative left margin must match the text-indent above. */
#forum_banner {
	box-sizing: border-box;
	height: auto;
	margin-left: -.7em;
	border-radius: 6px 6px 0 0;
	vertical-align: top;
}
/* Default SMF logo, or site slogan, at upper right. */
#siteslogan {
	float: right;
	position: absolute;
	top: 10px;
	right: 12px;
	color: #346;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 2.6em;
}
/* Suits default SMF image. Adjust for custom images. */
#smflogo {
	margin: 3px;
}
/* Header collapse/expand icon. */
#upshrink {
	width: 22px;
	float: right;
	margin: 2px;
	padding: 6px;
	border: 2px solid #0000;
	border-radius: 50%;
}
#upshrink:hover {
	background: #5a6c85;
	border-color: #fff;
}
/* Guest log in form, user avatar, search, news. */
#upper_section {
	display: flex;
	margin-top: -.5em;
	padding: 0 20px 9px;
}
#upper_section .user {
	flex: 1 0 auto;
}
#guest_form label {
	margin: 0 0 6px 0;
	padding: 0 0 0 4px;
	background: linear-gradient(#738599, #a8bace);
	color: #fff;
	font-weight: 700;
	line-height: 2.2rem;
	text-shadow: 0 0 1px #333;
	text-align: end;
	border: 1px solid #738599;
	border-radius: 2px;
}
#user, #passwrd, #openid_url {
	margin: -1px;
}
#guest_form a {
	font-weight: 700;
}
#guest_form .info {
	padding: 0 0 .5em;
	font-size: 1.2rem;
}
#upper_section p.avatar, #upper_section .reset {
	display: inline-block;
	margin: 0 9px 0 0;
	vertical-align: top;
}
/* WIP: Set global avatar size. */
img.avatar, #avatar_upload>img {
	width: auto;
	height: auto;
	max-width: 100px;
	max-height: 100px;
}
/* Fallback avatars, coloured by group. */
.no_avatar {
	display: block;
	height: 80px;
	width: 80px;
	margin: 0 auto 4px;
	background: #ccc;
	color: #fff;
	font-size: 56px;
	font-family: roboto, verdana, sans-serif;
	line-height: 80px;
	text-align: center;
	text-transform: capitalize;
	border-radius: 10%;
}
/* if you want Guest colour different to default... */
.no_avatar.Guest {}
/* Default groups are set to match the colour of their default "stars". */
/* Note: For most groups it is necessary to use two different syntaxes: */
/*	one for avatars in Display.template.php and Profile.template.php, */
/*	another for the avatar in the theme header (index.template.php). */
/*	These should be kept as pairs in each declaration. */
.no_avatar.Administrator, .no_avatar.group_1 {
	background: #d73d00;
}
.no_avatar.Global.Moderator, .no_avatar.group_2 {
	background: #006bd9;
}
.no_avatar.Moderator, .no_avatar.group_3 {
	background: #80c800;
}
/* Default post count groups would all work as .no_avatar.Member for the first syntax, */ 
/* since they all contain the word "Member" and share the same background. */
/* The expanded version is shown as an example of how to deal with more complex cases. */
/* These can be split into different colours, but each line should be kept as a pair. */
/* Note: Some characters need to be escaped with a backslash. */
.no_avatar.Newbie, .no_avatar.group_4,
.no_avatar.Jr\..Member, .no_avatar.group_5,
.no_avatar.Full.Member, .no_avatar.group_6,
.no_avatar.Sr\..Member, .no_avatar.group_7,
.no_avatar.Hero.Member, .no_avatar.group_8 {
	background: #dbcc4c;
}
.avatar a:hover, .avatar a:focus,
.poster_avatar:hover, .poster_avatar:focus {
	text-decoration: none;
}
/* User details and links. */
.user li {
	font-size: 1.2rem;
}
.user li a {
	display: block;
	margin: 4px 0;
}
.user .greeting {
	color: #595959;
	font-size: 1.4rem;
	font-weight: 700;
}
/* Random news lines and search form. */
.news {
	flex: 1 1 auto;
	max-width: 45%;
	padding-left: 5%;
}
#search_form {
	text-align: end;
}
#search_form .input_text {
	margin: 0 0 6px 0;
}
.news h2 {
	font-size: 1.3rem;
}
.news p {
	margin: 0;
	overflow: hidden;
	font-size: 1.2rem;
}
/* The notifications menu (after the main menu). */
.secondary_menu {
    margin: 0 22px;
}
.secondary_menu a {
	display: inline-block;
	vertical-align: top;
    margin: 4px 4px 8px;
    font-size: 1.3rem;
	font-weight: 700;
	font-style: italic;
	line-height: 2.1rem;
}
a.notice_messages {
	color: #d37127;
}
.secondary_menu a:hover, .secondary_menu a:focus {
	text-decoration: none;
	box-shadow: inset 0 -2px 0;
	transition: box-shadow .1s step-end;
}
a.notice_maintenance {	
    padding: 0 8px;
	background: #b50000;
	color: #fff;
	font-style: normal;
	text-shadow: 0 0 1px #000;
	border-radius: 3px;
}
a.notice_maintenance:hover, a.notice_maintenance:focus {
	box-shadow: 0 0 0 2px #880000;
}
/* The navigation list (i.e. linktree). */
.linktree:first-child {
	border-top: 1px solid #ccc;
}
.linktree {
	margin: 0 2px 5px;
	padding: 5px;
	font-size: 1.2rem;
}
.linktree li {
	display: inline-block;
	max-width: 90vw;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.linktree .last {
	font-weight: 700;
}
.linktree a {
	text-decoration: none;
}
.linktree a:first-child::before,
.linktree li>span:first-child::before {
	position: relative;
	bottom: -2px;
	padding-right: 3px;
	color: #C8872B;
	font-size: 2em;
	font-weight: 700;
	content: "\000bb";
}
.linktree a:hover::before {
	color: #346;
}
.linktree li:first-child a::before {
	margin-left: -.7em;
}
/* The main content section. */
#main_content_section {
	position: relative;
	z-index: 1;
	min-height: 200px;
	padding: 0 20px;
}
#main_content_section::after {
	position: relative;
	display: block;
	z-index: -1;
	content: "";
	bottom: 14px;
	height: 40px;
	margin: 0 -14px;
	background: #fff;
	border-radius: 0 0 8px 8px;
}
/* The footer, with copyright links etc. */
.footer {
	padding: 20px 0;
	text-align: center;
}
.footer li {
	display: inline-block;
	margin: 6px;
	font-size: 1.1rem;
}
.footer p, .copyright>.smalltext {
	font-size: 1.1rem;
}
/* New global up/down links. */
.base_links {
	position: fixed;
	display: block;
	left: -5px;
	z-index: 2;
	width: 4rem;
	height: 35vh;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: linear-gradient(to right, #fff, #e0e8f2);
	color: #777;
	border: solid #aaa;
	/* Increase this value if your users */
	/* require more contrast off hover. */
	opacity: .3;
}
#go_top {
	bottom: 40vh;
	border-width: 1px 1px 0;
	border-top-right-radius: 90%;
}
#go_bottom {
	top: 60vh;
	border-width: 1px;
	border-bottom-right-radius: 90%;
}
.base_links:hover, .base_links:focus {
	text-decoration: none;
	box-shadow: 0 2px 2px #0005;
	opacity: 1;
}
.base_links::before {
	position: absolute;
	display: block;
	width: 4rem;
	font-size: 2.2rem;
	line-height: 4rem;
	text-indent: 1.2rem;
}
#go_top::before {
	bottom: 11%;
	content: "\21C8";
}
#go_bottom::before {
	top: 11%;
	content: "\21CA";
}
/* Styles for the board index.
------------------------------------------------- */
/* Optional small stats, above the board index. */
#index_common_stats {
	margin: 0 2px;
	padding: 4px 0 0;
	text-align: end;
	border-top: 1px solid #ccc;
}
/* The newsfader. */
#smfFadeScroller {
	margin: -1px 2px 9px;
	padding: 9px;
	overflow: hidden;
	background: #ebeff3;
	border-style: solid;
	border-width: 2px 1px 1px;
	border-color: #fff #e8e8e8 #dcdcdc;
	text-align: center;
}
/* Make @gremlins friendly to figures and keyboards. */
.catbg img, .titlebg img, #stats img {
	width: auto;
	max-height: 18px;
	vertical-align: sub;
}
.catbg>img, .titlebg>img,
.catbg>span>img, .titlebg>span>img {
	padding: 0 4px 0 0;
}
.collapse img, .help img, .toggle, .catbg>.toggle {
	position: absolute;
	top: 3px;
	right: -5px;
	margin: 0 2px;
	border: 2px solid #0000;
	border-radius: 50%;
}
.catbg>.toggle {
	padding: 0;
}
.catbg>a:hover img, .catbg>a:focus img,
.help:hover img, .help:focus img,
.toggle:hover, .toggle:focus {
	background: #809abc;
	border-color: #fff;
}
.content .help img {
	position: static;
	width: auto;
	max-height: 18px;
	vertical-align: middle;
}
.content .help:hover img, .content .help:focus img {
	background: #809abc;
	border-color: #637385;
}
/* Different positioning for table headers. */
th .icon, th a>img {
	vertical-align: middle;
}
/* Category and board tables. */
.table_list, .table_list tbody,
.table_list tr, .table_list td {
	display: block;
}
.table_list .cat_bar, .table_list p {
	margin: 0;
}
.table_list .content {
	margin: 0 2px;
}
.content tr {
	position: relative;
	min-height: 4.5em;
	overflow: hidden;
	border: 1px solid;
	border-color: #fff #e8e8e8 #dcdcdc;
	border-width: 2px 1px 1px;
}
.table_list .icon {
	float: left;
	width: 72px;
	padding: 12px 0;
	text-align: center;
}
.table_list .info, .table_list .lastpost {
	width: auto;
	margin: 0 21% 0 67px;
	padding: 0 5px;
}
/* The board title. */
.info h4, .moderation_link:link {
	display: inline-block;
	padding-top: 5px;
	font-size: 1.5rem;
}
.info .subject {
	color: #d37127;
	font-weight: 400;
	font-family: roboto;
	font-weight: 500;
}
.info .subject:hover {
	text-decoration: none;
	box-shadow: inset 0 -2px 0;
}
.info p {
	font-size: 1.3rem;
}
.info .moderators {
	font-size: 1.2rem;
}
/* New post indicators. Used in several places. */
/* Board index, message index, unread/replies, PM's. */
.new_posts, .new_posts:link, .new_posts:visited,
.new_posts.unapproved {
	margin: 0 2px;
	padding: 0 4px;
	background: #ff8c00;
	color: #fff;
	font-weight: 700;
	line-height: 1.6rem;
	text-decoration: none;
	text-shadow: 0 0 1px #301900;
	border-radius: 3px;
}
.children .new_posts {
	padding: 0 6px;
	font-size: 1rem;
}
.new_posts.unapproved {
	padding: 0 9px;
	background: #b50000;
	font-size: 1em;
}
.new_posts:hover, .new_posts:focus {
	background: #5a6c85;
	text-shadow: 0 0 1px #000;
}
.area_inbox .new_posts, .area_inbox .new_posts:hover {
	position: relative;
	top: -1px;
	font-size: 1.1rem;
	background: #ff8c00;
}
/* End new post indicators. */
.table_list .lastpost {
	padding: 0 5px;
}
.lastpost h5,
.lastpost span {
	display: inline-block;
	font-size: 1.2rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}
.lastpost strong + a {
	font-weight: 700;
}
/* Stats cells presented last in each row. */
.table_list .stats, .topic_table .stats {
	position: absolute;
	top: 8px;
	right: 0;
	bottom: 8px;
	width: 18%;
	padding: 7px 0 0;
	font-size: 1.2rem;
	text-align: center;
	border-left: 2px solid #fff;
	box-shadow: -1px 0 0 #d8d8d8;
}
/* Child boards. */
.content .child_row {
	min-height: 0;
	padding: 7px 0 2px 67px;
	background: #e0e7ed;
}
.content .children {
	padding: 0 5px;
	background: none;
	font-size: 1.2rem;
	line-height: 1.6rem;
}
.children h6, .children a {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.children h6::after {
	content: ":";
}
.child_link::before {
	content: ", ";
}
.child_link:first-of-type::before,
.new_posts + .child_link::before {
	display: none;
}
/* Usually hidden. */
.table_list thead, .table_list tfoot {
	display: none;
}
.divider tr {
	height: 1em;
}
/* The posting icons. */
#posting_icons {
	display: inline-block;
	padding: 4px 6px 1em;
	font-size: 1.1rem;
}
#posting_icons li {
	display: inline;
}
#posting_icons img {
	vertical-align: sub;
	margin-left: 8px;
}
#posting_icons + .buttonlist {
	margin: 0 6px;
}
#info_center {
	padding: 6px;
	background: #f8f8f8;
	border: 1px solid #c8c8c8;
	border-radius: 8px;
}
.recent_posts {
	display: flex;
	flex-wrap: wrap;
	margin: -5px 2px 0;
}
.recent_posts p {
	flex: 1 1 auto;
	box-sizing: border-box;
    width: 49%;
    margin: 0 .5%;
	padding: 6px 0;
	overflow: hidden;
	font-size: 1.2rem;
	text-overflow: ellipsis;
    border-bottom: 1px solid #ddd;
}
.recent_posts strong, .recent_posts a, .recent_posts span {
	white-space: nowrap;
}
.calendar_ic, .forum_stats,
#info_center .inline, #info_center .last {
	margin: 0;
	padding: 3px 6px;
	font-size: 1.2rem;
	line-height: 1.8rem;
}
.forum_stats {
	display: inline-block;
	max-width: 95%;
	padding: 0 6px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#info_center .last {
	margin: 0 3px;
	padding: 3px;
	border-top: 1px dashed #bbb;
}
/* @WIP: MessageIndex & Recent tables.
------------------------------------------------------- */
.topic_table {
	clear: both;
}
.topic_table, .topic_table thead, .topic_table tbody,
.topic_table tr, .topic_table th, .topic_table td {
	display: block;
}
.topic_table tr {
	position: relative;
	border-color: #fff #e8e8e8 #dcdcdc;
	border-width: 2px 1px 1px;
}
.topic_table .catbg {
	display: flex;
	flex-wrap: wrap;
	padding: 0 8px;
	border-radius: 5px 5px 0 0;
	border-bottom: 1px solid #8191a3;
}
.topic_table th {
	padding: 0 3px 0 0;
	flex: 0 0 auto;
}
.topic_table .first_th {
	padding: 0 4px 0 9px;
}
.topic_table th:nth-child(3) {
	order: 4;
}
.topic_table th a::after {
	content: " \002f";
}
.topic_table th:nth-child(3) a:last-child::after {
	display: none;
}
.topic_table tbody {
	border: solid #e5e5e5;
	border-width: 0 1px;
}
.topic_table tbody tr {
	border: solid #fff;
	border-color: #fff #ddd #d8d8d8;
	border-width: 2px 0 1px;
}
.topic_table td {
	background: none;
	font-size: 1.2rem;
}
td.whos_viewing, td.topic_alert {
	padding: 2px 7px;
	background: #f5f5f0;
}
td.topic_alert a {
	font-weight: 700;
}
.topic_table .icon1, .topic_table .icon2 {
	width: 36px;
	text-align: center;
	position: absolute;
	top: 10px;
	left: 0;
}
.topic_table .icon2 {
	left: 36px;
}
.topic_table .subject {
	position: relative;
	margin: 0 21% 0 72px;
	padding: 4px 0 0;
}
tr.lockedbg, tr.stickybg, tr.locked_sticky {
	background-position: calc(100% - 5px) 93%;
	background-repeat: no-repeat;
}
tr.lockedbg {
	background-image: url(../images/icons/quick_lock.gif);
}
tr.stickybg {
	background-image: url(../images/icons/quick_sticky.gif);
}
tr.locked_sticky {
	background-image: url(../images/icons/quick_sticky_lock.gif);
}
.topic_table .subject h4 {
	position: relative;
	font-size: 1.4rem;
	font-weight: 400;
}
.topic_table .subject h4 span{
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}
.table_list .moderation_link {
	position: static;
} 
.subject .new_posts:link, .subject .new_posts:visited {
	position: absolute;
	top: 2px;
	left: -47px;
	padding: 0 9px;
	font-size: 1rem;
	border-radius: 0 8px;
	box-shadow: 1px 2px #000a;
}
em.new_posts.unapproved {
	padding: 0 6px 4px;
	background: #ff8c00;
}
.subject em {
	float: right;
	margin-right: .5em;
	white-space: nowrap;
}
.subject em a {
	font-weight: 700;
}
.topic_table p {
	margin: 0;
}
.subject .pageindex_wrapper {
	float: right;
	position: relative;
	top: -3px;
	z-index: 1;
}
.topic_table .lastpost {
	position: relative;
	margin: 0 21% 0 72px;
	padding: 0;
}
.lastpost img {
	position: absolute;
	bottom: 3px;
	left: -46px;
	padding: 6px 6px 6px 24px;
	border-radius: 4px;
}
.lastpost a:hover>img, .lastpost a:focus>img {
	background: #5a6c85;
}
.lastpost h5 {
	font-weight: 400;
}
.lastpost strong:first-child::after {
	content: ": ";
}
/* @WIP: Figure out something for this. */
.topic_table .last_th .input_check {
	position: absolute;
	bottom: 0;
	right: 9px;
}
.moderation_1 {
	position: absolute;
	top: 8px;
	right: 8px;
}
td.moderation_2 {
	display: none;
}
.topic_table .moderation {
	margin: 0 0 4px;
	background: #f5f5f0;
}
.topic_table .moderation td {
	padding: 0 9px;
	text-align: end;
	border-top: 1px solid #ddd;
}
.qaction {
	margin: 4px 0;
}
#topic_icons {
	padding: 0 9px;
	clear: both;
}
#topic_icons p {
	display: inline-block;
	margin: .5em 0;
}
#topic_icons span {
	padding: 0 5px;
	white-space: nowrap;
	line-height: 2.4rem;
}
#topic_icons img {
	vertical-align: sub;
}
/* Styles for the display template (topic view).
---------------------------------------------------- */
#forumposts {
	padding: 3px 0 0;
	clear: both;
}
/* Events. */
.linked_events {
	padding: 1em 0;
}
.edit_event {
	margin: 0 1em;
	vertical-align: middle;
}
/* Poll question */
#poll {
	overflow: hidden;
}
#pollquestion, #poll_options p {
	margin: 0;
	padding: 3px 2em;
}
/* Poll vote options */
/* @WIP: ul and dl with same class name but different CSS. Bloody muppets. :P */
.options {
	border: solid #99a;
	border-width: 1px 0;
	padding: 6px 2em;
	margin: 0 0 1em;
}
#poll_options .submitbutton {
	padding: 0 3em;
}
/* Poll results */
.options li {
	margin: 6px 0;
	color: #555;
	font-weight: 700;
}
.options dt {
	display: inline-block;
	width: 30%;
	vertical-align: top;
}
.options dd {
	display: inline-block;
	margin-left: 4px;
	width: 67%;
	max-width: 40em;
	text-align: end;
}
#poll_options .voted {
	font-weight: 700;
}
/* On to the posts. */
#author {
	display: inline-block;
	width: 170px;
}
#whoisviewing {
	margin: 4px;
	font-size: 1.2rem;

}
/* Poster details and list of items. */
.poster, .poster_details {
	float: left;
	width: 11em;
	padding: 0 1em 4px 0;
	text-align: center;
	clear: left;
}
.poster h4 a {
	color: #c06002;
	font-size: 1.5rem;
	line-height: 1.7rem;
	text-decoration: none;
}
.poster_pm:link, .poster_pm:visited {
	display: block;
	width: 9em;
	margin: 4px auto;
	padding: 0 6px;
	background: #f5f5f0;
	font-size: 1.2rem;
	border: 1px solid #bbb;
	border-radius: 3px;
}
.poster_pm:hover, .poster_pm:focus {
	background: #5a6c85;
	color: #fff;
	text-decoration: none;
	border-color: #5a6c85;
}
.poster_pm:hover strong, .poster_pm:focus strong {
	color: #fff;
}
.poster_pm img {
	width: 12px;
	height: 12px;
	margin: 0 4px -1px 0;
}
.poster li {
	font-size: 1.2rem;
	line-height: 1.8rem;
}
.poster .profile {
	padding: 4px 0;
}
.poster li li {
	display: inline;
	padding: 0 4px;
}
/* Some kludge code here. */
/* Kills a minor SMF bug. */
.poster .profile>ul {
	position: relative;
}
.poster .profile .kludge {
	display: block;
	visibility: hidden;
	position: absolute;
}
/* Back to nicer code. */
.poster .warning {}
.poster .warning img {
	vertical-align: bottom;
	padding: 0 3px;
}
.postarea {
	margin-left: 12em;
}
.postarea::after {
	display: block;
	clear: both;
	content: "";
}
.keyinfo {
	overflow: hidden;
}
.messageicon {
	float: left;
	width: auto;
	padding: 4px 4px 0 0;
}
/* Post and personal message divs. */
.post {
	min-height: 10em;
}
.inner, .ignored_prompt {
	overflow: hidden;
	margin-top: 4px;
	padding-top: 9px;
	border-top: 1px solid #99a;
}
/* Separate cancel button from save button. */
#quick_edit_body_container .button_submit:first-of-type {
	float: left;
}
.moderatorbar {
	overflow: hidden;
	font-size: 1.2rem;
}
.moderatorbar li {
	display: inline-block;
	padding: 0 2px;
}
.reportlinks img {
	vertical-align: sub;
}
.moderatorbar .post_ip {}
.moderatorbar .post_ip_guest {
	display: block;
	padding-top: 6px;
	text-align: end;
}
.moderatorbar .inline_mod_check {
	float: right;
	padding: 0 8px;
}
/* Signatures and post attachments. */
.signature, .custom_fields_above_signature, .attachments {
	overflow: hidden;
	margin-top: 6px;
	padding-top: 9px;
	border-top: 1px solid #ccc;
	font-size: 1.2rem;
}
/* Post attachments */
.attachments {
	margin: 0;
	padding: 0;
}
.attachments_bar {
	display: none;
}
.attachments fieldset {
	margin-top: 4px;
}
.attachments legend {
	padding: 0 0 0 4px;
	background: #ee8000;
	color: #fff;
	font-weight: 700;
	text-shadow: 0 0 1px #2a1600;
	border: 1px solid #aaa;
}
.attachments legend a {
	display: inline-block;
	margin: 0 0 0 4px;
	padding: 0 4px;
	background: #fff;
	color: #b50000;
	text-shadow: none;
}
.attachment_block {
	display: inline-block;
	min-width: 15%;
	max-width: 100%;
	margin: 6px 3px;
	vertical-align: bottom;
	text-align: center;
}
.attachment_image {
	max-width: 100%;
}
.attachment_image img {
	max-width: 100%;
	margin-bottom: -1.8rem;
}
.attachment_image>a {
	display: block;
}
.attachment_name, .attachment_details {
	padding: 0 5px;
	color: #555;
	border: 1px solid #aaa;
}
.attachment_name {
	background: #f5f5f5;
	line-height: 2.2rem;
}
.attachment_details {
	line-height: 1.6rem;
	border-width: 0 1px;
}
.attachment_details:last-child {
	border-width: 0 1px 1px 1px;
}
.modified {
	padding-top: 4px;
	font-size: 1.2rem;
	text-align: end;
	border-top: 1px solid #ccc;
}
/* Separators, mainly for print. */
.post_separator {
	display: none;
}
/* Next/previous topic links.*/
.nextlinks {
	float: right;
	margin: 5px 0 3px 0;
	text-transform: capitalize;
}
.nextlinks a {
	display: inline-block;
	padding: 0 8px;
	background: #f5f5f0;
	font-size: 1.2rem;
	line-height: 1.8rem;
	border-radius: 5px 0 0 5px;
	text-decoration: none;
	vertical-align: bottom;
	border: 1px solid #bbb;
}
.nextlinks a:last-child {
	margin-left: -.5em;
	border-radius: 0 5px 5px 0;
}
.nextlinks a:first-child::before,
.nextlinks a:last-child::after {
	position: relative;
	top: .2rem;
	font-size: 2rem;
	line-height: 1rem;
	content: "\00ab\00a0";
}
.nextlinks a:last-child::after {
	content: " \00BB";
}
.nextlinks a:hover, .nextlinks a:focus {
	background: #5a6c85;
	color: #fff;
	border: 1px solid #346;
}
/* Styles for the quick reply area.
---------------------------------------------------- */
#quickreplybox {
	margin-top: 6px;
}
#quickReplyOptions .roundframe,
#postmodify .roundframe {
	padding: 12px 8%;
}
#quickReplyOptions textarea {
	height: 9em;
	margin: 8px 0;
}
#moderationbuttons_strip {
	padding: 9px 0;
}
/* The jump to box. */
#display_jump_to {
	text-align: end;
}
/* The "Edit poll" section (has to stay in index.css).
---------------------------------------------------- */
#poll_main > .input_text {
	margin: 0 0 4px 4.8em;
	max-width: 70vw;
}
.poll_main li {
	padding: 4px 0;
	white-space: nowrap;
}
.poll_main .input_text {
	max-width: 70vw;
	margin: 0 4px;
}
.poll_options dt {
	padding-left: 1em;
}
/* Styles for the move topic section.
---------------------------------------------------- */
.move_topic {
	max-width: 710px;
	margin: auto;
}
/* Styles for the send email section.
---------------------------------------------------- */
.send_mail dt {
	width: 35%;
}
.send_mail dd {
	width: 64%;
}
/* Styles for the report topic section.
---------------------------------------------------- */
#report_post dt {
	width: 20%;
}
#report_post dd {
	width: 79%;
}
/* Styles for the split topic section.
---------------------------------------------------- */
#selected, #not_selected {
	width: 49%;
}
.split_messages li {
	margin: 4px 0;
	padding: 4px;
}
.split_messages .post {
	padding: 6px 0 0;
}
/* Styles for the merge topic section.
---------------------------------------------------- */
.merge_topic dt {
	width: 25%;
}
.merge_topic dd {
	width: 74%;
}
.custom_subject {
	margin: 7px 0;
}
/* Styles for the login areas.
------------------------------------------------------- */
.login {
	max-width: 540px;
	margin: 0 auto;
}
.login p {
	text-align: center;
}
.login dt {
	width: 44%;
	margin: 0 0 .6em;
	float: left;
	clear: both;
	text-align: end;
	font-weight: 700;
}
.login dd {
	width: 54%;
	margin: 0 0 .6em;
	float: right;
}
.login label {
	width: 45%;
	text-align: end;
	white-space: nowrap;
	clear: both;
}
/* Styles for maintenance mode.
------------------------------------------------------- */
#maintenance_mode .flow_auto {
	margin: 0;
	text-align: start;
}
#maintenance_mode img.floatleft {
	margin-right: 1em;
}
/* Styles for the registration section.
------------------------------------------------------- */
.register_error {
	border: 1px dashed red;
	padding: 5px;
	margin: 0 1ex 1ex;
}
.register_error span {
	text-decoration: underline;
}
/* Additional profile fields */
#registration fieldset {
	max-width: 700px;
	margin: 0 auto;
	border: 0;
}
.register_form {
	margin: 0;
}
.register_form dt {
	float: left;
	clear: both;
	width: 36%;
	margin: .5em .5% 0;
	text-align: end;
}
.register_form dt span {
	display: block;
}
.register_form dd {
	float: left;
	width: 62%;
	margin: .5em 0 0;
}
#confirm_buttons {
	text-align: center;
	padding: 1em 0;
}
.coppa_contact {
	width: 32ex;
	margin-left: 5ex;
	padding: 4px;
	background-color: #fff;
	color: #000;
	border: 1px solid #000;
}
.valid_input {
	background-color: #f5fff0;
}
.invalid_input {
	background-color: #fff0f0;
}
/* Custom profile fields - should stay in index.css.
---------------------------------------------------- */
#admin_content .custom_field {
	margin-bottom: 15px;
}
#admin_login .centertext {
	padding: 1em;
}
#admin_login .centertext .error {
	padding: 0 0 1em;
}
#main_admsection {
	position: relative;
	left: 0;
	right: 0;
	overflow: auto;
}
#credits p {
	margin: 0;
	padding: 0;
	font-style: italic;
}
/* @WIP: Profile.template.php AND Recent.template.php. */
.counter {
	padding: 6px;
	font-size: 2.2em;
	font-weight: 700;
	float: left;
}
/* As above, and is also called in Post.template.php. */
.list_posts {
	border-top: 1px solid #99a;
	padding-top: 12px;
	margin-top: 6px;
	overflow: auto;
}
/* Pick a theme, in your Profile > Look and Layout section. */
/* Note: This is action=theme, not action=profile. Tricky. */
#pick_theme img.padding {
	max-width: 120px;
	max-height: 120px;
	width: auto;
	height: auto;
	padding: 9px 0 9px 1em;
}
#pick_theme .reset {
	clear: both;
}
#pick_theme .reset li {
	float: left;
}
#pick_theme .reset li:last-child {
	float: right;
}
/* Styles for the statistics center.
------------------------------------------------- */
#statistics>.title_bar {
	margin: 4px .3% 0;
}
#statistics>div {
	display: flex;
}
#statistics>div>div {
	flex: 0 1 auto;
	width: 49.4%;
	padding: 0 .3%;
}
.stats_list dd {
	margin: 2px 0 11px;
	text-align: end;
}
.top_row .stats_list {
	padding: 4px 6px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.top_row dt, .top_row dd {
	display: inline-block;
	width: 50%;
	margin: 4px -.5em 2px 0;
	vertical-align: bottom;
	border-bottom: 1px solid #ddd;
}
.top_row dt:last-of-type,
.top_row dd:last-child {
	border: 0;
}
.statsbar {
	height: 18px;
	padding-right: 3px;
	background: #fff;
	border: 1px solid #c2c5c8;
	border-radius: 2px;
	overflow: hidden;
}
.statsbar .bar {
	float: left;
	height: 18px;
	background: #88b3de;
}
.stats_month {
	width: 25%;
	padding: 0 2em;
	text-align: start;
}
td.stats_day {
	padding: 0 4em;
	text-align: start;
}
/* Styles for the personal messages section.
------------------------------------------------- */
#personal_messages .labels {
	padding: 0 1em 0 0;
}
.capacity_bar {
	background: #f0f4f7;
	margin: 6px 0 0 1em;
	height: 1em;
	border: 1px solid #bbb;
	width: 10em;
}
.capacity_bar span {
	border-right: 1px solid #bbb;
	display: block;
	height: 1em;
}
.empty {
	background: #a6d69d;
}
.filled {
	background: #eea800;
}
.full {
	background: #f10909;
}
#searchLabelsExpand li {
	padding: 4px 8px;
}
.addrules dt {
	width: 15em;
	padding: 0 1em;
}
/* Styles for the basic search section.
------------------------------------------------- */
#searchform, #simple_search p {
	padding: .5em;
	margin: 0;
}
#simple_search, #simple_search p, #advanced_search {
	text-align: center;
	margin: 0;
}
#search_error {
	font-style: italic;
	padding: .3em 1em;
}
#search_term_input {
	font-size: 1.4rem;
	margin: 0 0 1em;
}
/* Styles for the advanced search section.
------------------------------------------------- */
.action_search fieldset,
.action_pm.area_search fieldset {
	padding: 0;
	border: 0;
}
#advanced_search #search_options {
	margin: 0 auto;
	width: 600px;
	padding-top: 1em;
	overflow: hidden;
}
#search_options dt {
	clear: both;
	float: left;
	padding: 3px;
	text-align: end;
	width: 20%;
}
#search_options dd {
	width: 75%;
	float: left;
	padding: 3px;
	margin: 0;
	text-align: start;
}
#search_options .options {
	margin-top: 6px;
	border-bottom: 0;
}
.search_results_posts .buttons {
	padding: 5px 1em;
}
/* Styles for the help section.
------------------------------------------------- */
#helpmain {
	padding: 0 2em;
}
#helpmain ul {
	margin: 1em 0;
	padding-left: 2em;
	list-style: disc;
}
#helpmain li {
	margin: 1em 0;
}
/* Styles for the calendar section.
------------------------------------------------- */
#calendar {
	display: flex;
}
#month_grid {
	flex: 0 0 auto;
	width: 200px;
	padding: 0 20px 0 0;
}
#main_grid {
	flex: 1 1 auto;
}
.calendar_table {
	width: 100%;
	margin-bottom: 9px;
	table-layout: fixed;
	text-align: center;
}
.calendar_table .titlebg {
	background: linear-gradient(#c0c8d0, #d8e0e8);
}
#month_grid .catbg {
	font-size: 1em;
	line-height: 1.8em;
}
#main_grid .catbg {
	font-size: 1.8rem;
	line-height: 3rem;
}
#main_grid .catbg span {
	margin-top: -2px;
	font-size: 3rem;
}
#main_grid th {
	padding: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
}
#main_grid th:first-child {
	width: 16px;
}
.weeks {
	font-size: 2em;
	font-weight: 700;
	text-align: center;
}
.days {
	width: 14%;
}
#main_grid td.days {
	text-align: start;
	vertical-align: top;
	overflow-wrap: break-word;
}
.calendar_today {
	background: #fff;
}
.weeklist {
	table-layout: auto;
}
.weeklist .title_bar {
	margin: 0 -1px -1px;
	text-align: start;
	border-radius: 0;
}
.weeklist .windowbg,
.weeklist .weekdays {
	padding: 6px;
	border: 0;
}
.weeklist .windowbg {
	text-align: center;
	width: 8%;
	font-size: 1.8rem;
}
.weeklist .weekdays {
	width: 92%;
	text-align: start;
}
a.modify_event {
	color: red;
}
/* Styles for print media (empty by default).
------------------------------------------------------- */
/* Styles for the page index sections.
/* Specific to Ant's Mutant Curve.
/* ------------------------------------------------ */
.pagelinks_inline {
	display: inline-block;
	position: relative;
	margin: 3px 0;
}
.pagelinks_block {
	overflow: hidden;
	clear: both;
	border-width: 1px 0;
}
.pagelinks_inline + .buttonlist.floatright {
	text-align: end;
}
.buttonlist.floatright + .pagelinks_inline {
	margin: 3px 0 -3px 0;
}
#lastPost + .buttonlist.floatright {
	text-align: end;
}
/* Basic responsive tweaks.
----------------------------------------*/
/* 1024px at standard browser settings. */
@media screen and (max-width: 64em) {}
/* 896px at standard browser settings. */
@media screen and (max-width: 56em) {
	 #menu_skip, .user_time, .table_list .stats,
	.topic_table th:nth-child(3),
	.topic_table th:nth-child(4) a:last-child::after,
	.topic_table td:nth-child(4),
	 #author, .poster>ul {
		display: none;
	}
	body {
		padding: 0 0 2em;
	}
	div.windowbg, div.windowbg2, div.approvebg, div.approvebg2 {
		padding: 0 .5em;
	}
	/* New global up/down links. */
	.base_links {
		width: 9rem;
		max-width: 20vw;
		height: 4rem;
		background: #fff;
		opacity: .6;
	}
	#go_top {
		right: 0;
		bottom: 0;
		left: auto;
		border-width: 1px 0 0 1px;
		border-radius: 8px 0 0 0;
	}
	#go_bottom {
		top: auto;
		bottom: 0;
		border-width: 1px 1px 0 0;
		border-radius: 0 8px 0 0;
	}
	#go_top::before, #go_bottom::before {
		bottom: 0;
		width: 100%;
		text-indent: 0;
		text-align: center;
	}
	#go_bottom::before {
		top: auto;
	}
	/* End snazzy new links. :P */
	#wrapper {
		min-width: 100%;
		border: 0;
		border-bottom: 1px solid #aaa;
		border-radius: 0;
	}
	#header {
		position: relative;
	}
	#header, #wrapper::after {
		border-radius: 0;
	}
	#upper_section {
		padding: 0 9px 9px;
	}
	#upper_section .reset {
		margin-top: -6px;
	}
	img.avatar {
		max-width: 6rem;
		max-height: 6rem;
	}
	.no_avatar {
		height: 4rem;
		width: 4rem;
		font-size: 2.8rem;
		line-height: 4rem;
	}
	.user .no_avatar {
		margin: 0 0 8px 4px;
	}	
    .secondary_menu {
		min-height: 2.9rem;
		padding-left: 38px;
    }
	#main_content_section {
		padding: 0 5px;
	}
	#main_content_section::after {
		margin: 0 2px;
	}
	#main_admsection {
		margin-top: 46px;
	}
	#main_menu, #sidebar {
		position: absolute;
		z-index: 1;
		height: 29px;
		padding: 4px;
		border: 1px solid #0000;
		border-radius: 0 0 8px;
	}
	#main_menu {
		left: -20px;
		margin: -8px 18px 0;
		width: 38px;
	}
	#sidebar {
		top: -39px;
		left: -5px;
		width: 46px;
		padding-left: 8px;
	}
	.togglebox {
		display: block;
		position: absolute;
		left: -20vw;
	}
	.hamburger {
		display: block;
		width: 36px;
		height: 6px;
		margin: 4px;
		padding: 4px 0;
		overflow: hidden;
		white-space: nowrap;
		border: solid #76889c;
		border-width: 6px 0;
		border-radius: 4px;
	}
	#sidebar .hamburger {
		width: 48px;
		margin: 4px 4px 4px 0;
	}
	.hamburger::before {
		display: block;
		content: "";
		border-top: 6px solid #76889c;
	}
	.togglebox:focus + div .hamburger,
	.togglebox:focus + div .hamburger::before,
	.hamburger:hover, .hamburger:hover::before {
		border-color: #f88c00;
	}
	.togglebox:checked + #main_menu,
	.togglebox:checked + #sidebar {
		width: 136px;
		height: auto;
		background-color: #fff;
		border-color: #999;
		transition: width .2s;
		box-shadow: 1px 2px 3px rgba(0,0,0,.4);
	}
	#menu_nav, .adm_section {
		visibility: hidden;
		width: 32px;
		padding-bottom: 9px;
	}
	.togglebox:checked + #sidebar,
	.togglebox:checked + #sidebar .adm_section {
		visibility: visible;
		width: 204px;
		transition: width .2s;
	}
	#menu_nav > li {
		display: block;
		margin: 4px 0 4px -2px;
	}
	#menu_nav .firstlevel {
		margin-bottom: 0;
		line-height: 2.8rem;
	}
	#menu_nav .firstlevel, #sidebar .firstlevel,
	#sidebar .cat_bar, #sidebar .title_bar {
		box-sizing: border-box;
		width: 0;
		overflow: hidden;
	}
	.togglebox:checked + #main_menu #menu_nav,
	.togglebox:checked + #main_menu .firstlevel {
		visibility: visible;
		width: 128px;
		transition: width .2s;
	}
	.togglebox:checked + #sidebar .cat_bar,
	.togglebox:checked + #sidebar .title_bar {
		width: 200px;
		transition: width .2s;
	}
	.togglebox:checked + #sidebar .firstlevel {
		width: 200px;
		transition: width .2s;
	}
	#menu_nav .submenu, .left_admmenu .submenu {
		top: 22px;
	}
	#menu_nav>li:hover>.submenu {
		left: 91px;
	}
	/* Keyboard repositioning of drops. */
	#menu_nav>li>.submenu a:focus {
		margin-left: 2591px;
	}
	#menu_nav .submenu li:hover a:focus {
		margin-left: 0;
	}
	.secondary_menu {
		margin: 0 4px 0 48px;
	}
	.table_list .info, .table_list .lastpost {
		margin: 0 6px 0 67px;
	}
	.topic_table .subject, .topic_table .lastpost {
		margin-right: 24px;
	}
	.poll_main span {
		display: block;
	}	
	.poster {
		width: 30%;
		padding-right: 0;
		text-align: start;
	}
	.poster_avatar {
		float: left;
		width: auto;
		margin: 4px .5em 4px 0;
		padding: 0;
	}
	.poster img.avatar {
		max-width: 4rem;
		max-height: 4rem;
	}
	.poster .no_avatar {
		margin: 0;
	}
	.poster_pm:link {
		width: auto;
		margin: 4px 0;
		display: inline-block;
		clear: both;
		white-space: nowrap;
	}
	.postarea {
		margin: 0;
	}
	.post {
		min-height: 0;
		clear: both;
	}
	.attachments {
		max-height: 2.4rem;
		transition: max-height .2s ease-in;
		border-top: 0;
	}
	.attachments + div {
		border-top: 0;
	}
	.attachments_bar {
		display: block;
		padding: 0 6px;
		background: #f5f5f0 url(../images/select.png) 100% 0 no-repeat;
		background-size: 2.4rem;
		border: 1px solid #bbb;
		border-radius: 2px;
		cursor: pointer;
	}
	.attachment_block {
		min-width: 23%;
	}
	.togglebox:focus + .attachments .attachments_bar {
		box-shadow: inset 0 3px 0 #75879B, inset 0 -3px 0 #A7B9CD;
	}
	.togglebox:checked + .attachments {
		max-height: 2000rem;
		transition: max-height 1s ease-in;
		border-bottom: 1px solid #ccc;
	}
	.recent_posts p {
		width: auto;
		margin: 0;
	}
	#calendar {
		flex-direction: column-reverse;
	}
	#month_grid {
		width: auto;
		padding: 0;
	}
}
/* 768px at standard browser settings. */
@media screen and (max-width: 48em) {}
/* 640px at standard browser settings. */
@media screen and (max-width: 40em) {
	/* Set Retina font-size to browser default. */
	/* This is mainly for testing on standard desktop. */
	/* Should not be needed for actual mobile or HD use. */
	html {
		font-size: 71.43%;
	}
	/* -------------------- */
	#smflogo, #siteslogan>span,
	.recent_posts span:last-child,
	#posting_icons, #advanced_search .smalltext,
	.table_list .info>p, .topic_table .icon2, a.button_strip_print,
	.pagelinks_inline + .buttonlist a.button_strip_send,
	#lastPost + .buttonlist a.button_strip_mark_unread,
	.nextlinks, .postarea .modified {
		display: none;
	}
	#upper_section {
		display: block;
	}
	.news {
		max-width: 100%;
		padding: 6px 0 0;
	}
	#search_form, #index_common_stats {
		text-align: start;
	}
	#index_common_stats p:last-child {
		padding-bottom: 6px;
	}
	#advanced_search #search_options {
		width: auto;
	}
	.enhanced select {
		margin: 8px auto;
	}
	.table_list .icon, .topic_table .icon1 {
		width: 45px;
	}
	.table_list .info, .table_list .lastpost {
		margin: 0 6px 0 45px;
	}
	.content .child_row {
		padding: 7px 0 2px 45px;
	}
	.topic_table .first_th {
		padding: 0 4px 0 0;
	}
	.topic_table .subject, .topic_table .lastpost {
		margin-left: 47px;
	}
	.subject em {
		float: none;
	}
	em.new_posts.unapproved {
		float: right;
	}
	.topslice {
		height: 8px;
	}
	#quickReplyOptions .roundframe,
	#postmodify .roundframe {
		padding: 4px 2%;
	}
	#statistics>div {
		display: block;
	}
	#statistics>div>div {
		width: auto;
	}
	#helpmain {
		padding: 0;
	}
	.settings dt, .settings dd {
		overflow: hidden;
		display: block;
		width: auto;
		margin: 0;
		padding: 2px;
	}
	.settings dd {
		text-align: end;
		border-bottom: 1px solid #d4d4d4;
	}
	.settings dd:first-child {
		text-align: start;
	}
	.settings dd:last-child {
		border: 0;
	}
	.poster {
		float: none;
		width: auto;
	}
	.keyinfo h5 {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.messageicon {
		float: right;
		padding: 4px 0 0 8px;
	}
	.attachment_block {
		min-width: 47%;
	}
	.pagelinks_inline, .buttonlist + .pagelinks_block, .lastpost h5 {
		display: block;
		clear: right;
	}
	.pagelinks_inline .pageindex_wrapper {
		margin: 6px 0;
	}
	#pollquestion {
		padding: 3px;
	}
	dl.options {
		padding: 8px 0;
	}
	.options dt, .options dd {
		display: block;
		width: auto;
		margin: 0;
	}
	.options dt {
		margin-top: 6px;
	}
	#display_jump_to_select {
		margin-bottom: 8px;
	}
	#advanced_search {
		text-align: start;
	}
	#helpmain ul {
		padding-left: 1em;
	}
	#main_grid select {
		margin-bottom: 8px;
	}
}
/* 512px at standard browser settings. */
@media screen and (max-width: 32em) {}
/* 384px at standard browser settings. */
@media screen and (max-width: 24em) {
	.topic_table th:nth-child(2) a:last-child,
	.topic_table .subject p,
	#display_jump_to label {
		display: none;
	}
	#wrapper::before {
		left: 5px;
		right: 5px;
	}
	.user .reset {
		padding: 9px 2px 0;
	}
	#main_menu {
		left: -23px;
	}
	#main_content_section {
		padding: 0 2px;
	}
	.left_admmenu .submenu {
		top: 28px;
	}
	.left_admmenu li:hover .submenu {
		left: 110px;
	}
	/* Keyboard accessibility: flyouts only. */
	.left_admmenu .submenu a:focus {
		margin-left: 2610px;
	}
	/* Override on hover+focus: flyouts only. */
	.left_admmenu .submenu li:hover a:focus {
		margin-left: 0;
	}
	#advanced_search dt, #advanced_search dd,
	.register_form dt, .register_form dd,
	.login dt, .login dd {
		width: auto;
		float: none;
		text-align: start;
	}
	em.new_posts.unapproved {
		display: inline-block;
		float: none;
		clear: both;
		margin: 3px 0 0;
	}
	#poll_main .input_text {
		margin: 0;
		max-width: 78vw;
	}
	.poll_main label {
		display: block;
		width: auto;
		margin: 0;
		padding: 2px;
	}
	div.windowbg, div.windowbg2,
	div.approvebg, div.approvebg2 {
		padding: 0 8px;
	}
	#go_bottom a {
		right: 58%;
	}
	#go_top a {
		left: 58%;
	}
}
/* End of file. */