html { scroll-behavior: smooth; }

:root {
--colorBg: #F9F7F2;
--colorDefTxt: #000000;
--colorSm: #707070;
--colorSel: #FFFFFF;
--colorCel1: #FEFFF9;
--colorCel2: #F6F8ED;
--colorWarn: #FF0000;
--colorLnk: #775454;
--colorLnkBg: #FFEBC8;
--colorRowBrd: #B7D395;
--colorPTxtBrd: #DDDDDD;
--colorGrpTtl: #FFE25B;
--colorTCl: #CCC;
--colorBtnBrd: #B76C1B;
--colorBtnGrd1: #FBC68D;
--colorBtnGrd2: #D5870C;
--colorBtnTxt: #FEFDFF;
--colorBtnBrdHv: #D8A063;
--colorBtnTxtHv: #FFFFFF;
}

@media (prefers-color-scheme: dark) {
:root {
--colorBg: #06080D;
--colorDefTxt: #FFFFFF;
--colorSm: #8F8B7F;
--colorSel: #7B7B7B;
--colorCel1: #010006;
--colorCel2: #090712;
--colorWarn: #00FFFF;
--colorLnk: #88AB8E;
--colorLnkBg: #001437;
--colorRowBrd: #482C6A;
--colorPTxtBrd: #222222;
--colorGrpTtl: #001DA4;
--colorTCl: #482C6A;
--colorBtnBrd: #4893E4;
--colorBtnGrd1: #043A74;
--colorBtnGrd2: #2976F0;
--colorBtnTxt: #020200;
--colorBtnBrdHv: #275F9C;
--colorBtnTxtHv: #020000;
}
}

.gbody, table.forums, table.forumsmb, .tbTransparent, .tbTransparentmb, .txtNr, .txtSm, .navCell, .navCellSel, .selectTxt, .inputButton, .textForm, table.forumCol, .hl, .warning, .captionTop, td.tbClCp, .headingTitle, .capMenu {
font-family: 'Roboto', Arial, Helvetica, 'Trebuchet MS', sans-serif, Geneva, 'Lucida Grande', Verdana, Tahoma, 'Lucida Sans Unicode';
}

EM, I{
font-family: 'Roboto',  Georgia, 'Trebuchet MS', Geneva, Tahoma, Verdana, sans-serif, Arial, 'Lucida Sans Unicode', sans-serif;
}

table.forums, table.forumsmb, .tbTransparent, .tbTransparentmb, table.capMenu{
width:92%;
max-width:1280px;
}

table.forumsmb, table.tbTransparentmb, table.capMenu{
margin-bottom:20px;
}

table.forumsmbmob, table.tbTransparentmbmob{
margin-top:5px;
margin-bottom:5px;
}

.tbTransparent, .tbTransparentmb, .txtNr, .limbb, UL, .navCell, .navCellSel, .selectTxt, .inputButton, .textForm, td.caption1, td.caption3, td.tbClCp, td.caption5, .groupTitle, .caption2, td.forumTitle, .username, .postedText, td.pauthor, .hl, .warning, .capMenu, td.author, td.latest, .captionTop {
font-size:16px;
}

.txtSm, .quote, .fdesc, .fdescNum{
font-size:14px;
}

.txtSsm{
font-size:12px;
}

.headingTitle{
font-size:22px;
}

.tbTransparentCell, .limbb, UL, td.caption1, td.caption3, td.tbClCp, td.caption5, td.author, td.latest, td.forumTitle, .postedText, td.pauthor, .warning, .warningLnk, .tcell {
line-height:24px;
}

.prfW1{
width:25%;
}
.prfW2{
width:75%;
}
.prfFld{
width:250px;
}

/* Colors */

.gbody{
background-color: var(--colorBg);
color: var(--colorDefTxt);
}

.txtSm, .txtSsm, .views, .fdescNum, .quote, .quoting, .captionTop{
text-decoration:none;
color: var(--colorSm);
}

.selectTxt, .textForm {
background: var(--colorSel);
}

.tbCel1 {
background-color: var(--colorCel1);
}

.tbCel2{
background-color: var(--colorCel2);
}

.warning{
color: var(--colorWarn);
}

/* color 1 */

A.mnblnk:link, A.mnblnk:active, A.mnblnk:visited, A.mnblnk:hover, A.txtSm:link, A.txtSm:active, A.txtSm:visited, .capMenu A:link, .capMenu A:visited, .capMenu A:active, .groupTitle A:link, .groupTitle A:active, .groupTitle A:visited, .postedText A:link, .postedText A:active, .postedText A:visited, .postedText A:hover, .fdesc A:link, .fdesc A:active, .fdesc A:visited, .fdesc A:hover, .headingTitle, .groupTitle, td.caption3, .sepr, .replies {
color: var(--colorLnk);
}

/* color 2 */

A.username:hover, A.groupTitle:hover, .capMenu A:hover, .tbStBar, td.forumTitle, td.tbClCp, .navCell, .quote, .sayings {
background-color: var(--colorLnkBg);
}

/* color 3 */

.textForm, .navCell, .navCellSel, .capMenu, .scroll-to-top, .scroll-to-btm{
border:1px solid var(--colorRowBrd);
}

.hl{
border-left:7px solid var(--colorRowBrd);
}

.tcelllast, .tcelllastm{
border-bottom:1px solid var(--colorRowBrd);
}

td.tbClCp {
border:1px var(--colorRowBrd) solid;
}

/* color 4 */

.postedTextCell, .postedTextCellLeft {
border-left:1px solid var(--colorPTxtBrd);
}

.postedTextCell, .postedTextCellRight {
border-right:1px solid var(--colorPTxtBrd);
}

.hl, .scroll-to-top, .scroll-to-btm, .pages{
background-color: var(--colorPTxtBrd);
}

.tbStBar{
border:1px solid var(--colorRowBrd);
}

/* color 5 */

.groupTitle, .capMenu {
background-color: var(--colorGrpTtl);
}

.quote{
border-left:7px solid var(--colorGrpTtl);
}

.headingTitle{
text-shadow: var(--colorGrpTtl) 1px 1px 1px;
}

/******************/

A.username:hover, A.groupTitle:hover, .capMenu A:hover, .postedText A:hover, .fdesc A:hover, .tbStBar{
text-decoration:none;
}

A.mnblnk:link, A.mnblnk:active, A.mnblnk:hover {
text-decoration:underline;
}

A.mnblnk:visited{
text-decoration:none;
}

A.mnblnkn:link, A.mnblnk:active, A.mnblnk:visited, A.mnblnk:hover, .capMenu A:link, .capMenu A:visited, .capMenu A:active, .capMenu A:hover {
text-decoration:none;
}

.postedText A:link, .postedText A:active, .postedText A:visited, .postedText A:hover{
font-weight:bold;
}

.groupTitle{
font-weight:bold;
padding:5px;
}

.groupTitle A:link, .groupTitle A:active, .groupTitle A:visited{
font-weight:bold;
}

.navCell, .navCellSel, .textForm, .tbStBar, .scroll-to-top, .scroll-to-btm {
border-radius:3px;
}

.tcelllast A:link, .tcelllast A:visited, .tcelllast A:active, .tcelllast A:hover{
text-decoration:none;
border:1px solid var(--colorTCl);
border-radius:3px;
padding:2px;
padding-top:0;
padding-left:3px;
padding-bottom:1px;
}

.tcelllastm A:link, .tcelllastm A:visited, .tcelllastm A:active, .tcelllastm A:hover{
text-decoration:none;
}

.navCellSel{
background-color:transparent;
}

/******************/

* {margin:0;padding:0;}

.popUp{
padding:10px;
}

.fPopUp{
margin:0;
overflow:hidden;
}

.popUp img, .postedText img, .fPopUp img{
max-width:100%;
}

.formStyle{
margin: 0;
}

td{
text-align:left;
}

img {
border:0;
}

abbr{
text-decoration:none;
cursor: help;
}

.gbody{
margin-top:0;
margin-bottom:10px;
margin-right:0;
margin-left:0;
}

.navCell, .navCellSel{
padding-left:3px;
padding-right:3px;
padding-top:1px;
padding-bottom:1px;
margin-top:2px;
}

.warning{
font-weight:bold;
padding-top:11px;
padding-bottom:11px;
}

table.forums, table.forumsmb, table.capMenu {
display:table;
border-collapse:collapse;
text-align:center;
margin-left:auto;
margin-right:auto;
} 

.tbTransparent, .tbTransparentmb{
border-collapse:collapse;
background:transparent;
text-align:center;
margin-left:auto;
margin-right:auto;
vertical-align:top;
}

.tbTransparentCell{
text-align:left;
vertical-align:top;
}

table.clps{
border-collapse:separate;
}

table.forumCol{
display:table;
width:100%;
text-align:left;
border-collapse:collapse;
}

.txtNr{
text-decoration:none;
}

.limbb, UL, OL{
padding-left:13px;
margin:2px;
margin-top:0;
}

UL{
list-style:circle;
}

.inputButton {
border: 1px solid var(--colorBtnBrd);
background-image: linear-gradient(var(--colorBtnGrd1), var(--colorBtnGrd2));
color: var(--colorBtnTxt);
border-radius:2px;
font-weight: normal;
margin-top:3px;
margin-bottom:3px;
padding:4px;
padding-left:6px;
padding-right:6px;
}

.inputButton:hover {
border: 1px solid var(--colorBtnBrdHv);
color: var(--colorBtnTxtHv);
cursor:pointer;
transition:border 0.3s;
}

.textForm {
padding:2px;
}

td.caption1 {
padding-bottom:1px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
text-align:left;
}

td.caption3{
width:100%;
font-weight:bold;
padding:3px;
padding-left:0;
}

td.icon{
padding:5px;
padding-top:10px;
padding-left:0;
text-align:center;
vertical-align:middle;
width:20px;
height:20px;
}

.noWrap{
white-space:nowrap;
}

.tbClCp, td.caption5 {
padding:5px;
}

td.caption5 {
padding-bottom:6px;
}

.headingTitle{
font-weight:bold;
/* margin-top:13px;
margin-bottom:13px; */
}

td.rdficon{
text-align:center;
vertical-align:middle;
padding-right:3px;
padding-left:3px;
border:0;
}

td.forumTitle, td.captionTitle{
padding:5px;
}

.fdesc, .fdescNum{
padding:3px;
padding-bottom:10px;
line-height:20px;
vertical-align:top;
}

.username{
font-weight:bold;
}

.postedText{
padding-top:8px;
padding-bottom:8px;
}

.postedLeftCell{
vertical-align:top;
padding-left:5px;
padding-top:29px;
}

td.pauthor{
padding-bottom:1px;
padding-left:5px;
padding-right:5px;
padding-top:25px;
vertical-align:top;
}

.quote{
margin-left:0;
margin-top:0;
margin-bottom:20px;
padding:3px;
width:90%;
}

.quoting{
font-weight:bold;
border-top:0;
margin-left:5px;
width:90%;
}

.hl{
margin-left:0;
margin-top:0;
margin-bottom:20px;
padding:3px;
width:90%;
}

#newreply:hover, #newtopic:hover{
text-decoration:none;
background-color:transparent;
}

.postingForm, .topicTitle{
width:99%;
}

.postingForm{
height:250px;
margin-bottom:3px;
}

.tbStBar, td.caption5 td{
padding:2px;
padding-left:5px;
}

.tbStBar{
margin:9px;
}

.capMenu{
vertical-align:middle;
line-height:24px;
}

.captionTop{
padding:5px;
}

.tcell{
padding-top:13px;
padding-left:5px;
padding-right:4px;
padding-bottom:2px;
}

.tcelllast, .tcelllastm{
padding-top:9px;
padding-bottom:9px;
}

.tcellpn{
padding-left:25px;
}

.fcell{
padding-top:5px;
padding-left:5px;
padding-right:4px;
padding-bottom:2px;
}

.replies{
font-weight:bold;
}

abbr.accr{
border-bottom-width:0;
}

.subjectPad{
padding-top:4px;
padding-bottom:4px;
}

.pformBottom{
padding-bottom:13px;
}

.vTop{
vertical-align:top;
}

.vmiddle{
vertical-align:middle;
}

td.txtC{
text-align:center;
}

td.txtL{
text-align:left;
}

td.txtR{
text-align:right;
}

img.forumIcon{
width:16px;
height:16px;
vertical-align:middle;
border:0;
}

img.authorIcon{
width:14px;
height:10px;
vertical-align:middle;
border:0;
}

table.searchmb{
margin-bottom:5px;
}

.w100{
width:100%;
}

.vmTP{
padding-top:10px;
}

.vmBT{
padding-bottom:10px;
}

wbr:after {
content: "\00200B";
}

.watchIcon{
padding-right:4px;
width:16px;
height:16px;
}

::-ms-reveal {
display: none;
}

.scroll-to-top, .scroll-to-btm{
cursor:pointer;
text-align:center;
justify-content: center;
vertical-align:middle;
padding-left:10px;
padding-right:10px;
}

.scroll-to-top {
position:fixed;
bottom:10px;
display:none;
overflow:hidden;
left: 50%;
transform: translateX(-50%);
padding-top:2px;
padding-bottom:2px;
}

.scroll-to-btm{
display:inline;
padding-top:4px;
padding-bottom:4px;
}

.pages{
padding-top:0px;
padding-bottom:0;
padding-left:2px;
padding-right:2px;
}

.pageIcon{
width:10px;
height:12px;
vertical-align:middle;
padding-bottom:3px;
}

.btnSvg{
border-left:1px solid #D8D8D8;
border-top:1px solid #D8D8D8;
border-right:2px solid #989898;
border-bottom:2px solid #989898;
width:25px;
height:25px;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #E8E8E8), color-stop(1, #C8C8C8) );
background:-moz-linear-gradient( to bottom, #E8E8E8 5%, #C8C8C8 100% );
}