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

* {
  image-rendering: optimizeSpeed; /* Legal fallback                 */
  image-rendering: -moz-crisp-edges; /* Firefox                        */
  image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
  image-rendering: pixelated; /* CSS3                           */
  -ms-interpolation-mode: nearest-neighbor; /* IE8+                           */
}

/* Custom classes */
@font-face {
  font-family: journey;
  src: url(../fonts/journey.woff);
}

@font-face {
  font-family: Square;
  src: url(../fonts/journey.woff);
}

table {
  padding: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
}

.hide {
  display: none;
}

.maxwidth {
  margin: 0 auto;
  min-width: 960px;
  max-width: 1440px;
  width: calc(100% - 62px);
}

/* ICONS */
[id^="button_"] > a {
  position: relative;
}
[id^="button_"] > a span {
  padding-left: 32px !important;
  position: relative;
}
[id^="button_"] > a:before,
[id*=" button_"] > a:before {
  position: absolute;
  left: 6px;
  top: 3px;
}

#button_home > a:before {
  content: url(../images/button_home.png);
}
#button_help > a:before {
  content: url(../images/button_help.png);
}
#button_search > a:before {
  content: url(../images/button_search.png);
}
#button_admin > a:before {
  content: url(../images/button_admin.png);
}
#button_moderate > a:before {
  content: url(../images/button_moderate.png);
}
#button_profile > a:before {
  content: url(../images/button_profile.png);
}
#button_pm > a:before {
  content: url(../images/button_pm.png);
}
#button_tags > a:before {
  content: url(../images/button_tags.png);
}
#button_mlist > a:before {
  content: url(../images/button_mlist.png);
}
#button_login > a:before {
  content: url(../images/button_login.png);
}
#button_logout > a:before {
  content: url(../images/button_logout.png);
}
#button_register > a:before {
  content: url(../images/button_register.png);
}

#search_form .input_text {
  height: 32px;
  box-sizing: border-box;
  margin: 0;
  /*border-radius:4px;*/
}
#search_form .button_submit {
  border-radius: 0;
  border: none;
}
#search_form .button_submit:active {
  top: 0px;
}
@media screen and (max-width: 1200px) {
  #search_form {
    display: none;
  }
}
#admin_main_section {
  overflow: hidden;
  width: 100%;
  padding-bottom: 4px;
  padding-right: 4px;
}
.adm_section {
}
#update_section,
#live_news,
#supportVersionsTable,
.modblock_left,
.modblock_right,
#left_admsection,
.contentbox {
  overflow: visible;
  background-color: #bbb3a9;
  position: relative;
  border-color: transparent; /* background color of parent */
  border-bottom: 4px solid RGBA(30, 28, 24, 0.43);
  color: black;
  /*font-family:verdana; font-size: 10pt;*/
  font-family: "Titillium Web", sans-serif;
  font-size: 100%;
  text-shadow: none;
}
#update_section:before,
#live_news:before,
#supportVersionsTable:before,
.modblock_left:before,
.modblock_right:before,
#left_admsection:before,
.contentbox:before {
  content: "";
  display: block;
  width: 0;
  height: calc(100% - 4px);
  position: absolute;
  right: -4px;
  top: 4px;
  border-top: 4px solid;
  border-color: transparent;
  border-left: 4px solid RGBA(30, 28, 24, 0.43);
}
#update_section:after,
#live_news:after,
#supportVersionsTable:after,
.modblock_left:after,
.modblock_right:after,
#left_admsection:after,
.contentbox:after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -8px;
  border-left: 4px solid;
  border-color: transparent;
  border-top: 4px solid RGBA(30, 28, 24, 0.43);
}

#headerimage_container {
  padding: 20px 0;
}
#headerimage {
  /*height:72px;
	margin:0 auto;
	background-image:url('https://pixelation.org/Themes/pixelation/css/images/smflogo.gif');
	background-repeat:no-repeat;
	background-position:left center;*/
  background-color: #272d43;
}

.headercontent {
  /*height:208px;*/
  height: calc(100% - 6px);
  background-color: #525967;
  border-bottom: 4px solid RGBA(30, 28, 24, 0.43);
  position: relative;
}
.headercontent:after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: -8px;
  background-color: RGBA(30, 28, 24, 0.43);
}
.headercontent:before {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  position: absolute;
  top: 0px;
  background-color: #3f485a;
}

.divider {
  height: 16px;
}
.separator {
  border-bottom: 2px solid #9a8f86;
}

.newsbox {
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px inset rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  float: right;
  height: 65px;
  margin: 2px;
  width: 150px;
}

/* Normal, standard links. */
a:link,
a:visited {
  color: #4871b6;

  text-decoration: none;
}
.contentbox a:link,
.contentbox a:visited {
  color: #346;
  text-decoration: none;
}
tbody a:link,
tbody a:visited {
  font-weight: 600;
}
a:hover {
  text-decoration: underline;
  cursor: pointer;
}

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

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

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

  /* Custom */
  background-color: #606672;
  background: linear-gradient(#606672, #3f485a); /* Standard syntax */

  margin: 0;

  color: white;
}
.contentBGColor {
  background-color: #4e4556;
}

/* 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 {
  color: #bbb;
}

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

/* 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 {
  border: none;
  border-bottom: solid 2px #c9c9c9;
  line-height: 1.5em;
  border-radius: 1px;
  padding: 2px 4px;
}

input[type="text"]:focus,
input[type="text"].focus {
  border-bottom: solid 2px #969696;
}

/* Select elements look horrible with the extra padding, so leave them unpadded. */
select {
  padding: 0;
  /*height: 21px;
    position: relative;
    top: 1px;*/
}

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

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

/* 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(0, 0, 0, 0.125);
}

/* By default set the color on these tags as #000. */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
  margin: 0;
  padding: 0;
  letter-spacing: 0.5px;
}

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

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

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

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

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

.flow_auto {
  overflow: auto;
}
.flow_hidden {
  overflow: hidden;
}
.flow_hidden .windowbg,
.flow_hidden .windowbg2 {
}
.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.9em;
}
.middletext {
  line-height: 1em;
  font-family: verdana, sans-serif;
}
.normaltext {
  font-size: 1em;
  line-height: 1.2em;
}
.largetext {
  font-size: 1.4em;
}
.centertext {
  margin: 0 auto;
  text-align: center;
}
.righttext {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}
.lefttext {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}
.double_height {
  line-height: 2em;
}
/* some common padding styles */
.padding {
  padding: 0.7em;
}
.main_section,
.lower_padding {
  padding-bottom: 0.5em;
}
/* a quick reset list class. */
ul.reset,
ul.reset li {
  padding: 0;
  margin: 0;
  list-style: none;
}
ul.headerLines {
  float: right;
  text-align: right;
  font-size: 0.8em;
  padding: 3px 8px 8px !important;

  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */

  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;

  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;

  box-sizing: border-box;
  height: 100%;
}
ul.headerLines,
ul.headerLines li {
  font-family: titillium web;
  font-size: 9pt;
  line-height: 1.4em;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
ul.headerLines .greeting {
  font-weight: bold;
  font-size: 10pt;
  line-height: 1.2em;
}

#flexlogin_container {
  float: right;
  text-align: right;
  font-size: 0.8em;

  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */

  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;

  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;

  box-sizing: border-box;
  height: 100%;
  padding: 3px 8px 8px;
}

#flexlogin_form {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */

  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
}

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

/* A quote, perhaps from another post. */
blockquote.bbc_standard_quote,
blockquote.bbc_alternate_quote {
  font-size: small;
  color: rgb(50, 50, 50);
  line-height: 1.4em;
  /*background: url(../images/theme/quote.png) 0.1em 0.1em no-repeat;
	background-position: 4px 4px;*/
  margin: 0;
  /*margin: 0 4px;*/
  margin-bottom: 8px;
  padding: 16px;
  overflow: auto;
  border-radius: 0 6px 6px 6px;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-bottom-color: rgba(0, 0, 0, 0.25);
  /*border-top:none;*/
  /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.125);*/
}

/* Alterate blockquote stylings */
blockquote.bbc_standard_quote,
blockquote.bbc_alternate_quote {
  background-color: #d1cdce;
  background-color: rgba(255, 255, 255, 0.2);
}

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

/* The "Quote:" and "Code:" header parts... */
.codeheader,
.quoteheader {
  color: #666;
  font-size: small;
  font-weight: bold;
  /*margin: 0 4px;*/
  padding: 2px 8px;
  padding-left: 26px;
  background-color: rgba(255, 255, 255, 0.2);
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.125);
  /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.125);*/
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  position: relative;
  z-index: 10;
  bottom: -1px;
  background-image: url(../images/theme/quote.png);
  background-repeat: no-repeat;
  background-position: 4px 4px;
}

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

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

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

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

/* Highlighted text - such as search results. */
.highlight {
  font-weight: bold;
  background-color: #ffd66e !important;
  border-radius: 2px;
  padding: 0 1px;
}

/* 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: #444;
  font-family: "Square", sans-serif;
  font-size: 16pt;
  font-weight: normal;
  text-transform: lowercase;
  background-color: #988e86;
  text-align: left;
  border-bottom: 1px solid #90877f;
}
.catbg,
.catbg2,
tr.catbg td,
tr.catbg2 td,
tr.catbg th,
tr.catbg2 th,
.catbg th {
  color: #fff;
  font-family: Square, arial, helvetica, sans-serif;
  padding-top: 3px !important;
  /* background: #a7b9cd url(../images/theme/main_block.png) no-repeat -10px -280px; */
}

.catbg .help img {
  padding-top: 8px;
}

/* 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;
  padding: 0 0.5em;
}
tr.titlebg th a:link,
tr.titlebg th a:visited,
tr.titlebg2 td a:link,
tr.titlebg2 td a:visited {
  color: #444;
}
tr.catbg th a:link,
tr.catbg th a:visited,
tr.catbg2 td a:link,
tr.catbg2 td a:visited {
  color: #fff;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg,
#preview_body,
.roundframe,
.left_admmenu {
  color: #3e3b37;
  background-color: #aea299;
}
.windowbg2_b {
  color: #4d4844;
}
.windowbg2 {
  color: #4d4844;
  background-color: #bbb3a9;
}
.windowbg3 {
  color: #4d4844;
  background-color: #cacdd3;
}
td .windowbg,
td .windowbg2 {
  padding: 8px 12px;
}

/* the page navigation area */
.pagesection {
  padding: 8px 0 8px 8px;
}
div.pagesection div.floatright input {
  margin-top: 3px;
}

.pagelinks {
  margin: 0;
  height: 20px;

  color: #bbb;
  font-family: Square;
  font-family: "titillium web";

  font-size: 1.25em;
  font-size: 1em;

  font-weight: bold;
  letter-spacing: 0.5px;
  text-rendering: geometricprecision;
  text-shadow: 1px 1px rgba(30, 28, 24, 0.4);
  line-height: 1.2em;
}
.cat_bar .pagelinks {
  line-height: 32px;
  font-size: 0.8em;
  font-weight: normal !important;

  text-transform: lowercase;
}
.cat_bar .pagelinks a:link {
}

.pagelinks a:link,
.pagelinks a:visited {
  color: #7c8088;
}

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

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

/* Sticky topics get a different background */
.stickybg {
  background: #cfbca4;
  color: #3e3b37; /* #3e3b37 */
}
.stickybg2 {
  background: #d6c5af;
  color: #4d4844; /* #3e3b37 */
}

/* Locked posts get a different shade, too! */
.lockedbg {
  background: #988e86;
  font-style: italic;
  color: #3e3b37;
}
.lockedbg2 {
  background: #a29890;
  font-style: italic;
  color: #4d4844; /* #3e3b37 */
}

/* 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;
  border-top: 1px solid #aaa;
  line-height: 1.4em;
  font-size: 0.85em;
}
.custom_fields_above_signature {
  width: 98%;
  clear: right;
  padding: 1em 0 3px 0;
  border-top: 1px solid #aaa;
  line-height: 1.4em;
  font-size: 0.85em;
}
.hackyBorderTop {
  border-top: 2px solid #9a8f86;
}
.hackyNoBorderTop {
  border: none !important;
}

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

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

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

.event {
  color: #078907;
}

.holiday {
  color: #000080;
}

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

.warn_moderate {
  color: #ffa500;
}

.warn_watch,
.success {
  color: green;
}

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

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

/* a descriptive style */
.description,
.description_board,
.plainbox {
  padding: 1em !important;
  font-size: 1em;
  line-height: 1.4em;
  margin: 0;
  color: rgba(0, 0, 0, 0.75);
  text-align: center;
}
.description_board {
  margin: 1em 1px 0 1px;
}

/* an informative style */
.information {
  font-size: 0.9em;
  line-height: 1.4em;
  background: #d6c5af;
  color: rgba(0, 0, 0, 0.75);
  text-align: center;
  font-style: italic;
  padding: 0.5em;
}
.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;
  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: 30px;
  line-height: 30px;
  /*font-size: 20pt;*/
  font-weight: normal;
  padding-left: 10px;
}
h3.catbg a:link,
h3.catbg a:visited,
h4.catbg a:link,
h4.catbg a:visited,
h3.catbg,
.table_list tbody.header td,
.table_list tbody.header td a {
  color: #fff;
}
h3.catbg2 a,
h3.catbg2 {
  color: #feb;
}
h3.catbg a:hover,
h4.catbg a:hover,
.table_list tbody.header td a:hover {
  color: #fd9;
  text-decoration: none;
}
h3.catbg2 a:hover {
  color: #fff;
  text-decoration: none;
}
h3.titlebg a,
h3.titlebg,
h4.titlebg,
h4.titlebg a {
  color: #444;
}
h3.titlebg a:hover,
h4.titlebg a:hover {
  color: #53616f;
  text-decoration: none;
}
h3.catbg img.icon,
h4.catbg img.icon,
h4.titlebg img.icon {
  vertical-align: middle;
  margin: -2px 5px 0 0;
}
h4.catbg a.toggle img {
  vertical-align: middle;
  margin: -2px 5px 0 5px;
}
h4.catbg,
h4.catbg2,
h3.catbg,
h3.catbg2,
.table_list tbody.header td.catbg {
  padding-right: 9px;
}
h4.titlebg,
h3.titlebg {
  padding: 0 9px;
}
h4.titlebg img.icon {
  float: left;
  margin: 5px 8px 0 0;
}
.cat_bar a:link,
.cat_bar a:visited {
  font-weight: normal !important;
}

.cat_bar,
.cat_bar2 {
  height: 32px;
  background-color: #6f737d;
  position: relative;
  color: white;
  font-family: Square;
  text-shadow: 2px 2px RGBA(30, 28, 24, 0.4);
  text-transform: lowercase;
  font-size: 150%;
  overflow: hidden;
  border-bottom: 2px solid #5b616e;
}

.cat_bar:after,
#admin_menu .dropmenu:after,
#adm_submenus .dropmenu:after {
  content: "";
  display: block;

  position: absolute;
  top: 0;
  left: 0;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #4e4556;
}
#left_admsection .adm_section:not(:nth-child(2)) .cat_bar:after {
  display: none !important;
}

/*
.cat_bar:before {
	content:"";
	display:block;
	width:calc(100% - 6px);
	height:1px;
	position:absolute;
	left:6px;
	top:0;
	border-top:1px solid rgba(255,255,255,0.175);
	z-index: 1;
}
*/

#upper_section .cat_bar:after {
  content: "";
  display: block;

  position: absolute;
  top: 0;
  left: 0;
  border-bottom: 6px solid #6f737d;
  border-left: 6px solid #3f485a;
}

div.title_bar {
  border-radius: 4px;
  overflow: hidden;
}

/* rounded bars needs a different background here */

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

  line-height: 31px;
}

/* The half-round header bars for some tables. */
.table_grid .cat_bar tr.catbg {
  border-bottom: 4px solid #5b616e;
}
@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio:0) {
  @media {
    .table_grid tr.catbg th,
    .table_grid tr.titlebg th {
      border: 0 !important;
    }
  }
}

.table_grid tr.catbg th,
.table_grid tr.titlebg th {
  overflow: hidden;
  border-bottom: 4px solid #5b616e;
  box-sizing: border-box;
}
tr.catbg th.first_th {
  /* background: #a7b9cd url(../images/theme/main_block.png) no-repeat 0 -280px; */
}
tr.catbg th.last_th {
  /* background: #a7b9cd url(../images/theme/main_block.png) no-repeat 100% -280px; */
}
tr.titlebg th.first_th {
  /*background: #e3e9ef url(../images/theme/main_block.png) no-repeat 0 -380px;*/
}
tr.titlebg th.last_th {
  /*background: #e3e9ef url(../images/theme/main_block.png) no-repeat 100% -380px;*/
}
.table_grid th.last_th input {
  margin: 0 2px;
}
.table_grid th.lefttext {
  padding: 0 0.7em;
}

/* a general table class */
table.table_grid {
  border-collapse: collapse;
}
table.table_grid td {
  padding: 0;
  /* 	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
 */
}
#mlist .table_grid td {
  padding: 8px;
}

/* GenericList */
.additional_row {
  padding: 4px;
}
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,
.windowbg2 span.topslice {
  display: none;
}
.windowbg span.botslice,
.windowbg2 span.botslice {
  display: none;
}

.approvebg span.topslice {
  display: block;
  padding-left: 20px;
}
.approvebg span.topslice span {
  display: block;
  height: 11px;
}
.approvebg span.botslice {
  display: block;
  padding-left: 20px;
  margin-bottom: 0.2em;
}
.approvebg span.botslice span {
  display: block;
  height: 11px;
}
.postbg {
  border-left: 1px solid #7f7f7f;
  border-right: 1px solid #7f7f7f;
}

/* Used for sections that need somewhat larger corners.
----------------------------------------------------------- */
.roundframe {
  padding: 16px;
}

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

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

/* Styles for the standard dropdown menus.
------------------------------------------------------- */
#main_menu {
  padding: 0;
  float: left;
  margin: 0;
  width: 100%;
  z-index: 1;
  text-transform: uppercase;
  box-sizing: border-box;
  background-color: #c36544;
}

#main_menu .dropmenu > li {
  background-color: #c36544;
  /*border-right: 1px solid #a4513f;*/
  border-bottom: 2px solid #7c4531;
}
#main_menu .dropmenu > li:hover {
  background-color: #d4794c;
}
#main_menu .dropmenu .active {
  background-color: #b35d3e;
  border: none;
  border-top: 2px solid #3c3f45;
}
#main_menu .dropmenu > .buttonbox > a:active {
  background-color: #d4794c;
  border: none;
  border-top: 2px solid #3c3f45;
}
#main_menu.contentbox {
  border-bottom: 4px solid #7c4531 !important;
  height: 36px;
}
#main_menu.contentbox:after {
  bottom: -8px !important;
}

#main_menu .dropmenu ul li {
  background-color: white;
}

/*#main_menu .collapsedHeaderHack {
	border-top-color:#525967 !important;
}
#main_menu>.dropmenu>.collapsedHeaderHack>a:active {
	border-top-color:#525967 !important;
}*/

.dropmenu,
.dropmenu ul {
  list-style: none;
  line-height: 1em;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  /*box-shadow: 0 10px 32px rgba(0, 0, 0, 0.5);*/
  background-color: #5b616e;
  position: relative;
}
#admin_menu .dropmenu:before,
#adm_submenus .dropmenu:before {
  display: block;
  box-sizing: border-box;
  content: "";
  width: 0px;
  height: calc(100% - 4px);
  position: absolute;
  bottom: 0px;
  right: -4px;
  border-left: 4px solid rgba(30, 28, 24, 0.43);
  border-top: 4px solid transparent;
}
.dropmenu ul {
  border-bottom: 4px solid rgba(0, 0, 0, 0.33);
}
.dropmenu ul:before {
  display: block;
  content: "";

  position: absolute;
  right: -4px;
  top: 4px;
  width: 0px;
  height: calc(100% - 4px);

  border-left: 4px solid rgba(0, 0, 0, 0.33);
  border-top: 4px solid transparent;
}
.dropmenu ul:after {
  display: block;
  content: "";

  position: absolute;
  bottom: -12px;
  width: 100%;
  height: 4px;

  border-top: 4px solid rgba(0, 0, 0, 0.33);
  border-left: 4px solid transparent;
}
.dropmenu {
  padding: 0;
}
.dropmenu a {
  display: block;
  color: #444;
  text-decoration: none;
}
.dropmenu a span {
  display: block;
  /* 	padding: 0 0 0 5px; */
}
/* the background's first level only */
.dropmenu li a.firstlevel {
  color: #fff;
  font-weight: bold;
  font-size: 9pt;
}
.dropmenu li a.firstlevel span.firstlevel {
  display: block;
  padding: 0 12px;
  /* 	position: relative;
	left: -5px;
	padding-left: 5px; */
  line-height: 32px;
  white-space: pre;
}
:not(#main_menu) > #drop.dropmenu li a.firstlevel:hover span.firstlevel,
:not(#main_menu) > .dropmenu li:hover a.firstlevel span.firstlevel {
  background: rgba(255, 255, 255, 0.2);
}
.dropmenu li {
  float: left;
  /* 	padding: 0;
	margin: 0; */
  position: relative;
  height: 100%;
}
.dropmenu li ul {
  z-index: 90;
  display: none;
  position: absolute;
  /* width: 19.2em; */
  /* border-bottom: 1px solid #999; */
  /* background: url(../images/theme/menu_gfx.png) 0 -130px no-repeat; */
  background-color: white;
  padding: 0 0 0 0;
  top: 32px;
  left: 0px;
  /* box-shadow: 0px 5px 10px rgba(0,0,0,0.5); */
}
#admin_menu > .dropmenu > li > ul {
  right: 0px;
  left: auto;
}
.dropmenu li ul li {
  width: 100%;
}
.dropmenu li ul a {
  padding: 0;
}
.dropmenu li ul span {
  top: 0;
}

.dropmenu li li {
  /*width: 256px;*/

  margin: 0;
  /* 	border-left: 1px solid #999;
	border-right: 1px solid #999; */
  background-color: white;
}
.dropmenu li li a span {
  display: block;
  padding: 8px;
  font-family: "Titillium Web", sans-serif;
  font-size: 10pt;
  font-rendering: auto;
  text-shadow: none;
  font-weight: bold;
  white-space: nowrap;
}
.dropmenu li li a {
  top: 0;
}

/* the active button */

:not(#menu_nav).dropmenu > li > a > span {
  /*border-bottom:2px solid rgba(0, 0, 0, 0.05);*/
  font-family: "Square", sans-serif;
  font-size: 14pt;
  text-transform: lowercase;
  font-weight: normal;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2), 1px 2px rgba(0, 0, 0, 0.2);
}
:not(#menu_nav).dropmenu > li > a.active > span {
  background-color: #6f737d;
  /*border-bottom:2px solid transparent;*/
}

.dropmenu li a.active span.firstlevel {
  /* background: url(../images/theme/menu_gfx.png) no-repeat 0 0; */
}
/* the hover effects */
.dropmenu li a.firstlevel:hover,
.dropmenu li:hover a.firstlevel {
  /* background: url(../images/theme/menu_gfx.png) no-repeat 100% -30px; */
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
.dropmenu li a.firstlevel:hover span.firstlevel,
.dropmenu li:hover a.firstlevel span.firstlevel {
  /* background: url(../images/theme/menu_gfx.png) no-repeat 0 -30px; */
}
/* the hover effects on level2 and 3 */
.dropmenu li li a:hover,
.dropmenu li li:hover > a {
  background-color: #d4dbe4;
  color: #000;
  text-decoration: none;
}

.dropmenu li:hover ul ul,
.dropmenu li:hover ul ul ul {
  top: -999em;
}
.dropmenu li li:hover ul {
  width: 150px;
  left: -150px;
  top: 0px;
  position: absolute;
  z-index: -100;
}

.dropmenu li:hover ul {
  display: block;
}
.dropmenu li li.additional_items {
  background-color: #fff;
}

/* The dropdown menu toggle image */
#menu_toggle {
  float: right;
  padding: 8px;
}
#menu_toggle span {
  position: relative;
  right: 5000px;
}

/* Styles for standard Buttons */

/* Styles for the standard button lists.
------------------------------------------------------- */
.buttonlist {
  margin: 0;
}
.buttonlist ul {
  padding: 0;
  margin: 0;
  vertical-align: baseline;
}
.buttonlist ul li,
.button_submit {
  margin: 0;
  padding: 0;
  /*float: left;*/
  list-style: outside none none;
  vertical-align: baseline;
  display: inline-block;
  position: relative;
  margin-bottom: 3px;
}

.buttonlist ul li a,
.button_submit {
  color: white;
  cursor: pointer;

  margin-left: 4px;

  padding: 0px 8px 1px;
  text-transform: uppercase;
  position: relative;
  box-sizing: content-box;
  border-bottom: 3px solid #7c4531;
  background-color: #c36544;
  border-radius: 1px;
  font-family: "Titillium Web", sans-serif;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.4em;
}
.buttonlist ul li a:before,
.button_submit:before {
  content: "";
  display: block;
  width: 0;
  height: calc(100% - 3px);
  position: absolute;
  right: -3px;
  top: 3px;
  border-top: 3px solid;
  border-color: transparent;
  border-left: 3px solid RGBA(30, 28, 24, 0.43);
}
.buttonlist ul li a:after,
.button_submit:after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -6px;
  border-left: 3px solid;
  border-color: transparent;
  border-top: 3px solid RGBA(30, 28, 24, 0.43);
}
.buttonlist ul li a:hover,
.button_submit:hover {
  background-color: #d4794c;
}
.buttonlist ul li a:active,
.button_submit:active {
  border: none;
  margin-bottom: 6px;
  top: 3px;
}

.buttonlist ul li a:active:before,
.button_submit:active:before {
  content: "";
  display: none;
}
.buttonlist ul li a:active:after,
.button_submit:active:after {
  content: "";
  display: none;
}

.align_top ul li a,
.align_bottom ul li a {
  margin: 0 12px 0 0;
}

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

#adm_submenus {
  overflow: hidden;
  float: right;
  padding-right: 4px;
}
#adm_submenus ul {
  float: right;
}

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

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

/* the main title, always stay at 45 pixels in height! */
h1.forumtitle {
  line-height: 45px;
  font-size: 1.8em;
  font-family: Geneva, verdana, sans-serif;
  margin: 0;
  padding: 0;
  float: left;
}
/* float these items to the right */
#siteslogan,
img#smflogo {
  margin: 0;
  padding: 0;
  float: right;
  line-height: 3em;
}
h3,
h4 {
  /* padding-bottom: 3px; */
}
/* the upshrink image needs some tweaking */
img#upshrink {
  position: absolute;
  top: 0;
  right: 0;
  margin: 10px 16px;
  z-index: 10;
}
/* ..so does the SMF logo */
img#smflogo {
  margin-left: 1em;
}
/* the upper_section, float the two each way */
#upper_section {
  /* padding: 5px;
	margin-bottom: 1.5em; */
}
#upper_section .flexbanners {
  width: 100%;
  height: 100%;
  overflow: hidden;

  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */

  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  flex-flow: row wrap;

  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
#upper_section ul li.greeting {
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.5em;
  height: 16px;
}
#upper_section div.news {
  /* 	width: 50%;
	float: right;
	text-align: right; */

  max-height: 81px;
  overflow: hidden;
  background-color: #3c3f45;
  padding: 0 4px;
}

.newslabel {
  position: absolute;
  width: 144px;
  height: 21px;
  transform: rotate(-90deg);
  top: 61px;
  left: -60px;
  text-align: center;
  font-family: square;
  font-size: 24px;
  color: rgba(0, 0, 0, 0.5);
}
#guest_form {
  overflow: hidden;
}
#guest_form .info {
  padding: 4px 0;
  line-height: 1.3em;
}
div#upper_section div.user {
  /* 	width: 50%;
	float: left;
	overflow: auto; */

  max-height: 81px;
  overflow: hidden;
  background-color: #3c3f45;
  padding: 0 4px;
}
div#upper_section div.user p {
  float: left;
  margin: 0 1em 1em 0;
  padding: 0;
}
div#upper_section div.user ul {
  margin: 0;
  padding-left: 10px;
}
div#upper_section div.user ul li {
  margin-bottom: 2px;
}
div#upper_section div.news p {
  display: inline;
}
div#upper_section div.news form {
  padding-bottom: 10px;
}
div#upper_section div.news .featureditem {
  display: none;
}
div#upper_section div.user .newsitem {
  display: none;
}
.featureditem,
.newsitem {
  background-color: #555;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  float: left;
  height: 65px;
  margin: 8px 4px;
  overflow: hidden;
  width: 150px;
  position: relative;
}
.featureditem:before,
.newsitem:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: absolute;
  top: 0px;
  left: 0px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 4px;
}

/* clearing the floats */
#top_section {
  min-height: 65px;
  overflow: hidden;
  background-color: #3f485a;
}
#upper_section {
  /* overflow: hidden; */
}

/* The navigation list (i.e. linktree) */
.navigate_section {
  padding: 6px;
  padding-left: 8px;
  padding-right: 0;
  margin: 0 0 0 0;
}
.navigate_section ul {
  display: block;
  margin: 0;
  font-size: 1.2em;
  font-family: "titillium web";

  padding: 1em 0 0.5em 0;
  /* border-top: 1px solid #ccc; */
  overflow: hidden;
  list-style: none;
  clear: both;
  width: 100%;
}
.navigate_section ul li {
  float: left;
  padding: 0 0.5em 0 0;
}
.navigate_section ul li a {
  white-space: pre;
  color: #bbb;
  font-family: "titillium web";
  font-size: 0.85em;
  font-weight: bold;
  text-rendering: geometricprecision;
  text-shadow: 1px 1px rgba(30, 28, 24, 0.4);
}

/* The footer wih copyright links etc. */
#footer_section {
  text-align: center;
  background-color: #606672;
  /*border-top:2px solid rgba(255,255,255,0.075);*/
  padding: 0;
  margin-top: 0;

  /* 	background: url(../images/theme/main_block.png) no-repeat 0 -820px;
	padding-left: 20px; */

  font-family: "titillium web" !important;
  font-size: 12pt;
}
#footer_section span.smalltext {
  font-size: 100%;
  font-family: "titillium web" !important;
}
#footer_section div.frame {
  /* background: url(../images/theme/main_block.png) no-repeat 100% -820px; */
  /* 	display: block;
	padding: 60px 0 0 0; */
}
#footer_section ul {
  margin: 0;
  padding: 16px;
}
#footer_section ul li,
#footer_section p {
  font-size: 0.75em;
}
#footer_section a {
  color: #ddd;
  font-weight: bold;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
#footer_section ul li {
  display: inline;
  padding-right: 5px;
}
#footer_section ul li.copyright {
  display: block;
}
select.qaction,
input.qaction {
  font-size: 0.85em;
  padding: 0;
}
#mlist table tbody td.windowbg2 {
  text-align: center;
}

/* Styles for a typical table.
------------------------------------------------------- */
table.table_list {
  width: 100%;
}
table.table_list p {
  padding: 0;

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

/* Styles for the board index.
------------------------------------------------- */
.table_list tbody.content td.info {
  padding: 12px;
}

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

#boardindex_table p {
  /* color:#4d4844 !important; */
}

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

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

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

#upshrinkHeaderIC {
  margin-top: 4px;
}
dl#ic_recentposts {
  margin: 0 0 0.5em 0;
  padding: 0.5em;
  line-height: 1.3em;
}
dl#ic_recentposts dt {
  float: left;
}
dl#ic_recentposts dd {
  text-align: right;
}
#upshrinkHeaderIC p {
  margin: 0 0 0.5em 0;
  padding: 0.5em;

  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
}
#upshrinkHeaderIC p.last {
  margin: 0;
  padding: 0.5em;
  background-color: #aea299;

  -webkit-flex-grow: 0;
  -ms-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
}
#upshrinkHeaderIC p.inline {
  border: none;
  margin: 0;
  padding: 0.2em 0.5em 0.2em 0.5em;
}
#upshrinkHeaderIC p.stats {
  font-size: 1.1em;
  padding-top: 8px;
}

#upshrinkHeaderIC .contentbox {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */

  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;

  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
}
#upshrinkHeaderIC .flexcolumn {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */

  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;

  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
}
#upshrinkHeaderIC .flexrow {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */

  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;

  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
}

form#ic_login {
  padding: 0.5em;
  height: 2em;
}
form#ic_login ul li {
  margin: 0;
  padding: 0;
  float: left;
  width: 20%;
  text-align: center;
}
form#ic_login ul li label {
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

/* onto the posts */
#forumposts {
  clear: both;
}
#forumposts .cat_bar {
  /* margin: 0 0 2px 0; */
}
/* author and topic information */
#forumposts h3 span#author {
  margin: 0 5.25em 0 0;
}
#forumposts h3 img {
  float: left;
  margin: 4px 0.5em 0 0;
}
#forumposts h3.catbg {
  margin-bottom: 3px;
  font-size: 16pt;
}
#forumposts h3.catbg img {
  float: left;
  margin: 4px 12px 0 0;
}
p#whoisviewing {
  margin: 0;
  padding: 0.5em;
}
/* poster and postarea + moderation area underneath */
.post_wrapper {
  width: 100%;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
}
.poster {
  float: left;
  width: 12em; /* set to width from min-width to scale down large images */
  padding: 1em;
}
.postarea {
  max-width: calc(100% - 14em); /* to scale down large images */
  /* margin: 0 0 0 15em; */
  position: relative;
  float: left;

  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */

  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;

  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
}
.pmflex {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */

  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;

  -webkit-flex-grow: 2;
  -ms-flex-grow: 2;
  -moz-flex-grow: 2;
  flex-grow: 2;
}
.moderatorbar {
}
#tag_cloud a {
  padding: 0 6px;
}
.tagarea {
  padding: 0.25em;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding-left: 36px;
  padding: 0.5em 0 0.5em;
  height: 21px;
}
.windowbg.tagarea > div,
.windowbg.tagarea > a {
  font-size: 10pt;
  font-weight: bold;
  margin-right: 8px;
  padding: 0 6px 0 6px;
  box-sizing: border-box;
  line-height: 1.5em;
  display: inline-block;
  overflow: hidden;
}
.post_tag {
  background-color: #cfbca4;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 3px;
}
.delete_tag {
  border-left: 1px solid rgba(0, 0, 0, 0.125);
  padding-left: 6px;
  margin-left: 4px;
  font-weight: normal;
}
.postarea div.flow_hidden {
  padding: 0.5em;
}

.moderatorbar {
  clear: right;
}
/* poster details and list of items */

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

/* The quick buttons */
div.quickbuttons_wrap {
  padding: 0.2em 0;
  display: inline-block;
  position: absolute;
  top: 6px;
  right: 16px;
}

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

.post {
  clear: right;
  position: relative;

  -webkit-flex-grow: 2;
  -ms-flex-grow: 2;
  -moz-flex-grow: 2;
  flex-grow: 2;
}
.inner {
  padding: 1em;
}
img.smiley {
  vertical-align: bottom;
}
#forumposts .modified {
  float: left;
  padding: 0.75em;
  padding-top: 0;
}
#forumposts .reportlinks {
  /* margin-right: 1.5em; */

  text-align: right;
  clear: right;
  padding: 0.75em;
  padding-top: 0;
}
#forumposts .signature,
.post .signature {
  /* margin: 1em 0 0 0; */
}
#forumposts span.botslice {
  clear: both;
}
.attachments hr {
  clear: both;
  margin: 1em 0 1em 0;
}
.attachments {
  padding: 1em 0 2em 0;
}
.attachments div {
  padding: 0 0.5em;
}

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

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

/* Separator of posts. More useful in the print stylesheet. */
#forumposts .post_separator {
  border-bottom: 2px solid #9a8f86;
  height: 0px;
  margin: 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: 0.5em 0 0 0;
  font-weight: bold;
}
#post_header dd,
.postbox dd {
  float: left;
  padding: 0;
  width: 83%;
  margin: 0.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: 0.5em 0;
  padding: 0;
  border-bottom: 1px solid #cacdd3;
  padding: 0.5em;
}
#postAttachment dd,
#postAttachment2 dd {
  margin: 0.3em 0 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: 0.5em;
}
.post_verification #verification_control {
  margin: 0.3em 0 0.3em 1em;
}
/* The BBC buttons */
#bbcBox_message {
  margin: 0.75em 0.5em;
}
#bbcBox_message div {
  margin: 0.2em 0;
  vertical-align: top;
}
#bbcBox_message div img {
  margin: 0 1px 0 0;
  vertical-align: top;
}
#bbcBox_message select {
  margin: 0 2px;
}
/* The smiley strip */
#smileyBox_message {
  margin: 0.5em;
}

/* Styles for edit event section
---------------------------------------------------- */
#post_event .roundframe {
  padding: 0 12%;
}
#post_event fieldset {
  padding: 0.5em;
  clear: both;
}
#post_event #event_main input {
  margin: 0 0 1em 0;
  float: left;
}
#post_event #event_main div.smalltext {
  width: 33em;
  float: right;
}
#post_event div.event_options {
  float: right;
}
#post_event ul.event_main,
ul.event_options {
  padding: 0;
  overflow: hidden;
}
#post_event ul.event_main li {
  list-style-type: none;
  margin: 0.2em 0;
  width: 49%;
  float: left;
}
#post_event ul.event_options {
  margin: 0;
  padding: 0 0 0.7em 0.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 {
}
#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 0.7em 0.7em;
  list-style: none;
}
#edit_poll ul.poll_main li {
  margin: 0.2em 0;
}
#edit_poll dl.poll_options dt {
  width: 33%;
  padding: 0 0 0 1em;
}
#edit_poll dl.poll_options dd {
  width: 65%;
}
#edit_poll dl.poll_options dd input {
  margin-left: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

dl.register_form dt span {
  display: block;
}

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

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

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

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

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

/* common for all admin sections */
h3.titlebg img {
  vertical-align: middle;
  margin-right: 0.5em;
  margin-top: -1px;
}
tr.titlebg td {
  padding-left: 0.7em;
}
#admin_menu {
  min-height: 2em;
  padding-right: 4px;
}
#admin_content {
  clear: left;
}
/* 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;
  font-family: "Titillium Web", sans-serif;
  font-size: 14px;
}
#left_admsection {
  width: 160px;
  float: left;
  margin-right: 16px;
}
#left_admsection #admin_menu {
  display: none;
}
.adm_section h4.titlebg {
  font-size: 95%;
  margin-bottom: 5px;
}
#main_container {
  position: relative;
}
.left_admmenu li {
  padding: 2px 4px;
}
.left_admmenu a {
  color: #334466;
}
.left_admmenu {
  padding: 4px;
}
#main_admsection {
  float: left;
  width: calc(100% - 176px);
}

tr.windowbg td,
tr.windowbg2 td,
tr.approvebg td,
tr.highlight2 td {
  padding: 0.3em 0.7em;
  padding: 8px 16px;
}
#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;
  display: none;
}
#topic_icons .description {
  margin: 0;
}
.topic_table table thead {
}
/* the subject column */
.topic_table td {
  font-size: 1em;
}
.topic_table td.subject div {
  padding: 12px;
}
.topic_table td.subject p {
  font-size: 0.85em;
  padding: 0;
  padding-top: 5px;
  margin: 0;
}
.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: 5px;
  padding-left: 8px;
}
.topic_table td.stickybg2 {
  background-image: url(../images/icons/quick_sticky.gif);
  background-repeat: no-repeat;
  background-position: 98% 4px;
}
.topic_table td.lockedbg2 {
  background-image: url(../images/icons/quick_lock.gif);
  background-repeat: no-repeat;
  background-position: 98% 4px;
}
.topic_table td.locked_sticky2 {
  background-image: url(../images/icons/quick_sticky_lock.gif);
  background-repeat: no-repeat;
  background-position: 98% 4px;
}
.topic_table td.lastpost {
  background-image: none;
}

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

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

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

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

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

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

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

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

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

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

/* Activity by time */
#activitytime {
  margin: 16px 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: 1px solid rgba(0, 0, 0, 0.125);
  padding-top: 6px;
  padding-bottom: 6px;
  margin-top: 6px;
  overflow-x: auto;
  overflow-y: hidden;
}

.core_posts {
  /*margin-bottom: 3px;*/
  border-top: 2px solid #9a8f86;
}

.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;
}

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

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

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

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

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

#personal_messages h3 span#author,
#personal_messages h3 span#topic_title {
  float: left;
}
#personal_messages h3 span#author {
  margin: 0 0 0 0.5em;
}
#personal_messages h3 span#topic_title {
  margin: 0 0 0 9em;
}
#personal_messages div.labels {
  padding: 0.5em 0.5em 0.5em 0;
}
#personal_messages .capacity_bar {
  background: #f0f4f7;
  display: block;
  margin: 8px;
  height: calc(100% - 12px);

  width: 10em;
  overflow: hidden;
  border-radius: 2px;
}
#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: #555;
  padding: 0 1.25em 0.5em 1.25em;
}
#addrule fieldset {
  clear: both;
}

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

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

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

a.modify_event {
  color: red;
}

span.hidelink {
  font-style: italic;
}

#calendar_navigation {
  text-align: center;
}

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

/* Styles for the basic search section.
------------------------------------------------- */
#searchform,
#simple_search p {
  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;
  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 {
}
#helpmain {
  padding: 16px;
}
#helpmain p {
  margin: 0 0 1em 0;
  line-height: 1.5em;
}
#helpmain ul {
  line-height: 1.25em;
}

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

  .tborder {
    border: none;
  }
}

/* Styles for Admin section.
------------------------------------------------------- */
.windowbg.nopadding {
  margin: 0 !important;
}

/* Styles for Hexquisite Corpse Collab
------------------------------------------------------- */
#HexquisiteCanvas {
  width: 992px;
  height: 1056px;
  position: relative;
  font-family: verdana;
  color: rgba(0, 0, 0, 0.75);
  font-size: 11pt;
  overflow: hidden;
  padding-bottom: 32px;
  background-repeat: no-repeat;
  margin: 0 auto;
  line-height: 1.2em;
  background-image: url("../images/hexquisite/canvas.png");
  background-repeat: no-repeat;
}

#HexquisiteImage {
  position: absolute;
  top: 0;
  left: 0;
}

.HexquisiteTile {
  width: 112px;
  height: 96px;
  position: absolute;
  left: 0px;
  top: 0px;
  visibility: visible;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.33);
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.HexquisiteTile .timer {
  font-size: 9pt;
}

.HexquisiteTile .status {
  text-align: center;
  padding-top: 20px;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

.HexquisiteTile.available {
  background-image: url("../images/hexquisite/available.png");
  color: rgba(0, 0, 0, 0.75);
}

.HexquisiteTile.claimed {
  background-image: url("../images/hexquisite/unavailable.png");
  color: rgba(0, 0, 0, 0.75);
}

.HexquisiteTile.complete {
  background-image: url("../images/hexquisite/complete.png");
  color: rgba(255, 255, 255, 0.75);
}

.unselectable {
  pointer-events: none;
}

.hexcomplete .HexquisiteTile.complete {
  background-image: url("../images/hexquisite/hoverbg.png");
  opacity: 0;
}
.hexcomplete .HexquisiteTile.complete:hover {
  opacity: 100;
}
.hexcomplete .HexquisiteTile .timer {
  display: none;
}

/* Force nearest neighbor where possible for img.zoom */
img.zoom {
  image-rendering: optimizeSpeed; /* Legal fallback                 */
  image-rendering: -moz-crisp-edges; /* Firefox                        */
  image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
  image-rendering: pixelated; /* CSS3                           */
  -ms-interpolation-mode: nearest-neighbor; /* IE8+                           */
}

/* scale down large images */
.post > .inner > img:not(.zoomed),
.content > .list_posts > img:not(.zoomed) {
  max-width: 100%;
}

canvas.zoom {
  position: absolute;
  left: 0;
  top: 0;
}

.zoom-wrapper {
  display: inline-block;
  position: relative;
}

/* Spoiler button/box styling */
.spoiler {
  font-size: 11px;
  height: 24px;
  margin: 5px 0 0;
}

.spoiler:before {
  content: "\25B8\A0";
}

.spoiler.open:before {
  content: "\25BE\A0";
}

.spoiler + div {
  display: none;
  padding: 5px;
  background: rgba(0, 0, 0, 0.1);
}

/* Make the reCAPTCHA dialog centered to match the positioning of the built-in verification */
.g-recaptcha div div {
  margin: auto;
}