/* There should be no colours in this as the colours should be defined 
    in the host css files
*/

/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v2/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2)
    format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,
    U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v2/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2)
    format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,
    U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v2/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2)
    format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,
    U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v2/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2)
    format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,
    U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v2/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2)
    format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,
    U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

div.debug {
  font-size: small;
  font-weight: bold;
  margin: 2em;
  padding: 1em;
  border: 2px dashed red;
  background-color: white;
}

body {
  font-family: Inter, 'Open Sans', sans-serif;
  margin: 0;
  padding: 0;
}

div#leaderBoard {
  margin: 1.5em auto 0 auto;
  width: 980px;
  max-height: 270px;
}

td {
  font-family: Verdana, sans-serif;
}

.hide {
  display: none;
}

table {
  margin: 0;
}

a {
  color: #4374b8;
}

tr.ruled {
  background: #9cf;
}

/*----------- Page divisions -------------*/
div#cookieBanner {
  font-size: 0.688em !important;
}

div#header {
  width: 100%;
  height: 80px;
  background-image: url('/gassing/imgs/gassing.jpg?v=20231120');
  background-repeat: no-repeat;
  background-position: top left;
  padding-bottom: 30px;
  position: relative;
}

/*-----------------------------------------------------------------------*/

div#banner {
  position: absolute;
  top: 8px;
  right: 30px;
  z-index: 1;
  text-align: center;
  font-size: 60%;
}

div#banner img {
  border: 0;
}

td.mpu {
  text-align: center;
}

iframe.mpu {
  margin: 0;
  padding: 0;
  width: 306px;
  height: 256px;
}

/*--- TOP NAVIGATION ----------------------------------------------------*/

/*---- FOOTER -------------------------------------------------------------*/

div#outerfooter {
  clear: both;
  border: 1px solid #000;
  border-bottom: 1px solid black;
  margin: 0 1em 0em 1em;
  padding: 0;
}

div#footer {
  border: 0;
  margin: 0;
  font-size: 60%;
  padding: 5px 10px 5px 10px;
}

div#footer a {
  text-decoration: none;
  color: #666;
}

div#footer a:hover {
  text-decoration: underline;
  background: transparent;
}

div#terms {
  float: left;
  text-align: left;
}

div#copyright {
  text-align: center;
}

div#hostname {
  float: right;
  text-align: right;
}

/*------ FORUM LIST -------------*/

div#forums {
  text-align: center;
}

table#forumList {
  width: 95%;
  text-align: left;
  margin: 0 auto;
}

.heading {
  font-weight: bold;
  line-height: 200%;
  text-align: center;
}

.heading td {
  white-space: nowrap;
  padding: 2px 0.5em;
}

tr.category {
  font-weight: bold;
  line-height: 200%;
}

tr.category td {
  padding-left: 1em;
}

table#forums td.forumStatus {
  text-align: left;
  text-align: center;
  width: 1em;
}

table#forums td.forumName {
  text-align: left;
  line-height: 110%;
  padding: 0.3em 0.5em 0.3em 0.5em;
}

table#forums td.postCount {
  width: 5em;
}

table#forums div.postCount {
  margin: 0 auto;
  width: 6em;
  padding: 0 0.5em;
  text-align: right;
}

table#forums td.lastPost {
  text-align: right;
  white-space: nowrap;
  padding: 0 1em;
}

/*--- CONTEXT MENU ---*/

div#contextMenu {
  font-size: 75%;
  margin: 0 1.5em 0em 1.5em;
  padding: 0.5em 1em;
  border: 1px solid #444;
  line-height: 150%;
}

div#contextMenu div.nav {
  font-weight: bold;
  font-size: 110%;
  padding-left: 1em;
  text-indent: -1em;
}

div#contextMenu div.nav a {
  white-space: nowrap;
}

div#contextMenu div.title {
  font-size: 120%;
  padding-top: 0.5em;
  padding-left: 1em;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  div#loginDetails {
    float: right;
    margin-left: 1em;
  }
}

#loginDetails {
  margin-bottom: 8px;
}

div#favouritesMode {
}

div#favouritesMode a {
}

div#favouritesMode a:hover {
}

div.paging {
}

div.paging a {
  padding: 0 0.25em;
}

div.paging span.spacer {
  padding: 0 0.5em;
}

div.paging span.pageNo {
  padding: 0 0.5em;
  font-weight: bold;
}

form.pageNo {
  margin: 0;
  display: inline;
}

input.pageNo {
  text-align: center;
  font-family: verdana;
  font-size: small;
  font-weight: bold;
  width: 2.2em;
  border: 1px solid gray;
  padding: 0 2px;
}

div.mystuffPaging {
  margin: 0.5em 0;
  text-align: right;
  background-color: #ccc;
  padding: 0.25em;
}

div#upperLinksTab {
  margin: 1em 2.5em 0 2.5em;
  background-color: #f0f0f8;
  border-color: black;
  border-style: solid;
  border-width: 1px 1px 0px 1px;
  padding: 0.75em;
  font-size: 60%;
}

div#upperLinksTab a {
  margin: 0 1em;
}

div#lowerLinksTab {
  margin: 0 2.5em 1em 2.5em;
  line-height: 150%;
  border-color: black;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  padding: 0.6em 0.5em;
  border-top: 1px gray solid;
  font-size: 70%;
}

div#lowerLinksTab a {
  margin: 0 0.25em;
  padding: 2px 0.25em;
}

@media screen and (max-width: 768px) {
  #lowerLinksTab .floatRight {
    float: inherit;
  }
}

div.tableTop {
  padding: 0.5em;
  margin: 1px 2em;
  text-align: left;
}

div.tableTop a.actionLink {
  font-weight: bold;
  margin-right: 2em;
}

div.tableTop a.minorLink {
  margin: 0 0.5em;
}

div.tableTop a.minorLink img {
  vertical-align: middle;
  padding: 0;
  margin: 0;
  border: 0;
}

div#leftMenu {
  margin: 0px 1em 1em 0;
  padding: 0;
}

div#leftMenu ul {
  display: inline;
  margin: 0;
  padding: 0;
}

div#leftMenu li {
  display: inline;
  margin: 0 0 0 0px;
  padding: 0 0 0 1em;
}

div#rightMenu {
  float: right;
  margin: 0px 1em 1em 0;
  padding: 0;
  text-align: right;
}

div#rightMenu ul {
  display: inline;
  margin: 0;
  padding: 0;
}

div#rightMenu li {
  display: inline;
  margin: 0 0 0 0px;
  padding: 0 0 0 1em;
}

p#topLink {
  clear: both;
  text-align: center;
  font-size: 60%;
}

/*--- LIST OF TOPICS --------*/

td.topicName {
  padding: 0.3em 0.5em;
  width: 40%;
}

td.topicStatus {
  text-align: center;
  padding: 0 0.5em;
}

td.topicStatus a {
  background-color: transparent;
}

td.topicStatus a img {
  border: 0;
}

td.topicIcon {
  padding: 0 0.5em;
  text-align: center;
}

td.author {
  padding: 0.3em 0.5em;
}

td.author a {
  text-decoration: none;
}

td.replies {
  text-align: center;
}

td.lastPost {
  text-align: center;
  width: 20%;
}

td.lastContributor {
  padding: 0.3em 0.5em;
}

td.lastContributor a {
  text-decoration: none;
}

div.pagenumbers {
  display: inline;
  white-space: nowrap;
  padding: 0.25em 0;
}

div.pagenumbers a {
  margin: 0 0.2em;
}

/*--- TOPICS --------*/

img.attendee {
  margin: 0 1em;
  border: 0;
}

table.replyRow {
  width: 100%;
}

table.replyRow td {
  vertical-align: top;
}

div.divider {
  width: 95%;
  height: 4px;
  margin: 0 auto 0 auto;
  text-align: center;
}

div#seperator {
  width: 95%;
  margin: 0 auto 0 auto;
  text-align: center;
  padding: 1em;
}

.center {
  /* this is an IE5 fix. */
  width: 100%;
  text-align: center;
}

div.table-row {
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  padding: 0;
  text-align: left;
  width: 95%;
}

table#topicTable {
  width: 95%;
  margin: 0 auto;
}

table#topicTable tr#topicHeader td {
  text-align: center;
}

table#topicTable td.left-cell {
  padding: 8px;
  width: 140px;
  vertical-align: top;
}

table#topicTable p.officialResponseLabel {
  display: inline;
  color: white;
  font-size: 9px;
  border-radius: 25px;
  padding: 3px 7px 3px 7px;
  background-color: #3a7cb9;
}

table#topicTable td.right-cell {
  border: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
}

table#topicTable div.msg {
  padding-left: 0.5em;
  padding-bottom: 1.5em;
  padding-right: 1em;
}

table#topicTable div.msgHeader {
  width: 100%;
  border-bottom: 1px solid #ccc;
  padding: 0.5em 2px 2px 2px;
  margin: 0 0 1em 0;
}

table#topicTable div.msgHeader img {
  margin: 0 2em 0 0;
  border: 0;
}

table#topicTable div.msgHeader span.timestamp {
  margin: 0 2em 0 0;
}

table#topicTable div.msgHeader div.abuse {
  float: right;
}

table#topicTable div.msgHeader a:hover {
  text-decoration: none;
  background-color: transparent;
  color: white;
}

table#topicTable div.msgHeader a:hover.abuse {
  text-decoration: none;
  background-color: red;
  color: white;
}

table#topicTable p.author {
  font-weight: bold;
  margin: 0 0 0.2em 0;
  padding: 4px;
}

table#topicTable p.subText {
  color: #888;
  line-height: 100%;
  margin: 4px;
}

table.categoryCell {
  border: 2px solid #c0c0c0;
  font-size: 100%;
  font-family: serif;
}
/* crap name for old quote box */

/* --- tabs --- */

div#ownerTab {
  background: #eee;
  padding: 0.5em 0 0.5em 1em;
  height: 4.4em;
  width: 20em;
  border: 1px solid black;
  margin: 0 55% 0 5%;
  color: black;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 100%;
  /*text-transform: uppercase;*/
}

div#profile {
  margin: 0 4em;
}

div.profilePage {
  margin: 1em auto 2em auto;
  padding: 0;
  width: 95%;
}

div.profilePage span.num {
  white-space: nowrap;
  color: gray;
}

div.profilePage div.profileLinks {
  text-align: right;
  padding: 0.5em 2em 0.5em 2em;
  margin: 0em auto 1em auto;
  background-color: #dedede;
  border: 1px #444 solid;
  font-size: 70%;
}

div.profilePage table#forums {
  width: 100%;
}

div.profilePage table#forums td {
  vertical-align: top;
}

div.profilePage table#forums td#topics {
  width: 50%;
}

div.profilePage table#forums td#replies {
  width: 50%;
}

div.profilePage img.profilePic {
  float: right;
  width: 300px;
}

div.profilePage td.message {
  padding: 1em 0 10em 0;
  text-align: center;
  color: gray;
  font-style: italic;
}

div.profilePage td.date {
  font-size: 70%;
}

div.profilePage td.noReplies {
  text-align: center;
}

div.profilePage td.label-cell {
  width: 10em;
  font-weight: bold;
  padding: 0.5em;
  width: 10em;
}

div.profilePage td.heading-cell {
  font-weight: bold;
  padding: 0.5em 1em;
  background-color: silver;
  white-space: nowrap;
}

div.profilePage td.sub-heading-cell {
  white-space: nowrap;
  font-weight: bold;
  padding: 0.5em 1em;
  font-size: 60%;
  background-color: silver;
}

div.profilePage td.data-cell {
  padding: 0.25em;
}

div.profilePage td.data-cell p {
  margin: 0 0 1em 1em;
}

div.profilePage td.left-cell {
  border-right: 1px dashed gray;
  padding-right: 1em;
}

div.profilePage td.left-cell table {
  width: 95%;
}

div.profilePage td.right-cell {
  padding-left: 0.5em;
}

div.profilePage td.right-cell table {
  width: 95%;
}

div.profilePage td.forumInfo {
  color: #888;
}

div.profilePage td.picture-cell {
  text-align: center;
}

div.profilePage td.advert {
  border-bottom: 1px solid gray;
  padding: 1em;
}

div.profilePage td.advert h1 {
  font-size: 100%;
}

div.profilePage td.advert img {
  float: left;
  margin-right: 1em;
  margin-top: 0.5em;
  border: 1px solid blue;
}

a.reviewProduct {
  font-weight: bold;
  margin: 0 1em 0 1em;
}

/* -------------------------------------------- */

div#errorMessage {
  text-align: center;
  margin: 5em auto;
  padding: 1em 2em 1em 2em;
  background-color: red;
  color: white;
  border: 1px solid black;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  div#errorMessage {
    width: 40em;
  }
}

div#infoMessage {
  margin: 2em auto;
  font-size: 110%;
  font-weight: bold;
  text-align: center;
  padding: 1em;
}

@media screen and (min-width: 768px) {
  div#infoMessage {
    width: 60%;
  }
}

div#message {
  text-align: center;
  margin: 2em auto;
  padding: 1em 2em 2em 2em;
}

@media screen and (min-width: 768px) {
  div#message {
    width: 40em;
  }
}

div.floatRight {
  float: right;
}

div#whatsnew {
  margin-left: 1em;
  display: inline;
}

div#whatsnew a {
  margin: 0;
  padding-right: 0.25em;
}

input.btn {
  padding: 0.1em 0.5em;
}

div.forumQuoter {
  margin: 4px 2em 1px 1em;
  padding: 0;
  font-size: small;
  font-weight: bold;
}

div.forumQuote {
  margin: 1px 2em 1.5em 1em;
  padding: 0.5em;
  border: 1px solid gray;
  font-size: small;
}

/* QUOTED IMG TO THUMB CODE */

.forumQuote img {
  max-width: 200px;
  width: expression(this.width > 200 ? 200: true); /*FIXES IE6*/
}

textarea.textarea {
  width: 93%;
  height: 9em;
  margin: 1px 2em 0.5em 2em;
  padding: 1em;
  border: 1px solid gray;
  background-color: #f8f8f8;
  font-size: 8pt;
  color: black;
}

div#moderatorTools {
  margin: -1em 3em 1em 3em;
  padding: 0.5em;
  border-top: 0;
  font-size: x-small;
  text-align: center;
  line-height: 200%;
}

div#moderatorTools ul {
  margin: 0;
  list-style-type: square;
  list-style-position: inside;
}

div#moderatorTools ul li {
  display: inline;
  margin: 0em 1em;
  white-space: nowrap;
}

span.closed {
  background-color: red;
  color: white;
  font-weight: bold;
  padding: 2px 8px;
}

#searchForm table#searchTable {
  margin: 3em auto 2em auto;
  text-align: left;
}

#searchForm table#searchTable td#links {
  padding: 0.5em;
}

#searchForm table#searchTable td#links a {
  margin: 0 1em;
}

#searchForm input#search {
  font-size: 160%;
}

#searchForm label.radioLabel {
  border-bottom: 1px dashed silver;
}

#searchForm input#searchBtn {
  font-size: 160%;
}

#searchForm div#help {
  padding: 1em;
  margin: 0 auto;
  border: 1px solid gray;
  display: none;
}

#searchForm td {
  padding: 2px;
}

#searchForm div#help h1 {
  margin-top: 0;
  font-size: 110%;
}

#searchForm div#help td.code {
  text-align: center;
  font-size: 120%;
  font-weight: bold;
  background-color: #eee;
  padding: 2px;
}

#searchResultsPage div.paging td {
  width: 3em;
  text-align: center;
}

#searchResultsPage div.paging td.pageNo {
  width: 10em;
}

#searchResultsPage td.headingCell a {
  color: white;
  white-space: nowrap;
}

#searchResultsPage td.headingCell a:hover {
  background-color: white;
  color: navy;
}

#searchResultsPage td.messageView {
  border-right: 1px dashed gray;
  border-left: 1px dashed gray;
  border-top: 1px dashed gray;
  padding: 0em;
}

#searchResultsPage td.topicIcon {
  width: 2em;
}

#searchResultsPage td.topicIcon a img {
  border: 0;
}

#searchResultsPage td.topicIcon a:hover {
  background-color: transparent;
  border: 1px blue dashed;
}

#searchResultsPage td.collapse {
  text-align: center;
}

#searchResultsPage td.collapse a {
  text-decoration: none;
  border: 1px dotted gray;
}

#searchResultsPage td.forumName {
  width: 15em;
}

#searchResultsPage td.replies {
  padding: 0 1em;
  text-align: left;
  font-size: 8pt;
}

#searchResultsPage td.replies div.replyCount {
  background-color: #bbb;
  padding: 2px;
}

#searchResultsPage td.mostRecent {
  text-align: center;
}

#searchResultsPage p.waiting {
  margin: 2em 3em;
}

#searchResultsPage span.num {
  white-space: nowrap;
  color: gray;
}

#searchResultsPage div#noneFound {
  text-align: center;
  margin: 4em;
}

#searchResultsPage div.searchCell {
  border-bottom: 1px dashed black;
  padding: 1em;
}

#searchResultsPage div.closeCell {
  font-weight: bold;
  background-color: navy;
  padding: 0.5em 1em;
  margin: 0;
  text-align: right;
  color: white;
}

#searchResultsPage div.closeCell a {
  color: white;
}

#searchResultsPage div.searchResultReply {
  margin: 0;
  font-family: verdana;
  font-size: 10pt;
  background-color: #ebebeb;
  padding: 0.5em;
}

#searchResultsPage div.searchResultReply h1 {
  font-size: 10pt;
  background-color: silver;
  padding: 0.5em;
}

#searchResultsPage div.searchResultReply h1 div.resultNo {
  font-weight: normal;
  display: inline;
  color: #444;
  margin-right: 2em;
}

#searchResultsPage div.searchResultReply h1 div.posted {
  font-weight: normal;
  display: inline;
  color: #444;
  margin-left: 2em;
}

#searchResultsPage div.searchResultReply h1 div.close {
  float: right;
}

#searchResultsPage div.searchResultReply h1 div.close img {
  border: 1px solid silver;
}

#searchResultsPage div.searchResultReply h1 div.close a:hover img {
  border: 1px dashed blue;
}

#searchResultsPage div.searchResultReply h1 div.close a:hover {
  background-color: transparent;
}

#searchResultsPage span.searchword {
  background-color: yellow;
  font-weight: bold;
  font-size: 110%;
  white-space: nowrap;
  padding: 0.1em 0.5em;
}

div#story {
  margin: 2em auto 2em auto;
  padding: 1em;
  background-color: #f8f8f8;
  border-style: outset;
  border-width: 1px;
  font-size: small;
  line-height: 150%;
  overflow: auto;
}

div#story div#story {
  border: none;
  margin: 0;
  padding: 0;
  font-size: small;
}
/* for older stories that include the div */
div#story h1 {
  margin-top: 0;
  border: 0;
}

div#story div.date {
  font-size: x-small;
}

div#story p.tag {
  margin-bottom: 0;
  font-size: medium;
}

div#story hr {
  height: 1px;
}

div#video {
  margin: auto;
  width: 640px;
  padding: 1em;
  background-color: #f8f8f8;
  border: 1px #dedede solid;
  font-size: small;
  line-height: 100%;
}

div#gpt_7294_leaderboard2 {
  text-align: center;
}

div#video img {
  float: right;
  border: 0;
}

div#video h1 {
  font-size: 3.6em;
  line-height: 1em;
  margin: 0.5em 0;
  font-size: large;
}

div#video p#submitter {
  font-size: x-small;
  color: gray;
}

div#urlRef {
  margin: 2em auto 2em auto;
  width: 30em;
  padding: 1em;
  background-color: #f8f8f8;
  border-style: outset;
  border-width: 1px;
  font-size: small;
  text-align: center;
}

form#prefs {
  width: auto;
  margin: 2em auto;
}

form#prefs table#prefsTable {
  margin: 0 auto;
  border: 1px solid black;
}

form#prefs table td {
  padding: 1em 0.5em;
}

form#prefs td.label {
  font-weight: bold;
  text-align: right;
  white-space: nowrap;
}

form#prefs td.userInput {
}

form#prefs td.buttons {
}

form#prefs label {
  border-bottom: 1px dashed silver;
}

form#prefs select#selectedCategories {
  width: 16em;
}

form#prefs select#otherCategories {
  width: 20em;
}

form#prefs option.category {
  font-weight: bold;
}

form#prefs option.forum {
  padding-left: 1em;
}

form#prefs option.forum {
  padding-left: 1em;
}

input.button {
  font-weight: bold;
  font-family: verdana;
  padding: 0.25em 2em;
  margin: 0.25em;
}

form.forumForm {
  text-align: center;
  margin: 2em auto;
  padding: 1em 2em 2em 2em;
}

@media screen and (min-width: 768px) {
  form.forumForm {
    width: 40em;
  }
}

@media screen and (max-width: 768px) {
  form.forumForm textarea {
    width: 100%;
  }
}

form#postForm {
  padding: 0;
}

form#postForm {
  width: 80%;
}

form#postForm td.label {
  font-weight: bold;
  text-align: right;
  white-space: nowrap;
  padding: 1em;
}

form#postForm td.userInput {
  text-align: left;
  padding: 0.5em;
}

form#postForm td.buttons {
  padding: 1em 0.5em;
}

form#postForm label {
  border-bottom: 1px dashed silver;
}

form#postForm div.icon {
  white-space: nowrap;
  display: inline;
}

form#postForm div.icon label {
  border: 0;
}

form#postForm {
}

form#postForm div.msgLinks ul {
  margin: 0;
  padding: 0;
  display: block;
}

form#postForm div.msgLinks li {
  display: inline;
  background-image: none;
  margin: 0 0 0 0px;
  padding: 1em 1.2em 1em 0em;
}

form#postForm textarea {
  padding: 0.5em 0.5em 0.5em 0.5em;
  background: #fff;
  width: 95%;
  line-height: 125%;
}

form#postForm div#preview {
  margin: 1em;
  text-align: left;
  border: 0px solid gray;
  padding: 0em;
}

form#postForm div#preview a.edit {
  text-decoration: none;
  margin: 0.5em 2em 0 0;
  float: right;
}

form#postForm div#preview a.edit img {
  border: 0;
}

form#postForm div#preview h2 {
  margin: 0px;
  padding: 0.5em;
  font-size: 140%;
}

form#postForm div#preview div#scrollingWindow {
  background-color: white;
  border: 1px solid black;
  padding: 1em;
  height: 15em;
  overflow: auto;
  text-align: left;
}

div.toc {
  border-bottom: 1px solid black;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

div.toc h1 {
  margin: 0 0 0.5em 0;
  font-size: 160%;
  text-decoration: underline;
}

div.toc p.toc1 {
  font-size: 110%;
  font-weight: bold;
  margin: 0.5em 0.25em 0.25em;
}

div.toc p.toc1 a {
  text-decoration: underline;
}

div.toc p.toc2 {
  margin: 0.25em;
  margin-left: 1.5em;
  font-size: 100%;
}

div.toc p.toc2 a {
  text-decoration: none;
}

div.toc p.toc3 {
  margin: 0.25em;
  margin-left: 3em;
  font-size: 90%;
}

div.toc p.toc3 a {
  text-decoration: none;
}

DIV#legal_footer {
  margin: 0px auto;
  width: 90%;
  text-align: center;
}

P#legal_footer {
  clear: both;
  font-size: 9px;
  text-align: center;
  color: #808080;
}

div#poll {
  margin: 2em 4em;
  padding: 1em;
  background-color: #f8f8f8;
  border-style: outset;
  border-width: 1px;
  font-size: small;
  line-height: 150%;
  overflow: auto;
}

div#poll h1 {
  font-size: 140%;
}

div#poll h2 {
  font-size: 120%;
}

div#poll div#voting table#results {
  width: 96%;
  padding-top: 1em;
}

div#poll div#voting table#results td {
  vertical-align: middle;
}

div#poll div#voting table#results td.optionTitle {
  white-space: nowrap;
  width: 10%;
  font-weight: bold;
  text-align: right;
}

div#poll div#voting table#poll {
  margin: 0 4em;
}

div#poll div#voting table#poll td.answerTitle {
  font-weight: bold;
}

div#poll h2 {
  margin-left: 1em;
}

div#poll div.bar {
  border: 1px solid black;
  padding: 1px 4px 1px 0;
  color: White;
  text-align: right;
  background-color: Blue;
}

div#poll div.selected {
  background-color: Green;
  font-weight: bold;
}

div#poll #voteBtn {
  margin-top: 1em;
  padding: 0.5em 2em;
  font-weight: bold;
}

div#poll p#editPoll {
  float: right;
  margin-right: 1em;
}

table#inmates {
  margin: 0.5em auto;
  padding: 0;
  border: 2px solid black;
  background-color: #ebebeb;
}

table#inmates td.title {
  font-weight: bold;
  margin: 0 1em 0 0;
  padding: 0.5em 1em;
  background-color: black;
  color: White;
  font-size: 100%;
  white-space: nowrap;
}

table#inmates p {
  margin: 2px 1em;
}

table#inmates a {
  white-space: nowrap;
}

div.deletedPost {
  border: 1px dotted black;
  padding: 1em;
  margin: 1em 3em;
  font-style: italic;
  width: auto;
  text-align: center;
}

.highlightedRow {
  background-color: #f1f7e5;
}

/* From Topic.xsl */

span.searchword {
  background-color: yellow;
  font-weight: bold;
  font-size: 110%;
  white-space: nowrap;
  padding: 0.1em 0.5em;
}

a.reveal {
  padding: 3px;
  background: #990000;
  color: white;
  font-style: italic;
  cursor: pointer;
}

div.privacy-links {
  color: #990000;
  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;
}

#gpt_7294_leaderboard3 {
  width: 980px;
  margin: 0 auto;
  text-align: center;
}
/* End of Topic.xsl */

/* This applies to the Beta 2 Skin pages which are not using main.css */

footer#footer.fs_88 {
  text-align: center;
  color: #4374b8;
}

footer#footer.fs_88:after {
  content: '';
  display: table;
  clear: both;
}

footer#footer.fs_88 a {
  color: #4374b8;
  text-decoration: none;
  margin-left: 5px;
}

footer#footer.fs_88 a:first-child {
  margin-left: 0;
}

footer#footer.fs_88 a:hover {
  text-decoration: none;
}

footer#footer.fs_88 a:visited {
  color: #4374b8;
}

footer#footer.fs_88 .col {
  width: 33.3333%;
  float: left;
}

footer#footer.fs_88 .col:first-child {
  text-align: left;
}

footer#footer.fs_88 .col:last-child {
  text-align: right;
}

.footer-nav.fs_88 ul li {
  margin-right: 2px;
}

.footer-nav.fs_88 ul li:last-child {
  margin-right: 0;
}
.advertising-preferences {
  cursor: pointer;
  text-align: right;
  float: right;
}

@media screen and (max-width: 768px) {
  #message form input {
    width: 100%;
    font-size: 16px;
    margin-bottom: 16px;
    height: 44px;
  }
}