@import 'grid-system.css?v=20251114';
.cf {
  zoom: 1;
}
.cf:after {
  content: '';
  display: table;
  clear: both;
}
body .icon {
  cursor: pointer;
  display: inline-block;
  background: url(../img/sprites.png) no-repeat;
  width: 26px;
  height: 26px;
  vertical-align: middle;
}
body .icon.icon-menu {
  background-position: 1px -76px;
}
body .icon.icon-search {
  background-position: -1px -2px;
}
body .icon.icon-cog {
  background-position: -34px 0;
}
body .icon.icon-plus {
  background-position: -123px 0;
}
body .icon.icon-minus {
  background-position: -77px 0;
}
body .icon.icon-cta {
  background-position: -167px 0;
}
body .icon.icon-close {
  background-position: -34px -74px;
}
body .icon.icon-edit {
  background-position: -78px -42px;
  width: 19px;
  height: 19px;
}
body .icon.icon-toend {
  background-position: -208px 0;
}
body .icon.icon-top {
  background-position: -247px -2px;
}
body .icon.icon-bottom {
  background-position: -220px -104px;
}
body .icon.icon-bookmark-lg {
  background-position: -253px -108px;
  width: 19px;
  height: 19px;
}
body .icon.icon-watch {
  background-position: -253px -43px;
  width: 19px;
  height: 19px;
}
body .icon.icon-reply {
  width: 15px;
  height: 15px;
  background-position: -38px -144px;
}
body .icon.icon-pinned {
  width: 15px;
  height: 15px;
  background-position: -2px -112px;
}
body .icon.icon-pound {
  width: 15px;
  height: 15px;
  background-position: -37px -112px;
}
body .icon.icon-wiki {
  width: 19px;
  height: 19px;
  background-position: -113px -42px;
}
body .icon.icon-video {
  width: 17px;
  height: 15px;
  background-position: -101px -140px;
}
body .icon.icon-poll {
  width: 15px;
  height: 15px;
  background-position: -71px -111px;
}
body .icon.icon-bookmark {
  width: 15px;
  height: 15px;
  background-position: -71px -141px;
}
body .icon.icon-lock {
  width: 15px;
  height: 15px;
  background-position: -4px -140px;
}
body .icon.icon-remove {
  width: 15px;
  height: 15px;
  background-position: -79px -81px;
}
body .icon.icon-calendar {
  width: 15px;
  height: 15px;
  background-position: -104px -111px;
}
body .icon.icon-quote {
  width: 15px;
  height: 15px;
  background-position: -197px -81px;
}
body .icon.icon-quoteall {
  width: 15px;
  height: 15px;
  background-position: -226px -81px;
}
body .icon.icon-bin {
  width: 15px;
  height: 15px;
  background-position: -198px -44px;
}
body .icon.icon-msgedit {
  width: 15px;
  height: 15px;
  background-position: -226px -44px;
}
body .icon.icon-report {
  width: 15px;
  height: 15px;
  background-position: -255px -80px;
}
body .icon.icon-discuss {
  width: 19px;
  height: 19px;
  background-position: -113px -79px;
}
body .icon.icon-rightarrow {
  background-image: none;
  position: relative;
}
body .icon.icon-rightarrow:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #111;
  position: absolute;
  top: 9px;
  right: 8px;
}
body .icon.icon-next {
  background-image: none;
  position: relative;
  width: 14px;
}
body .icon.icon-next:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px;
  border-color: transparent transparent transparent #111;
  position: absolute;
  top: 6px;
  right: -7px;
}
@media only screen and (max-width: 750px) {
  body .icon.icon-next:after {
    border-color: transparent transparent transparent #fff;
  }
}
body .icon.icon-prev {
  background-image: none;
  position: relative;
  width: 14px;
}
body .icon.icon-prev:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px;
  border-color: transparent #111 transparent transparent;
  position: absolute;
  top: 6px;
  right: 6px;
}
@media only screen and (max-width: 750px) {
  body .icon.icon-prev:after {
    border-color: transparent #fff transparent transparent;
  }
}
@media only screen and (max-width: 750px),
  only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-device-pixel-ratio: 2) {
  body .icon {
    background: url(../img/sprites@2x.png) no-repeat;
    background-size: 271px 158px;
  }
}
.ico {
  background: url(../img/mobile-sprites.png) no-repeat;
  background-size: 168px;
}
.ico--arrow-right {
  background-position: -131px 0;
  width: 5px;
  height: 8px;
  position: absolute;
  right: 10px;
  top: 15px;
}
.ico--arrow-right--white {
  background-position: -131px -25px;
  width: 5px;
  height: 8px;
  display: inline-block;
  margin-left: 5px;
}
.ico--arrow-left--white {
  background-position: -150px 0;
  width: 5px;
  height: 8px;
  display: inline-block;
  margin-right: 5px;
}
.ico--arrow-down {
  background-position: -131px 0;
  width: 5px;
  height: 8px;
  display: inline-block;
  margin-right: 5px;
  -webkit-transform: rotate(90deg) scale(1) skew(1deg) translate(0);
  -moz-transform: rotate(90deg) scale(1) skew(1deg) translate(0);
  -o-transform: rotate(90deg) scale(1) skew(1deg) translate(0);
  -ms-transform: rotate(90deg) scale(1) skew(1deg) translate(0);
  transform: rotate(90deg) scale(1) skew(1deg) translate(0);
}
.ico--arrow-down--white {
  background-position: -150px 0;
  width: 5px;
  height: 8px;
  display: inline-block;
  margin-left: 5px;
  -webkit-transform: rotate(270deg) scale(1) skew(1deg) translate(0);
  -moz-transform: rotate(270deg) scale(1) skew(1deg) translate(0);
  -o-transform: rotate(270deg) scale(1) skew(1deg) translate(0);
  -ms-transform: rotate(270deg) scale(1) skew(1deg) translate(0);
  transform: rotate(270deg) scale(1) skew(1deg) translate(0);
}
.ico--cross {
  background-position: -150px -25px;
  width: 8px;
  height: 8px;
  display: inline-block;
  margin-right: 5px;
}
section.poll {
  background-color: #f8f8f8;
  border: 1px solid #808080;
  padding: 10px;
  margin: 15px 10px;
}
section.poll h2 {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 20px;
}
section.poll h3 {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 15px;
}
section.poll .pollRow {
  margin-bottom: 8px;
}
section.poll .pollRow .optionTitle {
  display: block;
  padding-right: 10px;
  font-weight: bold;
}
section.poll .pollRow .barContainer {
  display: block;
  vertical-align: middle;
}
section.poll .pollRow .barContainer .bar {
  border: 1px solid #000;
  padding: 1px 4px 1px 0;
  color: #fff;
  text-align: right;
  background-color: #00f;
  display: block;
}
section.poll .pollRow .barContainer .bar.selected {
  background-color: #008000;
}
#newPoll {
  display: none;
}
@media screen and (max-width: 750px) {
  .accordion {
    width: 100%;
  }
  .accordion .accordion-section {
    border-bottom: 1px solid #dedede;
    position: relative;
  }
  .accordion .accordion-section .accordion-heading.active {
    background-color: #0063a1;
  }
  .accordion .accordion-section .accordion-heading h2 {
    margin: 0;
    font-size: 16px;
    font-size: 1rem;
  }
  .accordion .accordion-section .accordion-heading a {
    display: block;
    position: relative;
    background: #f7f7f7;
    padding: 10px;
    color: #666;
  }
  .accordion .accordion-section .accordion-heading .active {
    background-color: #0063a1;
    color: #fff;
  }
  .accordion .accordion-section .accordion-heading span.icon {
    display: none;
    position: absolute;
    right: 10px;
    top: 10px;
    background-position: -123px 0;
  }
  .accordion .accordion-section ul.desktop-range-chooser {
    display: block;
    width: 100%;
  }
  .accordion .accordion-section .myTopicsDayForm {
    display: none;
  }
  .accordion .accordion-section ul {
    display: none;
  }
  .accordion .accordion-section.active {
    border-bottom: none;
    position: relative;
  }
  .accordion .accordion-section.active .accordion-heading span.icon {
    display: none;
    background-position: -77px 0;
  }
  .accordion .accordion-section.active ul,
  .accordion .accordion-section.active .info-message {
    display: block;
  }
  .topic-count {
    text-indent: -9999px;
    position: relative;
    display: inline-block;
    margin: 0 15px 0 0;
    float: left;
  }
  .topic-count:after {
    content: '';
    border-radius: 5px;
    width: 7px;
    height: 7px;
    position: absolute;
    top: 7px;
    right: -8px;
  }
  .unread .topic-count {
    background: #d04141;
  }
  .unread .topic-count:after {
    background: #0063a1;
  }
  form {
    zoom: 1;
  }
  form:after {
    content: '';
    display: table;
    clear: both;
  }
  input[type='password'],
  input[type='text'],
  textarea {
    font-family: 'Inter', sans-serif;
    padding: 10px 15px;
    border-radius: 5px;
    outline: none;
    border: 0 none;
    width: 100%;
  }
  .btn {
    display: block;
    padding: 9px 20px 9px 20px;
    margin: 0;
    border-radius: 4px;
    border-style: none;
    color: #111;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    background-color: #d9d9d9;
  }
  .btn:hover,
  .btn:focus,
  .btn:active {
    background-color: #a8a8a8;
  }
  .btn.btn-green {
    color: #fff;
    background: #5d8200;
  }
  .btn.btn-green:hover,
  .btn.btn-green:focus,
  .btn.btn-green:active {
    background-color: #78982a;
  }
  .btn.btn-green span:hover {
    color: #fff;
  }
  .btn.btn-green.btn-bottom {
    margin: 15px 0;
  }
  .btn.btn-tiny {
    padding: 5px 8px;
    display: inline-block;
  }
  .btn.btn-prev {
    background-color: #111;
    border-bottom-color: #000;
    width: 26px;
    height: 26px;
    display: inline-block;
    padding: 0;
    text-align: center;
  }
  .btn.btn-prev:after {
    content: '';
    background: url(../img/mobile-sprites.png) no-repeat;
    background-size: 168px;
    background-position: -131px -25px;
    width: 5px;
    height: 8px;
    display: inline-block;
    margin-top: 8px;
    -webkit-transform: rotate(270deg) scale(1) skew(1deg) translate(0);
    -moz-transform: rotate(270deg) scale(1) skew(1deg) translate(0);
    -o-transform: rotate(270deg) scale(1) skew(1deg) translate(0);
    -ms-transform: rotate(270deg) scale(1) skew(1deg) translate(0);
    transform: rotate(270deg) scale(1) skew(1deg) translate(0);
  }
  .button-set {
    zoom: 1;
  }
  .button-set:after {
    content: '';
    display: table;
    clear: both;
  }
  .button-set .col {
    position: relative;
    float: left;
    width: 50%;
    padding-right: 5px;
  }
  .button-set .col:last-of-type {
    padding-left: 5px;
    padding-right: 0;
  }
  .button-set .btn {
    text-align: center;
    width: 100%;
  }
  .button-set .btn .icon {
    margin-right: 5px;
  }
  .btn-group {
    display: block;
    padding: 0;
    margin: 0;
    color: #fff;
    font-family: 'Inter', sans-serif;
  }
  .btn-group .btn-group-btn {
    display: inline-block;
    color: #fff;
    text-align: center;
  }
  .original-poster-only {
    display: none;
  }
  .number,
  .spacer {
    display: none;
  }
  .pagination {
    zoom: 1;
    background-color: #0063a1;
    padding: 0 0.625em;
  }
  .pagination:after {
    content: '';
    display: table;
    clear: both;
  }
  .pagination .btn-group {
    width: 100%;
  }
  .pagination .btn-top {
    display: none;
  }
  .pagination .btn-top .btn {
    padding: 9px 0;
  }
  .pagination .prev {
    display: block;
    height: 100%;
    float: left;
    width: 30%;
  }
  .pagination .next {
    display: block;
    height: 100%;
    float: left;
    width: 30%;
  }
  .pagination .pages {
    display: block;
    float: left;
    width: 40%;
    min-width: 92px;
    font-weight: normal;
    text-align: center;
  }
  .pagination input {
    display: inline-block;
    width: 40px;
    padding: 2px 5px;
    text-align: center;
  }
  .pagination .icon-prev,
  .pagination .icon-next {
    margin-top: -4px;
  }
  .pagination .btn-disabled {
    opacity: 0.5;
  }
  .pagination .btn-disabled:active {
    background: inherit;
    box-shadow: inherit;
  }
  .pagination .btn-disabled .ico {
    opacity: 0.5;
  }
  .pagination .pagesText {
    display: none;
  }
  .page-helper .contain {
    margin: 0 auto;
  }
  .radio-btn input[type='radio']:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    border-radius: 5px;
    color: #111;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    background: #eaebee;
    border-bottom: 1px solid #d4d4d4;
  }
  .radio-btn input[type='radio']:active:before,
  .radio-btn input[type='radio']:checked:before {
    background: #ced0d7;
    border-bottom-color: #bbb;
  }
  .contain.btn-container {
    width: 100%;
    padding: 0 10px;
  }
}
@media screen and (max-width: 320px) {
  .pagination .btn-group {
    width: 100%;
  }
  .pagination .btn-top {
    width: 100%;
    padding: 0;
    margin-top: 10px;
  }
}
@media screen and (max-width: 750px) {
  body > header {
    zoom: 1;
    background: #111;
    color: #fff;
  }
  body > header:after {
    content: '';
    display: table;
    clear: both;
  }
  body > header a {
    color: #fff;
  }
  body > header .header-top {
    height: 45px;
    position: relative;
    margin: 0 auto;
    width: 100%;
  }
  body > header .desktop-leaderboard {
    display: none;
  }
  div.privacy-links {
    display: none;
    color: #900;
    overflow: hidden;
    margin-bottom: 10px;
  }
  div.privacy-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  div.privacy-links li {
    float: left;
  }
  div.privacy-links li a {
    border-left: 1px solid #999;
    padding: 1px 10px;
    font-size: 11px;
  }
  div.privacy-links li:first-child a {
    border-left: none;
  }
  .header-logo {
    margin: 0;
    height: 35px;
    text-indent: -99999px;
    background: url(../img/ph-logo.png) no-repeat 10px 8px;
    background-size: 190px;
  }
  .header-logo a {
    display: block;
    height: 100%;
  }
  .header-logo img {
    height: 100%;
    width: auto;
  }
  .menu-button {
    position: absolute;
    right: 0;
    width: 95px;
    height: 45px;
    bottom: 0;
  }
  .menu-button a {
    display: block;
    padding: 10px;
    text-align: right;
    color: #f7df00;
    text-decoration: none;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1em;
  }
  .menu-button a:visited {
    color: #f7df00;
  }
  .menu-button.active a {
    color: #111;
  }
  nav.top-nav {
    display: none;
    overflow: hidden;
    background: #fff;
    color: #111;
    margin-bottom: 10px;
    padding: 10px 0;
  }
  nav.top-nav a {
    color: #0063a1;
  }
  nav.top-nav ul {
    margin: 0;
    padding: 0;
  }
  nav.top-nav ul li {
    border-right: 1px solid #343434;
    float: left;
    padding: 5px 10px;
    width: 43%;
    font-weight: bold;
    list-style: none;
  }
  nav.top-nav ul li:nth-child(2n + 2) {
    border-right: none;
  }
  nav.top-nav .acc-button {
    padding: 14px 10px 8px;
  }
  nav.top-nav .acc-button a {
    display: block;
    background-color: #f0f0f0;
    border: 1px solid #343434;
    border-radius: 3px 3px 3px 3px;
    color: #343434;
    padding: 5px 10px;
  }
  .mobile-leaderboard {
    height: 55px;
    background: #add8e6;
  }
  .forum-utils {
    margin: 0;
  }
  .forum-utils .text {
    float: left;
    padding-top: 10px;
    height: 37px;
    font-weight: bold;
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .forum-utils .text a {
    display: inline-block;
    margin-right: 5px;
    padding-right: 8px;
    border-right: 1px solid #fff;
    line-height: 1em;
    color: #fff;
  }
  .forum-utils .text a:last-of-type {
    margin-right: 0;
    padding-right: 0;
    border: 0 none;
  }
  .forum-utils .icons {
    position: absolute;
    right: 0;
  }
  .forum-utils .icons > .icon {
    display: block;
    float: left;
    height: 37px;
    width: 45px;
  }
  .forum-utils .icons .icon-search {
    background-position: 9px 4px;
  }
  .forum-utils .icons .icon-cog {
    background-position: -24px 7px;
  }
  .forum-utils .icons .active {
    background-color: #f7df00;
  }
  .forum-utils .icons .active.icon-search {
    background-position: 8px -32px;
  }
  .forum-utils .icons .active.icon-cog {
    background-position: -24px -29px;
  }
  .breadcrumbs {
    background: #1c2527;
    padding: 12px;
    border-top: 1px solid #bbb;
    border-bottom: 0;
    font-size: 14px;
    font-size: 0.875rem;
    white-space: nowrap;
    overflow: hidden;
  }
  .breadcrumbs .breadcrumb-nav {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    overflow: hidden;
  }
  .breadcrumbs .breadcrumb-item {
    position: relative;
    display: inline-block;
    padding-right: 22px;
    color: #fff;
    flex: 0 0 auto;
  }
  .breadcrumbs .breadcrumb-item .breadcrumb-text,
  .breadcrumbs .breadcrumb-item a {
    color: #fff;
    text-decoration: underline;
  }
  .breadcrumbs .breadcrumb-item::after {
    content: '';
    position: absolute;
    right: 4px;
    top: 50%;
    width: 14px;
    height: 14px;
    transform: translateY(-50%);
    background-image: url('/xForums/assets/img/chevron-right.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0) saturate(100%) invert(67%) sepia(8%) saturate(205%) hue-rotate(169deg)
      brightness(94%) contrast(91%);
  }
  .breadcrumbs .breadcrumb-item:last-child {
    padding-right: 0;
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .breadcrumbs .breadcrumb-item:last-child::after {
    display: none;
  }
  .breadcrumbs .breadcrumb-item.breadcrumb-last {
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 0 1 auto;
    min-width: 20px;
  }
  .thread-title-container {
    background: #1c2527;
    padding: 0 12px 12px;
    border-bottom: 1px solid #bbb;
  }
  .thread-title-container .breadcrumb-item {
    font-weight: normal;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.3;
    color: #fff;
    padding-right: 0;
    margin-right: 0;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }
  .thread-title-container .breadcrumb-item a {
    color: #fff;
    text-decoration: none;
  }
  .thread-title-container .breadcrumb-item a:hover {
    text-decoration: underline;
  }
  .thread-title-container .breadcrumb-item::after {
    display: none;
  }
  .mobile-dropdown {
    position: relative;
  }
  .forum-mobile-search {
    display: none;
    width: 100%;
    position: absolute;
    z-index: 10;
    padding: 10px;
    color: #111;
    background: #f7df00;
  }
  .forum-mobile-search.active {
    display: block;
  }
  .forum-mobile-search .field {
    float: left;
    width: 77%;
    padding-right: 15px;
  }
  .forum-mobile-search .field input {
    width: 92%;
    float: right;
  }
  .forum-mobile-search .action {
    float: left;
    width: 18%;
    padding-top: 2px;
  }
  .forum-mobile-search .action .btn {
    width: 100%;
  }
  .forum-mobile-menu {
    display: none;
    width: 190px;
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    color: #111;
    background: #f7df00;
    list-style-type: none;
  }
  .forum-mobile-menu.active {
    display: block;
  }
  .forum-mobile-menu a {
    display: block;
    color: #111;
    font-weight: bold;
    padding: 10px 20px;
    width: 100%;
    position: relative;
  }
  .forum-mobile-menu a:hover,
  .forum-mobile-menu a:active {
    background: #dec800;
  }
  .forum-mobile-menu .icon {
    position: absolute;
    right: 7px;
    top: 6px;
  }
}
.bottom-nav-sticky {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e9e9e9;
  border-top: 1px solid #cecece;
  padding: 0 16px;
  text-align: center;
}
.bottom-nav-sticky > ul > li {
  display: inline-block;
  width: 23%;
}
.bottom-nav__link {
  font-size: 11px;
  font-size: 0.6875rem;
  display: block;
  position: relative;
  color: #929292;
  padding: 10px 0 7px 0;
}
.bottom-nav__link {
  padding-top: 15px;
}
.icon-mystuff:before {
  font-size: 20px;
  display: block !important;
  width: 45px !important;
  margin: 0 auto 2px !important;
  line-height: 22px !important;
}
.icon-settingsicon:before {
  font-size: 20px;
  display: block !important;
  width: 45px !important;
  margin: 0 auto 2px !important;
}
.icon-chaticon:before {
  font-size: 20px;
  display: block !important;
  width: 45px !important;
  margin: 0 auto 2px !important;
}
.icon-list:before {
  font-size: 31px;
  display: block !important;
  width: 45px !important;
  margin: 0 auto 2px !important;
  line-height: 20px !important;
}
.blue {
  color: #0063a1;
}
.footer-link--new {
  background-position: -65px 0;
  width: 26px;
  height: 23px;
}
.footer-link--new.blue {
  background-position: -65px -25px;
}
.footer-link--settings {
  background-position: -98px 0;
  width: 23px;
  height: 23px;
}
.footer-link--settings.blue {
  background-position: -98px -25px;
}
@media screen and (min-width: 750px) {
  #footer-display-switcher {
    display: none;
  }
  .thread-title-container {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .old-forum-header {
    display: none;
  }
  .forum-header h1 {
    margin: 0;
  }
  .forum-header select {
    float: right;
    padding: 5px;
  }
  .forum-index-header {
    display: none;
  }
  ul.forum-index {
    background: #fff;
    width: 100%;
    padding: 0 10px;
    margin: 0;
    list-style-type: none;
  }
  ul.forum-index li {
    position: relative;
    border-bottom: 1px solid #edeef2;
    padding: 12px;
  }
  ul.forum-index li .mobileBlockLink {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
  }
  ul.forum-index li .mobileBlockLink:active {
    box-shadow: 0 0 8px -3px #111 inset;
  }
  ul.forum-index li h3.title {
    margin: 0;
    margin-left: 15px;
    font-size: 1rem;
    font-weight: normal;
  }
  ul.forum-index li span.topic-title {
    color: #0063a1;
    font-weight: bold;
    font-size: 16px;
    font-size: 1rem;
    padding-left: 10px;
  }
  ul.forum-index li span.icon {
    position: absolute;
    right: 10px;
    top: 7px;
  }
  ul.forum-index li span.time,
  ul.forum-index li span.icon-folder {
    display: none;
  }
  .title__forums,
  .title__forums:visited {
    color: #333;
  }
  .my-stuff ul.topic-list li .forum,
  .my-stuff ul.topic-list li .ignore,
  .my-stuff ul.topic-list li .remove-bookmark {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .new-topic {
    text-align: center;
  }
  .new-topic span {
    display: inline-block;
    vertical-align: middle;
  }
  .new-topic .text {
    font-size: 16px;
    font-size: 1rem;
  }
  .new-topic .icon {
    float: left;
  }
  section.forum-topic .forum-header p {
    font-weight: bold;
    margin: 10px 0 0 0;
  }
  .top-link {
    text-align: center;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
  }
  section.whats-new .forum-header h1 {
    float: left;
    width: 60%;
  }
  section.whats-new .forum-header .selectWrapper {
    display: block;
    float: right;
    width: 40%;
    padding-left: 10px;
  }
  section.my-stuff {
    display: none;
  }
  section.my-stuff .selectWrapper,
  section.my-stuff select {
    width: 100%;
  }
  ul.topic-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  ul.topic-list li {
    position: relative;
    border-top: 1px solid #ededed;
    background: #fff;
    padding: 0.438em 0.625em;
  }
  ul.topic-list li .mobileBlockLink {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 0;
  }
  ul.topic-list li .mobileBlockLink:active {
    box-shadow: 0 0 8px -3px #111 inset;
  }
  ul.topic-list li.unread .pagenumbers a {
    font-weight: bold;
  }
  ul.topic-list li.sponsored {
    background: #eff5fe;
  }
  ul.topic-list li.pinned {
    background: #eff5fe;
  }
  ul.topic-list li > a {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
  }
  ul.topic-list li > a:active {
    box-shadow: 0 0 8px -3px #111 inset;
  }
  ul.topic-list li > a.to-last-read {
    width: auto;
    padding: 0;
    border: 0 none;
    position: absolute;
    top: 60%;
    right: 10px;
    margin-top: -3px;
  }
  ul.topic-list li > a.to-last-read:active {
    box-shadow: none;
  }
  ul.topic-list li span {
    display: inline-block;
    vertical-align: middle;
  }
  ul.topic-list li .folder {
    display: block;
    float: left;
    margin-right: 10px;
  }
  ul.topic-list li .folder .icon-folder {
    display: none;
  }
  ul.topic-list li .last-contrib,
  ul.topic-list li .thread-range {
    display: none;
  }
  ul.topic-list li .username {
    color: #111;
    pointer-events: none;
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: 700;
  }
  ul.topic-list li .username > a {
    color: #111;
  }
  ul.topic-list li .meta {
    position: absolute;
    top: 12px;
    right: 10px;
    pointer-events: none;
  }
  ul.topic-list li .date {
    float: right;
    pointer-events: none;
    font-size: 11px;
    font-size: 0.6875rem;
  }
  ul.topic-list li .replies {
    float: right;
    pointer-events: none;
    font-size: 11px;
    font-size: 0.6875rem;
    margin-right: 10px;
  }
  ul.topic-list li .thread-icon {
    display: none;
  }
  ul.topic-list li .title-line {
    width: 100%;
    padding-right: 40px;
  }
  ul.topic-list li .title {
    display: inline;
    pointer-events: all;
    color: #0063a1;
    font-weight: normal;
    font-size: 14px;
    font-size: 0.875rem;
  }
  ul.topic-list li .title a {
    color: #0063a1;
  }
  ul.topic-list li .title:active {
    color: #0063a1;
  }
  ul.topic-list li .title .icon {
    margin: -2px 6px 0 0;
  }
  ul.topic-list li .title .icon.icon-remove {
    margin: -3px 5px 0 2px;
  }
  .my-stuff ul.topic-list li .forum {
    display: block;
    position: absolute;
    top: 5px;
    left: 10px;
    color: #111;
    pointer-events: none;
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: 700;
  }
  .moderator-tools {
    width: 95%;
    display: none;
    margin-left: auto;
    margin-right: auto;
  }
  .moderator-tools ul {
    list-style-type: none;
    padding: 0;
  }
  .moderator-tools li {
    padding: 0 25px;
  }
  #moderator-tools-btn {
    zoom: 1;
    width: 95%;
    margin: 10px auto;
    display: block;
  }
  #moderator-tools-btn .btn {
    text-align: center;
    cursor: pointer;
  }
  .title-line .title .pagenumbers {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .title-line .title .pagenumbers .numbers {
    display: none;
  }
}
.loading:after {
  content: 'Loading...';
}
@media screen and (max-width: 750px) {
  .desktop-replies-header {
    display: none;
  }
  .thread-article {
    margin: 20px 0;
    overflow: hidden;
  }
  .thread-article .date {
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .thread-article .tag {
    margin: 0;
  }
  .thread-article hr {
    border-top: 1px solid #999;
    border-bottom: 0;
  }
  .thread-article img {
    width: 100%;
    height: auto;
  }
  .thread-actions {
    margin: 10px auto 10px auto;
    width: 95%;
    zoom: 1;
  }
  .thread-actions:after {
    content: '';
    display: table;
    clear: both;
  }
  .thread-actions.top {
    display: none;
  }
  .thread-actions .col {
    width: 33.333%;
    float: left;
    padding-right: 10px;
  }
  .thread-actions .col-main {
    float: right;
    width: 33.333%;
  }
  .thread-actions .col-100 {
    float: right;
    width: 100%;
    margin-bottom: 10px;
  }
  .thread-actions img {
    display: none;
  }
  .thread-actions .btn {
    padding: 0.643em 0;
    text-align: center;
  }
  .thread-actions .btn .icon {
    margin-right: 5px;
  }
  .page-helper > .thread-actions {
    display: none;
  }
  .thread-replies .last-visit {
    color: #fff;
    background-color: #d04141;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    text-align: center;
    padding: 5px 0;
  }
  .topic-reply.my-post {
    background-color: #e0e8f9;
  }
  .topic-reply:last-of-type {
    border-bottom: 1px solid #bbb;
  }
  .topic-reply#message1 .msg-header {
    box-shadow: inset 0 11px 8px -10px #ccc;
  }
  .topic-reply .msg-header {
    zoom: 1;
    padding: 10px;
    background: #ececec;
    color: #111;
    display: flex;
  }
  .topic-reply .msg-header:after {
    content: '';
    display: table;
    clear: both;
  }
  .topic-reply .msg-header img {
    display: none;
  }
  .topic-reply .msg-header p {
    margin: 0;
  }
  .topic-reply .msg-header .author {
    font-weight: bold;
    font-size: 14px;
    font-size: 0.875rem;
    margin-right: auto;
  }
  .topic-reply .msg-header .subText {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .topic-reply .msg-header .subText.original-poster {
    display: none;
  }
  .topic-reply .msg-header .subText.officialResponseLabel {
    color: #fff;
    font-size: 9px;
    border-radius: 9px;
    padding: 1px 5px 1px 4px;
    margin-top: 1px;
    background-color: #3a7cb9;
  }
  .topic-reply .msg-header .subText.author-title {
    display: none;
  }
  .topic-reply .msg-header .poster-info {
    white-space: nowrap;
  }
  .topic-reply .msg-header .poster-info + p {
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #ccc;
  }
  .topic-reply .msg-utils {
    zoom: 1;
    padding: 10px;
    background: #f7f7f7;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 0;
  }
  .topic-reply .msg-utils:after {
    content: '';
    display: table;
    clear: both;
  }
  .topic-reply .msg-utils img {
    display: none;
  }
  .topic-reply .msg-utils .timestamp {
    display: block;
    float: left;
    padding-top: 5px;
  }
  .topic-reply .msg-utils .timestamp .icon {
    margin: -3px 5px 0 0;
  }
  .topic-reply .msg-utils .abuse {
    float: right;
    display: none;
  }
  .topic-reply .msg-utils .msg-utils-right {
    float: right;
  }
  .topic-reply .msg-utils .msg-utils-right .icon {
    margin: 0 5px;
  }
  .topic-reply .msg-body {
    padding: 10px 10px 20px 10px;
    font-size: 14px;
    font-size: 0.875rem;
    word-wrap: break-word;
  }
  .topic-reply .msg-body.officialResponse {
    background-color: #faf6b7;
  }
  .topic-reply .msg-body.highlighted {
    background-color: #f1f7e5;
  }
  .topic-reply .msg-body.deleted {
    background-color: #f00;
  }
  .topic-reply .msg-body .footnote {
    font-size: 12px;
    font-size: 0.75rem;
    color: #999;
    margin: 0 0 10px 0;
  }
  .topic-reply .msg-body .footnote:before {
    content: '';
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0 5px -3px 0;
    background: url(../img/sprites.png) no-repeat;
    background-position: -226px -44px;
    opacity: 0.5;
  }
  .topic-reply .msg-body .forumQuoter {
    font-weight: bold;
  }
  .topic-reply .msg-body .forumQuote,
  .topic-reply .msg-body blockquote {
    position: relative;
    padding: 10px 0 10px 10px;
    margin: 20px 0 10px;
    border: 1px solid #bbb;
    border-radius: 5px;
  }
  .topic-reply .msg-body .forumQuote:after,
  .topic-reply .msg-body blockquote:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -11px;
    left: 64px;
    border-style: solid;
    border-width: 0 8px 11px 0;
    border-color: transparent transparent #fff transparent;
  }
  .topic-reply .msg-body .forumQuote:before,
  .topic-reply .msg-body blockquote:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -15px;
    left: 63px;
    border-style: solid;
    border-width: 0 9px 14px 0;
    border-color: transparent transparent #bbb transparent;
  }
}
.iframe-vdp {
  display: block;
  width: 322px;
  height: 460px;
}
@media screen and (max-width: 750px) {
  .post-method {
    background: #666;
    color: #fff;
    padding: 5px 10px;
  }
  .post-method .icon {
    margin-right: 10px;
  }
  section.post-form {
    background: #f7f7f7;
    margin-bottom: 10px;
  }
  section.post-form .field {
    padding: 10px;
    font-size: 0.875em;
  }
  section.post-form .field label {
    display: block;
    width: 100%;
    margin-bottom: 5px;
  }
  section.post-form .field label.mobile-inline {
    display: inline;
  }
  section.post-form .field.field-inline label {
    font-weight: normal;
  }
  section.post-form .field.field-inline label input {
    margin-right: 5px;
  }
  section.post-form .field div div.forumQuoter {
    margin: 4px 2em 1px 1em;
    padding: 0;
    font-size: small;
    font-weight: bold;
  }
  section.post-form .field div div.forumQuote {
    margin: 1px 2em 1.5em 1em;
    padding: 0.5em;
    border: 1px solid #808080;
    font-size: small;
  }
  section.post-form .field-dark {
    background: #ececec;
  }
  section.post-form .choose-icon .smiley-btn {
    position: relative;
    display: inline-block;
    margin: 0 5px 5px 0;
    width: 30px;
    height: 30px;
  }
  section.post-form .choose-icon label.smiley {
    display: block;
    width: auto;
    font-size: 1em;
    font-weight: normal;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  section.post-form .choose-icon img.smiley {
    display: block;
    margin: 7px auto;
  }
  section.post-form .msg-links ul {
    padding: 5px 0 5px 0;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: bold;
    text-align: center;
  }
  section.post-form .msg-links ul li {
    display: inline-block;
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px solid #666;
  }
  section.post-form .msg-links ul li:last-of-type {
    border: none;
  }
  section.post-form .topic-type {
    zoom: 1;
  }
  section.post-form .topic-type:after {
    content: '';
    display: table;
    clear: both;
  }
  section.post-form .topic-type .col {
    width: 50%;
    float: left;
    padding-right: 10px;
  }
  section.post-form .topic-type .col.topic-btn {
    width: 33%;
  }
  section.post-form .topic-type .inner {
    position: relative;
    height: 40px;
  }
  section.post-form .topic-type label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    padding-top: 10px;
    font-size: 13px;
    font-size: 0.8125rem;
  }
  section.post-form .topic-type label .icon {
    margin-right: 5px;
  }
  section.post-form input[type='text'],
  section.post-form textarea {
    border: 1px solid #bbb;
  }
  section.post-form input[type='text']:focus,
  section.post-form textarea:focus {
    box-shadow: 0 0 6px 2px #c1e3f9;
  }
  section.post-form textarea {
    min-height: 200px;
  }
  section.post-form .answer {
    margin: 2px 0;
  }
  .post-preview {
    background: #ececec;
  }
  .post-preview h2 {
    color: #fff;
    background: #666;
  }
  #infoMessage {
    text-align: center;
    margin: 50px;
  }
  section.wiki ul.tabs {
    list-style: none;
    padding: 0 10px;
  }
  section.wiki ul.tabs li.selected {
    font-weight: bold;
    font-size: 22px;
    font-size: 1.375rem;
  }
  section.wiki ul.tabs li.selected a {
    color: #111;
  }
  section.wiki ul.tabs ul {
    list-style: none;
    padding: 0;
  }
  section.wiki ul.tabs ul li {
    float: left;
    margin: 0 10px 10px 0;
    font-size: 14px;
    font-size: 0.875rem;
  }
  section.wiki ul.tabs ul li a img {
    display: none;
  }
  section.wiki ul.tabs ul li .btn {
    width: auto;
    padding: 5px 10px;
  }
  section.wiki ul.tabs ul li a.btn-green {
    color: #fff;
    padding: 4px 10px;
  }
  section.wiki ul.tabs ul li a.btn-green span:hover {
    color: #fff;
  }
  section.wiki ul.tabs .history,
  section.wiki ul.tabs .btn-rollback,
  section.wiki ul.tabs .btn-report-to-moderator {
    display: none;
  }
}
@media screen and (min-width: 750px) {
  section.wiki ul.tabs {
    width: 100%;
    margin-top: 10px;
  }
  section.wiki ul.tabs ul {
    width: 99.9%;
    position: absolute;
    left: -7px;
    pointer-events: all;
    overflow: hidden;
    margin: 0 0 10px 0;
    padding: 8px 0 5px 30px;
    background-color: #ddd;
  }
  section.wiki ul.tabs ul li {
    float: left;
    font-weight: normal;
    font-size: 12px;
    font-size: 0.75rem;
  }
  section.wiki ul.tabs ul li a {
    background: none;
    border: none;
    border-right: 1px dotted #111;
    color: #06c;
    line-height: 10px;
  }
  section.wiki ul.tabs ul li a img {
    position: relative;
    top: -4px;
  }
  section.wiki #tabContents {
    border: #666 1px solid;
    padding: 50px 10px 10px;
  }
}
section.wiki #tabContents {
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 50px 10px;
  display: block;
  clear: both;
  width: 100%;
}
section.wiki #tabContents h1,
section.wiki #tabContents h1 a,
section.wiki #tabContents h3,
section.wiki #tabContents h3 a {
  color: #111;
  margin-bottom: 10px;
}
section.wiki #tabContents h1,
section.wiki #tabContents h1 a {
  font-size: 20px;
  font-size: 1.25rem;
}
section.wiki #tabContents h3 {
  font-size: 16px;
  font-size: 1rem;
}
section.wiki #tabContents p {
  font-size: 13px;
  font-size: 0.8125rem;
  margin: 0;
  margin-bottom: 10px;
}
section.wiki #tabContents a:hover {
  color: #fff;
  background: #0063a1;
}
@media screen and (min-width: 750px) {
  .header-top {
    margin-top: 0.5em;
    height: 110px;
    position: relative;
  }
  .desktop-leaderboard {
    width: 728px;
    height: 90px;
    position: absolute;
    top: 2px;
    right: 15px;
  }
  div.privacy-links {
    color: #900;
    overflow: hidden;
    margin-bottom: 10px;
  }
  div.privacy-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  div.privacy-links li {
    float: left;
  }
  div.privacy-links li a {
    border-left: 1px solid #999;
    padding: 1px 10px;
    font-size: 11px;
  }
  div.privacy-links li:first-child a {
    border-left: none;
  }
  .header-logo {
    height: 60px;
    text-indent: -99999px;
    background: url(../img/gassing.jpg?v=20251114) no-repeat top left;
  }
  .header-logo a {
    display: block;
    height: 100%;
  }
  .header-logo img {
    height: 100%;
    width: auto;
  }
  .old-forum-header .main-header {
    zoom: 1;
    margin: 0 auto;
    padding: 10px;
    background-color: #fff;
    border-left: solid 1px #e2e2e2;
    border-right: solid 1px #e2e2e2;
    border-top: solid 1px #e2e2e2;
    color: #333;
  }
  .old-forum-header .main-header:after {
    content: '';
    display: table;
    clear: both;
  }
  .old-forum-header .main-header a {
    color: #0063a1;
  }
  .old-forum-header .main-header a:hover {
    color: #0063a1;
  }
  .old-forum-header .login {
    float: right;
  }
  .old-forum-header .breadcrumbs {
    display: block;
    float: left;
    font-weight: bold;
  }
  .old-forum-header .title {
    clear: both;
    font-size: 23px;
    font-weight: bold;
  }
  .old-forum-header .links {
    zoom: 1;
    margin: 0 auto;
    padding: 10px;
    background: #0063a1;
  }
  .old-forum-header .links:after {
    content: '';
    display: table;
    clear: both;
  }
  .old-forum-header .links a {
    color: #fff;
    text-decoration: none;
    margin: 0 5px;
  }
  .old-forum-header .links a:visited {
    color: #fff;
  }
  .old-forum-header .links a:hover {
    color: #c1e3f9;
  }
  .old-forum-header .links .left {
    float: left;
  }
  .old-forum-header .links .right {
    float: right;
  }
  .old-forum-header .links .whatsnew {
    display: inline;
    padding-left: 15px;
  }
  .old-forum-header .links .whatsnew a {
    margin: 0;
    padding-right: 5px;
  }
}
#newNav {
  border-bottom: none;
  margin-top: 10px !important;
}
#navComponent {
  display: none;
}
.desktop-center-leaderboard {
  width: 100%;
  text-align: center;
  z-index: 10;
  padding-top: 5px;
  margin-bottom: -5px;
}
.desktop-mobile-header {
  display: none;
}
@media only screen and (max-width: 1142px) {
  #newNav {
    margin-top: 5px;
  }
  .desktop-center-leaderboard {
    padding-top: 0;
    margin-bottom: 0;
  }
}
.small-desktop-header {
  display: none;
}
#newNav .js-search-field-grid {
  display: none;
}
body .header-top {
  height: auto;
  min-height: 15px;
}
body .header-top .privacy-links {
  position: absolute;
}
.desktop-center-leaderboard div#banner {
  position: initial;
}
@media screen and (max-width: 1150px) {
  body .header-top .privacy-links {
    position: relative;
  }
}
@media screen and (max-width: 750px) {
  .desktop-center-leaderboard {
    display: none;
  }
  body .header-top {
    min-height: auto;
  }
  .desktop-mobile-header {
    display: block;
  }
  .forum-utils {
    padding-left: 10px;
  }
  body .header-top {
    height: auto !important;
  }
  .header-logo {
    height: 45px;
  }
  .menu-button {
    height: auto;
  }
  .menu-button.active a {
    color: #f7df00;
  }
}
@media (max-width: 750px) and (min-device-width: 1200px) {
  #newNav {
    display: none;
  }
  .small-desktop-header {
    display: block;
  }
  .small-desktop-header .icon {
    background-image: url(../img/sprites@2x.png);
  }
  .small-desktop-header .icon.icon-menu {
    background-position: 1px -79px;
  }
  body .header-top {
    height: 45px !important;
  }
}
@media screen and (min-width: 750px) {
  .mobile-only {
    display: none !important;
  }
  .center {
    text-align: center !important;
  }
  body .icon {
    display: inline-block;
    background: url(../img/d-sprites.png) no-repeat;
    background-position: -30px 0;
    background-size: 109px 96px;
  }
  body .icon.icon-lock {
    background-position: 0 -36px;
  }
  body .icon.icon-bookmark {
    background-position: -30px -36px;
  }
  body .icon.icon-pound {
    width: 16px;
    height: 18px;
    background-position: -93px 0;
  }
  body .icon.icon-wiki {
    background-position: -58px -31px;
  }
  body .icon.icon-video {
    background-position: -58px -60px;
  }
  body .icon.icon-poll {
    background-position: -30px 0;
  }
  body .icon.icon-ignore {
    background-position: 13px -57px;
  }
  body .icon.icon-remove-bookmark {
    background-position: -15px -57px;
  }
  .breadcrumbs {
    display: none;
  }
  .forum-header select {
    display: none;
  }
  .forum-header select.modaction {
    display: block;
    pointer-events: all;
  }
  section.forum-home {
    margin: 35px auto;
  }
  section.forum-topic {
    margin: 0 auto 40px;
  }
  .forum-index-header {
    background: #e2e2e2;
    width: 100%;
    margin: 0 auto;
    font-weight: bold;
    color: #333;
  }
  .forum-index-header span {
    display: block;
    float: left;
    text-align: center;
    padding: 7px 0;
  }
  .forum-index-header span.forum {
    width: 70%;
  }
  .forum-index-header span.posts {
    width: 10%;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
  }
  .forum-index-header span.last {
    width: 20%;
  }
  div.forum-index-header {
    zoom: 1;
  }
  div.forum-index-header:after {
    content: '';
    display: table;
    clear: both;
  }
  .forum-topic .forum-index-header span.foldericon,
  .whats-new .forum-index-header span.foldericon,
  .my-stuff .forum-index-header span.foldericon,
  .forum-topic .forum-index-header span.threadicon,
  .whats-new .forum-index-header span.threadicon,
  .my-stuff .forum-index-header span.threadicon,
  .forum-topic .forum-index-header span.ignoreicon,
  .whats-new .forum-index-header span.ignoreicon,
  .my-stuff .forum-index-header span.ignoreicon,
  .forum-topic .forum-index-header span.remove-bookmark,
  .whats-new .forum-index-header span.remove-bookmark,
  .my-stuff .forum-index-header span.remove-bookmark {
    width: 40px;
    border-right: 1px solid #fff;
  }
  .forum-topic .forum-index-header span.topic,
  .whats-new .forum-index-header span.topic,
  .my-stuff .forum-index-header span.topic {
    width: 39%;
    max-width: 500px;
  }
  .forum-topic .forum-index-header span.author,
  .whats-new .forum-index-header span.author,
  .my-stuff .forum-index-header span.author {
    float: right;
    width: 10%;
    max-width: 240px;
    border-left: 1px solid #fff;
  }
  .forum-topic .forum-index-header span.posts,
  .whats-new .forum-index-header span.posts,
  .my-stuff .forum-index-header span.posts {
    float: right;
    width: 10%;
    max-width: 80px;
  }
  .forum-topic .forum-index-header span.last,
  .whats-new .forum-index-header span.last,
  .my-stuff .forum-index-header span.last {
    float: right;
    width: 17%;
    max-width: 240px;
  }
  .forum-topic .forum-index-header span.lastcontrib,
  .whats-new .forum-index-header span.lastcontrib,
  .my-stuff .forum-index-header span.lastcontrib {
    float: right;
    width: 12%;
    max-width: 180px;
    border-left: 1px solid #fff;
  }
  .accordion {
    width: 100%;
  }
  .accordion a {
    text-decoration: none;
  }
  .accordion h2 a {
    color: #fff;
  }
  .accordion-heading {
    background: #0063a1;
    padding: 5px 10px;
  }
  .accordion-heading a:hover {
    color: #fff;
  }
  .accordion-heading .icon {
    display: none;
  }
  .accordion-heading h2 {
    margin: 0;
    font-size: 15px;
  }
  ul.forum-index,
  ul.topic-list {
    zoom: 1;
    list-style-type: none;
    width: 100%;
    padding: 0;
    margin: 0;
    pointer-events: none;
    margin-top: -2px;
  }
  ul.forum-index:after,
  ul.topic-list:after {
    content: '';
    display: table;
    clear: both;
  }
  ul.forum-index li,
  ul.topic-list li {
    display: inline-block;
    width: 100%;
    float: left;
    border-top: 1px solid #fff;
    background: #f0f0f0;
  }
  ul.forum-index li.unread,
  ul.topic-list li.unread {
    background: #e8e8ef;
  }
  ul.forum-index li.unread .pagenumbers a,
  ul.topic-list li.unread .pagenumbers a {
    font-weight: bold;
  }
  ul.forum-index li a.mobileBlockLink,
  ul.topic-list li a.mobileBlockLink {
    display: none;
  }
  ul.forum-index a,
  ul.topic-list a {
    zoom: 1;
  }
  ul.forum-index a:after,
  ul.topic-list a:after {
    content: '';
    display: table;
    clear: both;
  }
  ul.forum-index span.checkbox,
  ul.topic-list span.checkbox {
    pointer-events: all;
  }
  ul.forum-index span.formholder,
  ul.topic-list span.formholder {
    display: none;
  }
  ul.forum-index span.folder,
  ul.topic-list span.folder,
  ul.forum-index span.checkbox,
  ul.topic-list span.checkbox,
  ul.forum-index span.ignore,
  ul.topic-list span.ignore,
  ul.forum-index span.remove-bookmark,
  ul.topic-list span.remove-bookmark {
    display: block;
    float: left;
    width: 40px;
    min-height: 28px;
    border-right: 1px solid #fff;
    text-align: center;
    padding: 3px 0 4px 0;
  }
  ul.forum-index .icon-folder,
  ul.topic-list .icon-folder,
  ul.forum-index .icon-poll,
  ul.topic-list .icon-poll {
    width: 15px;
    height: 15px;
    background-position: -30px 0;
  }
  ul.forum-index .icon-video,
  ul.topic-list .icon-video {
    width: 16px;
    height: 15px;
    background-position: -58px -60px;
  }
  ul.forum-index .icon-pinned,
  ul.topic-list .icon-pinned {
    width: 17px;
    height: 21px;
    background-position: -60px 0;
  }
  ul.forum-index li.unread .icon-folder,
  ul.topic-list li.unread .icon-folder {
    background-position: 0 0;
  }
  ul.forum-index .to-last-read,
  ul.topic-list .to-last-read {
    display: none;
  }
  ul.forum-index h3.title,
  ul.topic-list h3.title {
    display: block;
    padding: 0;
    margin: 5px;
    pointer-events: all;
    font-weight: normal;
    line-height: 1.4em;
  }
  ul.forum-index h3.title a:hover,
  ul.topic-list h3.title a:hover {
    text-decoration: none;
  }
  ul.forum-index h3.title .pagenumbers,
  ul.topic-list h3.title .pagenumbers {
    text-decoration: none;
  }
  ul.forum-index h3.title .pagenumbers a,
  ul.topic-list h3.title .pagenumbers a {
    display: inline-block;
    padding: 0 2px;
  }
  ul.forum-index .time,
  ul.topic-list .time,
  ul.forum-index .topic-count,
  ul.topic-list .topic-count,
  ul.forum-index .username,
  ul.topic-list .username,
  ul.forum-index .last-contrib,
  ul.topic-list .last-contrib,
  ul.forum-index .replies,
  ul.topic-list .replies,
  ul.forum-index .date,
  ul.topic-list .date,
  ul.forum-index .thread-range,
  ul.topic-list .thread-range {
    padding: 7px 10px 4px;
    float: right;
    border-left: 1px solid #fff;
    pointer-events: none;
    font-size: 14px;
    font-size: 0.875rem;
    color: #111;
    text-decoration: none;
    background: none;
    text-align: left;
  }
  ul.forum-index .time:hover,
  ul.topic-list .time:hover,
  ul.forum-index .topic-count:hover,
  ul.topic-list .topic-count:hover,
  ul.forum-index .username:hover,
  ul.topic-list .username:hover,
  ul.forum-index .last-contrib:hover,
  ul.topic-list .last-contrib:hover,
  ul.forum-index .replies:hover,
  ul.topic-list .replies:hover,
  ul.forum-index .date:hover,
  ul.topic-list .date:hover,
  ul.forum-index .thread-range:hover,
  ul.topic-list .thread-range:hover {
    color: #111;
    text-decoration: none;
    background: none;
  }
  ul.forum-index .time,
  ul.topic-list .time {
    width: 20%;
    text-align: center;
  }
  ul.forum-index .topic-count,
  ul.topic-list .topic-count {
    width: 10%;
    padding: 7px 0 4px;
    text-align: center;
  }
  ul.forum-index .title .icon,
  ul.topic-list .title .icon {
    display: none;
  }
  ul.forum-index .sponsored,
  ul.topic-list .sponsored,
  ul.forum-index .pinned,
  ul.topic-list .pinned {
    background: #ddf;
  }
  ul.forum-index .thread-icon,
  ul.topic-list .thread-icon {
    width: 40px;
    min-height: 28px;
    float: left;
    display: block;
    padding: 3px 10px 4px;
    border-right: 1px solid #fff;
    font-size: 11px;
    font-size: 0.6875rem;
  }
  ul.forum-index .last-contrib,
  ul.topic-list .last-contrib {
    width: 12%;
    max-width: 180px;
    min-height: 28px;
    pointer-events: all;
  }
  ul.forum-index .username,
  ul.topic-list .username {
    max-width: 240px;
    width: 10%;
    min-height: 28px;
    pointer-events: all;
  }
  ul.forum-index .date,
  ul.topic-list .date {
    max-width: 240px;
    width: 17%;
    text-align: center;
    line-height: 1.4em;
    min-height: 28px;
  }
  ul.forum-index .replies,
  ul.topic-list .replies {
    max-width: 80px;
    width: 10%;
    text-align: center;
    min-height: 28px;
    padding: 7px 0 4px;
  }
  ul.forum-index .replies .icon,
  ul.topic-list .replies .icon {
    display: none;
  }
  ul.forum-index .thread-range,
  ul.topic-list .thread-range {
    width: 100px;
    min-height: 28px;
  }
  .page-helper {
    margin: 10px 0;
    overflow: auto;
  }
  .page-helper .original-poster-only {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
  }
  .page-helper .pagination {
    float: right;
    margin-top: 10px;
  }
  .page-helper .pagination .prev,
  .page-helper .pagination .pages,
  .page-helper .pagination .next {
    float: left;
  }
  .page-helper .pagination .prev span,
  .page-helper .pagination .next span {
    display: none;
  }
  .page-helper .pagination .prev:hover,
  .page-helper .pagination .next:hover {
    color: #0063a1;
    text-decoration: none;
  }
  .page-helper .pagination .pages {
    padding: 0 6px;
  }
  .page-helper .pagination .pages input,
  .page-helper .pagination .pages span {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold;
    color: #111;
  }
  .page-helper .pagination .pages input {
    border: 1px solid #bbb;
    float: left;
    width: 2.2em;
    text-align: center;
  }
  .page-helper .pagination .pages span {
    display: none;
  }
  .page-helper .pagination .btn-group .next,
  .page-helper .pagination .btn-group .prev {
    padding: 0 2px;
  }
  .page-helper .pagination .btn-top,
  .page-helper .pagination .btn-disabled {
    display: none;
  }
  .page-helper .pagination .number,
  .page-helper .pagination .spacer {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0 2px;
    float: left;
  }
  .page-helper .contain {
    margin-left: 5px;
  }
  .page-helper .contain .icon {
    display: none;
  }
  .page-helper .contain span {
    font-weight: bold;
  }
  .page-helper .contain span:hover {
    color: #0063a1;
    text-decoration: none;
  }
  section.my-stuff form {
    display: none;
  }
  section.my-stuff div.forum-index-header {
    background-color: #c0c0c0;
    margin-top: 10px;
    color: #111;
  }
  section.my-stuff div.forum-index-header .forum {
    float: left;
    width: 15%;
    max-width: 180px;
    border-right: 1px solid #fff;
  }
  section.my-stuff div.forum-index-header span.ignoreicon {
    width: 40px;
    float: right;
    border-left: 1px solid #fff;
  }
  section.my-stuff div.forum-index-header span.thread-range {
    width: 100px;
    float: right;
    border-left: 1px solid #fff;
  }
  section.my-stuff div.forum-index-header .last {
    border-left: 1px solid #fff;
  }
  section.my-stuff div.forum-index-header .last .headericon {
    float: left;
    width: 13px;
    height: 15px;
    padding: 0;
    background: url(../img/d-sprites.png) no-repeat;
    background-position: -90px -27px;
    position: relative;
    left: 178px;
  }
  section.my-stuff ul.desktop-range-chooser {
    pointer-events: all;
    overflow: hidden;
    margin: 0 0 10px 0;
    padding: 0 0 0 30px;
  }
  section.my-stuff ul.desktop-range-chooser li {
    float: left;
    width: auto;
    display: block;
    clear: none;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px dotted #111;
  }
  section.my-stuff ul.desktop-range-chooser li a {
    color: #06c;
  }
  section.my-stuff ul.desktop-range-chooser li a:hover {
    color: #333;
    background: transparent;
  }
  section.my-stuff ul.desktop-range-chooser li span {
    font-weight: bold;
  }
  section.my-stuff ul.topic-list li .forum {
    float: left;
    max-width: 200px;
    width: 15%;
    max-width: 180px;
    border-right: 1px solid #fff;
    border-left: none;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 7px;
    pointer-events: all;
  }
  section.my-stuff ul.topic-list li .ignore,
  section.my-stuff ul.topic-list li .remove-bookmark {
    float: right;
    width: 40px;
    text-indent: -9999px;
    border-left: 1px solid #fff;
    pointer-events: all;
  }
  section.my-stuff ul.topic-list li .ignore .icon-ignore,
  section.my-stuff ul.topic-list li .remove-bookmark .icon-ignore,
  section.my-stuff ul.topic-list li .ignore .icon-remove-bookmark,
  section.my-stuff ul.topic-list li .remove-bookmark .icon-remove-bookmark {
    float: left;
    width: 38px;
    height: 28px;
  }
  section.my-stuff ul.topic-list li:visited {
    color: #404040;
  }
  section.my-stuff ul.topic-list li.unread {
    background: #e8e8ef;
  }
  section.my-stuff ul.topic-list li.unread .pagenumbers a {
    font-weight: bold;
  }
  .top-link {
    font-size: 13px;
    text-align: center;
    clear: both;
    margin: 20px 0;
  }
  .top-link a:hover {
    color: #0063a1;
    text-decoration: none;
  }
  section.thread {
    margin: 0 auto;
  }
  section.thread .page-helper {
    zoom: 1;
  }
  section.thread .page-helper:after {
    content: '';
    display: table;
    clear: both;
  }
  .thread-actions {
    float: left;
    width: 50%;
  }
  .thread-actions .col {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
  }
  .thread-actions .col-main {
    display: inline-block;
    font-size: 13px;
    margin-right: 10px;
    font-weight: bold;
  }
  .thread-actions .col-100 {
    display: inline-block;
    font-size: 13px;
    margin-right: 10px;
    font-weight: bold;
  }
  .thread-actions img {
    background: #fff;
  }
  .thread-actions .closed {
    color: #fff;
    background-color: #f00;
    padding: 2px;
    margin: 0 10px;
    display: inline;
  }
  .thread-actions .btn {
    display: inline-block;
    padding: 9px 20px 9px 20px;
    margin: 0;
    border-radius: 4px;
    color: #111;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    background-color: #d9d9d9;
  }
  .thread-actions .btn:hover,
  .thread-actions .btn:focus,
  .thread-actions .btn:active {
    background-color: #a8a8a8;
  }
  .thread-actions .btn.btn-green {
    color: #fff;
    background-color: #5d8200;
  }
  .thread-actions .btn.btn-green:hover,
  .thread-actions .btn.btn-green:focus,
  .thread-actions .btn.btn-green:active {
    background-color: #78982a;
  }
  .thread-actions .btn.btn-green span:hover {
    color: #fff;
  }
  .thread-actions .btn.btn-green.btn-bottom {
    margin: 15px 0;
  }
  .thread-article {
    margin: 2em auto 2em auto;
    padding: 1em;
    background-color: #f8f8f8;
    border-style: outset;
    border-color: #808080;
    border-width: 1px;
    font-size: small;
    line-height: 150%;
    overflow: auto;
    font-family: 'Inter', sans-serif;
    width: 615px;
  }
  .thread-article .date {
    margin-left: 2em;
    float: right;
    text-align: right;
  }
  .thread-article h1 {
    margin-top: 0;
    border: 0;
  }
  .thread-article .tag {
    margin-bottom: 0;
    font-size: medium;
    font-size: 110%;
    font-weight: bold;
    padding-bottom: 1em;
    border-bottom: 1px solid #eee;
  }
  .thread-article hr {
    height: 1px;
  }
  .thread-article #video {
    margin: 2em auto 2em auto;
    width: 40em;
    padding: 1em;
    background-color: #f8f8f8;
    border-style: outset;
    border-width: 1px;
    font-size: small;
    line-height: 150%;
  }
  .thread-article #video img {
    float: right;
    border: 0;
  }
  .thread-article #video h1 {
    margin: 0.5em 0;
    font-size: large;
  }
  .thread-article #video #submitter {
    font-size: x-small;
    color: #808080;
  }
  .thread-article .picture {
    margin: 0.5em 0.5em 1em 0.5em;
    text-align: center;
    font-weight: bold;
    float: right;
  }
  .thread-article .picture img {
    height: auto;
    width: 100%;
  }
  .thread-replies .desktop-replies-header {
    zoom: 1;
  }
  .thread-replies .desktop-replies-header:after {
    content: '';
    display: table;
    clear: both;
  }
  .thread-replies .desktop-replies-header > div {
    background: #0063a1;
    color: #fff;
    font-weight: bold;
    float: left;
    text-align: center;
    padding: 5px 0;
  }
  .thread-replies .desktop-replies-header .author {
    width: 12%;
  }
  .thread-replies .desktop-replies-header .title {
    width: 88%;
    border-left: 2px solid #fff;
  }
  .thread-replies .last-visit {
    color: #fff;
    background-color: #d04141;
    font-weight: bold;
    text-align: center;
    padding: 5px 0;
    margin: 0 2px;
  }
  .topic-reply {
    zoom: 1;
    border-top: 2px solid #fff;
  }
  .topic-reply:after {
    content: '';
    display: table;
    clear: both;
  }
  .topic-reply.odd {
    background: #dfdfdf;
  }
  .topic-reply.even {
    background: #f7f7f7;
  }
  .topic-reply.officialResponseColour {
    background: #faf6b7;
  }
  .topic-reply.highlighted {
    background-color: #f1f7e5;
  }
  .topic-reply.deleted {
    background-color: #f00;
  }
  .topic-reply .msg-header {
    float: left;
    width: 12%;
    padding: 10px;
  }
  .topic-reply .msg-header .author a {
    font-weight: bold;
    margin: 5px 0;
    word-wrap: break-word;
  }
  .topic-reply .msg-header .author a:hover {
    text-decoration: none;
  }
  .topic-reply .msg-header .subText {
    font-size: 12px;
    font-size: 0.75rem;
    margin: 5px 0;
  }
  .topic-reply .msg-header .subText.officialResponseLabel {
    display: inline;
    color: #fff;
    font-size: 9px;
    border-radius: 25px;
    padding: 3px 7px 3px 7px;
    background-color: #3a7cb9;
  }
  .topic-reply .msg-rightpanel {
    float: left;
    width: 88%;
    padding: 10px;
    border-left: 2px solid #fff;
    min-height: 120px;
  }
  .topic-reply .msg-utils {
    zoom: 1;
    padding: 6px 0 0 0;
    border-bottom: 1px solid #ccc;
  }
  .topic-reply .msg-utils:after {
    content: '';
    display: table;
    clear: both;
  }
  .topic-reply .msg-utils .timestamp {
    float: left;
    margin: 2px 0 0 0;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .topic-reply .msg-utils .timestamp .icon {
    display: none;
  }
  .topic-reply .msg-utils .msg-utils-right {
    float: left;
    margin: 0 5px 0 30px;
  }
  .topic-reply .msg-utils .msg-utils-right a:hover {
    background: transparent;
  }
  .topic-reply .msg-utils .abuse {
    float: right;
    font-size: 12px;
    font-size: 0.75rem;
    margin: 0 0 5px 0;
  }
  .topic-reply .msg-utils .abuse a:hover {
    color: #fff;
    background: #f00;
  }
  .topic-reply.has-ad .msg-rightpanel {
    width: 88%;
    min-height: 264px;
  }
  .topic-reply.has-ad .col-static--right {
    margin-right: 320px;
  }
  .topic-reply.my-post {
    background-color: #e0e8f9;
  }
  .topic-reply .msg-ad,
  .topic-reply .msg-ad .mpu {
    display: block;
    float: right;
    background: #fff;
    text-align: center;
    min-width: 300px;
    min-height: 267px;
  }
  .topic-reply .msg-ad > iframe,
  .topic-reply .msg-ad .mpu > iframe {
    width: 300px;
    height: 250px;
  }
  .topic-reply .fixed-right {
    float: left;
    width: 320px;
    margin-left: -320px;
    padding-left: 20px;
  }
  .topic-reply .forumQuoter {
    font-weight: bold;
  }
  .topic-reply .forumQuote,
  .topic-reply blockquote {
    position: relative;
    padding: 10px 0 10px 10px;
    margin: 20px 0 10px;
    border: 1px solid #bbb;
    border-radius: 5px;
    background: #f7f7f7;
  }
  .topic-reply .forumQuote:after,
  .topic-reply blockquote:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -11px;
    left: 64px;
    border-style: solid;
    border-width: 0 8px 11px 0;
    border-color: transparent transparent #fff transparent;
  }
  .topic-reply .forumQuote:before,
  .topic-reply blockquote:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -15px;
    left: 63px;
    border-style: solid;
    border-width: 0 9px 14px 0;
    border-color: transparent transparent #bbb transparent;
  }
  .topic-reply .msg-body {
    padding: 10px 10px 20px 0;
  }
  .topic-reply.mpu-spaceFix .msg-body {
    padding-right: 320px;
  }
  .topic-reply.mpu-spaceFix .msg-utils {
    padding-right: 320px;
  }
  section.post {
    border: 1px solid #111;
    padding: 3px;
    width: 80%;
    margin: 30px auto;
    background: #ebebeb;
    font-size: 14px;
    font-size: 0.875rem;
  }
  section.post .icon {
    display: none;
  }
  section.post h3 {
    width: 100%;
    padding: 10px;
    font-size: 20px;
    font-size: 1.25rem;
    text-align: center;
    color: #333;
  }
  section.post .field {
    zoom: 1;
    width: 100%;
    margin-top: 2px;
  }
  section.post .field:after {
    content: '';
    display: table;
    clear: both;
  }
  section.post .field > label,
  section.post .field .desktop-label {
    min-width: 135px;
    padding: 10px;
    background: #dadada;
    text-align: right;
    font-weight: bold;
    font-size: 14px;
    font-size: 0.875rem;
    display: table-cell;
    vertical-align: middle;
  }
  section.post .field .desktop-col-right {
    padding: 10px;
    width: 88%;
    vertical-align: middle;
    display: table-cell;
  }
  section.post .field div div.forumQuoter {
    margin: 4px 2em 1px 1em;
    padding: 0;
    font-size: small;
    font-weight: bold;
  }
  section.post .field div div.forumQuote {
    margin: 1px 2em 1.5em 1em;
    padding: 0.5em;
    border: 1px solid #808080;
    font-size: small;
  }
  section.post .radio-btn input[type='radio'] {
    display: inline-block;
  }
  section.post .radio-btn .col {
    display: inline-block;
    margin-right: 10px;
  }
  section.post .smiley-btn {
    display: inline-block;
  }
  section.post textarea {
    width: 100%;
    min-height: 250px;
  }
  section.post .msg-links ul {
    margin: 0;
    padding: 0 0 10px 0;
  }
  section.post .msg-links ul li {
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
    border-right: 1px solid #666;
    display: inline-block;
    font-size: 12px;
    font-size: 0.75rem;
  }
  section.post .msg-links ul li:last-of-type {
    border: none;
  }
  section.post .submit-btns {
    text-align: center;
  }
  section.post .submit-btns .col {
    display: inline-block;
  }
  section.post .submit-btns input {
    padding: 6px 15px;
    font-weight: bold;
    font-family: 'Inter', sans-serif;
    display: inline-block;
  }
  section.post .answer {
    margin: 2px 0;
  }
  .post-preview {
    background: #ececec;
    margin-bottom: 15px;
    padding: 10px;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .post-preview h2 {
    color: #fff;
    background: #666;
  }
  .post-preview .preview-field {
    background: #fff;
    min-height: 200px;
    padding: 10px;
    border: 1px solid #111;
  }
  ul.tabs {
    clear: both;
    list-style: none;
    display: inline-block;
    margin: 0 8px;
    padding: 0;
    position: relative;
    top: 1px;
  }
  ul.tabs li {
    display: inline-block;
    margin-right: 2px;
    font-size: 12px;
    font-size: 0.75rem;
  }
  ul.tabs li a {
    color: #333;
    text-decoration: none;
    padding: 4px 10px;
    display: inline-block;
    background-color: #ccc;
    border-top: #aaa 1px solid;
    border-left: #aaa 1px solid;
    border-right: #aaa 1px solid;
  }
  ul.tabs li a:hover {
    padding: 4px 10px 5px;
    position: relative;
    top: -1px;
    text-decoration: none;
    background-color: #ddd;
    border-top: #666 1px solid;
    border-left: #666 1px solid;
    border-right: #666 1px solid;
  }
  ul.tabs li.selected {
    font-weight: bold;
  }
  ul.tabs li.selected a {
    padding: 5px 10px;
    background-color: #ddd;
    border-top: #666 1px solid;
    border-left: #666 1px solid;
    border-right: #666 1px solid;
  }
  ul.tabs li.selected a:hover {
    top: 0;
  }
  #tabWrapper {
    margin: 16px auto 40px;
  }
  #tabWrapper .accordion-section {
    background-color: #ddd;
    border: #666 1px solid;
    padding: 10px 0;
  }
  .selectWrapper {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 10px auto;
    overflow: hidden;
    border-radius: 4px;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    background: url('../img/select-arrow.png') no-repeat right top;
  }
  .selectWrapper select {
    width: 105%;
    display: block;
    border: none;
    min-height: 30px;
    font-size: 16px;
    font-size: 1rem;
    background: transparent;
  }
  #favouritesMode {
    line-height: 1em;
    font-weight: bold;
    border-right: #fff 1px solid;
    padding-right: 8px;
    margin-right: 3px;
    font-size: 15px;
  }
  .moderator-tools {
    width: 95%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .moderator-tools ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .moderator-tools li {
    display: inline;
    padding: 0 10px;
    font-size: 15px;
  }
  #moderator-tools-btn {
    display: none;
  }
  #leaderBoard {
    height: 275px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #infoMessage {
    text-align: center;
    margin: 50px;
  }
  section.wiki #secondary {
    padding: 5px;
  }
  section.wiki a.btn span {
    display: none;
  }
  section.poll #editPoll {
    font-size: 14px;
    font-size: 0.875rem;
    float: right;
    margin: 0;
  }
}
@media screen and (min-width: 750px) and (max-width: 980px) {
  ul.forum-index h3.title,
  ul.topic-list h3.title {
    max-width: 38%;
    float: left;
  }
}
@media screen and (min-width: 980px) {
  ul.forum-index h3.title {
    float: left;
  }
}
@media screen and (min-width: 1200px) {
  ul.forum-index h3.title,
  ul.topic-list h3.title {
    width: auto;
  }
}
table.topic-list {
  width: 100%;
}
table.topic-list .topicRow td {
  padding: 5px;
  border: 1px solid #fff;
  text-align: left;
  border-bottom: 1px solid #fff;
}
.last-contrib,
.username {
  max-width: 190px;
}
.last-contrib,
.username,
p.author.js-author {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (min-width: 750px) {
  p.author.js-author a {
    max-width: 100%;
  }
  .my-stuff-desktop tr.topic td {
    border: 1px solid #fff;
    line-height: 150%;
    text-align: left;
    border-bottom: 1px solid #fff;
  }
  .my-stuff-desktop tr.topic.unread td {
    background-color: #ddf;
    font-weight: bold;
  }
  .my-stuff-desktop tr.topic.unread td .title {
    font-weight: bold;
  }
}
.forum-index-header td {
  border: 1px solid #fff;
  white-space: nowrap;
  text-align: center;
  padding: 10px;
}
table.topic-list .title {
  font-size: 1em;
  font-weight: 400;
  margin: 0;
}
.topicRow td .icon {
  height: 20px;
}
.main-topicLine,
.username,
.topic--date,
.last-contrib {
  padding-left: 5px;
}
.topic--replies {
  text-align: center !important;
}
.topics--date {
  text-align: center !important;
}
table.topic-list .numbers a {
  margin-left: 3px;
}
table.topic-list tr td.folder {
  width: 53px;
  text-align: center;
}
table.topic-list tr.category {
  background: #0063a1;
  color: #fff;
}
table.topic-list tr.category a {
  color: #fff;
}
table.topic-list tr.category td {
  padding: 5px 10px;
}
table.topic-list .topic--count-Wrap,
table.topic-list .time--wrap {
  text-align: center !important;
}
.thread-icon-wrap {
  text-align: center !important;
}
.topic-list th {
  border-right: 1px solid #fff;
  padding: 5px;
}
.topic-list th:first-child {
  border: none;
}
table.topic-list .topicRow.unread td {
  background: #e8e8ef;
}
table.topic-list .topicRow.unread td .pagenumbers a {
  font-weight: 600;
}
table.topic-list .pagenumbers > a {
  padding-right: 5px;
}
table.topic-list .icon-ignore {
  background: url(../img/d-sprites.png) no-repeat;
  background-position: 13px -57px;
  background-size: 109px 96px;
}
table.topic-list .title a:hover {
  color: #0063a1;
}
table.topic-list .icon-folder,
table.topic-list .icon-poll {
  width: 15px;
  background-position: -30px 0;
}
table.topic-list .icon-video {
  width: 16px;
  background-position: -58px -60px;
}
table.topic-list .icon-pinned {
  width: 17px;
  height: 21px;
  background-position: -60px 0;
}
table.topic-list tr.unread .icon-folder {
  background-position: 0 0;
}
.my-stuff {
  display: none;
}
.my-stuff tr.forum-index-header {
  background-color: #c0c0c0;
  margin-top: 10px;
  color: #111;
}
@media screen and (max-width: 750px) {
  .my-stuff-touch #tabWrapper > .tabs {
    display: none;
  }
  .my-stuff-touch .title {
    text-decoration: none;
  }
  .my-stuff-touch .title a {
    color: #0063a1;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    text-decoration: none;
  }
  .my-stuff-touch .cell-default {
    color: #111;
    pointer-events: none;
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: 700;
  }
  .my-stuff-touch .last-contrib,
  .my-stuff-touch .username,
  .my-stuff-touch .ignore {
    display: none;
  }
  .my-stuff-touch .topic {
    height: 55px;
    display: block;
    float: left;
    width: 100%;
    position: relative;
    border-top: 1px solid #ededed;
    background: #fff;
    padding: 0.438em 0.625em;
  }
  .my-stuff-touch .title-line {
    position: absolute;
    left: 10px;
    width: 100%;
  }
  .my-stuff-touch table.topic-list {
    position: relative;
    width: 100% !important;
    min-width: 0;
  }
  .my-stuff-touch .meta {
    text-align: right;
  }
  .my-stuff-touch .thread-range {
    float: right;
    text-align: right;
    clear: both;
    margin-top: -15px;
  }
  .my-stuff-touch .topic {
    display: inline-block;
    width: 100%;
    position: relative;
  }
  .my-stuff-touch .meta {
    float: right;
    margin-bottom: 19px;
    margin-top: -18px;
  }
  .my-stuff-touch table.topic-list .title {
    font-size: 15px;
    font-weight: 400;
    max-width: 75%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .my-stuff-touch .date {
    color: #999;
    pointer-events: none;
    font-size: 11px;
    font-size: 0.6875rem;
  }
  .my-stuff-touch .title {
    text-decoration: none !important;
  }
  .my-stuff-touch .cell-default a {
    color: #111;
    pointer-events: none;
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: 700;
  }
}
table.topic-list tr {
  background-color: #f0f0f0;
}
table.topic-list tr.pinned,
table.topic-list tr.sponsored {
  background-color: #ddf;
}
table.topic-list tr.sponsored.unread td .pagenumbers {
  font-weight: bold;
}
table.topic-list tr.sponsored.unread td {
  background-color: #ddf;
}
@media screen and (min-width: 601px) {
  table.topic-list .forum-index-header {
    background: #e2e2e2;
    width: 100%;
    margin: 0 auto;
    font-weight: bold;
    color: #333;
  }
}
.my-stuff-touch .topic.unread .title a {
  font-weight: bold;
}
.personalRow li.fb a:before {
  font-family: 'FontAwesome';
  content: '';
}
.personalRow li.yt a:before {
  font-family: 'FontAwesome';
  content: '';
}
.personalRow li.ig a:before {
  content: '';
  font-family: 'FontAwesome';
}
.personalRow li.tw a:before {
  content: '';
  font-family: 'FontAwesome';
}
.flaticon.solid.checkmark-1:before,
.flaticon.solid.checkmark:before,
.flaticon.solid.W3:before {
  content: '';
}
@font-face {
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot?v=20251114.0.3');
  src: url('../font/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),
    url('../font/fontawesome-webfont.woff?v=20251114.0.3') format('woff'),
    url('../font/fontawesome-webfont.ttf?v=20251114.0.3') format('truetype'),
    url('../font/fontawesome-webfont.svg?v=20251114.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?2229764');
  src: url('../font/fontello.eot?2229764#iefix') format('embedded-opentype'),
    url('../font/fontello.woff?2229764') format('woff'),
    url('../font/fontello.ttf?2229764') format('truetype'),
    url('../font/fontello.svg?2229764#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot?v=20251114.0.3');
  src: url('../font/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),
    url('../font/fontawesome-webfont.woff?v=20251114.0.3') format('woff'),
    url('../font/fontawesome-webfont.ttf?v=20251114.0.3') format('truetype'),
    url('../font/fontawesome-webfont.svg?v=20251114.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'searchIcon';
  src: url('../font/searchIcon.eot?2229764');
  src: url('../font/searchIcon.eot?2229764#iefix') format('embedded-opentype'),
    url('../font/searchIcon.woff?2229764') format('woff'),
    url('../font/searchIcon.ttf?2229764') format('truetype'),
    url('../font/searchIcon.svg?2229764#searchIcon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^='icon-']:before,
[class*=' icon-']:before {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
}
.icon-motorsport:before {
  content: '';
}
.icon-boat:before {
  content: '';
}
.icon-car:before {
  content: '';
}
.icon-truck:before {
  content: '';
}
.icon-screwdriver:before {
  content: '';
}
.icon-wheel:before {
  content: '';
}
.icon-motorbike:before {
  content: '';
}
.icon-down-open:before {
  content: '';
}
.icon-left-open:before {
  content: '';
}
.icon-right-open:before {
  content: '';
}
.icon-up-open:before {
  content: '';
}
.icon-attention:before {
  content: '';
}
.icon-attention-circled:before {
  content: '';
}
.icon-ellipsis:before {
  content: '';
}
.icon-myaccount:before {
  content: '';
}
.icon-mystuff:before {
  content: '';
}
.icon-billing:before {
  content: '';
}
.icon-list:before {
  content: '';
}
.icon-briefcase:before {
  content: '';
}
.icon-chat:before {
  content: '';
}
.icon-angle-left:before {
  content: '';
}
.icon-angle-right:before {
  content: '';
}
.icon-angle-up:before {
  content: '';
}
.icon-angle-down:before {
  content: '';
}
.icon-cancel:before {
  content: '';
}
.icon-help-circled:before {
  content: '';
}
.icon-ok-1:before {
  content: '';
}
.icon-attention-circled-1:before {
  content: '';
}
.icon-logout:before {
  content: '';
}
.icon-angle-left-1:before {
  content: '';
}
.icon-angle-right-1:before {
  content: '';
}
.icon-angle-up-1:before {
  content: '';
}
.icon-angle-down-1:before {
  content: '';
}
.icon-cancel-1:before {
  content: '';
}
.icon-help-circled-1:before {
  content: '';
}
.icon-ok-2:before {
  content: '';
}
.icon-attention-circled-2:before {
  content: '';
}
.icon-logout-1:before {
  content: '';
}
.icon-membericon:before {
  content: '';
}
.icon-forumicon:before {
  content: '';
}
.icon-ssiicon:before {
  content: '';
}
.icon-classifiedsicon:before {
  content: '';
}
.icon-pistonhub:before {
  content: '';
}
.icon-email:before {
  content: '' !important;
}
.icon-settingsicon:before {
  content: '';
}
.icon-chaticon:before {
  content: '';
}
.icon-car:before,
.icon-boat:before,
.icon-truck:before,
.icon-screwdriver:before,
.icon-wheel:before,
.icon-motorsport:before,
.icon-motorbike:before {
  display: block;
  text-align: center;
  width: 15px;
  float: left;
  margin-right: 30px;
}
.icon-car:hover:before,
.icon-boat:hover:before,
.icon-truck:hover:before,
.icon-screwdriver:hover:before,
.icon-wheel:hover:before,
.icon-motorsport:hover:before,
.icon-motorbike:hover:before {
  color: #ffde01;
}
.phml-thumb {
  max-width: 200px;
}
p.info-message {
  font-size: 14px;
  font-size: 0.875rem;
  padding: 0 0 10px 10px;
  text-align: center;
}
@media screen and (max-width: 750px) {
  ul {
    margin: 0;
    padding: 0;
  }
  li {
    list-style: none;
  }
  body {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    margin: 0;
    min-width: 320px;
  }
  a {
    text-decoration: none;
    color: #0063a1;
  }
  a:hover {
    text-decoration: none;
  }
  .contain {
    zoom: 1;
  }
  .contain:after {
    content: '';
    display: table;
    clear: both;
  }
  .mpu {
    max-width: 300px;
    height: 250px;
    background: none;
    margin: 15px auto;
    overflow: hidden;
    text-align: center;
  }
  #leaderBoard {
    display: none;
  }
  #favouritesMode {
    display: none;
    float: right;
    font-weight: bold;
    margin: 4px 0 0;
  }
  .nav {
    overflow: hidden;
    height: 100%;
  }
  .js-nav-scroll > ul,
  .js-secondary-nav-scroll > ul {
    width: 600px;
  }
  .nav--center {
    text-align: center;
  }
  .nav__item {
    display: inline-block;
    margin-right: 1.429em;
  }
  .nav__item:last-child {
    margin-right: 0;
  }
  #content {
    margin-bottom: 100px;
  }
  .primary-nav {
    font-size: 14px;
    font-size: 0.875rem;
    background-color: #333;
    padding: 1.143em 0.714em;
    overflow: auto;
  }
  .primary-nav__link {
    font-size: 14px;
    font-size: 0.875rem;
    color: #999;
    font-weight: 600;
    text-transform: uppercase;
  }
  .selected .primary-nav__link {
    color: #fff;
  }
  .primary-nav__link.active {
    color: #fff;
  }
  .primary-nav__link.relative {
    position: relative;
  }
  .primary-nav__link > form {
    position: absolute;
    top: -5px;
    right: 0;
  }
  .primary-nav__link > form > select {
    background-color: #242424;
    color: #fff;
    border: 0;
    border-color: #111;
    border-bottom: 1px solid #111;
    border-left: 1px solid #111;
    border-radius: 2px;
    padding: 0.357em 0;
    -webkit-appearance: none;
    appearance: none;
  }
  .primary-nav__link > form > select > option {
    background-color: #242424;
  }
  .secondary-nav {
    font-size: 13px;
    font-size: 0.8125rem;
    color: #fff;
    background-color: #0063a1;
    padding: 1.143em 0.714em;
    text-transform: uppercase;
  }
  .secondary-nav__link {
    color: #fff;
    opacity: 0.5;
  }
  .topic-heading {
    position: relative;
  }
  .topic-heading .primary-nav__link {
    margin-left: 10px;
    float: none;
    display: inline;
  }
  .mpu-spaceFix {
    overflow: auto;
  }
  .mobile-hidden {
    display: none !important;
  }
  .my-stuff-touch .remove-bookmark,
  .ignore-topic {
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 25px;
  }
  .my-stuff-touch .remove-bookmark .icon-remove-bookmark,
  .ignore-topic .icon-remove-bookmark {
    background: url(../img/d-sprites.png) no-repeat;
    background-position: -15px -60px;
  }
  .to-last-read .icon-toend {
    zoom: 0.75;
  }
}
@media screen and (min-width: 750px) {
  body {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
  }
  a {
    font-size: 15px;
    text-decoration: none;
    color: #0063a1;
  }
  a:hover {
    text-decoration: none;
    color: #0063a1;
  }
  .menu-button,
  .top-nav,
  .mobile-leaderboard,
  .forum-utils,
  .mobile-dropdown,
  .forum-header h1,
  .google-ads {
    display: none;
  }
  #content {
    position: relative;
    margin: 24px 16px 16px;
  }
}
footer a {
  font-size: inherit;
}
.footer-nav.fs_88 ul li {
  margin-right: 2px;
}
.footer-nav.fs_88 ul li:last-child {
  margin-right: 0;
}
.pageNo a {
  color: #fff;
}
.selectWrapper {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #252525;
  margin: 0;
  overflow: hidden;
  padding-left: 5px;
  position: relative;
  width: 80px;
  -moz-box-shadow: 0 2px 0 #000;
  -webkit-box-shadow: 0 2px 0 #000;
  box-shadow: 0 2px 0 #000;
  float: right;
}
.selectWrapper i {
  position: absolute;
  top: 10px;
  right: 10px;
}
.selectWrapper select {
  color: #fff;
  width: 130%;
  display: block;
  border: none;
  padding: 5px 0;
  font-size: 12px;
  font-size: 0.75rem;
  background-color: #252525;
}
h1 {
  display: block;
  float: left;
}
.mobileForumGroupLink {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  height: 45px;
  width: 45px;
  background: url(../img/sprites@2x.png) no-repeat;
  background-size: 271px 158px;
  background-position-x: -159px;
  background-position-y: 5px;
}
.pagenumbers a:visited {
  color: #800080;
  font: normal;
}
.footer-ads {
  text-align: center;
}
.no-margin {
  margin: 0;
}