@charset "UTF-8";
@font-face {
  font-family: "Lato";
  src: url("/bundles/mediatrustfrontend/fonts/lato/lato-light.eot");
  src: url("/bundles/mediatrustfrontend/fonts/lato/lato-light.eot?#iefix") format("embedded-opentype"), url("/bundles/mediatrustfrontend/fonts/lato/lato-light.woff2") format("woff2"), url("/bundles/mediatrustfrontend/fonts/lato/lato-light.woff") format("woff"), url("/bundles/mediatrustfrontend/fonts/lato/lato-light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/bundles/mediatrustfrontend/fonts/lato/lato-lightitalic.eot");
  src: url("/bundles/mediatrustfrontend/fonts/lato/lato-lightitalic.eot?#iefix") format("embedded-opentype"), url("/bundles/mediatrustfrontend/fonts/lato/lato-lightitalic.woff2") format("woff2"), url("/bundles/mediatrustfrontend/fonts/lato/lato-lightitalic.woff") format("woff"), url("/bundles/mediatrustfrontend/fonts/lato/lato-lightitalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url("/bundles/mediatrustfrontend/fonts/lato/lato-regular.eot");
  src: url("/bundles/mediatrustfrontend/fonts/lato/lato-regular.eot?#iefix") format("embedded-opentype"), url("/bundles/mediatrustfrontend/fonts/lato/lato-regular.woff2") format("woff2"), url("/bundles/mediatrustfrontend/fonts/lato/lato-regular.woff") format("woff"), url("/bundles/mediatrustfrontend/fonts/lato/lato-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/bundles/mediatrustfrontend/fonts/lato/lato-italic.eot");
  src: url("/bundles/mediatrustfrontend/fonts/lato/lato-italic.eot?#iefix") format("embedded-opentype"), url("/bundles/mediatrustfrontend/fonts/lato/lato-italic.woff2") format("woff2"), url("/bundles/mediatrustfrontend/fonts/lato/lato-italic.woff") format("woff"), url("/bundles/mediatrustfrontend/fonts/lato/lato-italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url("/bundles/mediatrustfrontend/fonts/lato/lato-bold.eot");
  src: url("/bundles/mediatrustfrontend/fonts/lato/lato-bold.eot?#iefix") format("embedded-opentype"), url("/bundles/mediatrustfrontend/fonts/lato/lato-bold.woff2") format("woff2"), url("/bundles/mediatrustfrontend/fonts/lato/lato-bold.woff") format("woff"), url("/bundles/mediatrustfrontend/fonts/lato/lato-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/bundles/mediatrustfrontend/fonts/lato/lato-bolditalic.eot");
  src: url("/bundles/mediatrustfrontend/fonts/lato/lato-bolditalic.eot?#iefix") format("embedded-opentype"), url("/bundles/mediatrustfrontend/fonts/lato/lato-bolditalic.woff2") format("woff2"), url("/bundles/mediatrustfrontend/fonts/lato/lato-bolditalic.woff") format("woff"), url("/bundles/mediatrustfrontend/fonts/lato/lato-bolditalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
/* CSS Reset http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126
---------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

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

/* General Markup Styles
---------------------------------------- */
html {
  font-size: 100%;
  /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
  height: 101%;
}

body {
  /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
  /* font-family: Verdana, Helvetica, Arial, sans-serif; */
  font-family: "Lato", Arial, Verdana;
  /*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
  font-size: 11px;
  line-height: normal;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
}

h1 {
  /* Forum name */
  font-family: "Lato", Arial, Helvetica, sans-serif;
  margin-right: 200px;
  margin-top: 15px;
  font-weight: bold;
  font-size: 2em;
}

h2 {
  /* Forum header titles */
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1.5em;
  margin: 0.8em 0 0.2em 0;
  max-width: 75%;
}

h2.solo {
  margin-bottom: 1em;
}

h4 {
  /* Forum and topic list titles */
  font-family: "Lato", Verdana, Helvetica, Arial, Sans-serif;
  font-size: 1.3em;
}

p {
  line-height: 1.3em;
  font-size: 1.1em;
  margin-bottom: 1.5em;
}

img {
  border-width: 0;
}

hr {
  /* Also see tweaks.css */
  border: 0 solid transparent;
  border-top-width: 1px;
  height: 1px;
  margin: 5px 0;
  display: block;
  clear: both;
}

hr.dashed {
  border-top-style: dashed;
  margin: 10px 0;
}

hr.divider {
  display: none;
}

p.right {
  text-align: right;
}

p.jumpbox-return {
  display: inline-block;
  margin-top: 1em;
}

b, strong {
  font-weight: bold;
}

i, em {
  font-style: italic;
}

u {
  text-decoration: underline;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

li {
  display: list-item;
}

ul ul, ol ul {
  list-style-type: circle;
}

ol ol ul, ol ul ul, ul ol ul, ul ul ul {
  list-style-type: square;
}

/* Main blocks
---------------------------------------- */
#wrap {
  border: 1px solid transparent;
  margin: 0 auto;
  max-width: 990px;
  min-width: 625px;
  padding: 15px;
}

@media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) {
  #wrap {
    margin: 0 12px;
  }
}
#page-body {
  margin: 4px 0;
  clear: both;
}

#page-footer {
  clear: both;
}

#page-footer h3 {
  margin-top: 20px;
}

.logo {
  float: left;
  width: auto;
  padding: 10px 13px 0 10px;
}

.logo:hover {
  text-decoration: none;
}

/* Site description and logo */
#site-description {
  float: left;
  width: 65%;
}

#site-description h1 {
  margin-right: 0;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
  margin-bottom: 4px;
  padding: 5px;
  border-radius: 0;
}

.navbar {
  padding: 3px 10px;
  border-radius: 0;
}

.forabg {
  margin-bottom: 4px;
  padding: 5px;
  clear: both;
}

.panel {
  margin-bottom: 4px;
  padding: 5px 10px;
  border-radius: 7px;
}

.post {
  padding: 5px 10px;
  margin-bottom: 4px;
  background-repeat: no-repeat;
  background-position: 100% 0;
  border-radius: 7px;
  position: relative;
}

.rowbg {
  margin: 5px 5px 2px 5px;
}

/* Horizontal lists
----------------------------------------*/
.navbar ul.linklist {
  padding: 2px 0;
}

ul.linklist {
  display: block;
  margin: 0;
}

#cp-main .panel {
  padding: 5px 10px;
}

ul.linklist > li {
  float: left;
  font-size: 1.1em;
  line-height: 2.2em;
  list-style-type: none;
  margin-right: 7px;
  padding-top: 1px;
  width: auto;
}

ul.linklist > li.rightside, p.rightside, a.rightside {
  float: right;
  margin-right: 0;
  margin-left: 7px;
  text-align: right;
}

ul.navlinks {
  border-top: 1px solid transparent;
}

ul.leftside {
  float: left;
  margin-left: 0;
  margin-right: 5px;
  text-align: left;
}

ul.rightside {
  float: right;
  margin-left: 5px;
  margin-right: -5px;
  text-align: right;
}

ul.linklist li.responsive-menu {
  position: relative;
  margin: 0 5px;
}

ul.linklist li.responsive-menu a.responsive-menu-link {
  display: inline-block;
  margin: 0 5px;
  font-size: 16px;
  position: relative;
  width: 16px;
  line-height: 20px;
  text-decoration: none;
}

ul.linklist li.responsive-menu a.responsive-menu-link:before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  height: 0.125em;
  width: 14px;
  border-bottom: 0.125em solid transparent;
  border-top: 0.375em double transparent;
}

.hasjs ul.linklist.leftside, .hasjs ul.linklist.rightside {
  max-width: 48%;
}

.hasjs ul.linklist.fullwidth {
  max-width: none;
}

li.responsive-menu.dropdown-right .dropdown {
  left: -9px;
}

li.responsive-menu.dropdown-left .dropdown {
  right: -6px;
}

ul.linklist .dropdown {
  top: 22px;
}

ul.linklist .dropdown-up .dropdown {
  bottom: 18px;
  top: auto;
}

/* Bulletin icons for list items
----------------------------------------*/
ul.linklist.bulletin > li:before {
  display: inline-block;
  content: "•";
  font-size: inherit;
  line-height: inherit;
  padding-right: 4px;
}

ul.linklist.bulletin > li:first-child:before,
ul.linklist.bulletin > li.rightside:last-child:before {
  content: none;
}

ul.linklist.bulletin > li.no-bulletin:before {
  content: none;
}

.responsive-menu:before {
  display: none !important;
}

/* Profile in overall_header.html */
.header-profile {
  display: inline-block;
  vertical-align: top;
}

.header-avatar:hover {
  text-decoration: none;
}

.header-avatar img {
  margin-bottom: 2px;
  max-height: 20px;
  vertical-align: middle;
  width: auto;
}

.header-avatar span:after {
  content: "▼";
  display: inline-block;
  font-size: 9px;
  float: right;
  padding-left: 2px;
  opacity: 0.7;
}

/* Dropdown menu
----------------------------------------*/
.dropdown-container {
  position: relative;
}

.dropdown-container-right {
  float: right;
}

.dropdown-container-left {
  float: left;
}

.nojs .dropdown-container:hover .dropdown {
  display: block !important;
}

.dropdown {
  position: absolute;
  left: 0;
  top: 1.2em;
  z-index: 2;
  border: 1px solid transparent;
  border-radius: 5px;
  padding: 9px 0 0;
  margin-right: -500px;
}

.dropdown.live-search {
  top: auto;
}

.dropdown-container.topic-tools {
  float: left;
}

.dropdown-up .dropdown {
  top: auto;
  bottom: 1.2em;
  padding: 0 0 9px;
}

.dropdown-left .dropdown, .nojs .rightside .dropdown {
  left: auto;
  right: 0;
  margin-left: -500px;
  margin-right: 0;
}

.dropdown-button-control .dropdown {
  top: 24px;
}

.dropdown-button-control.dropdown-up .dropdown {
  top: auto;
  bottom: 24px;
}

.dropdown .pointer, .dropdown .pointer-inner {
  position: absolute;
  width: 0;
  height: 0;
  border-top-width: 0;
  border-bottom: 10px solid transparent;
  border-left: 10px dashed transparent;
  border-right: 10px dashed transparent;
  -webkit-transform: rotate(360deg);
  /* better anti-aliasing in webkit */
  display: block;
}

.dropdown-up .pointer, .dropdown-up .pointer-inner {
  border-bottom-width: 0;
  border-top: 10px solid transparent;
}

.dropdown .pointer {
  right: auto;
  left: 10px;
  top: 0;
  z-index: 3;
}

.dropdown-up .pointer {
  bottom: 0;
  top: auto;
}

.dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer {
  left: auto;
  right: 10px;
}

.dropdown .pointer-inner {
  top: auto;
  bottom: -11px;
  left: -10px;
}

.dropdown-up .pointer-inner {
  bottom: auto;
  top: -11px;
}

.dropdown .dropdown-contents {
  z-index: 2;
  overflow: hidden;
  overflow-y: auto;
  border: 1px solid transparent;
  border-radius: 5px;
  padding: 5px;
  position: relative;
  min-width: 40px;
  max-height: 300px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.dropdown li {
  border-top: 1px dotted transparent;
  float: none !important;
  line-height: normal !important;
  font-size: 1em !important;
  list-style: none;
  margin: 0;
  padding-top: 4px;
  padding-bottom: 4px;
  white-space: nowrap;
  text-align: left;
}

.dropdown-contents > li {
  padding-right: 15px;
}

.dropdown-nonscroll > li {
  padding-right: 0;
}

.dropdown li:first-child, .dropdown li.separator + li, .dropdown li li {
  border-top: 0;
}

.dropdown li li:first-child {
  margin-top: 4px;
}

.dropdown li li:last-child {
  padding-bottom: 0;
}

.dropdown li li {
  border-top: 1px dotted transparent;
  padding-left: 18px;
}

.wrap .dropdown li, .dropdown.wrap li, .dropdown-extended li {
  white-space: normal;
}

.dropdown li.separator {
  border-top: 1px solid transparent;
  margin: 4px 0;
  padding: 0;
}

.dropdown li.separator:first-child, .dropdown li.separator:last-child {
  display: none !important;
}

/* Responsive breadcrumbs
----------------------------------------*/
.breadcrumbs .crumb {
  float: left;
  font-weight: bold;
  word-wrap: normal;
}

.breadcrumbs .crumb:before {
  content: "‹";
  font-weight: bold;
  padding: 0 0.5em;
}

.breadcrumbs .crumb:first-child:before {
  content: none;
}

.breadcrumbs .crumb a {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: bottom;
  overflow: hidden;
}

.breadcrumbs.wrapped .crumb a {
  letter-spacing: -0.3px;
}

.breadcrumbs.wrapped .crumb.wrapped-medium a {
  letter-spacing: -0.4px;
}

.breadcrumbs.wrapped .crumb.wrapped-tiny a {
  letter-spacing: -0.5px;
}

.breadcrumbs .crumb.wrapped-max a {
  max-width: 120px;
}

.breadcrumbs .crumb.wrapped-wide a {
  max-width: 100px;
}

.breadcrumbs .crumb.wrapped-medium a {
  max-width: 80px;
}

.breadcrumbs .crumb.wrapped-small a {
  max-width: 60px;
}

.breadcrumbs .crumb.wrapped-tiny a {
  max-width: 40px;
}

/* Table styles
----------------------------------------*/
table.table1 {
  width: 100%;
}

#ucp-main table.table1 {
  padding: 2px;
}

table.table1 thead th {
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1.3em;
  font-size: 1em;
  padding: 0 0 4px 3px;
}

table.table1 thead th span {
  padding-left: 7px;
}

table.table1 tbody tr {
  border: 1px solid transparent;
}

table.table1 td {
  font-size: 1.1em;
}

table.table1 tbody td {
  padding: 5px;
  border-top: 1px solid transparent;
}

table.table1 tbody th {
  padding: 5px;
  border-bottom: 1px solid transparent;
  text-align: left;
}

/* Specific column styles */
table.table1 .name {
  text-align: left;
}

table.table1 .posts {
  text-align: center;
  width: 7%;
}

table.table1 .joined {
  text-align: left;
  width: 15%;
}

table.table1 .active {
  text-align: left;
  width: 15%;
}

table.table1 .mark {
  text-align: center;
  width: 7%;
}

table.table1 .info {
  text-align: left;
  width: 30%;
}

table.table1 .info div {
  width: 100%;
  white-space: normal;
  overflow: hidden;
}

table.table1 .autocol {
  line-height: 2em;
  white-space: nowrap;
}

table.table1 thead .autocol {
  padding-left: 1em;
}

table.table1 span.rank-img {
  float: right;
  width: auto;
}

table.info td {
  padding: 3px;
}

table.info tbody th {
  padding: 3px;
  text-align: right;
  vertical-align: top;
  font-weight: normal;
}

.forumbg table.table1 {
  margin: 0;
}

.forumbg-table > .inner {
  margin: 0 -1px;
}

#color_palette_placeholder table {
  border-collapse: separate;
  border-spacing: 1px;
}

/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts
   Also see tweaks.css */
.column1 {
  float: left;
  clear: left;
  width: 49%;
}

.column2 {
  float: right;
  clear: right;
  width: 49%;
}

/* General classes for placing floating blocks */
.left-box {
  float: left;
  width: auto;
  text-align: left;
  max-width: 100%;
}

.left-box.profile-details {
  width: 80%;
}

.right-box {
  float: right;
  width: auto;
  text-align: right;
  max-width: 100%;
}

dl.details {
  /*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
  font-size: 1.1em;
}

dl.details dt {
  float: left;
  clear: left;
  width: 30%;
  text-align: right;
  display: block;
}

dl.details dd {
  margin-left: 0;
  padding-left: 5px;
  margin-bottom: 5px;
  float: left;
  width: 65%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.clearfix, fieldset dl, ul.topiclist dl, dl.polls {
  overflow: hidden;
}

fieldset.fields1 ul.recipients {
  list-style-type: none;
  line-height: 1.8;
  max-height: 150px;
  overflow-y: auto;
}

fieldset.fields1 dd.recipients {
  clear: left;
  margin-left: 1em;
}

fieldset.fields1 ul.recipients input.button2 {
  font-size: 0.8em;
  margin-right: 0;
  padding: 0;
}

fieldset.fields1 dl.pmlist > dt {
  width: auto !important;
}

fieldset.fields1 dl.pmlist dd.recipients {
  margin-left: 0 !important;
}

/* Action-bars (container for post/reply buttons, pagination, etc.)
---------------------------------------- */
.action-bar {
  font-size: 11px;
  margin: 4px 0;
}

.forabg + .action-bar {
  margin-top: 2em;
}

/* Pagination
---------------------------------------- */
.pagination {
  float: right;
  font-size: 1.1em;
  margin-top: 3px;
  text-align: right;
  width: auto;
}

.action-bar.bottom .pagination {
  margin-top: 0;
}

.pagination > ul {
  display: inline-block;
  list-style: none !important;
  margin-left: 5px;
}

.pagination > ul > li {
  display: inline-block !important;
  padding: 0;
  font-size: 100%;
  line-height: normal;
  vertical-align: middle;
}

.pagination li a, .pagination li span {
  border: 1px solid transparent;
  border-radius: 2px;
  display: block;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 13px;
  min-width: 10px;
  padding: 3px;
  text-align: center;
  text-decoration: none;
}

.pagination li.ellipsis span {
  border: none;
  padding: 0;
}

.pagination li.page-jump {
  margin-right: 5px;
}

.pagination li.page-jump a, .pagination li.next a, .pagination li.previous a {
  background-repeat: no-repeat;
  font-size: 0;
  height: 13px;
  width: 11px;
}

.pagination li.page-jump a {
  background-position: 0 2px;
  width: 24px;
}

.pagination li.next a {
  background-position: -50px 2px;
}

.pagination li.previous a {
  background-position: -30px 2px;
}

.pagination li.page-jump a:hover, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
  background-position: 0 -18px;
}

.pagination li.next a:hover {
  background-position: -50px -18px;
}

.pagination li.previous a:hover {
  background-position: -30px -18px;
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
  display: block;
  margin-top: 0;
  padding: 1px 0 1px 15px;
  font-size: 0.9em;
  background: none 0 50% no-repeat;
}

.row .pagination > ul {
  margin: 0;
}

.row .pagination li a, .row .pagination li span {
  border-radius: 1px;
  padding: 1px;
}

/* jQuery popups
---------------------------------------- */
.phpbb_alert {
  border: 1px solid transparent;
  display: none;
  left: 0;
  padding: 0 25px 20px 25px;
  position: fixed;
  right: 0;
  top: 150px;
  z-index: 50;
  width: 620px;
  margin: 0 auto;
}

@media only screen and (max-height: 500px), only screen and (max-device-width: 500px) {
  .phpbb_alert {
    top: 25px;
  }
}
.phpbb_alert .alert_close {
  display: block;
  float: right;
  width: 16px;
  height: 16px;
  overflow: hidden;
  text-decoration: none !important;
  background: transparent none 0 0 no-repeat;
  margin-top: -7px;
  margin-right: -31px;
}

.phpbb_alert .alert_close:hover {
  background-position: 0 -16px;
}

.phpbb_alert p {
  margin: 8px 0;
  padding-bottom: 8px;
}

.phpbb_alert label {
  display: block;
  margin: 8px 0;
  padding-bottom: 8px;
}

.phpbb_alert div.alert_text > p,
.phpbb_alert div.alert_text > label,
.phpbb_alert div.alert_text > select,
.phpbb_alert div.alert_text > textarea,
.phpbb_alert div.alert_text > input {
  font-size: 1.1em;
}

#darkenwrapper {
  display: none;
  position: relative;
  z-index: 44;
}

#darken {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: 45;
}

#loading_indicator {
  background: center center no-repeat;
  border-radius: 5px;
  display: none;
  opacity: 0.8;
  margin-top: -50px;
  margin-left: -50px;
  height: 50px;
  width: 50px;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 51;
}

/* Miscellaneous styles
---------------------------------------- */
#forum-permissions {
  float: right;
  width: auto;
  padding-left: 5px;
  margin-left: 5px;
  margin-top: 10px;
  text-align: right;
}

.copyright {
  padding: 5px;
  text-align: center;
}

.small {
  font-size: 0.9em !important;
}

.titlespace {
  margin-bottom: 15px;
}

.headerspace {
  margin-top: 20px;
}

.error {
  font-weight: bold;
  font-size: 1em;
}

div.rules {
  margin: 10px 0;
  font-size: 1.1em;
  padding: 5px 10px;
  border-radius: 7px;
}

div.rules ul, div.rules ol {
  margin-left: 20px;
}

p.post-notice {
  position: relative;
  padding: 5px;
  padding-left: 26px;
  min-height: 14px;
  margin-bottom: 1em;
}

p.post-notice:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 28px;
  background: transparent none 50% 50% no-repeat;
  pointer-events: none;
}

form > p.post-notice strong {
  line-height: 20px;
}

#jumpbox {
  margin: 5px 0;
}

.stat-block {
  clear: both;
}

#top {
  position: absolute;
  top: -20px;
}

.clear {
  display: block;
  clear: both;
  font-size: 1px;
  line-height: 1px;
  background: transparent;
}

/* Inner box-model clearing */
.inner:after,
ul.linklist:after,
.action-bar:after,
.notification_text:after,
.tabs-container:after,
#tabs > ul:after,
#minitabs > ul:after,
.postprofile .avatar-container:after {
  clear: both;
  content: "";
  display: block;
}

.hidden {
  display: none;
}

.smilies {
  vertical-align: text-bottom;
}

.icon-notification {
  position: relative;
}

.member-search {
  float: left;
  margin: 0;
  padding: 6px 10px;
}

.member-search strong {
  font-size: 0.95em;
}

.dropdown-extended {
  display: none;
  z-index: 1;
}

.dropdown-extended ul {
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
  clear: both;
}

.dropdown-extended ul li {
  padding: 0;
  margin: 0 !important;
  float: none;
  border-top: 1px solid;
  list-style-type: none;
  font-size: 0.95em;
  clear: both;
  position: relative;
}

.dropdown-extended ul li:first-child {
  border-top: none;
}

.dropdown-extended ul li.no_notifications {
  padding: 10px;
}

.dropdown-extended .dropdown-contents {
  max-height: none;
  padding: 0;
  position: absolute;
  width: 340px;
}

.nojs .dropdown-extended .dropdown-contents {
  position: relative;
}

.dropdown-extended .header {
  padding: 0 10px;
  font-family: "Lato", Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  text-shadow: 1px 1px 1px white;
  text-transform: uppercase;
  line-height: 30px;
  border-bottom: 1px solid;
  border-radius: 5px 5px 0 0;
}

.dropdown-extended .header .header_settings {
  float: right;
  font-weight: normal;
  text-transform: none;
}

.dropdown-extended .footer {
  text-align: center;
  font-size: 1.1em;
}

.dropdown-extended ul li a, .dropdown-extended ul li.no-url {
  padding: 8px;
}

.dropdown-extended .footer > a {
  padding: 5px 0;
}

.dropdown-extended ul li a, .notification_list dt > a, .dropdown-extended .footer > a {
  display: block;
  text-decoration: none;
}

.notification_list ul li img {
  float: left;
  max-height: 50px;
  max-width: 50px;
  width: auto !important;
  height: auto !important;
  margin-right: 5px;
}

.notification_list ul li p {
  margin-bottom: 4px;
  font-size: 1em;
}

.notification_list p.notification-reference,
.notification_list p.notification-location,
.notification_list li a p.notification-reason {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notification_list p.notification-time {
  font-size: 10px;
  margin: 0;
  text-align: right;
}

.notification_list div.notifications {
  margin-left: 50px;
  padding: 5px;
}

.notification_list div.notifications a {
  display: block;
}

.notification_list p.notifications_title {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-size: 13px !important;
}

.notification_list p.notifications_title strong {
  font-weight: bold;
}

.notification_list p.notifications_time {
  font-size: 10px !important;
}

.notification_text {
  margin-left: 58px;
}

/* Navbar specific list items
----------------------------------------*/
#quick-links {
  margin: 0 7px 0 0;
}

#quick-links a.responsive-menu-link {
  display: block;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  width: auto;
}

#quick-links a.responsive-menu-link:before {
  font-size: 16px;
  line-height: 16.5px;
}

.compact #quick-links a.responsive-menu-link {
  font-size: 0;
}

.compact .icon-notification > a > span, .compact .icon-pm > a > span {
  display: none;
}

.compact .icon-notification > a > strong, .compact .icon-pm > a > strong {
  padding-left: 2px;
}

.dropdown-page-jump .dropdown {
  top: 20px;
}

.dropdown-page-jump.dropdown-up .dropdown {
  bottom: 20px;
}

.dropdown-page-jump input.tiny {
  width: 50px;
}

.dropdown .clone.hidden + li.separator {
  display: none;
}

.dropdown .clone.hidden + li {
  border-top: none;
}

/* Link Styles
---------------------------------------- */
/* Links adjustment to correctly display an order of rtl/ltr mixed content */
a {
  direction: ltr;
  unicode-bidi: embed;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* Coloured usernames */
.username-coloured {
  font-weight: bold;
  display: inline !important;
  padding: 0 !important;
}

/* Links on gradient backgrounds */
.forumbg .header a, .forabg .header a, th a {
  text-decoration: none;
}

.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
  text-decoration: underline;
}

/* Navigation bar links */
li.breadcrumbs span:first-child > a {
  display: inline-block;
  padding-left: 17px;
}

/* Notification mark read link */
.dropdown-extended a.mark_read {
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 3px 0 0 3px;
  display: none;
  margin-top: -20px;
  position: absolute;
  z-index: 2;
  right: 0;
  top: 50%;
  width: 30px;
  height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.dropdown-extended li:hover a.mark_read {
  display: block;
}

.dropdown-extended a.mark_read:hover {
  width: 40px;
}

/* Links for forum/topic lists */
a.forumtitle {
  font-family: "Lato", Helvetica, Arial, Sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
}

a.forumtitle:hover {
  text-decoration: underline;
}

a.topictitle {
  font-family: "Lato", Helvetica, Arial, Sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
}

a.topictitle:hover {
  text-decoration: underline;
}

a.lastsubject {
  font-weight: bold;
  text-decoration: none;
}

a.lastsubject:hover {
  text-decoration: underline;
}

/* Post body links */
.postlink, .postlink-local {
  text-decoration: none;
  border-bottom: 1px solid transparent;
  padding-bottom: 0;
}

.postlink:hover, .postlink-local:hover {
  text-decoration: none;
}

.signature a, .signature a:hover {
  border: none;
  text-decoration: underline;
}

/* Profile links */
.postprofile a, .postprofile dt.author a {
  font-weight: bold;
  text-decoration: none;
}

.postprofile a:hover, .postprofile dt.author a:hover {
  text-decoration: underline;
}

/* Profile searchresults */
.search .postprofile a {
  text-decoration: none;
  font-weight: normal;
}

.search .postprofile a:hover {
  text-decoration: underline;
}

/* Back to top of page */
.back2top {
  clear: both;
  height: 11px;
  text-align: right;
}

a.top {
  background: none no-repeat top left;
  text-decoration: none;
  width: 11px;
  height: 11px;
  display: block;
  float: right;
  overflow: hidden;
  letter-spacing: 1000px;
  text-indent: 11px;
}

a.top2 {
  background: none no-repeat 0 50%;
  text-decoration: none;
  padding-left: 15px;
}

/* Arrow links  */
a.arrow-up {
  background: none no-repeat left center;
}

a.arrow-down {
  background: none no-repeat right center;
}

a.arrow-left {
  background: none no-repeat 3px 60%;
}

a.arrow-right {
  background: none no-repeat 95% 60%;
}

a.arrow-up {
  padding-left: 10px;
  text-decoration: none;
  border-bottom-width: 0;
}

a.arrow-up:hover {
  background-position: left top;
}

a.arrow-down {
  padding-right: 10px;
}

a.arrow-down:hover {
  background-position: right bottom;
  text-decoration: none;
}

a.arrow-left {
  padding-left: 12px;
}

a.arrow-left:hover {
  text-decoration: none;
  background-position: 0 60%;
}

a.arrow-right {
  padding-right: 12px;
}

a.arrow-right:hover {
  text-decoration: none;
  background-position: 100% 60%;
}

/* invisible skip link, used for accessibility  */
.skiplink {
  position: absolute;
  left: -999px;
  width: 990px;
}

/* Feed icon in forumlist_body.html */
a.feed-icon-forum {
  float: right;
  margin: 3px;
}

a.anchor {
  display: block;
}

/* Content Styles
---------------------------------------- */
ul.topiclist {
  display: block;
  list-style-type: none;
  margin: 0;
}

ul.forums {
  background: transparent none repeat-x 0 0;
}

ul.topiclist li {
  display: block;
  list-style-type: none;
  margin: 0;
  padding-bottom: 0.7em;
  padding-top: 0.7em;
}

ul.topiclist dl {
  position: relative;
}

ul.topiclist li.row dl {
  padding: 2px 0;
}

ul.topiclist dt, ul.topiclist dd {
  display: block;
  float: left;
}

ul.topiclist dt {
  width: 100%;
  margin-right: -440px;
  font-size: 1.1em;
}

ul.topiclist.missing-column dt {
  margin-right: -345px;
}

ul.topiclist.two-long-columns dt {
  margin-right: -250px;
}

ul.topiclist.two-columns dt {
  margin-right: -80px;
}

ul.topiclist dt .list-inner {
  margin-right: 440px;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 1.4em;
}

ul.topiclist.missing-column dt .list-inner {
  margin-right: 345px;
}

ul.topiclist.two-long-columns dt .list-inner {
  margin-right: 250px;
}

ul.topiclist.two-columns dt .list-inner {
  margin-right: 80px;
}

ul.topiclist dd {
  border-left: 1px solid transparent;
  padding: 4px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

ul.topiclist dfn {
  /* Labels for post/view counts */
  position: absolute;
  left: -999px;
  width: 990px;
}

ul.topiclist li.row dt a.subforum {
  background-image: none;
  background-position: 0 50%;
  background-repeat: no-repeat;
  position: relative;
  white-space: nowrap;
  padding: 0 0 0 12px;
}

.forum-image {
  float: left;
  padding-top: 5px;
  margin-right: 5px;
}

li.row {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

li.row strong {
  font-weight: normal;
}

li.header dt, li.header dd {
  line-height: 1em;
  border-left-width: 0;
  margin: 2px 0 4px 0;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 1em;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

li.header dt {
  font-weight: bold;
  width: 100%;
  margin-right: -440px;
}

li.header dt .list-inner {
  margin-right: 440px;
}

li.header dd {
  padding-left: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

li.header dl.icon dt, li.header dl.icon dd {
  min-height: 0;
}

li.header dl.icon dt .list-inner {
  /* Tweak for headers alignment when folder icon used */
  padding-left: 5px;
  padding-right: 50px;
}

/* Forum list column styles */
dl.icon {
  background-position: 10px 50%;
  /* Position of folder icon */
  background-repeat: no-repeat;
}

dl.icon dt {
  background-repeat: no-repeat;
  background-position: 5px 95%;
  /* Position of topic icon */
}

dl.icon dt .list-inner {
  padding-left: 45px;
  /* Space for folder icon */
}

dl.icon dt, dl.icon dd {
  min-height: 35px;
}

dl a.icon-link {
  /* topic row icon links */
  display: block;
  width: 30px;
  height: 30px;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -15px;
  margin-left: 9px;
}

dd.posts, dd.topics, dd.views, dd.extra, dd.mark {
  width: 80px;
  text-align: center;
  line-height: 2.2em;
  font-size: 1.2em;
}

dd.posts, dd.topics, dd.views {
  width: 95px;
}

/* List in forum description */
dl.icon dt ol,
dl.icon dt ul {
  list-style-position: inside;
  margin-left: 1em;
}

dl.icon dt li {
  display: list-item;
  list-style-type: inherit;
}

dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info {
  width: 250px;
  font-size: 1.1em;
}

dd.redirect {
  line-height: 2.5em;
}

dd.time {
  line-height: 200%;
}

dd.lastpost > span, ul.topiclist dd.info > span, ul.topiclist dd.time > span, dd.redirect > span, dd.moderation > span {
  display: block;
  padding-left: 5px;
}

dd.extra, dd.mark {
  line-height: 200%;
}

dd.option {
  width: 125px;
  line-height: 200%;
  text-align: center;
  font-size: 1.1em;
}

/* Post body styles
----------------------------------------*/
.postbody {
  padding: 0;
  line-height: 1.48em;
  width: 76%;
  float: left;
  position: relative;
}

.postbody .ignore {
  font-size: 1.1em;
}

.postbody h3.first {
  /* The first post on the page uses this */
  font-size: 1.7em;
}

.postbody h3 {
  /* Postbody requires a different h3 format - so change it here */
  float: left;
  font-size: 1.5em;
  padding: 2px 0 0 0;
  margin-top: 0 !important;
  margin-bottom: 0.3em !important;
  text-transform: none;
  border: none;
  font-family: "Lato", Verdana, Helvetica, Arial, sans-serif;
  line-height: 125%;
}

.postbody h3 img {
  /* Also see tweaks.css */
  vertical-align: bottom;
}

.has-profile .postbody h3 {
  /* If there is a post-profile, we position the post-buttons differently */
  float: none !important;
  margin-right: 200px;
}

.postbody .content {
  font-size: 1.3em;
  overflow-x: auto;
}

.postbody img.postimage {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.search .postbody {
  width: 68%;
}

/* Topic review panel
----------------------------------------*/
#review {
  margin-top: 2em;
}

#topicreview {
  padding-right: 5px;
  overflow: auto;
  height: 300px;
}

#topicreview .postbody {
  width: auto;
  float: none;
  margin: 0;
  height: auto;
}

#topicreview .post {
  height: auto;
}

#topicreview h2 {
  border-bottom-width: 0;
}

.post-ignore .postbody {
  display: none;
}

/* MCP Post details
----------------------------------------*/
#post_details {
  /* This will only work in IE7+, plus the others */
  overflow: auto;
  max-height: 300px;
}

/* Content container styles
----------------------------------------*/
.content {
  clear: both;
  min-height: 3em;
  overflow: hidden;
  line-height: 1.4em;
  font-family: "Lato", "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
  font-size: 1em;
  padding-bottom: 1px;
}

.content h2, .panel h2 {
  font-weight: normal;
  border-bottom: 1px solid transparent;
  font-size: 1.6em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
}

.panel h3 {
  margin: 0.5em 0;
}

.panel p {
  font-size: 1.2em;
  margin-bottom: 1em;
  line-height: 1.4em;
}

.content p {
  font-family: "Lato", "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  margin-bottom: 1em;
  line-height: 1.4em;
}

dl.faq {
  font-family: "Lato", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  font-size: 1.1em;
  margin-top: 1em;
  margin-bottom: 2em;
  line-height: 1.4em;
}

dl.faq dt {
  font-weight: bold;
}

.content dl.faq {
  font-size: 1.2em;
  margin-bottom: 0.5em;
}

.content li {
  list-style-type: inherit;
}

.content ul, .content ol {
  margin-bottom: 1em;
  margin-left: 3em;
}

.posthilit {
  padding: 0 2px 1px 2px;
}

/* Post author */
p.author {
  margin-bottom: 0.6em;
  padding: 0 0 5px 0;
  font-family: "Lato", Verdana, Helvetica, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.2em;
  clear: both;
}

/* Post signature */
.signature {
  margin-top: 1.5em;
  padding-top: 0.2em;
  font-size: 1.1em;
  border-top: 1px solid transparent;
  clear: left;
  line-height: 140%;
  overflow: hidden;
  width: 100%;
}

.signature.standalone {
  border-top-width: 0;
  margin-top: 0;
}

dd .signature {
  margin: 0;
  padding: 0;
  clear: none;
  border: none;
}

.signature li {
  list-style-type: inherit;
}

.signature ul, .signature ol {
  margin-bottom: 1em;
  margin-left: 3em;
}

/* Post noticies */
.notice {
  font-family: "Lato", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  width: auto;
  margin-top: 1.5em;
  padding-top: 0.2em;
  font-size: 1em;
  border-top: 1px dashed transparent;
  clear: left;
  line-height: 130%;
}

/* Jump to post link for now */
ul.searchresults {
  list-style: none;
  text-align: right;
  clear: both;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
  background: transparent none 6px 8px no-repeat;
  border: 1px solid transparent;
  font-size: 0.95em;
  margin: 0.5em 1px 0 25px;
  overflow: hidden;
  padding: 5px;
}

blockquote blockquote {
  /* Nested quotes */
  font-size: 1em;
  margin: 0.5em 1px 0 15px;
}

blockquote cite {
  /* Username/source of quoter */
  font-style: normal;
  font-weight: bold;
  margin-left: 20px;
  display: block;
  font-size: 0.9em;
}

blockquote cite cite {
  font-size: 1em;
}

blockquote.uncited {
  padding-top: 25px;
}

/* Code block */
.codebox {
  padding: 3px;
  border: 1px solid transparent;
  font-size: 1em;
}

.codebox p {
  text-transform: uppercase;
  border-bottom: 1px solid transparent;
  margin-bottom: 3px;
  font-size: 0.8em !important;
  font-weight: bold;
  display: block;
}

blockquote .codebox {
  margin-left: 0;
}

.codebox code {
  /* Also see tweaks.css */
  overflow: auto;
  display: block;
  height: auto;
  max-height: 200px;
  white-space: normal;
  padding-top: 5px;
  font: 0.9em Monaco, "Andale Mono", "Courier New", Courier, mono;
  line-height: 1.3em;
  margin: 2px 0;
}

/* Attachments
----------------------------------------*/
.attachbox {
  float: left;
  width: auto;
  max-width: 100%;
  margin: 5px 5px 5px 0;
  padding: 6px;
  border: 1px dashed transparent;
  clear: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.attachbox dt {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

.attachbox dd {
  margin-top: 4px;
  padding-top: 4px;
  clear: left;
  border-top: 1px solid transparent;
  overflow-x: auto;
}

.attachbox dd dd {
  border: none;
}

.attachbox p {
  line-height: 110%;
  font-weight: normal;
  clear: left;
}

.attachbox p.stats {
  line-height: 110%;
  font-weight: normal;
  clear: left;
}

.attach-image {
  margin: 3px 0;
  max-width: 100%;
}

.attach-image img {
  border: 1px solid transparent;
  /*	cursor: move; */
  cursor: default;
}

/* Inline image thumbnails */
div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
  display: block;
  margin-bottom: 4px;
}

div.inline-attachment p {
  font-size: 100%;
}

dl.file {
  font-family: "Lato", Verdana, Arial, Helvetica, sans-serif;
  display: block;
}

dl.file dt {
  text-transform: none;
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-family: "Lato", Verdana, Arial, Helvetica, sans-serif;
}

dl.file dd {
  margin: 0;
  padding: 0;
}

dl.thumbnail img {
  padding: 3px;
  border: 1px solid transparent;
  box-sizing: border-box;
}

dl.thumbnail dd {
  font-style: italic;
  font-family: "Lato", Verdana, Arial, Helvetica, sans-serif;
}

.attachbox dl.thumbnail dd {
  font-size: 100%;
}

dl.thumbnail dt a:hover img {
  border: 1px solid transparent;
}

/* Post poll styles
----------------------------------------*/
fieldset.polls {
  font-family: "Lato", Verdana, Helvetica, Arial, sans-serif;
}

fieldset.polls dl {
  margin-top: 5px;
  border-top: 1px solid transparent;
  padding: 5px 0 0 0;
  line-height: 120%;
}

fieldset.polls dl.voted {
  font-weight: bold;
}

fieldset.polls dt {
  text-align: left;
  float: left;
  display: block;
  width: 30%;
  border-right: none;
  padding: 0;
  margin: 0;
  font-size: 1.1em;
}

fieldset.polls dd {
  float: left;
  width: 10%;
  border-left: none;
  padding: 0 5px;
  margin-left: 0;
  font-size: 1.1em;
}

fieldset.polls dd.resultbar {
  width: 50%;
}

fieldset.polls dd input {
  margin: 2px 0;
}

fieldset.polls dd div {
  text-align: right;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: 0 2px;
  overflow: visible;
  min-width: 8px;
}

.pollbar1, .pollbar2, .pollbar3, .pollbar4, .pollbar5 {
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
}

.vote-submitted {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
  /* Also see tweaks.css */
  margin: 5px 10px 0 0;
  min-height: 80px;
  border: 1px solid transparent;
  border-width: 0 1px 0 0;
  width: 22%;
  float: left;
  display: inline;
}

.postprofile dd, .postprofile dt {
  line-height: 1.2em;
  margin-left: 8px;
}

.postprofile dd {
  overflow: hidden;
  text-overflow: ellipsis;
}

.postprofile strong {
  font-weight: normal;
}

.postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date {
  margin-bottom: 10px;
}

/* Post-profile avatars */
.postprofile .has-avatar .avatar-container {
  margin-bottom: 3px;
  overflow: hidden;
}

.postprofile .avatar {
  display: block;
  float: left;
  max-width: 100%;
}

.postprofile .avatar img {
  display: block;
  height: auto !important;
  max-width: 100%;
}

.postprofile .profile-posts a {
  font-weight: normal;
}

dd.profile-warnings {
  font-weight: bold;
}

dd.profile-contact {
  overflow: visible;
}

.profile-contact .dropdown-container {
  display: inline-block;
}

.profile-contact .icon_contact {
  vertical-align: middle;
}

.profile-contact .dropdown {
  margin-right: -14px;
}

.online {
  background-image: none;
  background-position: 100% 0;
  background-repeat: no-repeat;
}

/* Poster profile used by search*/
.search .postprofile {
  width: 30%;
}

/* Profile used on view-profile */
.profile-avatar img {
  max-width: 100%;
}

/* pm list in compose message if mass pm is enabled */
dl.pmlist dt {
  width: 60% !important;
}

dl.pmlist dt textarea {
  width: 95%;
}

dl.pmlist dd {
  margin-left: 61% !important;
  margin-bottom: 2px;
}

.action-bar div.dl_links {
  padding: 10px 0 0 10px;
}

div.dl_links {
  display: inline-block;
  text-transform: none;
}

.dl_links strong {
  font-weight: bold;
}

.dl_links ul {
  list-style-type: none;
  margin: 0;
  display: inline-block;
}

.dl_links li {
  display: inline-block;
}

.attachment-filename {
  width: 100%;
}

.ellipsis-text {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

table.fixed-width-table {
  table-layout: fixed;
}

/* Show scrollbars for items with overflow on iOS devices
----------------------------------------*/
.postbody .content::-webkit-scrollbar, #topicreview::-webkit-scrollbar, #post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  -webkit-appearance: none;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}

.postbody .content::-webkit-scrollbar-thumb, #topicreview::-webkit-scrollbar-thumb, #post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
}

/* Button Styles
---------------------------------------- */
/* Rollover buttons
   Based on: http://wellstyled.com/css-nopreload-rollovers.html
----------------------------------------*/
.button {
  cursor: pointer;
  display: inline-block;
  height: 18px;
  font-size: 13px;
  white-space: nowrap;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent none 0 0 repeat-x;
  padding: 2px 8px;
  font-family: "Lato", "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
  position: relative;
  text-decoration: none !important;
  outline-style: none !important;
  vertical-align: bottom;
}

.dropdown-select {
  padding-right: 24px;
}

.icon-button:before {
  background: transparent 0 0 no-repeat;
  content: "";
  display: inline-block;
  float: right;
  height: 12px;
  margin: 3px 0 0 2px;
  width: 12px;
}

.dropdown-select.icon-button:before {
  margin-right: 4px;
}

.dropdown-select:after {
  background-position: -103px 10px;
  border-left: 1px solid;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 22px;
  width: 16px;
}

.dropdown-visible .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:after {
  background-position: -103px -10px;
}

.buttons, .buttons .button {
  float: left;
}

.buttons .button, .dropdown-select {
  margin-right: 5px;
}

#jumpbox .dropdown-select {
  margin: 0;
}

/* Big button images */
.reply-icon:before, .pmreply-icon:before {
  background-position: -20px 0;
}

.reply-icon:hover:before, .pmreply-icon:hover:before {
  background-position: -20px -20px;
}

.post-icon:before, .newpm-icon:before, .reply-all:before {
  background-position: 0 0;
}

.post-icon:hover:before,
.newpm-icon:hover:before,
.reply-all:hover:before {
  background-position: 0 -20px;
}

.locked-icon:before {
  background-position: -60px 0;
}

.locked-icon:hover:before {
  background-position: -60px -20px;
}

.forwardpm-icon:before {
  background-position: -40px 0;
}

.forwardpm-icon:hover:before {
  background-position: -40px -20px;
}

.modtools-icon {
  font-size: 0;
}

.tools-icon:before, .modtools-icon:before, .search-icon:before, .search-adv-icon:before {
  background-position: -80px 0;
  height: 16px;
  margin-top: 2px;
  width: 16px;
}

.dropdown-visible .tools-icon:before,
.nojs .dropdown-container:hover .tools-icon:before {
  background-position: -80px -20px;
}

.search-icon:before {
  background-position: -245px 0;
}

.search-icon:hover:before {
  background-position: -245px -20px;
}

.search-adv-icon:before {
  background-position: -265px 0;
}

.search-adv-icon:hover:before {
  background-position: -265px -20px;
}

.modtools-icon:before {
  background-position: -225px 0;
}

.dropdown-visible .modtools-icon:before,
.nojs .dropdown-container:hover .modtools-icon:before {
  background-position: -225px -20px;
}

/* Icon images
---------------------------------------- */
.small-icon {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-image: none;
}

.small-icon > a {
  display: inline-block;
  padding: 0 0 0 18px;
}

ul.linklist.bulletin > li.small-icon:before {
  display: none;
}

.dropdown .small-icon > a {
  display: block;
}

/* Poster contact icons
----------------------------------------*/
.contact-icons.dropdown-contents {
  min-width: 0;
  padding: 0;
  font-size: 0;
}

.contact-icon {
  background-repeat: no-repeat;
  display: block;
  height: 16px;
  width: 16px;
}

.contact-icons a {
  border-bottom: 1px dotted;
  border-right: 1px dotted;
  display: block;
  float: left;
  padding: 8px;
}

.contact-icons .last-cell {
  border-right: none;
}

.contact-icons div:last-child a {
  border-bottom: none;
}

.contact-icons div {
  clear: left;
}

/* Profile icons */
.pm-icon {
  background-position: 0 0;
}

.email-icon {
  background-position: -21px 0;
}

.jabber-icon {
  background-position: -80px 0;
}

.phpbb_icq-icon {
  background-position: -61px 0;
}

.phpbb_wlm-icon {
  background-position: -182px 0;
}

.phpbb_aol-icon {
  background-position: -244px 0;
}

.phpbb_website-icon {
  background-position: -40px 0;
}

.phpbb_youtube-icon {
  background-position: -98px 0;
}

.phpbb_facebook-icon {
  background-position: -119px 0;
}

.phpbb_googleplus-icon {
  background-position: -140px 0;
}

.phpbb_skype-icon {
  background-position: -161px 0;
}

.phpbb_twitter-icon {
  background-position: -203px 0;
}

.phpbb_yahoo-icon {
  background-position: -224px 0;
}

/* Post control buttons
--------------------------------------------- */
.post-buttons {
  float: right;
  list-style: none;
  margin-top: 2px;
}

.has-profile .post-buttons {
  float: none;
  position: absolute;
  margin: 0;
  right: 0;
  top: 5px;
}

.post-buttons > li {
  float: left;
  margin-right: 3px;
}

.post-buttons .icon-button {
  padding: 0 5px;
}

.hastouch .post-buttons .icon-button {
  padding: 2px 8px;
}

.post-buttons .icon-button span {
  display: block;
  height: 0;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

.post-buttons .icon-button:before {
  margin-left: 0;
}

.quote-icon:before {
  background-position: -122px 0;
}

.quote-icon:hover:before {
  background-position: -122px -21px;
}

.edit-icon:before {
  background-position: -137px 0;
}

.edit-icon:hover:before {
  background-position: -137px -21px;
}

.warn-icon:before {
  background-position: -208px 0;
}

.warn-icon:hover:before {
  background-position: -208px -21px;
}

.delete-icon:before {
  background-position: -152px 0;
}

.delete-icon:hover:before {
  background-position: -152px -21px;
}

.report-icon:before {
  background-position: -165px 0;
}

.report-icon:hover:before {
  background-position: -165px -21px;
}

.info-icon:before {
  background-position: -175px 0;
}

.info-icon:hover:before {
  background-position: -175px -21px;
}

.button.responsive-menu-link:before {
  background-position: -191px 0;
}

.button.responsive-menu-link:hover:before {
  background-position: -191px -21px;
}

/* Responsive buttons in post body */
.post-buttons .dropdown {
  top: 18px;
}

.post-buttons .dropdown a {
  display: block;
  font-size: 1.2em;
  text-align: right;
}

.hasjs .postbody .post-buttons {
  max-width: 25%;
}

/* Browser-specific tweaks */
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/**
 *	Hauptdefinition der Schrifteigenschaften
 *	Anm.: Open Sans als Schriftart derzeit auskommentiert
 *
 *	Author: Markus Schmucker <schmucker@mediatrust.de>
 *          Christopher Hertel <hertel@mediatrust.de>
 **/
/** Fonts wurden generiert aus den SVG-Dateien im Ordner "Resources/social-buttons-svg" auf der Seite
  * https://icomoon.io/app/
  */
@font-face {
  font-family: "socialbuttons";
  src: url("fonts/socialbuttons.eot?furnjm");
  src: url("fonts/socialbuttons.eot?furnjm#iefix") format("embedded-opentype"), url("fonts/socialbuttons.ttf?furnjm") format("truetype"), url("fonts/socialbuttons.woff?furnjm") format("woff"), url("fonts/socialbuttons.svg?furnjm#socialbuttons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=social-icon-], [class*=" social-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "socialbuttons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.social-icon-google:before {
  content: "";
}

.social-icon-facebook:before {
  content: "";
}

.social-icon-rss:before {
  content: "";
}

.social-icon-twitter:before {
  content: "";
}

.social-icon-whatsapp:before {
  content: "";
}

/*
.smallest
{
	font-size: 8px;
}

.small
{
	font-size: 10px;
}

.normal
{
	font-size: 12px;
}

.big
{
	@include font-size-weight(14px, bold);
}

.biggest
{
	@include font-size-weight(16px, bold);
}

.smallest:hover,
.small:hover,
.normal:hover,
.big:hover,
.biggest:hover
{
	color: $red;
}

.bold
{
	font-weight: 600;
}
*/
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover, .btn:focus, .btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active, .btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

a.btn.disabled, fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus, .btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  background-image: none;
}
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-primary {
  color: #fff;
  background-color: #51a865;
  border-color: #51a865;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #408650;
  border-color: #285231;
}
.btn-primary:hover {
  color: #fff;
  background-color: #408650;
  border-color: #3d7f4c;
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #408650;
  border-color: #3d7f4c;
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #356e42;
  border-color: #285231;
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  background-image: none;
}
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
  background-color: #51a865;
  border-color: #51a865;
}
.btn-primary .badge {
  color: #51a865;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  background-image: none;
}
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  background-image: none;
}
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  background-image: none;
}
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  background-image: none;
}
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}
.btn-link:hover, .btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

@-ms-viewport {
  width: device-width;
}
.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table !important;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table !important;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table !important;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table !important;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  table.visible-print {
    display: table !important;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* Control Panel Styles
---------------------------------------- */
/* Main CP box
----------------------------------------*/
#cp-menu {
  float: left;
  width: 19%;
  margin-top: 1em;
  margin-bottom: 5px;
}

#cp-main {
  float: left;
  width: 81%;
}

#cp-main .content {
  padding: 0;
}

.panel-container .panel p {
  font-size: 1.1em;
}

.panel-container .panel ol {
  margin-left: 2em;
  font-size: 1.1em;
}

.panel-container .panel li.row {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
}

ul.cplist {
  margin-bottom: 5px;
  border-top: 1px solid transparent;
}

.panel-container .panel li.header dd, .panel-container .panel li.header dt {
  margin-bottom: 2px;
}

.panel-container table.table1 {
  margin-bottom: 1em;
}

.panel-container table.table1 thead th {
  font-weight: bold;
  border-bottom: 1px solid transparent;
  padding: 5px;
}

.panel-container table.table1 tbody th {
  font-style: italic;
  background-color: transparent !important;
  border-bottom: none;
}

#cp-main .pm-message {
  border: 1px solid transparent;
  margin: 10px 0;
  width: auto;
  float: none;
}

.pm-message h2 {
  padding-bottom: 5px;
}

#cp-main .postbody h3, #cp-main .box2 h3 {
  margin-top: 0;
}

.panel-container .postbody p.author {
  font-size: 1.1em;
}

#cp-main .buttons {
  margin-left: 0;
}

#cp-main ul.linklist {
  margin: 0;
}

/* MCP Specific tweaks */
.mcp-main .postbody {
  width: 100%;
}

.tabs-container h2 {
  float: left;
  margin-bottom: 0px;
}

/* CP tabs shared
----------------------------------------*/
#tabs, #minitabs {
  line-height: normal;
}

#tabs > ul, #minitabs > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

#tabs .tab, #minitabs .tab {
  display: block;
  float: left;
  font-size: 1em;
  font-weight: bold;
  line-height: 14px;
}

#tabs .tab > a, #minitabs .tab > a {
  display: block;
  padding: 5px 9px;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}

/* CP tabbed menu
----------------------------------------*/
#tabs {
  margin: 20px 0 0 7px;
}

#tabs .tab > a {
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  margin: 1px 1px 0 0;
}

#tabs .activetab > a {
  margin-top: 0;
  padding-bottom: 7px;
}

/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs {
  float: right;
  margin: 15px 7px 0 0;
  max-width: 50%;
}

#minitabs .tab {
  float: right;
}

#minitabs .tab > a {
  border-radius: 5px 5px 0 0;
  margin-left: 2px;
}

#minitabs .tab > a:hover {
  text-decoration: none;
}

/* Responsive tabs
----------------------------------------*/
.responsive-tab {
  position: relative;
}

.responsive-tab > a.responsive-tab-link {
  display: block;
  font-size: 16px;
  position: relative;
  width: 16px;
  line-height: 14px;
  text-decoration: none;
}

.responsive-tab .responsive-tab-link:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 7px;
  height: 0.125em;
  width: 14px;
  border-bottom: 0.125em solid transparent;
  border-top: 0.375em double transparent;
}

#tabs .dropdown, #minitabs .dropdown {
  top: 20px;
  margin-right: -2px;
  font-size: 1.1em;
  font-weight: normal;
}

#minitabs .dropdown {
  margin-right: -4px;
}

#tabs .dropdown-up .dropdown, #minitabs .dropdown-up .dropdown {
  bottom: 20px;
  top: auto;
}

#tabs .dropdown li {
  text-align: right;
}

#minitabs .dropdown li {
  text-align: left;
}

/* UCP navigation menu
----------------------------------------*/
/* Container for sub-navigation list */
#navigation {
  width: 100%;
  padding-top: 36px;
}

#navigation ul {
  list-style: none;
}

/* Default list state */
#navigation li {
  display: inline;
  font-weight: bold;
  margin: 1px 0;
  padding: 0;
}

/* Link styles for the sub-section links */
#navigation a {
  display: block;
  padding: 5px;
  margin: 1px 0;
  text-decoration: none;
}

#navigation a:hover {
  text-decoration: none;
}

/* Preferences pane layout
----------------------------------------*/
#cp-main h2 {
  border-bottom: none;
  padding: 0;
  margin-left: 10px;
}

/* Friends list */
.cp-mini {
  margin: 10px 15px 10px 5px;
  max-height: 200px;
  overflow-y: auto;
  padding: 5px 10px;
  border-radius: 7px;
}

dl.mini dt {
  font-weight: bold;
}

dl.mini dd {
  padding-top: 4px;
}

.friend-online {
  font-weight: bold;
}

.friend-offline {
  font-style: italic;
}

/* PM Styles
----------------------------------------*/
#pm-menu {
  line-height: 2.5em;
}

/* Defined rules list for PM options */
ol.def-rules {
  padding-left: 0;
}

ol.def-rules li {
  line-height: 180%;
  padding: 1px;
}

/* PM marking colours */
.pmlist li.bg1 {
  padding: 0 3px;
}

.pmlist li.bg2 {
  padding: 0 3px;
}

.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
  border-left-color: transparent;
  border-right-color: transparent;
}

.pmlist li.pm_marked_colour, .pm_marked_colour,
.pmlist li.pm_replied_colour, .pm_replied_colour,
.pmlist li.pm_friend_colour, .pm_friend_colour,
.pmlist li.pm_foe_colour, .pm_foe_colour {
  padding: 0;
  border: solid 3px transparent;
  border-width: 0 3px;
}

.pm-legend {
  border-left-width: 10px;
  border-left-style: solid;
  border-right-width: 0;
  margin-bottom: 3px;
  padding-left: 3px;
}

/* Avatar gallery */
#gallery label {
  position: relative;
  float: left;
  margin: 10px;
  padding: 5px;
  width: auto;
  border: 1px solid transparent;
  text-align: center;
}

/* Responsive *CP navigation
----------------------------------------*/
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
  .nojs #tabs a span, .nojs #minitabs a span {
    max-width: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -0.5px;
  }

  #cp-menu, #navigation, #cp-main {
    float: none;
    width: auto;
    margin: 0;
  }

  #navigation {
    padding: 0;
    margin: 0 auto;
    max-width: 320px;
  }

  #navigation a {
    background-image: none;
  }

  #navigation li:first-child a {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }

  #navigation li:last-child a {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
}
/* Form Styles
---------------------------------------- */
/* General form styles
----------------------------------------*/
fieldset {
  border-width: 0;
  font-family: "Lato", Verdana, Helvetica, Arial, sans-serif;
  font-size: 1.1em;
}

input {
  font-weight: normal;
  vertical-align: middle;
  padding: 0 3px;
  font-size: 1em;
  font-family: "Lato", Verdana, Helvetica, Arial, sans-serif;
}

select {
  font-family: "Lato", Verdana, Helvetica, Arial, sans-serif;
  font-weight: normal;
  cursor: pointer;
  vertical-align: middle;
  border: 1px solid transparent;
  padding: 1px;
  font-size: 1em;
}

select:focus {
  outline-style: none;
}

option {
  padding-right: 1em;
}

select optgroup option {
  padding-right: 1em;
  font-family: "Lato", Verdana, Helvetica, Arial, sans-serif;
}

textarea {
  font-family: "Lato", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  width: 60%;
  padding: 2px;
  font-size: 1em;
  line-height: 1.4em;
}

label {
  cursor: default;
  padding-right: 5px;
}

label input {
  vertical-align: middle;
}

label img {
  vertical-align: middle;
}

/* Definition list layout for forms
---------------------------------------- */
fieldset dl {
  padding: 4px 0;
}

fieldset dt {
  float: left;
  width: 40%;
  text-align: left;
  display: block;
}

fieldset dd {
  margin-left: 41%;
  vertical-align: top;
  margin-bottom: 3px;
}

/* Specific layout 1 */
fieldset.fields1 dt {
  width: 15em;
  border-right-width: 0;
}

fieldset.fields1 dd {
  margin-left: 15em;
  border-left-width: 0;
}

fieldset.fields1 div {
  margin-bottom: 3px;
}

/* Set it back to 0px for the reCaptcha divs: PHPBB3-9587 */
fieldset.fields1 #recaptcha_widget_div div, fieldset.fields1 .live-search div {
  margin-bottom: 0;
}

/* Specific layout 2 */
fieldset.fields2 dt {
  width: 15em;
  border-right-width: 0;
}

fieldset.fields2 dd {
  margin-left: 16em;
  border-left-width: 0;
}

/* Form elements */
dt label {
  font-weight: bold;
  text-align: left;
}

dd label {
  white-space: nowrap;
}

dd input, dd textarea {
  margin-right: 3px;
}

dd select {
  width: auto;
}

dd select[multiple] {
  width: 100%;
}

dd textarea {
  width: 85%;
}

/* Hover effects */
#timezone {
  width: 95%;
}

/* Quick-login on index page */
fieldset.quick-login {
  margin-top: 5px;
}

fieldset.quick-login input {
  width: auto;
}

fieldset.quick-login input.inputbox {
  width: 15%;
  vertical-align: middle;
  margin-right: 5px;
}

fieldset.quick-login label {
  white-space: nowrap;
  padding-right: 2px;
}

/* Display options on viewtopic/viewforum pages  */
fieldset.display-options {
  text-align: center;
  margin: 3px 0 5px 0;
}

fieldset.display-options label {
  white-space: nowrap;
  padding-right: 2px;
}

fieldset.display-options a {
  margin-top: 3px;
}

/* Display actions for ucp and mcp pages */
fieldset.display-actions {
  text-align: right;
  line-height: 2em;
  white-space: nowrap;
  padding-right: 1em;
}

fieldset.display-actions label {
  white-space: nowrap;
  padding-right: 2px;
}

fieldset.sort-options {
  line-height: 2em;
}

/* MCP forum selection*/
fieldset.forum-selection {
  margin: 5px 0 3px 0;
  float: right;
}

fieldset.forum-selection2 {
  margin: 13px 0 3px 0;
  float: right;
}

/* Submit button fieldset */
fieldset.submit-buttons {
  text-align: center;
  vertical-align: middle;
  margin: 5px 0;
}

fieldset.submit-buttons input {
  vertical-align: middle;
  padding-top: 3px;
  padding-bottom: 3px;
}

/* Posting page styles
----------------------------------------*/
/* Buttons used in the editor */
#format-buttons {
  margin: 15px 0 2px 0;
}

#format-buttons input, #format-buttons select {
  vertical-align: middle;
}

/* Main message box */
#message-box {
  width: 80%;
}

#message-box textarea {
  font-family: "Lato", Verdana, Helvetica, Arial, sans-serif;
  width: 450px;
  height: 270px;
  min-width: 100%;
  max-width: 100%;
  font-size: 1.2em;
  resize: vertical;
}

/* Emoticons panel */
#smiley-box {
  width: 18%;
  float: right;
}

#smiley-box img {
  margin: 3px;
}

/* Input field styles
---------------------------------------- */
.inputbox {
  border: 1px solid transparent;
  padding: 2px;
}

.inputbox:hover, .inputbox:focus {
  border: 1px solid transparent;
  outline-style: none;
}

input.inputbox {
  width: 85%;
}

input.medium {
  width: 50%;
}

input.narrow {
  width: 25%;
}

input.tiny {
  width: 150px;
}

textarea.inputbox {
  width: 85%;
}

.autowidth {
  width: auto !important;
}

input[type=number] {
  -moz-padding-end: inherit;
}

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
}

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
  display: none;
}

input[type=search]::-webkit-search-cancel-button {
  cursor: pointer;
}

/* Form button styles
---------------------------------------- */
input.button1, input.button2 {
  font-size: 1em;
}

a.button1, input.button1, input.button3, a.button2, input.button2 {
  width: auto !important;
  padding-top: 1px;
  padding-bottom: 1px;
  font-family: "Lato", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  background: transparent none repeat-x top left;
}

a.button1, input.button1 {
  font-weight: bold;
  border: 1px solid transparent;
}

input.button3 {
  padding: 0;
  margin: 0;
  line-height: 5px;
  height: 12px;
  background-image: none;
  font-variant: small-caps;
}

input[type=button], input[type=submit], input[type=reset], input[type=checkbox], input[type=radio] {
  cursor: pointer;
}

/* Alternative button */
a.button2, input.button2, input.button3 {
  border: 1px solid transparent;
}

/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
  text-decoration: none;
  padding: 2px 8px;
  line-height: 250%;
  vertical-align: text-bottom;
  background-position: 0 1px;
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
  border: 1px solid transparent;
  background-position: 0 100%;
}

input.disabled {
  font-weight: normal;
}

/* Focus states */
input.button1:focus, input.button2:focus, input.button3:focus {
  outline-style: none;
}

/* Topic and forum Search */
.search-box {
  float: left;
}

.search-box .inputbox {
  background-image: none;
  border-right-width: 0;
  border-radius: 4px 0 0 4px;
  float: left;
  height: 24px;
  padding: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.search-box button {
  float: left;
}

.search-box button.search-icon {
  border-radius: 0;
  font-size: 0;
  height: 24px;
  margin: 0;
  padding: 3px 5px;
}

.search-box a.button {
  border-left-width: 0;
  border-radius: 0 4px 4px 0;
  font-size: 0;
  margin: 0;
  padding: 2px 5px 2px 3px;
}

/* Search box (header)
--------------------------------------------- */
.search-header {
  border-radius: 4px;
  display: block;
  float: right;
  margin-right: 5px;
  position: relative;
  top: -100px;
  right: 40px;
}

.search-header .inputbox {
  border: 0;
}

.search-header button {
  border-top: 0;
  border-bottom: 0;
}

.search-header a.button {
  border: 0;
  border-left: 1px;
  padding: 3px 5px 3px 4px;
}

input.search {
  background-image: none;
  background-repeat: no-repeat;
  background-position: left 1px;
  padding-left: 17px;
}

.full {
  width: 95%;
}

.medium {
  width: 50%;
}

.narrow {
  width: 25%;
}

.tiny {
  width: 10%;
}

/* Orginalfarben aus phpbb */
/*
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */
html, body {
  color: #000000;
  background-color: #b4b4b4;
}

h1 {
  color: #FFFFFF;
}

h2 {
  color: #28313F;
}

hr {
  border-color: #FFFFFF;
  border-top-color: #CCCCCC;
}

/* Search box
--------------------------------------------- */
.search-box .inputbox,
.search-box .inputbox:hover,
.search-box .inputbox:focus,
.search-box .button:hover {
  border-color: #ededed;
}

.search-header {
  box-shadow: 0 0 10px #686868;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
#wrap {
  background-color: #FFFFFF;
  border-color: #E6E9ED;
}

.headerbar {
  background-color: #D4453D;
  color: #FFFFFF;
}

.forabg {
  background-color: #D4453D;
}

.panel {
  background-color: #F2F3F3;
  color: #28313F;
}

.post:target .content {
  color: #000000;
}

.post:target h3 a {
  color: #000000;
}

table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
  background-color: #F2F3F3;
}

.bg2 {
  background-color: #ededed;
}

table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
  background-color: #F2F3F3;
}

.bg3 {
  background-color: #CADCEB;
}

.ucprowbg {
  background-color: #CADCEB;
}

.fieldsbg {
  background-color: #F2F3F3;
}

/* Horizontal lists
----------------------------------------*/
ul.navlinks {
  border-top-color: #FFFFFF;
}

/* Table styles
----------------------------------------*/
table.table1 thead th {
  color: #FFFFFF;
}

table.table1 tbody tr {
  border-color: #BFC1CF;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
  background-color: #CADCEB;
  color: #000000;
}

table.table1 td {
  color: #000000;
}

table.table1 tbody td {
  border-top-color: #FFFFFF;
}

table.table1 tbody th {
  border-bottom-color: #000000;
  color: #28313F;
  background-color: #FFFFFF;
}

table.info tbody th {
  color: #000000;
}

/* Misc layout styles
---------------------------------------- */
dl.details dt {
  color: #000000;
}

dl.details dd {
  color: #000000;
}

.sep {
  color: #28313F;
}

/* Pagination
---------------------------------------- */
.pagination li a {
  color: #000000;
  background-color: #F2F3F3;
  border-color: #B4BAC0;
}

.pagination li.ellipsis span {
  background-color: transparent;
  color: #000000;
}

.pagination li.active span {
  color: #FFFFFF;
  background-color: #D4453D;
  border-color: #D4453D;
}

.pagination li a:hover, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
  border-color: #D4453D;
  background-color: #D4453D;
  color: #FFFFFF;
}

.pagination li.next a, .pagination li.previous a, .pagination li.page-jump a {
  background-image: url("./images/icons_pagination.png");
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
  background-image: url("./images/icon_pages.gif");
}

/* Miscellaneous styles
---------------------------------------- */
.copyright {
  color: #28313F;
}

.error {
  color: #D4453D;
}

.reported {
  background-color: #F2F3F3;
}

li.reported:hover {
  background-color: #ECD5D8 !important;
}

.sticky, .announce {
  /* you can add a background for stickies and announcements*/
}

div.rules {
  background-color: #ECD5D8;
  color: #D4453D;
}

p.post-notice {
  background-color: #ECD5D8;
  background-image: none;
}

p.post-notice.deleted:before {
  background-image: url("./images/icon_topic_deleted.png");
}

p.post-notice.unapproved:before {
  background-image: url("./images/icon_topic_unapproved.gif");
}

p.post-notice.reported:before, p.post-notice.error:before {
  background-image: url("./images/icon_topic_reported.gif");
}

/*
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */
a {
  color: #D4453D;
}

a:hover {
  color: #D4453D;
}

/* Links on gradient backgrounds */
.forumbg .header a, .forabg .header a, th a {
  color: #FFFFFF;
}

.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
  color: #A8D8FF;
}

/* Notification mark read link */
.dropdown-extended a.mark_read {
  background-color: #FFFFFF;
}

/* Post body links */
.postlink, .postlink-local {
  color: #dd4b2e;
}

.postlink:visited, .postlink-local:visited {
  color: #dd4b2e;
}

.postlink:hover, .postlink-local:hover {
  text-decoration: underline;
  color: #dd4b2e;
}

.signature a, .signature a:hover {
  background-color: transparent;
}

/* Back to top of page */
a.top {
  background-image: url("./images/icon_back_top.gif");
}

a.top2 {
  background-image: url("./images/icon_back_top.gif");
}

/* Arrow links  */
a.arrow-up {
  background-image: url("./images/arrow_up.gif");
}

a.arrow-down {
  background-image: url("./images/arrow_down.gif");
}

a.arrow-left {
  background-image: url("./images/arrow_left.gif");
}

a.arrow-right {
  background-image: url("./images/arrow_right.gif");
}

a.arrow-up:hover {
  background-color: transparent;
}

a.arrow-left:hover {
  color: #D4453D;
}

a.arrow-right:hover {
  color: #D4453D;
}

/*
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */
ul.topiclist li {
  color: #000000;
}

ul.topiclist li.row dt a.subforum.read {
  background-image: url("./images/subforum_read.gif");
}

ul.topiclist li.row dt a.subforum.unread {
  background-image: url("./images/subforum_unread.gif");
}

li.row {
  border-bottom-color: #FFFFFF;
  border-top-color: #115098;
}

li.row:first-child {
  border-top-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}

li.row strong {
  color: #000000;
}

li.row:hover dd {
  border-left-color: #CCCCCC;
}

.rtl li.row:hover dd {
  border-right-color: #CCCCCC;
  border-left-color: transparent;
}

li.header dt, li.header dd {
  color: #000000;
}

/* Post body styles
----------------------------------------*/
.postbody {
  color: #28313F;
}

/* Content container styles
----------------------------------------*/
.content {
  color: #28313F;
}

.content h2, .panel h2 {
  color: #28313F;
  border-bottom-color: #CCCCCC;
}

dl.faq dt {
  color: #28313F;
}

.posthilit {
  background-color: #ECD5D8;
  color: #D4453D;
}

.announce, .unreadpost {
  /* Highlight the announcements & unread posts box */
}

/* Post signature */
.signature {
  border-top-color: #CCCCCC;
}

/* Post noticies */
.notice {
  border-top-color: #CCCCCC;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
  background-image: url("./images/quote.gif");
  border-color: #0076B1;
}

.rtl blockquote {
  background-image: url("./images/quote_rtl.gif");
}

blockquote blockquote {
  /* Nested quotes */
}

blockquote blockquote blockquote {
  /* Nested quotes */
}

/* Code block */
.codebox {
  background-color: #FFFFFF;
  border-color: #C9D2D8;
}

.codebox p {
  border-bottom-color: #CCCCCC;
}

.codebox code {
  color: #1FC28D;
}

.syntaxbg {
  color: #FFFFFF;
}

.syntaxcomment {
  color: #E17022;
}

.syntaxdefault {
  color: #28313F;
}

.syntaxhtml {
  color: #000000;
}

.syntaxkeyword {
  color: #1FC28D;
}

.syntaxstring {
  color: #D4453D;
}

/* Attachments
----------------------------------------*/
.attachbox {
  background-color: #FFFFFF;
  border-color: #C9D2D8;
}

.pm-message .attachbox {
  background-color: #FFFFFF;
}

.attachbox dd {
  border-top-color: #C9D2D8;
}

.attachbox p {
  color: #000000;
}

.attachbox p.stats {
  color: #000000;
}

.attach-image img {
  border-color: #999999;
}

/* Inline image thumbnails */
dl.file dd {
  color: #000000;
}

dl.thumbnail img {
  border-color: #000000;
  background-color: #FFFFFF;
}

dl.thumbnail dd {
  color: #000000;
}

dl.thumbnail dt a:hover {
  background-color: #F2F3F3;
}

dl.thumbnail dt a:hover img {
  border-color: #D4453D;
}

/* Post poll styles
----------------------------------------*/
fieldset.polls dl {
  border-top-color: #CADCEB;
  color: #000000;
}

fieldset.polls dl.voted {
  color: #000000;
}

fieldset.polls dd div {
  color: #FFFFFF;
}

.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
  border-right-color: transparent;
}

.pollbar1 {
  background-color: #AA2346;
  border-bottom-color: #74162C;
  border-right-color: #74162C;
}

.rtl .pollbar1 {
  border-left-color: #74162C;
}

.pollbar2 {
  background-color: #AA2346;
  border-bottom-color: #8C1C38;
  border-right-color: #8C1C38;
}

.rtl .pollbar2 {
  border-left-color: #8C1C38;
}

.pollbar3 {
  background-color: #AA2346;
  border-bottom-color: #AA2346;
  border-right-color: #AA2346;
}

.rtl .pollbar3 {
  border-left-color: #AA2346;
}

.pollbar4 {
  background-color: #E41653;
  border-bottom-color: #AA2346;
  border-right-color: #AA2346;
}

.rtl .pollbar4 {
  border-left-color: #AA2346;
}

.pollbar5 {
  background-color: #E41653;
  border-bottom-color: #AA2346;
  border-right-color: #AA2346;
}

.rtl .pollbar5 {
  border-left-color: #AA2346;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
  color: #000000;
  border-color: #0076B1;
}

.pm .postprofile {
  border-color: #DDDDDD;
}

.postprofile strong {
  color: #000000;
}

dd.profile-warnings {
  color: #D4453D;
}

/*
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */
.button {
  border-color: #C7C3BF;
  background-color: #FFFFFF;
  background-image: -moz-linear-gradient(top, #FFFFFF, #E9E9E9);
  background-image: -webkit-linear-gradient(top, #FFFFFF, #E9E9E9);
  background-image: -o-linear-gradient(top, #FFFFFF, #E9E9E9);
  background-image: linear-gradient(to bottom, #FFFFFF, #E9E9E9);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#E9E9E9')";
  box-shadow: 0 0 0 1px #FFFFFF inset;
  -webkit-box-shadow: 0 0 0 1px #FFFFFF inset;
  color: #D4453D;
}

.dropdown-select {
  color: #000000;
}

.button:hover, .dropdown-visible .dropdown-select, .nojs .dropdown-container:hover .dropdown-select {
  border-color: #0a8ed0;
  background-image: -moz-linear-gradient(top, #E9E9E9, #FFFFFF);
  background-image: -webkit-linear-gradient(top, #E9E9E9, #FFFFFF);
  background-image: -o-linear-gradient(top, #E9E9E9, #FFFFFF);
  background-image: linear-gradient(to bottom, #E9E9E9, #FFFFFF);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#E9E9E9', EndColorStr='#FFFFFF')";
  text-shadow: 1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, -1px -1px 0 rgba(188, 42, 77, 0.2);
}

.dropdown-select:after {
  border-color: #DADADA;
}

.dropdown-select:hover {
  border-color: #C7C3BF;
}

.dropdown-visible .dropdown-select, .dropdown-visible .dropdown-select:hover, .nojs .dropdown-container:hover .dropdown-select {
  border-color: #A6B2BA;
  color: #28313F;
}

.contact-icons a {
  border-color: #DCDCDC;
}

.contact-icons a:hover {
  background-color: #FFFFFF;
}

/* Icon images
---------------------------------------- */
.icon-acp {
  background-image: url("./images/icon_acp.gif");
}

.icon-bookmark {
  background-image: url("./images/icon_bookmark.gif");
}

.icon-bump {
  background-image: url("./images/icon_bump.gif");
}

.icon-contact {
  background-image: url("./images/icon_pm.gif");
}

.icon-delete-cookies {
  background-image: url("./images/icon_delete_cookies.gif");
}

.icon-download {
  background-image: url("./images/icon_download.gif");
}

.icon-faq {
  background-image: url("./images/icon_faq.gif");
}

.icon-home {
  background-image: url("./images/icon_home.gif");
}

.icon-logout {
  background-image: url("./images/icon_logout.gif");
}

.icon-mark {
  background-image: url("./images/icon_mark.gif");
}

.icon-mcp {
  background-image: url("./images/icon_mcp.gif");
}

.icon-members {
  background-image: url("./images/icon_members.gif");
}

.icon-notification {
  background-image: url("./images/icon_notification.gif");
}

.icon-pages {
  background-image: url("./images/icon_pages.gif");
}

.icon-pm {
  background-image: url("./images/icon_pm.gif");
}

.icon-print {
  background-image: url("./images/icon_print.gif");
}

.icon-profile {
  background-image: url("./images/icon_profile.gif");
}

.icon-register {
  background-image: url("./images/icon_register.gif");
}

.icon-search, .responsive-search a {
  background-image: url("./images/icon_search.gif");
}

.icon-search-active {
  background-image: url("./images/subforum_read.gif");
}

.icon-search-advanced {
  background-image: url("./images/icon_search_adv.gif");
}

.icon-search-new {
  background-image: url("./images/subforum_unread.gif");
}

.icon-search-self {
  background-image: url("./images/icon_topic_latest.gif");
}

.icon-search-unanswered {
  background-image: url("./images/icon_post_target.gif");
}

.icon-search-unread {
  background-image: url("./images/subforum_unread.gif");
}

.icon-sendemail {
  background-image: url("./images/icon_sendemail.gif");
}

.icon-subscribe {
  background-image: url("./images/icon_subscribe.gif");
}

.icon-team {
  background-image: url("./images/icon_team.gif");
}

.icon-ucp {
  background-image: url("./images/icon_ucp.gif");
}

.icon-unsubscribe {
  background-image: url("./images/icon_unsubscribe.gif");
}

/* Profile & navigation icons */
.contact-icon {
  background-image: url("./images/icons_contact.png");
}

.icon-button:before, .dropdown-select:after {
  background-image: url("./images/icons_button.png");
}

/* Forum icons & Topic icons */
.global_read {
  background-image: url("./images/announce_read.png");
}

.global_read_mine {
  background-image: url("./images/announce_read_mine.png");
}

.global_read_locked {
  background-image: url("./images/announce_read_locked.png");
}

.global_read_locked_mine {
  background-image: url("./images/announce_read_locked_mine.png");
}

.global_unread {
  background-image: url("./images/announce_unread.png");
}

.global_unread_mine {
  background-image: url("./images/announce_unread_mine.png");
}

.global_unread_locked {
  background-image: url("./images/announce_unread_locked.png");
}

.global_unread_locked_mine {
  background-image: url("./images/announce_unread_locked_mine.png");
}

.announce_read {
  background-image: url("./images/announce_read.png");
}

.announce_read_mine {
  background-image: url("./images/announce_read_mine.png");
}

.announce_read_locked {
  background-image: url("./images/announce_read_locked.png");
}

.announce_read_locked_mine {
  background-image: url("./images/announce_read_locked_mine.png");
}

.announce_unread {
  background-image: url("./images/announce_unread.png");
}

.announce_unread_mine {
  background-image: url("./images/announce_unread_mine.png");
}

.announce_unread_locked {
  background-image: url("./images/announce_unread_locked.png");
}

.announce_unread_locked_mine {
  background-image: url("./images/announce_unread_locked_mine.png");
}

.forum_link {
  background-image: url("./images/forum_link.png");
}

.forum_read {
  background-image: url("./images/forum_read.png");
}

.forum_read_locked {
  background-image: url("./images/forum_read_locked.png");
}

.forum_read_subforum {
  background-image: url("./images/forum_read_subforum.png");
}

.forum_unread {
  background-image: url("./images/forum_unread.png");
}

.forum_unread_locked {
  background-image: url("./images/forum_unread_locked.png");
}

.forum_unread_subforum {
  background-image: url("./images/forum_unread_subforum.png");
}

.sticky_read {
  background-image: url("./images/sticky_read.png");
}

.sticky_read_mine {
  background-image: url("./images/sticky_read_mine.png");
}

.sticky_read_locked {
  background-image: url("./images/sticky_read_locked.png");
}

.sticky_read_locked_mine {
  background-image: url("./images/sticky_read_locked_mine.png");
}

.sticky_unread {
  background-image: url("./images/sticky_unread.png");
}

.sticky_unread_mine {
  background-image: url("./images/sticky_unread_mine.png");
}

.sticky_unread_locked {
  background-image: url("./images/sticky_unread_locked.png");
}

.sticky_unread_locked_mine {
  background-image: url("./images/sticky_unread_locked_mine.png");
}

.topic_moved {
  background-image: url("./images/topic_moved.png");
}

.topic_read {
  background-image: url("./images/topic_read.png");
}

.topic_read_mine {
  background-image: url("./images/topic_read_mine.png");
}

.topic_read_hot {
  background-image: url("./images/topic_read_hot.png");
}

.topic_read_hot_mine {
  background-image: url("./images/topic_read_hot_mine.png");
}

.topic_read_locked {
  background-image: url("./images/topic_read_locked.png");
}

.topic_read_locked_mine {
  background-image: url("./images/topic_read_locked_mine.png");
}

.topic_unread {
  background-image: url("./images/topic_unread.png");
}

.topic_unread_mine {
  background-image: url("./images/topic_unread_mine.png");
}

.topic_unread_hot {
  background-image: url("./images/topic_unread_hot.png");
}

.topic_unread_hot_mine {
  background-image: url("./images/topic_unread_hot_mine.png");
}

.topic_unread_locked {
  background-image: url("./images/topic_unread_locked.png");
}

.topic_unread_locked_mine {
  background-image: url("./images/topic_unread_locked_mine.png");
}

.pm_read {
  background-image: url("./images/topic_read.png");
}

.pm_unread {
  background-image: url("./images/topic_unread.png");
}

/*
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */
/* Main CP box
----------------------------------------*/
.panel-container h3, .panel-container hr, #cp-menu hr {
  border-color: #A4B3BF;
}

.panel-container .panel li.row {
  border-bottom-color: #B5C1CB;
  border-top-color: #FFFFFF;
}

ul.cplist {
  border-top-color: #B5C1CB;
}

.panel-container .panel li.header dd, .panel-container .panel li.header dt {
  color: #000000;
}

.panel-container table.table1 thead th {
  color: #28313F;
  border-bottom-color: #28313F;
}

#cp-main .pm-message {
  border-color: #DBDEE2;
  background-color: #FFFFFF;
}

/* CP tabbed menu
----------------------------------------*/
#tabs .tab > a {
  background: #BACCD9;
  color: #000000;
}

#tabs .tab > a:hover {
  background: #DDEDFB;
  color: #D4453D;
}

#tabs .activetab > a,
#tabs .activetab > a:hover {
  background: #CADCEB;
  background: -moz-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E2F2FF), color-stop(100%, #CADCEB));
  background: -webkit-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%);
  background: -o-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%);
  background: -ms-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%);
  background: linear-gradient(to bottom, #E2F2FF 0%, #CADCEB 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#E2F2FF", endColorstr="#CADCEB", GradientType=0 );
  border-color: #CADCEB;
  box-shadow: 0 1px 1px #F2F9FF inset;
  color: #28313F;
}

#tabs .activetab > a:hover {
  color: #000000;
}

/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs .tab > a {
  background-color: #F2F3F3;
}

#minitabs .activetab > a,
#minitabs .activetab > a:hover {
  background-color: #FFFFFF;
  color: #28313F;
}

/* Responsive tabs
----------------------------------------*/
.responsive-tab .responsive-tab-link:before {
  border-color: #000000;
}

.responsive-tab .responsive-tab-link:hover:before {
  border-color: #D4453D;
}

/* UCP navigation menu
----------------------------------------*/
/* Link styles for the sub-section links */
#navigation a {
  color: #28313F;
  background: #B4C4D1;
  background: -moz-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%);
  background: -webkit-gradient(left top, right top, color-stop(50%, #B4C4D1), color-stop(100%, #CADCEB));
  background: -webkit-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%);
  background: -o-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%);
  background: -ms-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%);
  background: linear-gradient(to right, #B4C4D1 50%, #CADCEB 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#B4C4D1", endColorstr="#CADCEB", GradientType=1 );
}

.rtl #navigation a {
  background: #B4C4D1;
  background: -moz-linear-gradient(left, #CADCEB 0%, #B4C4D1 50%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #CADCEB), color-stop(50%, #B4C4D1));
  background: -webkit-linear-gradient(left, #CADCEB 0%, #B4C4D1 50%);
  background: -o-linear-gradient(left, #CADCEB 0%, #B4C4D1 50%);
  background: -ms-linear-gradient(left, #CADCEB 0%, #B4C4D1 50%);
  background: linear-gradient(to right, #CADCEB 0%, #B4C4D1 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#CADCEB", endColorstr="#B4C4D1", GradientType=1 );
}

#navigation a:hover {
  background: #AABAC6;
  color: #D4453D;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

#navigation #active-subsection a {
  background: #FFFFFF;
  color: #D4453D;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

#navigation #active-subsection a:hover {
  color: #D4453D;
}

@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
  #navigation a, .rtl #navigation a {
    background: #B2C2CF;
  }
}
/* Preferences pane layout
----------------------------------------*/
.panel-container h2 {
  color: #28313F;
}

.panel-container .panel {
  background-color: #FFFFFF;
}

#cp-main .pm {
  background-color: #FFFFFF;
}

/* Friends list */
.cp-mini {
  background-color: #F2F3F3;
}

dl.mini dt {
  color: #28313F;
}

/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
  color: #989898 !important;
}

/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
  border-left-color: #D4453D;
  border-right-color: #D4453D;
}

.pmlist li.pm_marked_colour, .pm_marked_colour {
  border-color: #FF6600;
}

.pmlist li.pm_replied_colour, .pm_replied_colour {
  border-color: #A9B8C2;
}

.pmlist li.pm_friend_colour, .pm_friend_colour {
  border-color: #28313F;
}

.pmlist li.pm_foe_colour, .pm_foe_colour {
  border-color: #000000;
}

/* Avatar gallery */
#gallery label {
  background: #FFFFFF;
  border-color: #CCC;
}

#gallery label:hover {
  background-color: #F2F3F3;
}

/*
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */
/* General form styles
----------------------------------------*/
select {
  border-color: #000000;
  background-color: #FFFFFF;
  color: #000000;
}

label {
  color: #28313F;
}

option.disabled-option {
  color: #989898;
}

/* Definition list layout for forms
---------------------------------------- */
dd label {
  color: #28313F;
}

fieldset.fields1 {
  background-color: transparent;
}

/* Hover effects */
fieldset dl:hover dt label {
  color: #000000;
}

fieldset.fields2 dl:hover dt label {
  color: #28313F;
}

/* Quick-login on index page */
fieldset.quick-login input.inputbox {
  background-color: #FFFFFF;
}

/* Posting page styles
----------------------------------------*/
#message-box textarea {
  color: #28313F;
}

/* Input field styles
---------------------------------------- */
.inputbox {
  background-color: #FFFFFF;
  border-color: #B4BAC0;
  color: #28313F;
}

.inputbox:-moz-placeholder {
  color: #28313F;
}

.inputbox::-webkit-input-placeholder {
  color: #28313F;
}

.inputbox:hover {
  border-color: #11A3EA;
}

.inputbox:focus {
  border-color: #11A3EA;
  color: #28313F;
}

.inputbox:focus:-moz-placeholder {
  color: transparent;
}

.inputbox:focus::-webkit-input-placeholder {
  color: transparent;
}

/* Form button styles
---------------------------------------- */
a.button1, input.button1, input.button3, a.button2, input.button2 {
  color: #000000;
  background-color: #FFFFFF;
  background-image: url("./images/bg_button.gif");
}

a.button1, input.button1 {
  border-color: #000000;
}

input.button3 {
  background-image: none;
}

/* Alternative button */
a.button2, input.button2, input.button3 {
  border-color: #000000;
}

/* <a> button in the style of the form buttons */
a.button1, a.button2 {
  color: #000000;
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
  border-color: #D4453D;
  color: #D4453D;
}

/* Focus states */
input.button1:focus, input.button2:focus, input.button3:focus {
  border-color: #11A3EA;
  color: #28313F;
}

input.search {
  background-image: url("./images/icon_textbox_search.gif");
}

input.disabled {
  color: #000000;
}

/* jQuery popups
---------------------------------------- */
.phpbb_alert {
  background-color: #FFFFFF;
  border-color: #999999;
}

.phpbb_alert .alert_close {
  background-image: url("./images/alert_close.png");
}

#darken {
  background-color: #000000;
}

#loading_indicator {
  background-color: #000000;
  background-image: url("./images/loading.gif");
}

.dropdown-extended ul li {
  border-top-color: #B9B9B9;
}

.dropdown-extended ul li:hover {
  background-color: #CADCEB;
  color: #000000;
}

.dropdown-extended .header, .dropdown-extended .footer {
  border-color: #B9B9B9;
  color: #000000;
}

.dropdown-extended .footer {
  border-top-style: solid;
  border-top-width: 1px;
}

.dropdown-extended .header {
  background: #F1F8FF;
  background: -moz-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F1F8FF), color-stop(100%, #CADCEB));
  background: -webkit-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%);
  background: -o-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%);
  background: -ms-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%);
  background: linear-gradient(to bottom, #F1F8FF 0%, #CADCEB 100%);
}

.dropdown .pointer {
  border-color: #B9B9B9 transparent;
}

.dropdown .pointer-inner {
  border-color: #FFF transparent;
}

.dropdown-extended .pointer-inner {
  border-color: #F1F8FF transparent;
}

ul.linklist li.responsive-menu a.responsive-menu-link:before {
  border-color: #28313F;
}

ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist li.responsive-menu.visible a.responsive-menu-link:before {
  border-color: #D4453D;
}

.dropdown .dropdown-contents {
  background: #FFFFFF;
  border-color: #b9b9b9;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
}

.dropdown-up .dropdown-contents {
  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
}

.dropdown li, .dropdown li li {
  border-color: #DCDCDC;
}

.dropdown li.separator {
  border-color: #DCDCDC;
}

/* Notifications
---------------------------------------- */
.notification_list p.notification-time {
  color: #000000;
}

li.notification-reported strong, li.notification-disapproved strong {
  color: #D4453D;
}

/* Former imageset */
span.imageset {
  display: inline-block !important;
  background: transparent none 0 0 no-repeat;
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}

/* Global imageset items */
.imageset.site_logo {
  background-image: url("./images/site_logo.gif");
  padding-left: 149px;
  padding-top: 52px;
}

.imageset.forum_link {
  background-image: url("./images/forum_link.png");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.forum_read {
  background-image: url("./images/forum_read.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.forum_read_locked {
  background-image: url("./images/forum_read_locked.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.forum_read_subforum {
  background-image: url("./images/forum_read_subforum.png");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.forum_unread {
  background-image: url("./images/forum_unread.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.forum_unread_locked {
  background-image: url("./images/forum_unread_locked.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.forum_unread_subforum {
  background-image: url("./images/forum_unread_subforum.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.topic_moved {
  background-image: url("./images/topic_moved.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.topic_read {
  background-image: url("./images/topic_read.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.topic_read_mine {
  background-image: url("./images/topic_read_mine.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.topic_read_hot {
  background-image: url("./images/topic_read_hot.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.topic_read_hot_mine {
  background-image: url("./images/topic_read_hot_mine.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.topic_read_locked {
  background-image: url("./images/topic_read_locked.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.topic_read_locked_mine {
  background-image: url("./images/topic_read_locked_mine.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.topic_unread {
  background-image: url("./images/topic_unread.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.topic_unread_mine {
  background-image: url("./images/topic_unread_mine.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.topic_unread_hot {
  background-image: url("./images/topic_unread_hot.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.topic_unread_hot_mine {
  background-image: url("./images/topic_unread_hot_mine.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.topic_unread_locked {
  background-image: url("./images/topic_unread_locked.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.topic_unread_locked_mine {
  background-image: url("./images/topic_unread_locked_mine.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.sticky_read {
  background-image: url("./images/sticky_read.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.sticky_read_mine {
  background-image: url("./images/sticky_read_mine.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.sticky_read_locked {
  background-image: url("./images/sticky_read_locked.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.sticky_read_locked_mine {
  background-image: url("./images/sticky_read_locked_mine.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.sticky_unread {
  background-image: url("./images/sticky_unread.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.sticky_unread_mine {
  background-image: url("./images/sticky_unread_mine.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.sticky_unread_locked {
  background-image: url("./images/sticky_unread_locked.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.sticky_unread_locked_mine {
  background-image: url("./images/sticky_unread_locked_mine.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.announce_read {
  background-image: url("./images/announce_read.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.announce_read_mine {
  background-image: url("./images/announce_read_mine.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.announce_read_locked {
  background-image: url("./images/announce_read_locked.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.announce_read_locked_mine {
  background-image: url("./images/announce_read_locked_mine.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.announce_unread {
  background-image: url("./images/announce_unread.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.announce_unread_mine {
  background-image: url("./images/announce_unread_mine.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.announce_unread_locked {
  background-image: url("./images/announce_unread_locked.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.announce_unread_locked_mine {
  background-image: url("./images/announce_unread_locked_mine.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.global_read {
  background-image: url("./images/announce_read.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.global_read_mine {
  background-image: url("./images/announce_read_mine.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.global_read_locked {
  background-image: url("./images/announce_read_locked.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.global_read_locked_mine {
  background-image: url("./images/announce_read_locked_mine.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.global_unread {
  background-image: url("./images/announce_unread.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.global_unread_mine {
  background-image: url("./images/announce_unread_mine.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.global_unread_locked {
  background-image: url("./images/announce_unread_locked.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.global_unread_locked_mine {
  background-image: url("./images/announce_unread_locked_mine.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.subforum_read {
  background-image: url("./images/subforum_read.gif");
  padding-left: 11px;
  padding-top: 9px;
}

.imageset.subforum_unread {
  background-image: url("./images/subforum_unread.gif");
  padding-left: 11px;
  padding-top: 9px;
}

.imageset.pm_read {
  background-image: url("./images/topic_read.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.pm_unread {
  background-image: url("./images/topic_unread.gif");
  padding-left: 27px;
  padding-top: 27px;
}

.imageset.icon_back_top {
  background-image: url("./images/icon_back_top.gif");
  padding-left: 11px;
  padding-top: 11px;
}

.imageset.phpbb_aol-icon, .imageset.icon_contact_aim {
  background-image: url("./images/icon_contact_aim.gif");
  padding-left: 20px;
  padding-top: 20px;
}

.imageset.icon_contact_email {
  background-image: url("./images/icon_contact_email.gif");
  padding-left: 20px;
  padding-top: 20px;
}

.imageset.icon_contact_icq, .imageset.phpbb_icq-icon {
  background-image: url("./images/icon_contact_icq.gif");
  padding-left: 20px;
  padding-top: 20px;
}

.imageset.icon_contact_jabber {
  background-image: url("./images/icon_contact_jabber.gif");
  padding-left: 20px;
  padding-top: 20px;
}

.imageset.phpbb_wlm-icon, .imageset.icon_contact_msnm {
  background-image: url("./images/icon_contact_msnm.gif");
  padding-left: 20px;
  padding-top: 20px;
}

.imageset.icon_contact_www, .imageset.phpbb_website-icon {
  background-image: url("./images/icon_contact_www.gif");
  padding-left: 20px;
  padding-top: 20px;
}

.imageset.icon_contact_yahoo, .imageset.phpbb_yahoo-icon {
  background-image: url("./images/icon_contact_yahoo.gif");
  padding-left: 20px;
  padding-top: 20px;
}

.imageset.icon_post_delete {
  background-image: url("./images/icon_post_delete.gif");
  padding-left: 20px;
  padding-top: 20px;
}

.imageset.icon_post_info {
  background-image: url("./images/icon_post_info.gif");
  padding-left: 20px;
  padding-top: 20px;
}

.imageset.icon_post_report {
  background-image: url("./images/icon_post_report.gif");
  padding-left: 20px;
  padding-top: 20px;
}

.imageset.icon_post_target {
  background-image: url("./images/icon_post_target.gif");
  padding-left: 11px;
  padding-top: 9px;
}

.imageset.icon_post_target_unread {
  background-image: url("./images/icon_post_target_unread.gif");
  padding-left: 11px;
  padding-top: 9px;
}

.imageset.icon_topic_attach {
  background-image: url("./images/icon_topic_attach.gif");
  padding-left: 7px;
  padding-top: 10px;
}

.imageset.icon_topic_latest {
  background-image: url("./images/icon_topic_latest.gif");
  padding-left: 11px;
  padding-top: 9px;
}

.imageset.icon_topic_newest {
  background-image: url("./images/icon_topic_newest.gif");
  padding-left: 11px;
  padding-top: 9px;
}

.imageset.icon_topic_reported {
  background-image: url("./images/icon_topic_reported.gif");
  padding-left: 16px;
  padding-top: 14px;
}

.imageset.icon_topic_deleted {
  background-image: url("./images/icon_topic_deleted.png");
  padding-left: 16px;
  padding-top: 14px;
}

.imageset.icon_topic_unapproved {
  background-image: url("./images/icon_topic_unapproved.gif");
  padding-left: 16px;
  padding-top: 14px;
}

.imageset.icon_topic_poll {
  background-image: url("./images/icon_topic_poll.gif");
  padding-left: 11px;
  padding-top: 10px;
}

.imageset.icon_user_warn {
  background-image: url("./images/icon_user_warn.gif");
  padding-left: 20px;
  padding-top: 20px;
}

.imageset.icon_contact {
  background-image: url("./images/icon_contact.png");
  padding-left: 16px;
  padding-top: 12px;
}

/* English images for fallback */
.imageset.icon_user_online {
  background-image: url("./en/icon_user_online.gif");
  padding-left: 58px;
  padding-top: 58px;
}

.nav::before, .nav::after,
.navbar::before, .navbar::after {
  content: " ";
  display: table;
  box-sizing: border-box;
}

.nav::after, .navbar::after {
  clear: both;
}

.nav-collapse {
  display: none;
}
@media (min-width: 992px) {
  .nav-collapse {
    display: block;
  }
}

#topnav {
  display: none;
}
#topnav nav.navbar {
  border-radius: 0;
  margin-bottom: 0;
  min-height: 0;
  border: 0;
}
#topnav ul.navbar-nav {
  float: none;
}
@media (min-width: 992px) {
  #topnav {
    display: block;
  }
}

#subnav-nav {
  display: block;
  background-color: #5367b1;
  color: #ffffff;
  padding: 0;
  margin-top: 2px;
}
@media (min-width: 992px) {
  #subnav-nav {
    height: 26px;
    width: 100%;
  }
  #subnav-nav ul.nav {
    display: flex;
  }
  #subnav-nav li {
    border-left: 2px solid #ffffff;
    text-align: center;
    flex-basis: auto;
    flex-grow: 1;
  }
  #subnav-nav li:first-child {
    border-left: 0;
  }
}
#subnav-nav li {
  display: block;
  list-style: outside none none;
  text-align: center;
}
#subnav-nav li a:hover,
#subnav-nav li a:visited,
#subnav-nav li a:active,
#subnav-nav li a {
  color: #ffffff;
  font-weight: 500;
  font-size: 17px;
  text-decoration: none;
  line-height: 26px;
  display: block;
  padding: 0;
  background-color: #5367b1;
}
#subnav-nav li a:hover,
#subnav-nav li a.active {
  background-color: #99a5d1;
}
#subnav-nav .dropdown-menu {
  width: 100%;
  background-color: #5367b1;
  border: 0;
  border-radius: 0;
  right: 0;
  left: auto;
}
#subnav-nav .dropdown-menu li {
  border: 0;
  padding-left: 0px;
  width: 100%;
  text-align: left;
}
#subnav-nav .dropdown-menu li a {
  padding-left: 5px;
}
@media (min-width: 992px) {
  #subnav-nav .dropdown-menu {
    width: auto;
  }
}

#mainnav-nav.navbar {
  padding: 0;
}

#mainnav-nav {
  border: 0;
  min-height: auto;
}
@media (min-width: 992px) {
  #mainnav-nav ul.mainnav {
    display: flex;
  }
  #mainnav-nav ul.mainnav li {
    flex-grow: 1;
    flex-basis: auto;
  }
}
#mainnav-nav ul {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 0px;
  display: block;
  background-color: #888888;
  color: #ffffff;
  padding: 0;
}
#mainnav-nav ul li {
  float: left;
  border-left: 0;
}
@media (min-width: 992px) {
  #mainnav-nav ul li {
    border-left: 2px solid;
  }
}
#mainnav-nav ul .active a {
  background-color: #bbbbbb;
}
#mainnav-nav ul li {
  display: block;
  list-style: outside none none;
  text-align: center;
  width: 100%;
}
#mainnav-nav ul li a:hover,
#mainnav-nav ul li a:visited,
#mainnav-nav ul li a {
  color: #ffffff;
  font-weight: 900;
  font-size: 18px;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 26px;
  display: block;
  padding: 0;
}
#mainnav-nav ul li a:hover {
  background-color: #bbbbbb;
}
#mainnav-nav ul li:first-child {
  border-left: 0;
}

#mainnav-nav ul + ul {
  margin-top: 1px;
}

ul.mainnav-mobile {
  margin-top: 0px;
}
ul.mainnav-mobile li:first-child {
  padding-top: 4px;
}
ul.mainnav-mobile input[type=text] {
  color: #000000;
}

.header-menu {
  background-color: #888888;
}

/* the popup window */
.cc-window, .cc-revoke {
  position: fixed;
  overflow: hidden;
  box-sizing: border-box;
  /* exclude padding when dealing with width */
  font-family: Helvetica, Calibri, Arial, sans-serif;
  font-size: 16px;
  /* by setting the base font here, we can size the rest of the popup using CSS `em` */
  line-height: 1.5em;
  display: flex;
  flex-wrap: nowrap;
  /* the following are random unjustified styles - just because - should probably be removed */
  z-index: 9999;
}

.cc-window.cc-static {
  position: static;
}

/* 2 basic types of window - floating / banner */
.cc-window.cc-floating {
  padding: 2em;
  max-width: 24em;
  /* 1em == 16px therefore 24em == 384px */
  flex-direction: column;
}

.cc-window.cc-banner {
  padding: 1em 1.8em;
  width: 100%;
  flex-direction: row;
}

.cc-revoke {
  padding: 0.5em;
}

.cc-revoke:hover {
  text-decoration: underline;
}

.cc-header {
  font-size: 18px;
  font-weight: bold;
}

/* clickable things */
.cc-btn, .cc-link, .cc-close, .cc-revoke {
  cursor: pointer;
}

.cc-link {
  opacity: 0.8;
  display: inline-block;
  padding: 0.2em;
  text-decoration: underline;
}

.cc-link:hover {
  opacity: 1;
}

.cc-link:active, .cc-link:visited {
  color: initial;
}

.cc-btn {
  display: block;
  padding: 0.4em 0.8em;
  font-size: 0.9em;
  font-weight: bold;
  border-width: 2px;
  border-style: solid;
  text-align: center;
  white-space: nowrap;
}

.cc-banner .cc-btn:last-child {
  min-width: 140px;
}

.cc-highlight .cc-btn:first-child {
  background-color: transparent;
  border-color: transparent;
}

.cc-highlight .cc-btn:first-child:hover,
.cc-highlight .cc-btn:first-child:focus {
  background-color: transparent;
  text-decoration: underline;
}

.cc-close {
  display: block;
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  font-size: 1.6em;
  opacity: 0.9;
  /* seeing as this contains text and not an image, the element taller than it is wide (because it is text) */
  /*  - we want it to be a square, because it's acting as an icon */
  /*  - setting the line height normalises the height */
  line-height: 0.75;
}

.cc-close:hover,
.cc-close:focus {
  opacity: 1;
}

/* This file should contain CSS that modifies the popup layout. */
/* By layout, we mean the physical position of the elements on the popup window, and the margin / padding around those elements. */
.cc-revoke.cc-top {
  top: 0;
  left: 3em;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}

.cc-revoke.cc-bottom {
  bottom: 0;
  left: 3em;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}

.cc-revoke.cc-left {
  left: 3em;
  right: unset;
}

.cc-revoke.cc-right {
  right: 3em;
  left: unset;
}

/**************************************** FLOATING ****************************************/
/* these classes position the floating element */
.cc-top {
  top: 1em;
}

.cc-left {
  left: 1em;
}

.cc-right {
  right: 1em;
}

.cc-bottom {
  bottom: 1em;
}

/* links that are direct decendants should be displayed as block */
.cc-floating > .cc-link {
  margin-bottom: 1em;
}

.cc-floating .cc-message {
  display: block;
  margin-bottom: 1em;
}

.cc-window.cc-floating .cc-compliance {
  flex: 1 0 auto;
}

/**************************************** BANNER ****************************************/
.cc-window.cc-banner {
  align-items: center;
}

.cc-banner.cc-top {
  left: 0;
  right: 0;
  top: 0;
}

.cc-banner.cc-bottom {
  left: 0;
  right: 0;
  bottom: 0;
}

.cc-banner .cc-message {
  flex: 1;
}

/* COMPLIANCE BOX */
.cc-compliance {
  display: flex;
  align-items: center;
  align-content: space-between;
}

.cc-compliance > .cc-btn {
  flex: 1;
}

.cc-btn + .cc-btn {
  margin-left: 0.5em;
}

.cc-window {
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}

.cc-window.cc-invisible {
  opacity: 0;
}

/* only animate ifhas class 'cc-animate' */
.cc-animate.cc-revoke {
  -webkit-transition: transform 1s ease;
  -moz-transition: transform 1s ease;
  -ms-transition: transform 1s ease;
  -o-transition: transform 1s ease;
  transition: transform 1s ease;
}

.cc-animate.cc-revoke.cc-top {
  transform: translateY(-2em);
}

.cc-animate.cc-revoke.cc-bottom {
  transform: translateY(2em);
}

.cc-animate.cc-revoke.cc-active.cc-top {
  transform: translateY(0);
}

.cc-animate.cc-revoke.cc-active.cc-bottom {
  transform: translateY(0);
}

.cc-revoke:hover {
  transform: translateY(0);
}

.cc-grower {
  /* Initially we don't want any height, and we want the contents to be hidden */
  max-height: 0;
  overflow: hidden;
  /* Set our transitions up. */
  -webkit-transition: max-height 1s;
  -moz-transition: max-height 1s;
  -ms-transition: max-height 1s;
  -o-transition: max-height 1s;
  transition: max-height 1s;
}

@media print {
  .cc-window, .cc-revoke {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .cc-btn {
    white-space: normal;
  }
}
/* dimensions for 'iPhone6 Plus' and lower */
@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
  .cc-window.cc-top {
    top: 0;
  }

  .cc-window.cc-bottom {
    bottom: 0;
  }

  .cc-window.cc-banner, .cc-window.cc-right, .cc-window.cc-left {
    left: 0;
    right: 0;
  }

  .cc-window.cc-banner {
    flex-direction: column;
  }

  .cc-window.cc-banner .cc-compliance {
    flex: 1;
  }

  .cc-window.cc-floating {
    max-width: none;
  }

  .cc-window .cc-message {
    margin-bottom: 1em;
  }

  .cc-window.cc-banner {
    align-items: unset;
  }
}
/* iPhone 6 */
/* iPhone 6 plus */
/* iPhone 5 & 5S */
/* iPhone 2G - 4S */
.cc-window {
  color: #222;
  background-color: #eee;
}

.cc-compliance {
  border-radius: 0px;
  font-weight: bold;
  line-height: 18px;
  font-size: 12px;
  padding: 6px 10px;
  color: #fff;
  background-color: #51a865;
  border-color: #51a865;
}
.cc-compliance a {
  color: #fff;
  border: 0;
}

.s4u {
  clear: both;
  display: block;
  min-height: 250px;
}
.s4u .s4uleft {
  float: left;
  /*line-height: 250px;*/
  text-align: left;
  font-size: 1.5em;
  color: #686868;
}
@media (max-width: 991px) {
  .s4u .s4uleft {
    display: none;
  }
}
.s4u .s4uright {
  float: left;
  text-align: center;
}
@media (max-width: 991px) {
  .s4u .s4uright {
    width: auto;
    text-align: center;
    float: none;
  }
  .s4u .s4uright a:not(:first-of-type) {
    display: none;
  }
}
.s4u .s4uright .s4uimg {
  margin-left: 1em;
  display: inline;
  float: left;
}
@media (max-width: 991px) {
  .s4u .s4uright .s4uimg {
    margin: 0 auto;
    float: none;
  }
}

.btn-social-link,
.btn-social-link:hover,
.btn-social-link:focus {
  /*background-color: $black;*/
  background-color: #dd4b2e;
  color: #FFFFFF;
  display: inline-block;
  padding: 0;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  width: 20px;
  text-align: center;
}
@media (min-width: 768px) {
  .btn-social-link,
.btn-social-link:hover,
.btn-social-link:focus {
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    width: 30px;
  }
}
@media (max-width: 991px) {
  .btn-social-link,
.btn-social-link:hover,
.btn-social-link:focus {
    display: none;
  }
}

.btn-social-link:hover {
  background-color: #e4715a;
}

#footer {
  clear: both;
}

#cp-menu {
  width: 18%;
  margin-right: 1%;
}

#cp-main .bg1 {
  background-color: #FFFFFF;
}
#cp-main .current {
  color: #dd4b2e !important;
}

.forum-welcome-spielbox h3.simpleHeadline {
  background: inherit;
  padding: 0;
  color: #000000;
  font-size: 14px;
  text-transform: initial;
  margin-top: 0;
}
.forum-welcome-spielbox h3.simpleHeadline a,
.forum-welcome-spielbox h3.simpleHeadline a:hover,
.forum-welcome-spielbox h3.simpleHeadline a:focus {
  color: #dd4b2e;
}

#page-body {
  padding: 0 10px 0 10px;
}

.header-avatar span::after {
  float: none;
}

.action-bar {
  margin: 10px 0 10px 0;
}

.pagination li a,
.pagination li span,
.panel,
#tabs .tab > a,
.button,
.search-box .inputbox,
.search-box a.button,
.post,
.dropdown .dropdown-contents {
  border-radius: 0;
}

.dropdown-extended .header,
.dropdown-extended .pointer-inner,
.bg3,
#navigation a {
  background: #dcdcdc;
}

#tabs .tab a:hover,
#tabs .tab.activetab > a {
  color: #000000;
  background: #dcdcdc;
}

#tabs .tab > a {
  background: #989898;
  color: #FFFFFF;
}

.post.bg2 {
  background-color: #ededed;
}

li.row.bg2 {
  border-top: 1px #686868 solid;
  border-bottom: 1px #686868 solid;
}

.forum_name,
h3.simpleHeadline {
  background-color: #989898;
  color: #FFFFFF;
  display: inline-block;
  font-weight: bold;
  margin-top: 10px;
  padding: 5px 10px;
  text-transform: uppercase;
}
.forum_name a,
h3.simpleHeadline a {
  color: #FFFFFF;
}

li.row {
  border: 0;
}

#wrap {
  padding: 0;
  border: 0;
}

#footer {
  display: block;
  overflow: hidden;
}

.footer {
  font-size: 14px;
  line-height: 1.429;
  padding: 0 0 10px 10px;
  margin: 0;
  width: 100%;
  background-color: #dd4b2e;
  color: #f5f5f5;
  text-transform: uppercase;
  display: table;
}
.footer .spacer {
  width: 1px;
  height: 42px;
  display: none;
}
.footer ul {
  padding: 0;
  margin-top: 0px;
  margin-bottom: 0px;
}
.footer li:before {
  content: "- ";
}
.footer li {
  list-style: none;
}
.footer h2 {
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  color: #f5f5f5;
  margin-bottom: 10px;
  margin-top: 20px;
}
.footer a {
  text-decoration: none;
  color: #f5f5f5;
  font-size: 10px;
  line-height: 10px;
  font-weight: bold;
}
@media (min-width: 768px) {
  .footer div.spacer {
    display: block;
  }
  .footer div.items1 {
    width: 100%;
    float: left;
    box-sizing: border-box;
  }
  .footer div.items2 {
    width: 50%;
    float: left;
    box-sizing: border-box;
  }
  .footer div.items3 {
    width: 33.3333333333%;
    float: left;
    box-sizing: border-box;
  }
  .footer div.items4 {
    width: 25%;
    float: left;
    box-sizing: border-box;
  }
  .footer div.items5 {
    width: 20%;
    float: left;
    box-sizing: border-box;
  }
  .footer div.items6 {
    width: 16.6666666667%;
    float: left;
    box-sizing: border-box;
  }
  .footer div.items7 {
    width: 14.2857142857%;
    float: left;
    box-sizing: border-box;
  }
  .footer div.items8 {
    width: 12.5%;
    float: left;
    box-sizing: border-box;
  }
}

#bottomnav-nav {
  background-color: #888888;
}
#bottomnav-nav ul {
  text-align: justify;
  background-color: #888888;
  color: #ffffff;
}
#bottomnav-nav ul::after {
  width: 100%;
  display: inline-block;
  content: ".";
  visibility: hidden;
}
#bottomnav-nav li {
  display: inline-block;
}
#bottomnav-nav li a:hover,
#bottomnav-nav li a:visited,
#bottomnav-nav li a {
  color: #ffffff;
  font-weight: 900;
  font-size: 10px;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 26px;
}
#bottomnav-nav li a:hover {
  background-color: #bbbbbb;
}

.box {
  margin: 10px 0px 20px 0px;
  padding: 5px;
  overflow: visible;
}

.forum_name + .box,
h3.simpleHeadline + .box {
  margin: 0 0px 20px 0px;
}

.boxShadow {
  border: 1px solid #cecece;
}

.header-top {
  padding: 0 10px 0 10px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header-top .btn-menu {
  -webkit-order: 2;
  -moz-order: 2;
  order: 2;
  display: inline-block;
}

.header {
  padding-top: 15px;
}
.header:before, .header:after {
  content: " ";
  display: table;
}
.header:after {
  clear: both;
}
.header div.logo {
  -webkit-order: 3;
  -moz-order: 3;
  order: 3;
  display: block;
  padding: 0;
  margin: 0;
  width: 170px;
}
.header div.logo img {
  width: 100%;
}
@media (min-width: 768px) {
  .header div.logo {
    width: 180px;
  }
}
.header div.searchbar {
  -webkit-order: 4;
  -moz-order: 4;
  order: 4;
  z-index: 10;
  display: block;
  margin: 0;
  width: 320px;
}
.header div.searchbar input[type=text] {
  border: 0 none;
  display: block;
  font-size: 16px;
  height: 18px;
  padding-bottom: 6px;
  padding-top: 7px;
  text-indent: 10px;
  width: 207px;
  float: left;
  -moz-box-shadow: 1px 1px 3px 1px #999;
  -webkit-box-shadow: 1px 1px 3px 1px #999;
  box-shadow: 1px 1px 3px 1px #999;
}
.header div.searchbar button {
  margin-top: 0px;
  margin-left: 0px;
}
@media (min-width: 768px) {
  .header div.searchbar {
    width: 290px;
  }
  .header div.searchbar input[type=text] {
    width: 170px;
  }
}
@media (min-width: 992px) {
  .header div.searchbar {
    width: 350px;
  }
  .header div.searchbar input[type=text] {
    width: 270px;
  }
}
.header .loginblock {
  -webkit-order: 6;
  -moz-order: 6;
  order: 6;
  margin-right: 10px;
  font-size: 1.2em;
}
.header .socialmedia-links {
  -webkit-order: 5;
  -moz-order: 5;
  order: 5;
}
.header .socialmedia-links .loginblock {
  text-align: right;
  margin-top: 5px;
  margin-right: 0px;
}

.btn {
  border-radius: 0px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 18px;
  font-size: 12px;
  padding: 6px 10px;
}

.btn-menu {
  background-color: #dd4b2e;
  display: block;
  float: left;
  margin-top: 0px;
  margin-right: 0px;
  padding: 5px;
}
.btn-menu .icon-bar {
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 1px;
  background-color: #ffffff;
}
.btn-menu .icon-bar + .icon-bar {
  margin-top: 4px;
}

.btn.hidden {
  display: none;
}

.btn-nav, .btn-nav-alarm {
  background-color: #dcdcdc;
  border: 0;
  color: #525252;
}
.btn-nav a, .btn-nav-alarm a {
  color: #525252;
}

.btn-nav-alarm {
  background-color: #dd4b2e;
}
.btn-nav-alarm a {
  color: #525252;
}

.btn-nav.clone {
  background-color: #FFFFFF;
  display: block;
}

.small-icon.btn-nav,
.small-icon.btn-nav-alarm {
  background-position: 4px 50%;
  padding: 2px 4px 2px 5px;
}

.btn-search {
  margin-left: -5px;
  margin-top: -4px;
}

#headerad,
#footerad {
  margin: 0 auto;
  margin-bottom: 10px;
  max-width: 768px;
  min-height: 60px;
  min-width: 300px;
  text-align: center;
}
#headerad .ad,
#footerad .ad {
  display: inline-block;
  width: 100%;
  min-height: 60px;
}
#headerad:before, #headerad:after,
#footerad:before,
#footerad:after {
  content: " ";
  display: table;
}
#headerad:after,
#footerad:after {
  clear: both;
}

.rowad {
  border-style: solid;
  border-color: #989898;
  border-width: 1px 0px 1px 0px;
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: center;
  width: 100%;
}
.rowad .rowad-header {
  font-size: 8px;
}
.rowad .rowad-ad {
  display: block;
  margin-bottom: 8px;
  max-width: 100%;
  min-width: 100px;
  min-height: 40px;
}

#partnerBadges {
  width: 264px;
  float: right;
  padding-bottom: 0.5em;
}
#partnerBadges:before, #partnerBadges:after {
  content: " ";
  display: table;
}
#partnerBadges:after {
  clear: both;
}

#spielamaLogo,
#spielboxLogo {
  float: right;
  width: 120px;
  display: inline-block;
  border: 1px solid #cecece;
}
#spielamaLogo img,
#spielboxLogo img {
  width: 100%;
}

#spielboxLogo {
  margin-right: 10px;
}

#spielamaLogo {
  margin-right: 5px;
}

dd.profile-rank {
  background-color: #51a865;
  border-radius: 0.4em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  padding: 0.5em;
  margin-top: 0.5em;
}

dd.profile-rank.profile-rank-spielfigur {
  background-color: #008DBF;
}

dd.profile-rank.profile-rank-spielkind {
  background-color: #008DBF;
}

dd.profile-rank.profile-rank-spielkamerad {
  background-color: #B59157;
}

dd.profile-rank.profile-rank-brettspieler {
  background-color: #BFBF43;
}

dd.profile-rank.profile-rank-kennerspieler {
  background-color: #51a865;
}

dd.profile-rank.profile-rank-administratoren {
  background-color: #2D00B5;
}

.postprofile .username, .postprofile .username-coloured {
  background-image: url("./images/icon_offline.gif");
  background-position: 0 3px;
  background-repeat: no-repeat;
  padding-left: 14px !important;
}

.online .postprofile .username, .online .postprofile .username-coloured {
  background-image: url("./images/icon_online.gif");
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  /* Responsive Design
  ---------------------------------------- */
  .responsive-hide {
    display: none !important;
  }

  .responsive-show {
    display: block !important;
  }

  .responsive-show-inline {
    display: inline !important;
  }

  .responsive-show-inline-block {
    display: inline-block !important;
  }

  /* Content wrappers
  ----------------------------------------*/
  html {
    height: auto;
  }

  body {
    padding: 0;
    font-size: 12px;
  }

  #wrap {
    border: none;
    border-radius: 0;
    margin: 0;
    min-width: 290px;
    padding: 0;
  }

  /* Common block wrappers
  ----------------------------------------*/
  .headerbar, .forabg, .forumbg, .post, .panel {
    border-radius: 0;
    margin-left: -5px;
    margin-right: -5px;
  }

  #cp-main .forabg, #cp-main .forumdb, #cp-main .post, #cp-main .panel {
    border-radius: 7px;
  }

  #cp-menu {
    width: 100%;
  }

  /* Logo block
  ----------------------------------------*/
  #site-description {
    float: none;
    width: auto;
    text-align: center;
  }

  .logo {
    /* change display value to inline-block to show logo */
    display: none;
    float: none;
    padding: 10px;
  }

  #site-description h1, #site-description p {
    text-align: inherit;
    float: none;
    margin: 5px;
    line-height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #site-description p, .search-header {
    display: none;
  }

  /* Navigation
  ----------------------------------------*/
  .headerbar + .navbar {
    margin-top: -5px;
  }

  /* Search
  ----------------------------------------*/
  .responsive-search {
    display: block !important;
  }

  .responsive-search a {
    display: block;
    width: 16px;
    height: 22px;
    text-indent: 99px;
    overflow: hidden;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-decoration: none;
  }

  /* .topiclist lists
  ----------------------------------------*/
  li.header dt {
    text-align: center;
    text-transform: none;
    line-height: 1em;
    font-size: 1.2em;
    padding-bottom: 4px;
  }

  ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner {
    margin-right: 0 !important;
    padding-right: 0;
  }

  ul.topiclist li.header dd {
    display: none !important;
  }

  ul.topiclist dt, ul.topiclist dt .list-inner,
ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner,
ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner,
ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner {
    margin-right: 0;
  }

  ul.topiclist dt .list-inner.with-mark {
    padding-right: 34px;
  }

  ul.topiclist dt .list-inner {
    min-height: 28px;
  }

  ul.topiclist li.header dt .list-inner {
    min-height: 0;
  }

  ul.topiclist dd {
    display: none;
  }

  ul.topiclist dd.mark {
    display: block;
  }

  /* Forums and topics lists
  ----------------------------------------*/
  ul.topiclist.forums dt {
    margin-right: -250px;
  }

  ul.topiclist.forums dt .list-inner {
    margin-right: 250px;
  }

  ul.topiclist.forums dd.lastpost {
    display: block;
  }

  ul.topiclist dd.mark {
    display: block;
    position: absolute;
    right: 5px;
    top: 0;
    margin: 0;
    width: auto;
    min-width: 0;
    text-align: left;
  }

  ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn {
    position: relative;
    left: 0;
    width: auto;
    display: inline;
    font-weight: normal;
  }

  /* Notifications list
  ----------------------------------------*/
  /* Pagination
  ----------------------------------------*/

  /* Responsive tables
  ----------------------------------------*/

  /* Forms
  ----------------------------------------*/

  /* User profile
  ----------------------------------------*/

  /* Polls
  ----------------------------------------*/

  /* Post
  ----------------------------------------*/

  /* Misc stuff
  ----------------------------------------*/
}
@media only screen and (max-width: 700px) and (max-width: 550px), only screen and (max-width: 700px) and (max-device-width: 550px), only screen and (max-device-width: 700px) and (max-width: 550px), only screen and (max-device-width: 700px) and (max-device-width: 550px) {
  ul.topiclist.forums dt {
    margin-right: 0;
  }

  ul.topiclist.forums dt .list-inner {
    margin-right: 0;
  }

  ul.topiclist.forums dd.lastpost {
    display: none;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  li.row .responsive-show strong {
    font-weight: bold;
    color: inherit;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  ul.topiclist li.row dt a.subforum {
    display: inline-block;
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
  }
}
@media only screen and (max-width: 700px) and (max-width: 350px), only screen and (max-width: 700px) and (max-device-width: 350px), only screen and (max-device-width: 700px) and (max-width: 350px), only screen and (max-device-width: 700px) and (max-device-width: 350px) {
  .dropdown-extended .dropdown-contents {
    width: auto;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  .pagination > ul {
    margin: 5px 0 0;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  .row .pagination .ellipsis + li {
    display: none !important;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
    display: block;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  table.responsive thead, table.responsive th {
    display: none;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  table.responsive.show-header thead, table.responsive.show-header th:first-child {
    display: block;
    width: auto !important;
    text-align: left !important;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  table.responsive.show-header th:first-child span.rank-img {
    display: none;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  table.responsive tr {
    margin: 2px 0;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  table.responsive td {
    width: auto !important;
    text-align: left !important;
    padding: 4px;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  table.responsive td.empty {
    display: none !important;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  table.responsive td > dfn {
    display: inline-block !important;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  table.responsive td > dfn:after {
    content: ":";
    padding-right: 5px;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  table.responsive span.rank-img {
    float: none;
    padding-right: 5px;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  table.responsive#memberlist td:first-child input[type=checkbox] {
    float: right;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt {
    width: auto;
    float: none;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  textarea, dd textarea, #message-box textarea {
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  dl.pmlist dt {
    width: auto !important;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  dl.pmlist dd {
    display: inline-block;
    margin-left: 0 !important;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  dl.pmlist dd:first-of-type {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  #smiley-box, #message-box {
    float: none;
    width: auto;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  #smiley-box {
    margin-top: 5px;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  .bbcode-status {
    display: none;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  .colour-palette, .colour-palette tbody, .colour-palette tr {
    display: block;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  .colour-palette td {
    display: inline-block;
    margin-right: 2px;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  .horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) {
    display: none;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  .colour-palette a {
    display: inline-block !important;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  fieldset.quick-login label {
    display: block;
    margin-bottom: 5px;
    white-space: normal;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  fieldset.quick-login label > span {
    display: inline-block;
    min-width: 100px;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  fieldset.quick-login input.inputbox {
    width: 85%;
    max-width: 300px;
    margin-left: 20px;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  fieldset.quick-login label[for=autologin] {
    display: inline-block;
    text-align: right;
    min-width: 50%;
  }
}
@media only screen and (max-width: 700px) and (max-width: 500px), only screen and (max-width: 700px) and (max-device-width: 500px), only screen and (max-device-width: 700px) and (max-width: 500px), only screen and (max-device-width: 700px) and (max-device-width: 500px) {
  dd label {
    white-space: normal;
  }

  select, .inputbox {
    max-width: 260px;
  }

  .captcha-panel dd.captcha {
    margin-left: 0;
  }

  .captcha-panel dd.captcha-image img {
    width: 100%;
  }

  #recaptcha_challenge_image,
#recaptcha_response_field,
.recaptchatable #recaptcha_image {
    width: 100% !important;
    height: auto !important;
  }

  .recaptchatable tr td:last-child {
    display: none;
  }

  .captcha-panel .recaptcha-responsive {
    display: inline-block !important;
    margin-top: 10px;
    vertical-align: middle;
  }
}
@media only screen and (max-width: 700px) and (max-width: 430px), only screen and (max-width: 700px) and (max-device-width: 430px), only screen and (max-device-width: 700px) and (max-width: 430px), only screen and (max-device-width: 700px) and (max-device-width: 430px) {
  .section-viewtopic .search-box .inputbox {
    width: 110px;
  }
}
@media only screen and (max-width: 700px) and (max-width: 320px), only screen and (max-width: 700px) and (max-device-width: 320px), only screen and (max-device-width: 700px) and (max-width: 320px), only screen and (max-device-width: 700px) and (max-device-width: 320px) {
  select, .inputbox {
    max-width: 240px;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  .column1, .column2, .left-box.profile-details {
    float: none;
    width: auto;
  }
}
@media only screen and (max-width: 700px) and (max-width: 500px), only screen and (max-width: 700px) and (max-device-width: 500px), only screen and (max-device-width: 700px) and (max-width: 500px), only screen and (max-device-width: 700px) and (max-device-width: 500px) {
  dl.details dt, dl.details dd {
    width: auto;
    float: none;
    text-align: left;
  }

  dl.details dd {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  fieldset.polls dt {
    width: 90%;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  fieldset.polls dd.resultbar {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  fieldset.polls dd.poll_option_percent {
    width: 20%;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent {
    margin-top: 5px;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  .postbody {
    position: inherit;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  .postprofile, .postbody, .search .postbody {
    display: block;
    width: auto;
    float: none;
    padding: 0;
    min-height: 0;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  .post .postprofile {
    width: auto;
    border-width: 0 0 1px 0;
    padding-bottom: 5px;
    margin: 0;
    margin-bottom: 5px;
    min-height: 40px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  .postprofile dd {
    display: none;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  .postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd {
    display: block;
    margin: 0;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  dd.profile-rank {
    background-color: inherit;
    color: #000000;
    border-radius: 0;
    padding: 0;
    font-weight: inherit;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  dd.profile-rank.profile-rank-spielfigur {
    color: #008DBF;
    background-color: inherit;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  dd.profile-rank.profile-rank-spielkind {
    color: #008DBF;
    background-color: inherit;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  dd.profile-rank.profile-rank-spielkamerad {
    color: #B59157;
    background-color: inherit;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  dd.profile-rank.profile-rank-brettspieler {
    color: #BFBF43;
    background-color: inherit;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  dd.profile-rank.profile-rank-kennerspieler {
    color: #51a865;
    background-color: inherit;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  dd.profile-rank.profile-rank-administratoren {
    color: #2D00B5;
    background-color: inherit;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  .postprofile .has-avatar .avatar-container {
    margin: 0;
    overflow: inherit;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  .postprofile .avatar-container:after {
    clear: none;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  .postprofile .avatar {
    margin-right: 5px;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  .postprofile .avatar img {
    width: auto !important;
    height: auto !important;
    max-height: 32px;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  .has-profile .postbody h3 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  .has-profile .post-buttons {
    right: 20px;
    top: 15px;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  h2 {
    margin-top: 0.5em;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  p {
    margin-bottom: 0.5em;
    overflow: hidden;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  p.rightside {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  fieldset.display-options label {
    display: block;
    clear: both;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  dl.mini dd.pm-legend {
    float: left;
    min-width: 200px;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  #topicreview {
    margin: 0 -5px;
    padding: 0 5px;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  fieldset.display-actions {
    white-space: normal;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  .phpbb_alert {
    width: auto;
    margin: 0 5px;
  }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  .attach-comment dfn {
    width: 100%;
  }
}
@media only screen and (max-width: 700px) and (max-width: 500px), only screen and (max-width: 700px) and (max-device-width: 500px), only screen and (max-device-width: 700px) and (max-width: 500px), only screen and (max-device-width: 700px) and (max-device-width: 500px) {
  p.responsive-center {
    float: none;
    text-align: center;
    margin-bottom: 5px;
  }

  .action-bar > div {
    margin-bottom: 5px;
  }

  .action-bar > .pagination {
    float: none;
    clear: both;
    padding-bottom: 1px;
    text-align: center;
  }

  .action-bar > .pagination li.page-jump {
    margin: 0 2px;
  }

  p.jumpbox-return {
    display: none;
  }

  .display-options > label:nth-child(1) {
    display: block;
    margin-bottom: 5px;
  }

  .attach-controls {
    margin-top: 5px;
    width: 100%;
  }
}

/*# sourceMappingURL=stylesheet.css.map */