/**
 * @package NightBreeze SMF Theme
 * @author SychO (M.S) https://sycho9.github.io
 * @version 2.0
 *
 * @license Copyright (C) 2020 SychO (M.S)
 * This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version.
 * This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
 * You should have received a copy of the GNU General Public License along with this program; if not, write to the Free Software Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
 * LICENSE.TXT
 *
 * version 2.0
*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400');
@import url('https://fonts.googleapis.com/css?family=Roboto');
/* Styles for the general looks.
------------------------------------------------------- */
/* Normal, standard links. */
a:link, a:visited {
    color: #c2c2c2;
    text-decoration: none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
    font-weight: 600;
}
footer a:link,footer a:visited,header a:link, header a:visited {
    color: #c9c9c9;
}
footer a {
    border-bottom: 1px dotted;
}
footer a:hover,header a:hover {
    color: #037afe;
}
a:hover {
    cursor: pointer;
    text-decoration: none;
    color: #1f66ff;
}
/* Links that open in a new window. */
a.new_win:link, a.new_win:visited {
}

a.new_win:hover {
}

/* Tables should show empty cells. */
table {
    empty-cells: show;
    border-spacing: 0 1px;
    border-collapse: unset !important;
}

/* Set a fontsize that will look the same in all browsers. */
body {
    background: #010714;
    font: 78%/130% Roboto,"Verdana", "Arial", "Helvetica", sans-serif;
    margin: 0 auto;
    padding: 0;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
	min-width: unset !important;
}

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

/* use dark grey for the text, leaving #000 for headers etc */
body, td, th, tr {
    color: #a4a2a2;
}
tr.windowbg, tr.windowbg2 {
}
tr.stickybg {
    background: #2e2222;
}
tr.lockedbg {
    background: #302c24;
}
tr:after {
    display: none !important;
}
.table_grid tr.windowbg td,.table_grid tr.windowbg2 td {
    background-color: transparent;
}
td.avatared {
    position: relative;
}
td.ellipsis {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
}
td>.avatar {
    width: 46px;
	height: 46px;
    margin: -7px -4px -11px -3px;
    border-radius: 2px;
}
td img.avatar_icon {
    position: absolute;
    right: 9px;
    bottom: 8px;
    padding: 3px;
    background: #cdcdcd;
    margin: 0px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    display: none;
}
.table_grid td.windowbg,.table_grid td.windowbg2 {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

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

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

/* We can style the different types of input buttons to be uniform throughout different browsers and their color themes.
	.button_submit - covers input[type=submit], input[type=button], button[type=submit] and button[type=button] in all browsers
	.button_reset  - covers input[type=reset] and button[type=reset] throughout all browsers
	.input_check   - covers input[type=checkbox] throughout all browsers
	.input_radio   - covers input[type=radio] throughout all browsers
	.input_text    - covers input[type=text] throughout all browsers
	.input_file    - covers input[type=file] throughout all browsers
*/
input, button, select, textarea, #moreNewsItems_link a, .buttonlist ul li a, .nextlinks a, .nextlinks_bottom a,ul.quickbuttons li a, .buttonLike, .parentButtonLike a {
    font: 95%/115% Roboto, verdana, Helvetica, sans-serif;
    color: #000;
    background: #fff;
    border: none;
    padding: 12px 12px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.nextlinks a, .nextlinks_bottom a, .buttonlist ul li a, #moreNewsItems_link a, .buttonLike, .parentButtonLike a {
    display: inline-block;
    margin: 2px 0;
	vertical-align: top;
}

/* Select elements look horrible with the extra padding, so leave them unpadded. */
select {
    padding: 10.5px 12px;
    vertical-align: bottom;
}

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

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

/* Buttons should be styled a bit differently, in order to make them look more button'ish. */
input[type="button"], .nextlinks a, .nextlinks_bottom a, .buttonlist ul li a, #moreNewsItems_link a, input[type="submit"], button, .button_submit, .button_reset,ul.quickbuttons li a, .buttonLike, a.buttonLike, .parentButtonLike a {
    background: #204a93;
    cursor: pointer;
    font-weight: normal;
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}
input:hover, textarea:hover, button:hover, select:hover {
}
.parentButtonLike.invert a, .buttonLike.invert, .buttonLike.invert.notButton:hover, .buttonLike:hover, .parentButtonLike a:hover, input[type="button"]:hover, .nextlinks a:hover, .nextlinks_bottom a:hover, .buttonlist ul li a:hover, #moreNewsItems_link a:hover, input[type="submit"]:hover, button:hover, .button_submit:hover, .button_reset:hover,ul.quickbuttons li a:hover {
    background: #0e121a;
    color: #838383;
}
.buttonLike.invert:hover, .parentButtonLike.invert a:hover {
    background: #204a93;
    color: #f4f4f4;
}
.buttonLike.icon_style {
    padding: 0;
    width: 28px;
    background: rgba(255, 255, 255, 0.04);
    text-align: center;
    color: #878787;
    margin: 2px 1px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
.buttonLike.facebook:hover {
    background-color: #3b5998 !important;
}
.buttonLike.youtube:hover {
    background-color: #ff0000 !important;
}
.buttonLike.twitter:hover {
    background-color: #1da1f2 !important;
}
.buttonLike.steam:hover {
    background-color: #000000 !important;
}
footer .buttonLike.icon_style {
    background: rgba(255, 255, 255, 0.02);
    font-weight: 100;
}
footer .buttonLike.icon_style:hover {
    background: rgba(255, 255, 255, 0.09);
    color: #ffffff;
}
.buttonLike.icon_style:hover {
    background: rgba(255, 255, 255, 0.13);
    color: white;
}
.buttonLike.icon_style i {
    font-size: 17px;
    line-height: 28px;
}
.buttonLike.notice {
    background: #ff680070;
}
.buttonLike.notice:hover {
    background: #ff68008a;
}
.buttonLike.tiny, .parentButtonLike.tiny.invert a {
    padding: 8px 8px 7px;
    font-size: 11px;
}
.buttonLike.realTiny, .parentButtonLike.realTiny.invert a {
    font-size: 11px;
    padding: 6px 8px 5px;
}
.buttonLike.notButton {
    cursor: auto;
}
.bRadius, .parentBradius a {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
.nextlinks a:first-child, .nextlinks_bottom a:first-child {
    display: block;
    float: left;
}

.nextlinks a:last-child, .nextlinks_bottom a:last-child {
    display: block;
    float: right;
}

.nextlinks {
    display: block;
}

input:focus, textarea:focus, button:focus, select:focus {
}

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

h3.catbg input.input_check {
    margin: 9px 7px 0 7px;
}

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

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

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

header h1, header h2, header h3, header h4, header h5, header h6 {
    color: white;
}

/* Fieldsets are used to group elements. */
fieldset {
    border: 2px solid #cdcdcd;
    padding: 1em;
    margin: 0 0 0.5em 0;
}

fieldset legend {
    font-weight: bold;
    color: #e3e3e3;
    text-transform: uppercase;
    padding: 0 7px;
}

/* No image should have a border when linked. */
a img {
    border: 0;
}

a.help img[alt="Help"] {
    vertical-align: middle;
}

img[alt="Online"], img[alt="Offline"] {
    vertical-align: top;
    margin-top: 1px;
    width: 13px;
}

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

em {
    font-style: italic;
}
.newNumber {
    display: inline-block;
    padding: 4px 6px 3px;
    background: rgba(255, 0, 0, 0.5);
    color: white;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    float: right;
    margin: -4px 0;
}

.newNumber.newNumberAbs {
    position: absolute;
    top: 6px;
    right: 2px;
    display: block;
}

/* Alternative for u tag */
.underline {
    text-decoration: underline;
}

/* Common classes to easy styling.
------------------------------------------------------- */
.floatright {
    float: right;
}

.floatleft {
    float: left;
}

.flow_auto {
    overflow: auto;
}

div#profileview #basicinfo>.windowbg, div#profileview #detailedinfo>.windowbg2 {
    background: transparent;
}

div#profileview {
    background: #1c2435;
}

.flow_hidden {
    overflow: hidden;
}

form#postmodify div[style="width: 98.8%;"] {
    width: 100% !important;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}

#postmodify .richedit_resize {
    display: none;
}

.flow_hidden .windowbg, .flow_hidden .windowbg2 {
    margin-top: 2px;
}

.clear {
    clear: both;
}

.clear_left {
    clear: left;
}

.clear_right {
    clear: right;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext, tr.smalltext th {
    font-size: 0.85em;
    font-family: Roboto,verdana, sans-serif;
}

.middletext {
    font-size: 0.9em;
    line-height: 1em;
}

.normaltext {
    font-size: 1em;
    line-height: 1.2em;
}

.largetext {
    font-size: 1.4em;
}

.centertext {
    margin: 0 auto;
    text-align: center;
}

.righttext {
    margin-left: auto;
    margin-right: 0;
    text-align: right;
}

.lefttext {
    margin-left: 0;
    margin-right: auto;
    text-align: left;
}

.double_height {
    line-height: 2em;
}

/* some common padding styles */
.padding {
    padding: 0.7em;
}
.main_section, .lower_padding {
    padding-bottom: 0.5em;
}
/* a quick reset list class. */
ul.reset, ul.reset li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.poster ul.greezeInsider {
    background: rgba(0, 0, 0, 0.2);
    padding: 4px 7px;
    margin: 0 -6px;
	max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.poster ul.greezeInsider>li>strong {float: left;}

.poster ul.greezeInsider>li:not(.karma_allow) {
    text-align: right;
    padding: 2px 0;
}

ul.reset li.profile ul {
    margin-right: 0;
}
li.profile a,li.email a,.pLik a {
    display: inline-block;
    padding: 0;
    width: 28px;
    text-align: center;
    background: rgba(0, 0, 0, 0.13);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
li.profile a img, li.email a img, .pLik a img {
    opacity: 0.6;
}
li.profile a:hover img, li.email a:hover img, .pLik a:hover img {
    opacity: 1;
}
li.profile a img, li.email a img, .pLik a img {
    height: 16px;
    padding: 6px 0px;
    vertical-align: bottom;
}
li.profile a:hover, li.email a:hover, .pLik a:hover {
    background: rgba(0, 0, 0, 0.35);
}
li.profile a img, .pLik a img {
    vertical-align: top;
}
ul.reset li.membergroup, ul.reset li.postgroup, .poster li.warning, #basicinfo h4 span.position {
    display: inline-block;
    padding: 7px 14px;
    margin: 3px 0 0;
    text-transform: uppercase;
    background: rgba(0,0,0,0.2);
    color: #c9c9c9;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    font-weight: 600;
}

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

/* Alterate blockquote stylings */
blockquote.bbc_standard_quote {
    background-color: #0b0e14;
}

blockquote.bbc_alternate_quote {
    background-color: #181f2b;
}

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

/* The "Quote:" and "Code:" header parts... */
.codeheader, .quoteheader {
    color: #cfcfcf;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 7px;
    background: rgb(11, 14, 20);
    border-bottom: 2px solid rgb(32, 74, 147);
}

.quoteheader {
    background: #0b0e14;
    border-bottom: 0;
    margin-bottom: 1px;
}

blockquote {
    border-left: 2px solid #204a93;
}

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

/* Styling for BBC tags */
.bbc_link:link, .bbc_link:visited {
    border-bottom: 1px solid #A8B6CF;
}

.bbc_link:hover {
    text-decoration: none;
    border-bottom: 1px solid #346;
}

.bbc_size {
    line-height: 1.4em;
}

.bbc_color a {
    color: inherit;
}

.bbc_img {
    border: 0;
    max-width: 100%;
}

.bbc_table {
    font: inherit;
    color: inherit;
}

.bbc_table td {
    font: inherit;
    color: inherit;
    vertical-align: top;
    padding: 6px 10px;
    background: #0b0e14;
}

.bbc_u {
    text-decoration: underline;
}

.bbc_list {
    text-align: left;
}

.bbc_tt {
    font-family: Roboto,"dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
}

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

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

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

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

/* Generic, mostly color-related, classes.
------------------------------------------------------- */
.titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td {
    color: #e9e9e9;
    font-family: Roboto,arial, helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    background: #204a93;
    padding: 0 10px;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
}

.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th {
    color: #fff;
    font-family: Roboto,arial, helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    background: #204a93;
    padding: 0px 8px;
}

.catbg, .catbg2 {
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
}

.cat_bar h3.catbg, .cat_bar h4.catbg {
    font-family: Montserrat;
    font-weight: 300;
}

.cat_bar h3.catbg a, .cat_bar h4.catbg a {
    font-weight: 400;
}

/* adjust the table versions of headers */
tr.titlebg th, tr.titlebg2 th, td.titlebg, td.titlebg2, tr.catbg th, tr.catbg2 th, td.catbg, td.catbg2 {
    padding: 0 6px;
}

tr.titlebg th a:link, tr.titlebg th a:visited, tr.titlebg2 td a:link, tr.titlebg2 td a:visited {
    color: #222;
}

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

.catbg select {
    height: 40px;
    /* font-size: 0.85em; */
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body {
    color: #a4a4a4;
    background-color: #1c2432;
}
.windowbg2 {
    color: #a4a4a4;
    background-color: #151b26;
}
.windowbg3 {
    color: #000;
    background-color: #070b14;
}
.windowbg:not(td), .windowbg2:not(td) {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
/* the page navigation area */
.pagesection {
    font-size: 0.9em;
    overflow: hidden;
    margin-bottom: 1px;
}
div.pagesection div.floatright input {
    margin-top: 3px;
}
.pagelinks {
    padding: 7px 10px;
    background: #0f131c;
    text-transform: uppercase;
    float: left;
    margin: 7px 0;
}
.pagelinks>a, strong.navPages, a.navPages {
    line-height: 28px;
    padding: 0 11px;
    display: inline-block;
    background: #4683c7;
    color: white;
    margin: 0px -1px;
}

.subject a.navPages {
    /* float: left; */
    margin: 0 0px 0 -1px;
    line-height: 20px;
    padding: 0 8px;
}
.subject small {
}
.pagelinks a:hover, a.navPages:hover {
    background: #579be7;
}
.pagelinks>strong, strong.navPages {
    background: #2b3851;
}
/* Colors for background of posts requiring approval */
.approvebg,.approvebg2 {
    color: #5facfa;
    background-color: #192f57;
}

.approve_post {
    font-weight: 600 !important;
    text-decoration: underline;
}

/* Color for background of *topics* requiring approval */
.approvetbg,.approvetbg2 {
    background-color: #2e2a18;
}
/* Sticky topics get a different colors */
.topic_table:not(#mlist):not(.borderLess) tr:not(.titlebg) td:first-child {
    border-left: 4px solid #253045;
}
.topic_table:not(#mlist):not(.borderLess) tr.stickybg td:first-child {
    border-left: 4px solid #81080b;
}
.topic_table:not(#mlist):not(.borderLess) tr.locked_sticky td:first-child {
    border-left: 4px solid #204a93;
}
.stickybg2 {
    background: #f2e3d9;
}

/* Locked posts get a different shade, too! */
.topic_table:not(#mlist):not(.borderLess) tr.lockedbg td:first-child {
    border-left: 4px solid #d0ae6a;
    font-style: italic;
}
.lockedbg2 {
    background: #d8e1e7;
    font-style: italic;
}
/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage {
    overflow: auto;
    line-height: 1.4em;
    padding: 0.1em 0;
}
/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature, .attachments {
    overflow: auto;
    clear: right;
    padding: 1em 10px;
    line-height: 1.4em;
    font-size: 0.85em;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.custom_fields_above_signature {
    width: 98%;
    clear: right;
    padding: 1em 0 3px 0;
    border-top: 1px solid #aaa;
    line-height: 1.4em;
    font-size: 0.85em;
}

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

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

/* Calendar colors for birthdays, events and holidays */
.birthday {
    color: #920ac4;
}
.event {
    color: #078907;
}
.holiday {
    color: #01fffd;
}
/* Colors for warnings */
.warn_mute {
    color: red;
}
.warn_moderate {
    color: #ffa500;
}
.warn_watch, .success {
    color: green;
}
a.moderation_link, a.moderation_link:visited {
    color: white;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}
.openid_login {
    background: white url(../images/openid.gif) no-repeat;
    padding-left: 18px;
}
/* a descriptive style */
.description, .description_board, .plainbox {
    padding: 1em 1em;
    font-size: 0.9em;
    line-height: 1.4em;
    background: #222b3f;
    margin: 0.2em 1px 1em 1px;
}
.description.tsized {font-size: 12px;}
.description_board {
    margin: 1em 1px 0 1px;
}
/* an informative style */
.information {
    padding: 0.5em 1em;
    font-size: 0.9em;
    line-height: 1.3em;
    background: #18202e;
    margin: 0.2em 1px 1em 1px;
}

.information p {
    padding: 1em;
    margin: 0;
}

p.para2 {
    padding: 1em 0 3.5em 0;
    margin: 0;
}

/* AJAX notification bar
------------------------------------------------------- */
#ajax_in_progress {
    background: url(../images/theme/loadingbar.png) repeat-x;
    color: #f96f00;
    text-align: center;
    font-size: 16pt;
    padding: 8px;
    width: 100%;
    height: 66px;
    line-height: 25px;
    position: fixed;
    top: 0;
    left: 0;
}

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

/* Lists with settings use these a lot.
------------------------------------------------------- */
dl.settings {
    clear: right;
    overflow: auto;
    margin: 0 0 10px 0;
    padding: 0;
}

dl.settings dt {
    width: 40%;
    float: left;
    margin: 0 0 10px 0;
    padding: 0;
    clear: both;
}

dl.settings dt.settings_title {
    width: 100%;
    float: none;
    margin: 0 0 10px 0;
    padding: 5px 0 0 0;
    font-weight: bold;
    clear: both;
}

dl.settings dt.windowbg {
    width: 98%;
    float: left;
    margin: 0 0 3px 0;
    padding: 0 0 5px 0;
    clear: both;
}

dl.settings dd {
    width: 56%;
    float: right;
    overflow: auto;
    margin: 0 0 3px 0;
    padding: 0;
}

dl.settings img {
    margin: 0 10px 0 0;
}

/* help icons */
dl.settings dt a img {
    position: relative;
    top: 2px;
}

/* Styles for rounded headers.
------------------------------------------------------- */
h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg {
    overflow: hidden;
    height: 42px;
    line-height: 42px;
    font-size: 1.2em;
    font-weight: bold;
}

h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a {
    color: #ffffff;
}

h3.catbg2 a, h3.catbg2 {
    color: #feb;
}

h3.catbg a:hover, h4.catbg a:hover, .table_list tbody.header td a:hover {
    color: #fff;
    text-decoration: none;
}

h3.catbg2 a:hover {
    color: #fff;
    text-decoration: none;
}

h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a {
    color: #dfdfdf;
}

h3.titlebg a:hover, h4.titlebg a:hover {
    color: #53616f;
    text-decoration: none;
}

h3.catbg img.icon, h4.titlebg img.icon {
    vertical-align: middle;
    margin: -2px 5px 0 0;
}
h4.catbg a.toggle img {
    vertical-align: middle;
    margin: -2px 5px 0 5px;
}
h4.titlebg img.icon {
    float: left;
    margin: 10px 8px 0 0;
}

#upshrinkHeaderIC h4.titlebg img.icon {
    margin: 0 3px 0 0;
}
div.cat_bar {
    height: 42px;
    overflow: hidden;
    margin-bottom: 1px;
    padding: 0;
}
div.title_bar {
    height: 40px;
    overflow: hidden;
    margin-bottom: 1px;
}
#upshrinkHeaderIC p.pminfo {
    margin: 0;
    padding: 0.5em;
}
img#upshrink_ic, img#newsupshrink {
    float: right;
    margin: 10px 5px 0 0;
}
table.table_list a.unreadlink, table.table_list a.collapse {
    float: right;
}
table.table_list a.collapse {
    margin: 0px 5px 0 1em;
    height: 40px;
}
table.table_list a.collapse img {
    vertical-align: middle;
}

/* The half-round header bars for some tables. */
.table_grid tr.catbg, .table_grid tr.titlebg {
    font-size: 0.95em;
    border-bottom: 1px solid #fff;
}

.table_grid tr.catbg th, .table_grid tr.titlebg th {
    height: 40px;
    line-height: 40px;
    text-align: left;
}

tr.catbg th.first_th {
}

tr.catbg th.last_th {
}

tr.titlebg th.first_th {
}

tr.titlebg th.last_th {
}

.table_grid th.last_th input {
    margin: 0 2px;
}
.table_grid th.lefttext {
    padding: 0 0.7em;
}
/* a general table class */
table.table_grid {
    border-collapse: collapse;
    margin-top: 0.1em;
}
table.table_grid td {
    padding: 7px 10px;
}
/* GenericList */
.additional_row {
    padding: 0.5em 0 0.5em 0;
}
table.table_grid thead tr.catbg th {
    white-space: nowrap;
}

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

/* Common styles used to add corners to divisions.
------------------------------------------------------- */
.windowbg span.topslice {
    display: none;
    padding-left: 20px;
}

.windowbg span.topslice span {
    display: block;
    height: 11px;
}

.windowbg span.botslice {
    display: none;
    padding-left: 20px;
    font-size: 5px;
    line-height: 5px;
    margin-bottom: 0.2em;
}

.windowbg span.botslice span {
    display: block;
    height: 11px;
}

.windowbg2 span.topslice {
    display: none;
    padding-left: 20px;
}

.windowbg2 span.topslice span {
    display: block;
    height: 11px;
}

.windowbg2 span.botslice {
    display: none;
    padding-left: 20px;
    font-size: 5px;
    line-height: 5px;
    margin-bottom: 0.2em;
}

.windowbg2 span.botslice span {
    display: block;
    height: 11px;
}

.approvebg span.topslice {
    display: block;
}

.approvebg span.topslice span {
    display: block;
}

.approvebg span.botslice {
    display: block;
}

.approvebg span.botslice span {
    display: block;
}

.postbg {
    border-left: 1px solid #7f7f7f;
    border-right: 1px solid #7f7f7f;
}

/* Used for sections that need somewhat larger corners.
----------------------------------------------------------- */
.roundframe {
    padding: 8px 10px;
    background: #1c2537;
}
.roundframe.bi {
    padding: 0;
}
#admin_content .roundframe {
	padding: 10px;
}
#admin_content span.upperframe, #admin_content span.lowerframe {
    display: none;
}
.roundframe dl, .roundframe dt, .roundframe p {
    margin: 0;
}
.roundframe p {
    padding: 0.5em;
}
span.upperframe {
    padding: 0;
    display: block;
    padding-left: 20px;
}

span.upperframe:not(.clear), span.lowerframe:not(.clear) {
    display: none;
}
span.upperframe span {
    padding: 0;
    height: 12px;
    display: block;
}
span.lowerframe {
    padding: 0;
    display: block;
    padding-left: 20px;
}
span.lowerframe span {
    padding: 0;
    height: 12px;
    display: block;
}
/* The main content area.
------------------------------------------------------- */
.content {
    padding: 0.5em 1.2em;
    margin: 1px 0;
    border: none;
}

.content p {
    margin: 0 0 0.5em 0;
}

/* Styles used by the auto suggest control.
------------------------------------------------------- */
.auto_suggest_div {
    position: absolute;
    visibility: hidden;
    padding: 4px 5px;
    background: black;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    max-width: 100%;
    min-width: 120px;
    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.8);
}

.auto_suggest_item,.auto_suggest_item_hover {
    background-color: #121212;
    color: #acacac;
    padding: 6px 6px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    margin: 2px 0;
}

.auto_suggest_item_hover {
    background-color: #202020;
    cursor: pointer;
    color: #f2f0f0;
}

/* NAVIGATION MENU.
------------------------------------------------------- */
nav {
	top: 0;
    float: right;
	transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
nav ul.dropmenu, .user ul.dropmenu {
    padding: 0;
}
nav li a.firstlevel {
    margin: 0px 0;
}
nav li a.firstlevel span, .user .dropmenu li a.firstlevel span {
    line-height: 29px;
}
nav .dropmenu li a, .user .dropmenu li a {
    display: block;
    color: #acacac;
    /* background: rgba(1, 16, 44, 0.95); */
    padding: 3px 8px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
}
nav .dropmenu>li a .icon_style {
    float: right;
    margin-right: 8px;
    line-height: 0;
    color: #7f7f7f;
}
nav .dropmenu>li a.firstlevel .icon_style i {
    padding: 0;
    font-size: 17px;
}
nav .dropmenu li a.firstlevel, .user .dropmenu li a.firstlevel {
    background: rgba(255, 255, 255, 0.06);
    padding: 2.5px 10px;
}
nav .dropmenu li:first-child a.firstlevel, .user .dropmenu li:first-child a.firstlevel {
}

nav .dropmenu li a.active {
    background: rgba(0, 81, 255, 0.2);
}

nav .dropmenu li:last-child ul, nav .dropmenu li:nth-last-child(2) ul {
    right: 0;
}
nav .dropmenu li a.firstlevel i, .user .dropmenu li a.firstlevel>i {
    display: block;
    text-align: center;
    font-size: 15px;
    padding: 6px 0 2px;
}
/*nav > ul.dropmenu > li > a:link,nav > ul.dropmenu > li > a:visited {
    padding: 10px 10px;
    background: black;
    color: white;
    margin-right: 1px;
}
nav > ul.dropmenu > li > a > span {
    padding-left: 0 ;
    left: 0 ;
    height: auto ;
    line-height: inherit ;
}*/
.dropmenu li ul[style="height: 0px;"] {
	overflow: hidden;
}
/* Styles for the standard dropdown menus.
------------------------------------------------------- */
#main_menu {
    padding: 0 0.5em;
    float: left;
    margin: 0;
    width: 98%;
}

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

.dropmenu {
    padding: 0 0.5em;
}

.dropmenu a {
    display: block;
    color: #a6a6a6;
    padding: 13px 17px;
    text-decoration: none;
    position: relative;
}
.dropmenu li a.firstlevel:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.5);
    height: 2px;
    width: 0;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
    display: none;
}
.dropmenu li:hover a.firstlevel:after, nav .dropmenu li a.firstlevel.active:after {
    width: 100%;
}
nav .dropmenu li a.firstlevel.active:after {
    background: rgba(255, 255, 255, 0.7);
}
.dropmenu li li a, .user .dropmenu li li a {
    padding: 15px 12px;
    overflow: hidden;
    z-index: 0;
}
.dropmenu a span:not(.newNumber) {
    display: block;
    padding: 0;
}
/* the background's first level only */
.dropmenu li a, .dropmenu li ul {border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;}

.dropmenu li a.firstlevel {
    background: #1c2435;
}

.dropmenu li:hover a.firstlevel {
    background: #294a89;
    color: white;
}

.dropmenu li a.firstlevel span.firstlevel {
    display: block;
    position: relative;
}

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

.dropmenu li ul {
    z-index: 90;
    display: none;
    position: absolute;
    width: 19.2em;
    font-weight: normal;
    padding: 3px;
    background: #0f102ef0;
}

.dropmenu li li {
    width: 100%;
    margin: 0;
    margin: 0px 0 0;
}

.dropmenu li ul li {
    float: none;
    display: block;
}

.dropmenu li li a span:not(.newNumber) {
    display: block;
    padding: 0;
}

.dropmenu li ul ul {
    margin: -1.8em 0 0 13em;
}

/* the active button */
.dropmenu li a.active {
    color: #fff;
    font-weight: bold;
    background: #294a89;
}

.dropmenu li a.active span.firstlevel {
}

/* the hover effects */
header .dropmenu li a.firstlevel:hover, header .dropmenu li:hover a.firstlevel {
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.15);
}

.dropmenu li a.firstlevel:hover span.firstlevel, .dropmenu li:hover a.firstlevel span.firstlevel {
}

/* the hover effects on level2 and 3 */
.dropmenu li li a:hover, .dropmenu li li:hover>a {
    background: rgba(4, 39, 104, 0.95);
    color: #fff;
    text-decoration: none;
}

.dropmenu li:hover ul ul, .dropmenu li:hover ul ul ul {
    top: -999em;
}

.dropmenu li li:hover ul {
    top: auto;
}

.dropmenu li:hover ul {
    display: block;
    animation: swip 0.3s;
}

.dropmenu li li.additional_items {
}

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

#menu_toggle span {
    position: relative;
    right: 5000px;
}

@keyframes swip {
    from {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes swip {
    from {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-moz-keyframes swip {
    from {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-ms-keyframes swip {
    from {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-o-keyframes swip {
    from {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

/* Styles for the standard button lists.
------------------------------------------------------- */
.buttonlist ul {
    z-index: 100;
    padding: 5px 0;
    margin: 0 0 0px 0;
}

.buttonlist ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
	vertical-align: top;
}

.buttonlist ul li a {
    display: block;
    text-transform: uppercase;
    cursor: pointer;
    margin: 2px 0.5px;
}

.buttonlist ul li a:hover {
}

.buttonlist ul li a span {
}

.buttonlist ul li a:hover span {
}

/* the active one */
.buttonlist ul li a.active {
    /* color: #fff; */
    font-weight: bold;
}

.buttonlist ul li a.active span {
}

.buttonlist ul li a.active {
    font-weight: bold;
}

.buttonlist ul li a:before,ul.quickbuttons li a:before {
    font-family: 'Font Awesome 5 Free';
    margin: -1px 5px 0px -4px;
    display: inline-block;
}

.button_strip_reply:before, ul.quickbuttons li.reply_button a:before {
    content: "\f3e5";
}
.button_strip_add_poll:before {
    content: "\f080";
}
.button_strip_notify:before, ul.quickbuttons li.notify_button a:before {
    content: "\f0f3";
}
.button_strip_mark_unread:before {
    content: "\f00d";
}
.button_strip_mark_read:before {
    content: "\f00c";
}
.button_strip_send:before {
    content: "\f14d";
}
.button_strip_move:before {
    content: "\f0b2";
}
.button_strip_lock:before {
    content: "\f023";
}
.button_strip_sticky:before {
    content: "\f08d";
}
.button_strip_merge:before {
    content: "\f066";
}
.button_strip_calendar:before {
    content: "\f133";
}
.button_strip_print:before {
    content: "\f02f";
}
.button_strip_change_vote:before {
    content: "\f249";
}
.button_strip_new_topic:before {
    content: "\f15c";
}
.button_strip_post_poll:before {
    content: "\f080";
}
.button_strip_markread:before {
    content: "\f00c";
}
.button_strip_markselectread:before {
    content: "\f14a";
}
.button_strip_readall:before {
    content: "\f070";
}

.buttonlist ul li a.active:hover {
}
.align_top ul li a, .align_bottom ul li a {
    margin: 0 12px 0 0;
}
ul.quickbuttons li.approve_button a:before {
    content: "\f4fc";
}
ul.quickbuttons li.split_button a:before {
    content: "\f127";
}
ul.quickbuttons li.quote_button a:before {
    content: "\f10e";
}
ul.quickbuttons li.modify_button a:before, .button_strip_edit:before {
    content: "\f044";
}
ul.quickbuttons li.remove_button a:before, .button_strip_delete:before, .button_strip_remove_poll:before {
    content: "\f1f8";
}
ul.quickbuttons li.reply_all_button a:before {
    content: "\f122";
}

/* the navigation list */
ul#navigation {
    margin: 0;
    font-size: 0.9em;
    padding: 1em 0.4em;
}

ul#navigation li {
    float: none;
    font-size: 0.95em;
    display: inline;
}

#adm_submenus {
    padding-left: 0;
    overflow: hidden;
}

div#adm_submenus>ul.dropmenu, div#admin_menu>ul.dropmenu {
    padding: 0;
}

/* Styles for the general looks for the Curve theme.
------------------------------------------------------- */
/* the framing graphics */
header {
    color: #c0c0c0;
    border-bottom-width: 1px !important;
    text-shadow: 0 0 2px black;
}

header, footer {
}

header div.frame {
    display: block;
    padding: 0px 0 0em 0;
    /*overflow: hidden;*/
    position: relative;
    z-index: 1;
}
div.header_back {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 380px;
    background: url(../images/custom/header.jpg) no-repeat center;
    z-index: -1;
}

div.header_back:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../images/custom/02.png") repeat;
    z-index: 1;
}
/* the content section */
main {
    display: block;
    flex: 1 0 auto;
    background: #0a101c;
}
main,.wrapper {width: 96%;margin: 0 auto;}
main>div.frame {
    padding: 8px 10px;
}
main div.frame {
    display: block;
}
#main_content_section {
    width: 100%;
    min-height: 200px;
    margin-top: 0;
}
/* the main title, always stay at 45 pixels in height! */
h1.forumtitle {
    line-height: 57px;
    font-size: 3.4em;
    font-family: Roboto,Geneva, verdana, sans-serif;
    margin: 0;
    padding: 0;
    float: left;
	text-shadow: 0 0 4px black, 0 0 4px rgba(0, 0, 0, 0.64);
}
h1.forumtitle a {
    color: #ffffff;
    position: relative;
    padding: 0px 4px;
    font-family: Montserrat;
    font-weight: 300;
    display: block;
}
h1.forumtitle a.imgHeader {
    display: block;
}
h1.forumtitle a.imgHeader img {
    max-height: 150px;
    max-width: 480px;
    vertical-align: bottom;
    opacity: 0.8;
}

h1.forumtitle a.imgHeader:hover img {
    opacity: 1;
}
h1.forumtitle a:hover {
    color: white;
}
h1.forumtitle a:hover .side_icon {
    background: rgba(255, 255, 255, 0.2);
    color: white;
}

/* float these items to the right */
#siteslogan, img#smflogo {
    margin: 0;
    padding: 0;
    float: right;
    line-height: 3em;
}

h3, h4 {
    padding-bottom: 3px;
}

/* the upshrink image needs some tweaking */
img#upshrink {
    float: right;
    padding: 1em;
    width: 19px;
    margin: 8px 0 0;
    display: none;
}
/* ..so does the SMF logo */
img#smflogo {
    margin-left: 1em;
}
/* the upper_section, float the two each way */
#upper_section {
    position: relative;
    padding: 3.8em 0;
}
#upper_section .news {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
#upper_section .news {
    right: 0;
}

#upper_section h1.forumtitle {
    left: 0;
    /* width: 40%; */
    display: block;
}

h1.forumtitle div {
    display: inline-block;
    vertical-align: middle;
}

h1.forumtitle div:nth-child(2) {
    padding-bottom: 5px;
}

h1.forumtitle .side_icon {
    width: 100px;
    line-height: 100px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    background: rgba(255, 255, 255, 0.16);
    color: rgba(255, 255, 255, 0.5);
    font-size: 58px;
    float: none;
}
h1.forumtitle .side_icon i {
    line-height: 100px;
} h1.forumtitle .side_icon i:before{text-shadow:none;}
#upper_section h1.forumtitle span {
    font-size: 14px;
    display: block;
    line-height: 14px;
    padding: 0 0 0 4px;
}
#upper_section div.news {
    width: 40%;
    float: right;
    font-size: 14px;
    text-align: left;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.38);
    padding: 12px;
    max-height: 160px;
}
#guest_form {
    overflow: hidden;
}
#guest_form .info {
    padding: 4px 0 ;
    line-height: 1.3em;
}
span.change_pfp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    opacity: 0;
    color: white;
    display: block;
    width: 100%;
    text-align: center;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}
span.change_pfp i {
    display: block;
    font-size: 18px;
    margin-bottom: 7px;
}
a.change_pfp:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: block;
    left: 0;
    background: rgba(0, 0, 0, 0.51);
    opacity: 0;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}
a.change_pfp:hover:before, a.change_pfp:hover span.change_pfp {
    opacity: 1;
}
a.change_pfp {
    position: relative;
    overflow: hidden;
    z-index: 0;
    display: block;
    margin: 10px 0 12px 0;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -ms-fit-content;
    width: -o-fit-content;
}
.change_pfp img.avatar {
    vertical-align: bottom;
}
div#upper_section div.user ul {
    margin: 0 0 0;
    padding-left: 126px;
    left: 113px;
    vertical-align: top;
}
#upper_section .guest ul li.greeting {
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    margin-bottom: 9px;
}
div#upper_section div.news p {
    display: inline;
}
div#upper_section div.news form {
    padding-bottom: 10px;
}
/* clearing the floats */
#top_section {
    min-height: 57px;
    margin-bottom: 3px;
    padding: 8px 0;
    position: relative;
    z-index: 1;
    background: rgba(0, 0, 0, 0.1);
    border-bottom: 2px solid rgba(255, 255, 255, 0.09);
}
#upper_section {
    overflow: hidden;
    font-size: 12px;
}
div#top_section div.user {
    float: left;
} div#top_section div.user p.avatar {

} div#top_section div.user li a img.avatar {
    width: 28px;
    height: 28px;
    margin: 0 auto;
    display: block;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.user .dropmenu li a.firstlevel span.spshl {
    line-height: 24px;
} div#top_section div.user .dropmenu>li {

} div#top_section div.user .dropmenu li a.firstlevel {

} div#top_section div.user .dropmenu li a.firstlevel:hover {

} div#top_section div.user .dropmenu li ul {
} div#top_section div.user .dropmenu li ul a i {

width: 23px;

text-align: center;

font-size: 14px;

line-height: 0;
} div#top_section div.user .dropmenu li ul a:hover {

} div#top_section div.user .buttonLike {

} div#top_section div.user .buttonLike i {

} div#top_section div.user .buttonLike:hover {

}
/* Link Tree
---------------- */
.navigate_section {
    border-radius: 2px;
}

.navigate_section div.home-tree a {
    padding: 10.5px;
    border: none;
}
.navigate_section .current_time {
    display: none;
}
.navigate_section ul li div {
}
.navigate_section {
    padding: 0;
    margin: 0;
    clear: left;
    background: #1c2435;
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.navigate_section .buttonLike {
    width: 41px;
}
.navigate_section .buttonLike i {
    line-height: 37px;
}
.navigate_section ul {
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
    width: auto;
    z-index: 0;
}
.navigate_section ul li {
    float: left;
    cursor: pointer;
    position: relative;
}
.navigate_section div.home-tree {
    float: left;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
    border-radius: 0;
    position: relative;
	max-height: 41px;
}
.navigate_section div.home-tree:hover:after {
    border-left-color: #21293d;
}
.navigate_section div.home-tree a {
}
.navigate_section div.home-tree:hover a {
    background: #21293d;
    color: #E0E0E0;
}
.navigate_section div.home-tree a {
    color: #ffffff;
    padding: 13px 8px 12px 12.5px;
    background: #204a93;
    display: block;
    font-size: 15px;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.33);
    position: relative;
    line-height: 15px;
}
.navigate_section div.home-tree a i {
    line-height: 16px;
}
.navigate_section ul li div {
    text-decoration: none;
    padding: 14px 10px 11px 21px;
    position: relative;
    display: block;
    background: #0f131c;
    font-size: 11px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
    position: relative;
}
.navigate_section ul li div:after {
    content: " ";
    border-top: 21px solid transparent;
    border-bottom: 19px solid transparent;
    border-left: 9px solid #0f131c;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 2;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}
.navigate_section ul li div:before {
    content: " ";
    border-top: 21px solid transparent;
    border-bottom: 19px solid transparent;
    border-left: 12px solid #2b3851;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}
.navigate_section div.home-tree:after {
    content: " ";
    border-top: 21px solid transparent;
    border-bottom: 19px solid transparent;
    border-left: 9px solid #204a93;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 2;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}
.navigate_section div.home-tree:before {
    content: " ";
    border-top: 21px solid transparent;
    border-bottom: 19px solid transparent;
    border-left: 12px solid #2b3851;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}
.navigate_section ul li:first-child div {
    /* padding-left: 15px; */
}
.navigate_section ul li:last-child div {
    /* background: #21293d; */
    /* color: #000000; */
    pointer-events: none;
    cursor: default;
}
.navigate_section ul li:last-child div:after {
    /* border-left: 9px solid #0f131c; */
}
.navigate_section ul li:hover div {
    background: #1f2739;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}
.navigate_section ul li:hover a, .navigate_section ul li:hover div {
    color: #e0e0e0;
}
.navigate_section ul li a {
    color: #b4b4b4;
}
.navigate_section ul li:hover a {
    color: #ffffff;
}
.navigate_section ul li span.postprefix-all {
    font-size: 8px;
    padding: 2px 3px !important;
}
.navigate_section ul li:hover div:before {
    border-left-color: #2b3851;
}
.navigate_section ul li:hover div:after {
    border-left-color: #1f2739;
}
.navigate_section ul li strong.nav:before, .navigate_section ul li strong.nav:after {
    content: "";
    clear: none;
    display: none;
}
/* Footer :)
-------------------- */
footer {
    text-align: center;
    padding-left: 0;
    background: #11172a;
    margin-top: 4em;
    font-size: 14px;
    color: #a4a4a4;
    position: relative;
    z-index: 0;
    border-top-width: 1px !important;
    flex: none;
}
footer:before {
    opacity: 1;
    background-position: 0% 58%;
}
footer span.smalltext {
    font-size: 100%;
}
footer div.frame {
    display: block;
    margin: 0;
    padding: 1em 0;
    position: relative;
    background: #0a0d16;
    border-top: 2px solid #121828;
}
footer .frame.for_abt {
    font-size: 12px;
    background: rgba(0, 0, 0, 0.23);
    font-family: Montserrat;
    border-color: #0f1424;
    text-align: left;
}
footer .frame.for_abt.single .ryo {width: 100%;text-align: center;}
footer .frame.for_abt.single .ryo h3:after {
    transform: translateX(-50%);
    left: 50%;
}
footer .frame.for_abt.single .ryo .for_desc {
    text-align: center;
}
footer .frame.for_abt h3, h3.for_title, div.title_barIC h4.titlebg {
    color: white;
    font-size: 18px;
    font-weight: 300;
    position: relative;
    padding: 6px 0 10px;
    margin-bottom: 6px;
    border-bottom: 2px solid #1e2949;
    font-family: Montserrat;
    background: transparent;
    line-height: 16px;
    height: auto;
    z-index: 0;
    overflow: unset;
}

div.title_barIC h4.titlebg span.floatleft {
    float: none;
}
footer .ryo {
    text-align: left;
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
    padding: 5px;
}
footer .ryo.ryone {width: 60%;}
footer .ryo.ryowt {width: 38%;float: right;}
footer .frame.for_abt .for_desc {
    padding: 0px 0 0;
    text-align: justify;
}

footer .for_desc li {
    display: list-item;
    font-size: 11px;
}

footer .single .for_desc li {
    display: inline;
    font-size: 11px;
    border-right: 1px solid #555555;
    padding: 0 8px;
}
footer .for_desc li a {
    border-bottom: 0;
    font-weight: 400;
}
footer .for_desc li a:hover {
    padding-left: 5px;
}
footer .for_desc ul {
    margin: 0 0;
    padding-left: 2px;
    list-style: none;
    text-transform: uppercase;
}
footer .frame.for_abt h3:after, #smfAnnouncements dt:after, h3.for_title:after, div.title_barIC h4.titlebg:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 2px;
    width: 17%;
    content: "";
    background: rgb(32, 74, 147);
    z-index: 1;
}
footer ul li, footer p {
    font-size: 0.8em;
    margin: 0 0;
}
footer ul li {
    display: inline;
    padding-right: 5px;
}
footer ul li.copyright {
    display: block;
}
.righter {
    float: right;
    text-align: right;
}
.middler {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.righter, .lefter {
    line-height: 21px;
}
.lefter {
    text-align: left;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
li.copyright span[style="display: inline; visibility: visible; font-family: Verdana, Arial, sans-serif;"] {
    font-family: Roboto !important;
}
select.qaction, input.qaction {
    font-size: 0.85em;
    padding: 0;
}
/* Go Up (goop) */
.goup {width:40px;height:40px;opacity:0.5;position:fixed;bottom: 80px;right: 6px;display:none;outline:none !important;background-repeat: no-repeat;z-index: 10;text-align: center;font-size: 25px;background: #376fd1;color: white;cursor: pointer;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;}
.goup:hover {opacity: 1;}
.goup i {line-height: 40px;}
div#mlist {
    overflow-x: auto;
}
#mlist table tbody td.windowbg2 {
    text-align: center;
}

/* Styles for a typical table.
------------------------------------------------------- */
table.table_list {
    width: 100%;
    border-spacing: 0 1px;
}

table.table_list p {
    padding: 0;
    margin: 0;
    margin-top: 6px;
}

table.table_list td.info p {
    /* font-size: 11px; */
}

table.table_list td, table.table_list th {
    padding: 5px;
}

table.table_list tr.windowbg2 td {
    padding: 9px 0.7em;
}
table.table_list tbody.header td {
    padding: 0;
}
table.table_list tbody.content td.stats {
    font-size: 90%;
    width: 15%;
    text-align: center;
}
td.stats .buttonLike {
    width: 50%;
	white-space: nowrap;
}
td.stats .buttonLike:nth-child(2) {
    border-left: 2px solid #1a212e;
}
.redirect td.stats .buttonLike {
    width: 100%;
}
td.stats .buttonLike {
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
    padding: 12px 2px;
}
td.stats .buttonLike>i {
    margin: 0;
    font-size: 13px;
}
td.stats .buttonLike>span {
    display: block;
    font-size: 12px;
    margin: 0 0 7px;
}
table.table_list tbody.content td.lastpost {
    line-height: 1.3em;
    font-size: 85%;
    width: 24%;
}
table.table_list tbody.content td.lastpost .buttonLike {
    line-height: 15px;
    padding: 7px 12px;
}
table.table_list tbody.content td.lastpost .buttonLike i {
    display: block;
    float: left;
    padding: 12px 10px 9px 4px;
    font-size: 22px;
}
table.table_list tbody.content td.icon {
    text-align: center;
    width: 6%;
}
td.icon img {
    opacity: 0.5;
    max-width: 55px;
}

td.icon.new_posts img {
    opacity: 1;
}
tr.new_posts td.icon img {
    opacity: 1;
}

/* Styles for the board index.
------------------------------------------------- */
/* the board title! */
.table_list tbody.content td.info a.subject {
    font-weight: bold;
    font-size: 15px;
}

.table_list tbody.content span.moderators {
    font-size: 10px;
}
td.subject i.ident {
    padding: 2px 6px;
    background: #c7c7c7;
    color: #4d4d4d;
    font-size: 13px;
}
.table_list tbody.content td.children {
    color: #979797;
    font-size: 85%;
    border-left: 1px solid #0a101c;
}

p.moderators {
}

/* hide the table header/footer parts - but its here for those needing to style it */
#boardindex_table .table_list thead, #boardindex_table .table_list tfoot {
    display: none;
}

/* the posting icons */
#posting_icons {
    padding: 0 1em 0.5em 1em;
    margin: 0 0 1em 0;
    line-height: 1em;
    display: none;
}

#posting_icons ul {
    font-size: 0.8em;
}

#posting_icons img {
    vertical-align: middle;
    margin: 0 0 0 4ex;
}

#postbuttons_upper ul li a span {
    line-height: 19px;
    padding: 0 0 0 6px;
}

.nextlinks {
    margin-top: -1px;
}
.nextlinks_bottom {
    display: block;
    clear: both;
}
.mark_read {
    padding: 0 0.5em;
}

/* the newsfader */
#newsfader {
    margin: 0 2px;
}
#newsfader *:not(h3) {
    font-weight: 300;
    font-family: Montserrat;
    font-size: 13px;
}
#smfFadeScroller {
    overflow: hidden;
    margin: 1em 0;
    /* shouldn't be shorthand style due to a JS bug in IE! */
    text-overflow: ellipsis;
    white-space: pre-line;
    padding: 0 4px;
}

/* Styles for the info center on the board index.
---------------------------------------------------- */
#upshrinkHeaderIC {
    margin-top: 4px;
}
.boardindex_block {
    width: 50%;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
    float: left;
}
#upshrinkHeaderIC .boardindex_block.users_online>p.inline.smalltext {
    padding: 0 21px 7px;
    margin: -10px 2px 0;
    background: #090e18;
}
.boardindex_block.recent_posts table {
    border-spacing: 0 2px;
    margin-top: -4px;
}
.boardindex_block.recent_posts table tr.windowbg2 {
    background: rgba(0, 0, 0, 0.27);
}
.boardindex_block.recent_posts table tr.windowbg {
    background: rgba(0, 0, 0, 0.13);
}
.boardindex_block>div p {
    margin: 0 !important;
}
.side_icon {
    float: left;
    font-size: 40px;
    line-height: 124px;
    width: 125px;
    text-align: center;
    background: #e5e3e3;
    margin-right: 11px;
    color: #5c5c5c;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}

.boardindex_block>div:hover .side_icon {
    background: white;
    color: black;
}

.boardindex_block .stats_index_items {
    margin: 0;
    padding: 0;
    list-style: none;
}

.boardindex_block .stats_index_items li i {
    width: 15px;
    text-align: center;
}

.boardindex_block .stats_index_items li {
    padding: 3px 0;
}

.boardindex_block>div {
    background: #090e18;
    padding: 8px 13px;

    : 4px 4px 0 0
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    margin: 6px 2px!important;
}
dl#ic_recentposts {
    margin: 0 0 0.5em 0;
    padding: 0.5em;
    line-height: 1.3em;
}
dl#ic_recentposts dt {
    float: left;
}
dl#ic_recentposts dd {
    text-align: right;
}
#upshrinkHeaderIC p {
    margin: 0 0 0.5em 0;
    padding: 0.5em;
}
#upshrinkHeaderIC p.last {
    margin: 0;
    padding: 0.5em;
    border-top: 2px solid #fff;
}
#upshrinkHeaderIC p.inline {
    border: none;
    margin: 0;
    padding: 0.2em 0.5em 0.2em 0.5em;
}
.group_key a {
    font-size: 10px;
}
.group_key a:hover {
    color: white;
}
#upshrinkHeaderIC p.stats {
    font-size: 1.1em;
    padding-top: 8px;
}
form#ic_login {
    padding: 0.5em;
    height: 2em;
}
form#ic_login ul li {
    margin: 0;
    padding: 0;
    float: left;
    width: 20%;
    text-align: center;
}
form#ic_login ul li label {
    display: block;
}
/* the small stats */
#index_common_stats {
    display: block;
    margin: 0 0 1px;
    text-align: center;
    font-size: 0.9em;
    position: relative;
    padding: 10px 0;
    background: #1c2432;
}

img.new_posts {
    padding: 0 0.1em;
}

/* Styles for the message (topic) index.
---------------------------------------------------- */
div.table_frame .table_list {
    border-collapse: collapse;
    margin: 2px 0;
}

.table_frame .table_list td.icon, .table_frame .table_list td.info, .table_frame .table_list td.stats {
    /* border-right: 2px solid white; */
}

#messageindex {
    clear: both;
}

/* the page navigation area */
.childboards {
    margin-bottom: 0.2em;
}
.child_boards i {
    line-height: 26px;
    font-size: 18px;
}
#childboards h3 {
    padding-bottom: 0;
}

#childboards .table_list thead {
    display: none;
}

#childboards .table_list {
    margin-bottom: 1em;
}

.lastpost img {
    float: right;
    padding: 4px;
}

/* Styles for the display template (topic view).
---------------------------------------------------- */
#postbuttons div.buttons {
    padding: 0.5em;
    width: 40%;
    float: right;
}

#postbuttons div.middletext {
    width: 60%;
}

#postbuttons span {
    display: block;
    text-align: right;
}

#postbuttons span.lower {
    clear: right;
}

#postbuttons .buttonlist {
    float: right;
}

#postbuttons #pagelinks {
    padding-top: 1em;
}

#moderationbuttons {
    overflow: hidden;
}

/* Events */
.linked_events {
    padding: 1em 0;
}
.edit_event {
    margin: 0 1em;
    vertical-align: middle;
}
/* Poll question */
#poll {
    overflow: hidden;
}

#poll .content form {
    background: #141a24;
}

#poll .content form li label {
    display: inline-block;
    vertical-align: top;
    padding: 8px 5px;
    font-size: 13px;
    cursor: pointer;
}

#poll .content form li label:hover {
    font-weight: 600;
}

#poll .content form .options li input[type="radio"] {
    vertical-align: top;
    display: inline-block;
    margin: 7px 0px 0 5px;
}

#poll .content form .options li {
}

h4#pollquestion {
    padding: 2px 0 8px;
    font-size: 15px;
}

/* Poll vote options */
#poll_options ul.options {
    padding: 1em 2.5em 0 2em;
    margin: 0 0 1em 0;
}
#poll_options div.submitbutton {
    clear: both;
    padding: 0 0 1em 2em;
    margin: 0 0 1em 0;
}
/* Poll results */
#poll_options dl.options {
    border-width: 1px 0;
    padding: 1em 2.5em 1em 2em;
    margin: 0 1em 1em 0;
    line-height: 1.1em !important;
    background: #121720;
}

#poll_options dl.options dt {
    padding: 0.3em 0;
    width: 30%;
    float: left;
    margin: 0;
    clear: left;
    padding: 6px 5px;
    font-size: 13px;
}

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

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

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

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

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

/* onto the posts */
#forumposts {
    clear: both;
}

#forumposts .cat_bar {
    margin: 0 0 2px 0;
}

/* author and topic information */
#forumposts h3 span#author {
    margin: 0 7.7em 0 0;
}

#forumposts h3 img {
    float: left;
    margin: 9px 0.5em 0 0;
}

#forumposts h3.catbg {
    margin-bottom: 3px;
}

p#whoisviewing {
    margin: 0;
    padding: 0.5em;
}

/* poster and postarea + moderation area underneath */
.post_wrapper {
    float: left;
    width: 100%;
    margin: 0px 0px;
    padding: 0px 0;
    position: relative;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    overflow: hidden;
}
.poster {
    float: left;
    width: 14em;
    padding: 0px 0 15px;
    text-align: center;
}
.poster div.avatar {
    margin: 18px 18px 0;
}
.poster .avatar a {
    display: block;
    position: relative;
    overflow: hidden;
    border: 2px solid;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    padding: 2px;
    color: #2e3c55;
	width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -ms-fit-content;
    width: -o-fit-content;
    margin: 0 auto;
}
.poster .avatar img {
    max-width: 100%;
    width: auto;
    vertical-align: top;
    height: auto;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.poster .avatar a:hover img {
    opacity: 0.8
}
img.avatar {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
.postarea {
    margin: 0 0 0 14em;
    background: rgba(0, 0, 0, 0.14);
    padding: 0 16px;
}
.postarea div.flow_hidden {
    width: 100%;
    padding: 14px 0 5px;
}
.moderatorbar {
    clear: right;
}

/* poster details and list of items */
.poster h4, .poster ul {
    padding: 0;
    margin: 0 1em 0 1.5em;
}

.poster h4 {
    margin: 9px 0 0.4em 0;
    font-size: 16px;
}

.poster h4, .poster h4 a {
    color: #065ec0;
}

.poster ul ul {
    margin: 0.3em 1em 0 0;
    padding: 0;
}

.poster ul ul:not(.greezeInsider) li {
    display: inline;
}

.poster li.stars, .poster li.avatar, .poster li.blurb, li.postcount, li.im_icons ul {
    margin-top: 0.5em;
}

.poster li.avatar {
    overflow: hidden;
}

.poster li.warning {
    line-height: 1.1em;
}

.poster li.warning a img {
    vertical-align: bottom;
    padding: 0 0.2em;
}

.messageicon {
    float: left;
    margin: 0 0.5em 0 0;
}

.messageicon img {
    padding: 6px 3px;
}

.keyinfo {
    float: left;
    width: 50%;
}

.time_posted {
    opacity: 0.7;
}

.modifybutton {
    clear: right;
    float: right;
    margin: 6px 20px 10px 0;
    text-align: right;
    font: bold 0.85em arial, sans-serif;
    color: #334466;
}

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

ul.quickbuttons {
    margin: 0px 0 0 0;
    padding: 6px;
    clear: right;
    float: right;
    text-align: right;
}

.post_wrapper ul.quickbuttons {
}

.phoneListpapa {
    white-space: nowrap;
    position: absolute;
    top: 0;
    right: 0;
    background: #0a101c;
}

.phoneListpapa ul.quickbuttons li {
    margin: 0 0;
}

.phoneListpapa a {
    margin: 0 1px 0 0;
    display: block !important;
    float: none !important;
}

ul.quickbuttons li {
    /* float: left; */
    display: inline-block;
    margin: 0 0 0 -2px;
    vertical-align: top;
}

ul.quickbuttons li a {
    display: block;
    float: left;
}

ul.quickbuttons a:hover {
    color: #a70;
}

/*
ul.quickbuttons li.quote_button
{
	background: url(../images/theme/quickbuttons.png) no-repeat 0 0;
}
ul.quickbuttons li.remove_button
{
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -30px;
}
ul.quickbuttons li.modify_button
{
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -60px;
}
ul.quickbuttons li.approve_button
{
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -90px;
}
ul.quickbuttons li.restore_button
{
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -120px;
}
ul.quickbuttons li.split_button
{
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -150px;
}
ul.quickbuttons li.reply_button
{
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px;
}
ul.quickbuttons li.reply_all_button
{
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px;
}
ul.quickbuttons li.notify_button
{
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -210px;
}*/
ul.quickbuttons li.inline_mod_check {
    margin: 0 0 0 1px;
    overflow: hidden;
    height: 35px;
    width: 35px;
}
ul.quickbuttons li.inline_mod_check .container input {
    right: 0;
}
ul.quickbuttons li.inline_mod_check .container .checkmark {width: 35px;height: 35px;top: 0;right: 0px;background: #0f141e;}

ul.quickbuttons li.inline_mod_check .container:hover .checkmark {
    background: #1c2537;
}
ul.quickbuttons li.inline_mod_check .container input:checked ~ .checkmark {
    background: #035ee3;
}
ul.quickbuttons li.inline_mod_check .container .checkmark:after {
    width: 10px;
    height: 24px;
    border-width: 0 7px 7px 0;
    left: 9px;
}
.post {
    margin-top: 0.5em;
    clear: right;
    padding: 0px 0 14px;
}

.inner {
    padding: 1em 0em 2px 0;
}

img.smiley {
    vertical-align: bottom;
}

#forumposts .modified {
    float: left;
}

#forumposts .reportlinks {
    text-align: right;
    clear: right;
}

#forumposts .signature, .post .signature {
    margin: 1em 0 0 0;
}
#forumposts span.botslice {
    clear: both;
}
.attachments hr {
    clear: both;
    margin: 1em 0 1em 0;
}
.attachments {
    padding: 1em 0 2em 0;
}
.attachments div>a>img {
    vertical-align: middle;
}
.attachments div {
    padding: 0 0.5em;
}

/* Styles for the quick reply area.
---------------------------------------------------- */
#quickreplybox {
    padding-bottom: 1px;
}

#quickReplyOptions .roundframe {
    padding: 10px 10%;
}

#quickReplyOptions form textarea {
    height: 100px;
    width: 635px;
    max-width: 100%;
    min-width: 100%;
    margin: 0.25em 0 1em 0;
}

/* The jump to box */
#display_jump_to {
    clear: both;
    padding: 5px;
    margin-top: 6px;
    text-align: right;
}

/* Separator of posts. More useful in the print stylesheet. */
#forumposts .post_separator {
    /* display: none; */
    background: transparent;
    margin: 3px 0;
}

/* Styles for edit post section
---------------------------------------------------- */
form#postmodify .roundframe {
    padding: 0 12%;
}

#post_header, .postbox {
    padding: 0.5em;
    overflow: hidden;
}

#post_header dt, .postbox dt {
    float: left;
    padding: 0;
    width: 15%;
    margin: .5em 0 0 0;
    font-weight: bold;
}

#post_header dd, .postbox dd {
    float: left;
    padding: 0;
    width: 83%;
    margin: .3em 0;
}

#post_header img {
    vertical-align: middle;
}

ul.post_options {
    margin: 0 0 0 1em;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

ul.post_options li {
    margin: 0.2em 0;
    width: 49%;
    float: left;
}

#postAdditionalOptionsHeader {
    margin-top: 1em;
}

#postMoreOptions {
    border-bottom: 1px solid #cacdd3;
    padding: 0.5em;
}

#postAttachment, #postAttachment2 {
    overflow: hidden;
    margin: .5em 0;
    padding: 0;
    border-bottom: 1px solid #cacdd3;
    padding: 0.5em;
}

#postAttachment dd, #postAttachment2 dd {
    margin: .3em 0 .3em 1em;
}

#postAttachment dt, #postAttachment2 dt {
    font-weight: bold;
}

#postAttachment3 {
    margin-left: 1em;
}

#post_confirm_strip, #shortcuts {
    padding: 1em 0 0 0;
}

.post_verification {
    margin-top: .5em;
}

.post_verification #verification_control {
    margin: .3em 0 .3em 1em;
}

/* The BBC buttons */
#bbcBox_message {
    margin: 0.75em 0 0 0;
    padding: 3px;
    border-top: 1px solid #ffffff !important;
}

div#bbcBox_message select {
    padding: 6px 6px;
    margin-bottom: 0 !important;
    margin: 0 0px;
    cursor: pointer;
}

#bbcBox_message div {
    margin: 0px 0;
    vertical-align: top;
}

#bbcBox_message div img {
    margin: 0 0px 0 0;
    vertical-align: top;
    background-image: none !important;
    padding: 3px;
}

#bbcBox_message div img[alt="|"] {
    background: none !important;
}

#bbcBox_message div img:hover, div#smileyBox_message img:hover {
    background: #ffffff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#bbcBox_message select {
    margin: 0 2px;
}

/* The smiley strip */
div#smileyBox_message, div#bbcBox_message, textarea.editor {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background: #dddddd;
    border-left: 1px solid !important;
    border-right: 1px solid !important;
    border-color: white !important;
}
div#smileyBox_message {
    margin: 0px 0 0px 0;
    padding: 5px 5px 2px;
    border-bottom: 1px solid #a6a6a6 !important;
}
textarea.editor {
    outline: none;
    border: 0;
    padding: 10px !important;
    background: white;
}
div#smileyBox_message img {
    padding: 7px;
}

/* Styles for edit event section
---------------------------------------------------- */
#post_event .roundframe {
    padding: 0 12%;
}

#post_event fieldset {
    padding: 0.5em;
    clear: both;
}

#post_event #event_main input {
    margin: 0 0 1em 0;
    float: left;
}

#post_event #event_main div.smalltext {
    width: 33em;
    float: right;
}

#post_event div.event_options {
    float: right;
}

#post_event ul.event_main, ul.event_options {
    padding: 0;
    overflow: hidden;
}

#post_event ul.event_main li {
    list-style-type: none;
    margin: 0.2em 0;
    width: 49%;
    float: left;
}

#post_event ul.event_options {
    margin: 0;
    padding: 0 0 .7em .7em;
}

#post_event ul.event_options li {
    list-style-type: none;
    margin: 0;
    float: left;
}

#post_event #event_main select, #post_event ul.event_options li select, #post_event ul.event_options li .input_check {
    margin: 0 1em 0 0;
}

/* Styles for edit poll section.
---------------------------------------------------- */
#edit_poll {
    overflow: hidden;
}

#edit_poll fieldset {
    padding: 0.5em;
    clear: both;
    overflow: hidden;
}

#edit_poll fieldset input {
    margin-left: 8.1em;
}

#edit_poll ul.poll_main li {
    padding-left: 1em;
}

#edit_poll ul.poll_main input {
    margin-left: 1em;
}

#edit_poll ul.poll_main, dl.poll_options {
    overflow: hidden;
    padding: 0 0 .7em .7em;
    list-style: none;
}

#edit_poll ul.poll_main li {
    margin: 0.2em 0;
}

#edit_poll dl.poll_options dt {
    width: 33%;
    padding: 0 0 0 1em;
}

#edit_poll dl.poll_options dd {
    width: 65%;
}

#edit_poll dl.poll_options dd input {
    margin-left: 0;
}

/* Styles for the recent messages section.
---------------------------------------------------- */
#readbuttons_top .pagelinks, #readbuttons .pagelinks {
    width: 60%;
}

#readbuttons .pagelinks {
}

#recent {
    clear: both;
}

/* Styles for the move topic section.
---------------------------------------------------- */
#move_topic dl {
    margin-bottom: 0;
}

#move_topic dl.settings dt {
    width: 40%;
}

#move_topic dl.settings dd {
    width: 59%;
}

.move_topic {
    width: 710px;
    margin: auto;
    text-align: left;
}

div.move_topic fieldset {
    padding: 0.5em;
}

/* Styles for the send topic section.
---------------------------------------------------- */
fieldset.send_topic {
    border: none;
    padding: 0.5em;
}

dl.send_topic {
    margin-bottom: 0;
}

dl.send_mail dt {
    width: 35%;
}

dl.send_mail dd {
    width: 64%;
}

/* Styles for the report topic section.
---------------------------------------------------- */
#report_topic dl {
    margin-bottom: 0;
}

#report_topic dl.settings dt {
    width: 20%;
}

#report_topic dl.settings dd {
    width: 79%;
}

/* Styles for the split topic section.
---------------------------------------------------- */
div#selected, div#not_selected {
    width: 49%;
}

ul.split_messages li.windowbg, ul.split_messages li.windowbg2 {
    margin: 1px;
}

ul.split_messages li a.split_icon {
    padding: 0 0.5em;
}

ul.split_messages div.post {
    padding: 1em 0 0 0;
    border-top: 1px solid #fff;
}

/* Styles for the merge topic section.
---------------------------------------------------- */
ul.merge_topics li {
    list-style-type: none;
}

dl.merge_topic dt {
    width: 25%;
}

dl.merge_topic dd {
    width: 74%;
}

fieldset.merge_options {
    clear: both;
}

.custom_subject {
    margin: 0.5em 0;
}

/* Styles for the login areas.
------------------------------------------------------- */
.login {
    width: 540px;
    margin: 0 auto;
}

.login dl {
    overflow: auto;
    clear: right;
}

.login dt, .login dd {
    margin: 0 0 0.4em 0;
    width: 44%;
    padding: 0.1em;
}

.login dt {
    float: left;
    clear: both;
    text-align: right;
    font-weight: bold;
}

.login dd {
    width: 54%;
    float: right;
    text-align: left;
}

.login p {
    text-align: center;
}

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

.register_error span {
    text-decoration: underline;
}

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

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

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

dl.register_form dt span {
    display: block;
}

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

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

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

.valid_input {
    background-color: #f5fff0;
}

.invalid_input {
    background-color: #fff0f0;
}

/* Styles for maintenance mode.
------------------------------------------------------- */
#maintenance_mode {
    width: 75%;
    min-width: 520px;
    text-align: left;
}

#maintenance_mode img.floatleft {
    margin-right: 1em;
}

/* common for all admin sections */
h3.titlebg img {
    vertical-align: middle;
    margin-right: 0.5em;
    margin-top: -1px;
}

tr.titlebg td {
    padding-left: 0.7em;
}

#admin_menu {
    min-height: 2em;
    padding-left: 0;
}

div#admin_menu li li a img {
    vertical-align: middle;
    margin: -6px 0 -4px;
}

#admin_content {
    clear: left;
    padding-top: 0.5em;
}

/* Custom profile fields like to play with us some times. */
#admin_content .custom_field {
    margin-bottom: 15px;
}

#admin_login .centertext {
    padding: 1em;
}

#admin_login .centertext .error {
    padding: 0 0 1em 0;
}
/* Styles for sidebar menus.
------------------------------------------------------- */
.left_admmenu, .left_admmenu ul, .left_admmenu li {
    padding: 0;
    margin: 0;
    list-style: none;
}
#left_admsection {
    width: 160px;
    float: left;
    padding-right: 10px;
}
.adm_section h4.titlebg {
    font-size: 95%;
    margin-bottom: 5px;
}
#main_container {
    position: relative;
}
.left_admmenu li {
    padding: 0;
}
.left_admmenu li a {
    padding: 5px 5px;
    margin: 2px 0;
    display: block;
    /* background: #d5d2d2; */
    border-left: 2px solid rgba(0, 0, 0, 0.31);
}
.left_admmenu li a:hover {
    /* background: #bebebe; */
    text-indent: 3px;
    border-color: black;
    border-width: 3px;
}
.left_admmenu {
    margin-bottom: 0.5em;
}
#main_admsection {
    position: relative;
    left: 0;
    right: 0;
    overflow: hidden;
}
tr.windowbg td, tr.windowbg2 td, tr.approvebg td, tr.highlight2 td {
    padding: 10px 6px;
}
#credits p {
    padding: 0;
    font-style: italic;
    margin: 0;
}
/* Styles for generic tables.
------------------------------------------------------- */
.topic_table table {
    width: 100%;
}
.topic_table .icon1, .topic_table .icon2, .topic_table .stats {
    text-align: center;
}
#topic_icons {
    margin: 1em 0 0 0;
}
.para2>div {display: inline-block;padding: 8px 8px;margin: 0 0 2px;background: #17243f;border-left-width: 4px;border-left-style: solid;border-left-color: #253045;}
.para2>div img {vertical-align: top;}
.para2>div i {font-size: 15px;vertical-align: top;}
#topic_icons .description {
    margin: 0;
}
.topic_table table thead {
    border-bottom: 1px solid #fff;
}
/* the subject column */
.topic_table td {
    font-size: 1em;
}
.topic_table tr.approvetbg td:first-child {
    border-left: 4px solid #ffb893;
}
.topic_table td.subject p, .topic_table td.stats {
    font-size: 0.85em;
    padding: 0;
    margin: 0;
}

.topic_table td.lastpost {
    font-size: 0.85em;
    line-height: 1.3em;
    padding: 4px;
}

.topic_table td.stickybg2 {
    background-image: url(../images/icons/quick_sticky.png);
    background-repeat: no-repeat;
}

.topic_table td.lockedbg2 {
    background-image: url(../images/icons/quick_lock.png);
    background-repeat: no-repeat;
}

.topic_table td.stickybg2, .topic_table td.lockedbg2, .topic_table td.locked_sticky2 {
    background-position: 100% 8px;
    background-size: auto;
}

.topic_table td.locked_sticky2 {
    background-image: url(../images/icons/quick_sticky_lock.png);
    background-repeat: no-repeat;
}

.topic_table td.lastpost {
    background-image: none;
}

/* Styles for (fatal) errors.
------------------------------------------------- */
#fatal_error {
    width: 80%;
    margin: auto;
}

.errorbox {
    padding: 1em;
    color: #7d0000;
    background-color: #f07f7f;
    margin-bottom: 1em;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.errorbox h3 {
    padding: 0;
    margin: 0;
    font-size: 1.1em;
    text-decoration: underline;
}

.errorbox p {
    margin: 1em 0 0 0;
}

.errorbox p.alert {
    padding: 0;
    margin: 0;
    float: left;
    width: 1em;
    font-size: 1.5em;
}

/* Styles for the profile section.
------------------------------------------------- */
dl {
    overflow: auto;
    margin: 0;
    padding: 0;
}

/* The basic user info on the left */
#basicinfo {
    width: 20%;
    float: left;
    text-align: center;
}
#basicinfo .windowbg .content {
    padding: 0.5em 10px;
}
#detailedinfo {
    width: 79.5%;
    float: right;
}
#basicinfo h4 {
    font-size: 135%;
    font-weight: 100;
    line-height: 105%;
    white-space: pre-wrap;
    overflow: hidden;
}

#basicinfo .actualName {
    font-weight: 600;
    margin: 0 0 8px;
    display: block;
}
#basicinfo h4 span.position {
    font-size: 11px;
}

#basicinfo img.avatar {
    display: inline;
    margin: 0;
    vertical-align: bottom;
    max-width: 200px;
}
#basicinfo ul {
    list-style-type: none;
    margin: 10px 0 0 0;
}

#basicinfo ul.pLik {
    margin: 2px 0;
}

#basicinfo #infolinks a {
    margin: 1px 1px;
}

#basicinfo ul.pLik li {
    float: none;
    display: inline-block;
    margin: 0;
}

#profileview a.change_pfp, #profileview .pfp {
    margin: 0 auto 12px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -ms-fit-content;
    width: -o-fit-content;
    display: block;
    overflow: hidden;
	max-width: 100%;
}

#main_admsection #basicinfo a.change_pfp, #main_admsection #basicinfo a.pfp {
    margin: 0;
    float: left;
}

#main_admsection #basicinfo .admCon {
    float: left;
    text-align: left;
    /* width: 50%; */
    margin-left: 2em;
}

#profileview .pfC {
    margin: 2px 0;
    padding: 5px 5px;
    background: #2b3851;
    text-align: left;
    line-height: 22px;
    font-weight: 600;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#main_admsection #basicinfo .pfC {
    background: transparent;
}

#profileview .pfC a:hover {
    padding-left: 3px;
}

#profileview .pfC p {
    margin: 0;
}
#basicinfo ul li {
    display: block;
    float: left;
    margin-right: 2px;
}

#basicinfo span#userstatus {
    clear: both;
}

#basicinfo span#userstatus img {
    vertical-align: top;
    margin-top: 3px;
}

#detailedinfo div.content dl, #tracking div.content dl {
    clear: right;
    overflow: auto;
    margin: 0 0 18px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px rgba(255, 255, 255, 0.06) solid;
}

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

#profileview #detailedinfo div.content dt,#profileview #detailedinfo div.content dd {
    width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -ms-fit-content;
    width: -o-fit-content;
    padding: 5px 8px;
}

#profileview #detailedinfo div.content dt {
    border-left: 2px solid rgba(255, 255, 255, 0.31);
    padding-right: 0;
}

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

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

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

.signature, .custom_fields_above_signature {
}

.signature h5 {
    font-size: 0.85em;
    margin-bottom: 10px;
}

#personal_picture {
    display: block;
    margin-bottom: 0.3em;
}

#avatar_server_stored div {
    float: left;
}

#avatar_upload {
    overflow: auto;
}

#main_admsection #basicinfo, #main_admsection #detailedinfo {
    width: 100%;
}

#main_admsection #basicinfo h4 {
}

#main_admsection #basicinfo img.avatar {
    float: right;
    vertical-align: top;
}

#main_admsection #basicinfo ul {
    clear: left;
}

#main_admsection #basicinfo span#userstatus {
    clear: left;
}

#main_admsection #basicinfo p#infolinks {
    clear: both;
}

#main_admsection #basicinfo .botslice {
    clear: both;
}

/* Simple feedback messages */
div#profile_error, div#profile_success {
    margin: 0 0 1em 0;
    padding: 1em 2em;
}

div#profile_error {
    color: red;
    background: #f2baba;
}

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

div#profile_success {
    color: green;
    background: #a1f0a1;
}

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

#generalstats div.content dd {
    width: 50%;
    float: left;
    margin: 0 0 3px 0;
    padding: 0;
}

/* Activity by time */
#activitytime {
    margin: 6px 0;
}

.activity_stats {
    margin: 0;
    padding: 0;
    list-style: none;
}

.activity_stats li {
    margin: 0;
    padding: 0;
    width: 4.16%;
    float: left;
}

.activity_stats li span {
    display: block;
    border: solid #000;
    border-width: 1px 1px 0 0;
    text-align: center;
}

.activity_stats li.last span {
    border-right: none;
}

.activity_stats li div.bar {
    margin: 0 auto;
    width: 15px;
}

.activity_stats li div.bar div {
    background: #6294CE;
}

.activity_stats li div.bar span {
    position: absolute;
    top: -1000em;
    left: -1000em;
}

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

#popularactivity {
    width: 49.5%;
    float: right;
}

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

#popularposts div.content dd, #popularactivity div.content dd {
    width: 35%;
    float: left;
    margin: 0 0 3px 0;
    padding: 0;
}

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

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

.counter {
    margin: 0 0 0 0;
    padding: 0.2em 0.5em 0.1em 0.2em;
    font-size: 2.2em;
    font-weight: bold;
    color: #3f3f3f;
    float: left;
}

.list_posts {
    border-top: 2px solid #3d3d53;
    padding-top: 12px;
    margin-top: 6px;
    overflow: auto;
}

.core_posts {
    margin-bottom: 3px;
}

.topic h4 {
    margin: 3px 0;
}

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

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

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

#creator dl {
    margin: 0;
}

#creator dt {
    width: 40%;
    float: left;
    clear: both;
    margin: 0 0 10px 0;
}

#creator dd {
    float: right;
    width: 55%;
    margin: 0 0 10px 2px;
    overflow: auto;
}

.ignoreboards {
    margin: 0 2%;
    padding: 0;
    width: 45%;
}

.ignoreboards a {
    font-weight: bold;
    border-bottom: 1px solid #c4c4c4;
    padding: 0.1em 0;
}

.ignoreboards a:hover {
    text-decoration: none;
    border-bottom: 1px solid #334466;
}

.ignoreboards ul {
    margin: 0;
    padding: 0;
}

.ignoreboards li {
    list-style: none;
    float: left;
    clear: both;
}

.ignoreboards li.category {
    margin: 0.7em 0 0 0;
    width: 100%;
}

.ignoreboards li ul {
    margin: 0.2em 0 0 0;
}

.ignoreboards li.category ul li.board {
    width: 93%;
}

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

#theme_settings li {
    list-style: none;
    margin: 10px 0;
    padding: 0;
}

/* Paid Subscriptions */
#paid_subscription {
    width: 100%;
}

#paid_subscription dl.settings {
    margin-bottom: 0;
}

#paid_subscription dl.settings dd, #paid_subscription dl.settings dt {
    margin-bottom: 4px;
}

/* Pick theme */
#pick_theme {
    width: 100%;
    float: left;
}

/*Issue a warning*/
#warn_body {
    width: 80%;
    font-size: 0.9em;
}

/* Styles for the statistics center.
------------------------------------------------- */
#statistics {
    padding: 0.5em 0;
}

#statistics div.title_bar {
    margin: 4px 0 -2px 0;
}

#statistics h3.catbg {
    text-align: center;
}

#statistics div.content {
    min-height: 210px;
}

#statistics div.top_row {
    min-height: 150px;
}

#stats_left, #top_posters, #top_topics_replies, #top_topics_starter {
    float: left;
    width: 49.5%;
}

#stats_right, #top_boards, #top_topics_views, #most_online {
    float: right;
    width: 49.5%;
}

dl.stats {
    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

dl.stats dt {
    width: 49%;
    float: left;
    margin: 0 0 4px 0;
    line-height: 16px;
    padding: 0;
    clear: both;
    font-size: 1em;
}

dl.stats dd {
    text-align: right;
    width: 50%;
    font-size: 1em;
    float: right;
    margin: 0 0 4px 0;
    line-height: 16px;
    padding: 0;
}

.statsbar div.bar {
    float: left;
    display: block;
    margin: 0 4px;
    height: 16px;
    background: #4683c7;
}

.statsbar div.bar div {
    position: relative;
    right: -4px;
    padding: 0 4px 0 0;
    height: 16px;
}

tr.windowbg2 th.stats_month {
    width: 25%;
    padding: 0 2em;
    text-align: left;
}

tr.windowbg2 td.stats_day {
    padding: 0 3.5em;
    text-align: left;
}

/* Styles for the personal messages section.
------------------------------------------------- */
#personal_messages h3 span#author, #personal_messages h3 span#topic_title {
    float: left;
}

#personal_messages h3 span#author {
    margin: 0 0 0 0.5em;
}

#personal_messages h3 span#topic_title {
    margin: 0 0 0 9em;
}

#personal_messages div.labels {
    padding: 0 1em 0 0;
}

#personal_messages .capacity_bar {
    background: #f0f4f7;
    display: block;
    margin: 0.5em 0 0 1em;
    height: 1em;
    border: 1px solid #adadad;
    width: 10em;
}

#personal_messages .capacity_bar span {
    border-right: 1px solid #adadad;
    display: block;
    height: 1em;
}

#personal_messages .capacity_bar span.empty {
    background: #a6d69d;
}

#personal_messages .capacity_bar span.filled {
    background: #eea800;
}

#personal_messages .capacity_bar span.full {
    background: #f10909;
}

#personal_messages .reportlinks {
    padding: 0.5em 1.3em;
}

#searchLabelsExpand li {
    padding: 0.3em 0.5em;
}

#manrules div.righttext {
    padding: 0.3em 0.1em;
}

dl.addrules dt.floatleft {
    width: 15em;
    color: #333;
    padding: 0 1.25em 0.5em 1.25em;
}

#addrule fieldset {
    clear: both;
}

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

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

#month_grid {
    width: 200px;
    text-align: center;
    float: left;
}

#month_grid div.cat_bar {
    height: 25px;
}

#month_grid h3.catbg {
    height: 25px;
    line-height: 27px;
}

#month_grid table {
    width: 200px;
}

#main_grid table {
    width: 100%;
    padding-bottom: 4px;
}

#main_grid table h3.catbg {
    text-align: center;
    height: 29px;
    border-top: 2px solid #fff;
    border-bottom: none;
}

#main_grid table.weeklist td.windowbg {
    text-align: center;
    height: 49px;
    width: 25px;
    font-size: large;
    padding: 0 7px;
    border-bottom: 2px solid #fff;
}

#main_grid table.weeklist td.weekdays {
    height: 49px;
    width: 100%;
    padding: 4px;
    text-align: left;
    vertical-align: middle;
    border-bottom: 2px solid #fff;
}

#main_grid h3.weekly {
    text-align: center;
    padding-left: 0;
    font-size: large;
    height: 29px;
}

#main_grid h3 span.floatleft, #main_grid h3 span.floatright {
    display: block;
    font-weight: bold;
}

#main_grid table th.days {
    width: 14%;
    padding: 4px 0;
}

#main_grid table.weeklist h4.titlebg {
    margin: 0 0 0 0;
    height: 23px;
    line-height: 27px;
}

#main_grid table td.weeks {
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    font-size: large;
}

#main_grid table td.days {
    vertical-align: top;
    text-align: center;
}

a.modify_event {
    color: red;
}

span.hidelink {
    font-style: italic;
}

#calendar_navigation {
    text-align: center;
}

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

/* Styles for the basic search section.
------------------------------------------------- */
#searchform, #simple_search p {
    padding: 0.5em;
    margin: 0;
}

#simple_search, #simple_search p, #advanced_search {
    text-align: center !important;
    margin: 0;
}

#search_error {
    font-style: italic;
    padding: 0.3em 1em;
}

#search_term_input {
    font-size: 115%;
    margin: 0 0 1em;
}

/* Styles for the advanced search section.
------------------------------------------------- */
#searchform fieldset {
    text-align: left;
    padding: 0;
    border: none;
}

#advanced_search dl#search_options {
    margin: 0 auto;
    width: 600px;
    padding-top: 1em;
    overflow: hidden;
}

#advanced_search dt {
    clear: both;
    float: left;
    padding: 0.2em;
    text-align: right;
    width: 20%;
}

#advanced_search dd {
    width: 75%;
    float: left;
    padding: 0.2em;
    margin: 0 0 0 0.5em;
    text-align: left;
}

#searchform p.clear {
    clear: both;
}

/* Styles for the search results page.
------------------------------------------------- */
.topic_table td blockquote, .topic_table td .quoteheader {
    margin: 0.5em;
}

.search_results_posts {
    overflow: hidden;
}

.search_results_posts .buttons {
    padding: 5px 1em 0 0;
}

/* Styles for the help section.
------------------------------------------------- */
#help_container {
    margin: 4px 0 0 0;
    padding: 0;
}

#helpmain {
    padding: 1em 1em 0.1em;
}

#helpmain p {
    margin: 0 0 1.5em 0;
    line-height: 1.5em;
}

#helpmain ul {
    line-height: 1.5em;
}
/* Fullscreen.
--------------------- */
.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.9);
    color: #c9c9c9;
    width: 100%;
    height: 100%;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
    z-index: 9999999;
}
.fullscreen .fsClose {
    position: absolute;
    top: 0.5em;
    right: 1em;
    font-size: 40px;
    cursor: pointer;
    color: #8b8b8b;
	z-index: 10;
}
.fullscreen .fsClose:hover {
    color: #e9e9e9;
}
.fullscreen .fsInner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background: rgba(255, 255, 255, 0.03);
    padding: 20px;
	min-width: 28%;
}
.fullscreen .fsInner input.button_submit {
    width: 100%;
    background: #035ee3;
    font-size: 15px;
    letter-spacing: 3px;
}
.fullscreen .fsInner input.button_submit:hover {
    background: #0042a4;
    color: white;
}
.fullscreen .fsInner .downer {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	text-align: center;line-height: 40px;
}
/* Google Styled Input & Checkbox
-------------------------------------------------------------------- */
.inGroup 			  {
  position:relative;
  margin-bottom:45px;
}
.inGroup input 				{
    font-size:18px;
    padding:10px 10px 10px 5px;
    display:block;
    width:100%;
    border:none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.65);
    background: transparent;
    color: inherit;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;
}
.inGroup input:focus 		{ outline:none; }
/* LABEL ======================================= */
.inGroup label 				 {
  color:#999;
  font-size:18px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  transition:0.2s ease all;
  -moz-transition:0.2s ease all;
  -webkit-transition:0.2s ease all;
}
/* active state */
.inGroup input:focus ~ label, .inGroup input:valid ~ label {
  top:-20px;
  font-size:14px;
  color: #5264AE;
}
/* BOTTOM BARS ================================= */
.bar 	{ position:relative; display:block; width:100%; }
.bar:before, .bar:after 	{
    content:'';
    height: 3px;
    width: 0;
    bottom: 0px;
    position: absolute;
    background: #035ee3;
    transition:0.2s ease all;
    -moz-transition:0.2s ease all;
    -webkit-transition:0.2s ease all;
}
.bar:before {
	left:50%;
}
.bar:after {
	right:50%;
}
/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
	width:50%;
}
/* HIGHLIGHTER ================================== */
.inGroup .highlight {
  position:absolute;
  height:60%;
  width:100px;
  top:25%;
  left:0;
  pointer-events:none;
  opacity:0.5;
}
/* active state */
.inGroup input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}
/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
/* CHECKBOX ====================== */
/* The container */
.container {
    display: block;
    position: relative;
    padding-left: 29px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Hide the browser's default checkbox */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: rgba(255, 255, 255, 0.45);
}
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: rgba(255, 255, 255, 0.58);
}
/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #035ee3;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}
/* Style the checkmark/indicator */
.container .checkmark:after {
    left: 5px;
    top: -1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

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

    .tborder {
        border: none;
    }
}
/* Responsiveness.
-------------------- */
/* Important classes */
.phoneOnly, .phoneOnlyInline, .taphoOnly, .taphoOnlyInline {display: none;}
.menuOpener {cursor:pointer;padding: 0;width: 57px;text-align: center;margin: 0 2px;font-size: 28px;background: transparent;color: #bcbcbc;}
.menuOpener:hover {color: white;background: rgba(255, 255, 255, 0.08);}
.menuOpener i {line-height: 57px;}
.incarn {height: 57px;margin-bottom: 2px;background: #204a93;}
.incarn h4 {float: left;padding: 0px 0px 0 12px;line-height: 57px;font-family: Montserrat;font-size: 26px;font-weight: 100;text-transform: uppercase;}
.openState {display:block;right:0;}
.sampleClass {float:left;}
/* Clean View
--------------------*/
.user:after, .user ul.dropmenu:after, .incarn:after, #profileview .pLik:after, .boardindex_block>div:after, .windowbg:after, .windowbg2:after, .buttonlist ul:after,
.nextlinks_bottom:after, .nextlinks:after, div#upper_section:after, nav:after, nav ul:after {
    content: "";
    display: block;
    clear: both;
}
/* SimplePortal Support.
------------------------- */
table#sp_main, table#sp_main>tbody>tr, table#sp_main>tbody>tr>td, table#sp_main>tbody {
    background: transparent;
}
table#sp_main {
    background: transparent;
    border-spacing: 0 0;
}
table#sp_main>tbody>tr>td {
    padding: 0 5px;
    vertical-align: top;
}
#sp_main div.sp_block, #sp_main .sp_content_padding {
    padding: 10px;
}
#sp_main div.sp_block table {
    box-shadow: none;
    max-width: 100%;
}
#sp_main .sp_content_padding .middletext {
    line-height: normal;
}
#sp_main .sp_article_icon {
     margin: -4px 5px 0 0px;
}
#sp_main td.sp_top_poster, #sp_main td.sp_staff, #sp_main td.sp_blog, #sp_main td.sp_articles {
    padding: 0;
}
#sp_main td.sp_top_poster img, #sp_main td.sp_staff img, #sp_main td.sp_blog img, #sp_main td.sp_articles img {border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;}