body
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 9pt;
	color:#1f1f1f;
}

TD {
    FONT-SIZE: 9pt;
    FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
}

input{font:9pt Verdana,Arial,Helvetica,sans-serif}

select{background:#ffffff;font:9pt Verdana,Arial,Helvetica,sans-serif}

textarea
{
	background:#ffffff;
	border:1px solid #404040;
	font:9pt Verdana,Arial,Helvetica,sans-serif;
	padding-bottom:2px;
	padding-left:2px
}

form{display:inline}

input{border:1px solid #404040;font-size:9pt;}

input.pbutton{background:#EEEEEE;}

INPUT.searchgo
{
    border-style:None;
    vertical-align:text-top;
    margin-top:-2px;
}

/* For BBCode Post Buttons */
.ButtonOut
{
	filter: alpha(opacity=70);
	border: #7F9DB9 1px solid;
}
.ButtonOver
{
	background-color: #FFE1AC;
	border: #FFAD55 1px solid;
}
.ButtonChecked
{
	background-color: #FFCB7E;
	border: #FFAD55 1px solid;
}
.ButtonOff
{
	filter: gray() alpha(opacity=30);
	background-color: #C0C0C0;
	border: #7F9DB9 1px solid;
}

/*  */
img 
{
	border: 0;
}

pre {
  word-wrap: break-word;      /* IE 5.5-7 */
  white-space: pre-wrap;      /* Modern browsers */    
  font-size: 90%;
}

code {
  word-wrap: break-word;      /* IE 5.5-7 */
  white-space: pre-wrap;      /* Modern browsers */  
  padding:0;
  font-size:95%; 
  color:inherit;
  background-color:transparent;
  border-radius:0;
  line-height:1;
}

/* hyperlinks 
a		{ text-decoration: none; color: #E00000; }
a:hover		{ text-decoration: underline; }
*/

a, a:link, a:active, a:visited {
    text-decoration: none;
    color: #0233bb; /*#0a90eb;*//*#0a39bb;*/ /*#C02020;*/
}

a:hover {
    text-decoration: none; /*underline;*/
    color: red; /*#C02020;*/
    }

.mainHeader
{
    background-image:url('./graygrad.png');
    background-size: 100% 100%;
}

.searchleft
{
    background-color: #F0F0F0;
    text-align:left;
    vertical-align:middle;
}

.searchright
{
    background-color: #F0F0F0;
    text-align: right;
    vertical-align:middle;
}

/* Header 1 - Main header */
.header1
{
	background: url('bg_header1.png');
    background-size: auto 100%;
	background-color: #a9a8a8;
	color: #ffffff;
	font-weight: bold;
	height: 32px;
	font-size:12px;
}

/* Links in header1 */
tr.header1 a		
{
    color: #FFFFFF;/*#C00000;*/
    text-decoration:none;

}
tr.header1 a:hover	
{
    color: red;/*#404040;*/
    text-decoration:none;

}

.header1Title
{
	padding-left: 5px;
    padding-right: 6px;
}

/* Header 2 - Sub header */
.header2
{
	background-color: #DDDDDD;
	color: #252525;
	font-weight: bold;
	height: 26px;
}

.header2left
{
    padding-left: 5px;
    /*padding-right: 2px;*/
}

.header2right {
    padding-right: 6px;
}

.header2links {
    padding-left: 5px;
    padding-right: 6px;
}

.header2reply{
    padding-left: 5px;
    padding-right: 6px;
}

td.header2links a		
{
    font-size:8.5pt;
}
td.header2links	a:hover	
{
    font-size:8.5pt;
}

/* Footer1 - Bottom of tables */
.footer1
{
	font-size: 7pt;
	height: 28px;
	background-color:#fbfbfb;
}

.footer1 select, .footer1 td
{
	font-size: 7pt;
}

.UserBox
{
	font-size:7.5pt;	
	color:#404040;
}

.postformheader 
{
	background-color: #D1D1D1;
	font-weight:bold;
}

/* Header of posts */
.postheader 
{
	background-color: #eaeaea;
	color:#505050;
}

.postheaderleft {
    padding-left: 5px;
    padding-right: 2px;
}

.postheaderright {
    padding-right: 6px;
}


/*.postheader a
{
	font-size:10pt;
	
}*/

/* User info and post/article */
.post 
{
	background-color: #FAFAFA;/*#F5F5F5;*//*#F0F0F0;*/
	color:#000000;/*#404040;*/
}

.postleft {
	background-color: #FAFAFA;/*#F5F5F5;*//*#F0F0F0;*/
	color:#000000;/*#404040;*/
    padding-left: 5px;
    padding-right: 2px;
}

.postright {
	background-color: #FAFAFA;/*#F5F5F5;*//*#F0F0F0;*/
	color:#000000;/*#404040;*/
    padding-right: 6px;
}

.postonecol {
	background-color: #FAFAFA;/*#F5F5F5;*//*#F0F0F0;*/
	color:#000000;/*#404040;*/
    padding-left: 5px;
    padding-right: 6px;
}

.post_alt
{
	background-color: #F5F5F5;/*#FAFAFA;*//*#F5F5F5;*/
	color:#000000; /*#404040;*/
}

.postprivate
{
	background-color: #b7b7b7;/*#FAFAFA;*//*#F5F5F5;*/
	color:#000000; /*#404040;*/
}

.post_altleft {
	background-color: #F5F5F5;/*#FAFAFA;*//*#F5F5F5;*/
	color:#000000; /*#404040;*/
    padding-left: 5px;
    padding-right: 2px;
}

.post_altright {
	background-color: #F5F5F5;/*#FAFAFA;*//*#F5F5F5;*/
	color:#000000; /*#404040;*/
    padding-right: 6px;
}

.post_altonecol {
	background-color: #F5F5F5;/*#FAFAFA;*//*#F5F5F5;*/
	color:#000000; /*#404040;*/
    padding-left: 5px;
    padding-right: 6px;
}

.post_priority
{
	font-weight:bold;
}

.post_link
{
	font-size:11pt;
	font-weight:bold;
}

/* Footer of posts e2e2e2 */
/*.postfooter 
{
    padding-right:2px;
    background-color: #eaeaea;
    display: flex;
    flex-wrap: wrap;
    width:100%;
}*/

.postfooter {
    BACKGROUND-COLOR: #eaeaea;
}

.postfooterleft 
{
    padding-left: 5px;
    padding-right: 2px;
}

.postfooterright
{
    padding-right: 6px;
}

.postfooter1 
{
    padding-right:2px;
    background-color: #eaeaea;
}

/* Area between posts */
.postsep 
{
	background-color: #cccbcb; /*#d2d0d0;*/ /*#c1c0c0;*/ /* #939393; */
	height: 2px 
}

.postuser{
    padding-left: 5px;
    padding-right: 6px;
}

/* most tables are class 'content' */
.content
{
	font-size: 9pt;
	border: solid 1px #d8d7d7;/*#505050;*/
	color: #000000;
	padding: 0px;
	background-color: #FFFFFF;
    width:100%;
    margin-top: 2px;
}

.content td {
    /*PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;*/
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 4px;
    line-height:1.4;
}

.popupcontent {
	font-size: 9pt;
	border: solid 1px #d8d7d7;/*#505050;*/
	color: #000000;
	padding: 0px;
	background-color: #FFFFFF;
    /*width:100%;*/
    margin-top: 2px;
}

.popupcontent td {
    /*PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;*/
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 4px;
    line-height:1.4;
}

.popuphoverleft
{
    BACKGROUND-COLOR: #eaeaea;
    padding-left: 5px;
    padding-right: 2px;
}

.postcontent
{
	font-size: 9pt;
	border: solid 1px #d8d7d7; /*#505050;*/
	color: #000000;
	padding: 0px;
	background-color: #FFFFFF;
    border-spacing:0px;
    width:100%;
    margin-top: 2px;
}

.postcontent td {
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
    line-height:1.4
}

.forumviewing
{
	font-size:9pt;
	color:#a0a0a0;
}


#RichEdit td 
{
	padding: 0px;
}

/* links inside content table
.content a		{ color: #C02020; text-decoration: underline; }
.content a:hover	{ color: #C00000; text-decoration: none; }
*/

/* used for quoting messages */
.quote, .code {
    margin-LEFT: 40px;
    margin-right: 40px;
    margin-top: 8px;
    padding: 0px;
    border: 1px solid #A9B8C2;
    background-color: #DCE1E5;
}

.innerquote, .innercode {
    PADDING: 4px;
    background-color: #d1d1d1;
	border: solid 1px #A9B8C2;
}

/* used for code */
.code
{
	margin-left: 16px;
	padding-left: 16px;	
}

.innercode
{
	padding: 4px;
	background-color: #efefef;
	border: solid 1px #808080;
	color:#000000;
	font-size:9pt;
	font-family:Courier New,Courier;
}

/* font sizes */
.smallfont	{ 
    font-size: 8pt; 
}
.largefont	{ 
    font-size: 9pt; 
}

.userinfo {
    color:#6d7378;
}

/* Image Links */
a.imagelink 
{
	font-size: 9pt;
	font-weight: bold;
	color: #000080;
}
a:hover.imagelink
{
	text-decoration: underline;
	color: #0000FF;
	/*background-color: #D0D0D0;*/
}

/* Used for editor textarea */
.posteditor 
{
	width: 100%;
	height: 200px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 9pt;
}


/* Table just above and below tables */
.command {
    /*PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 2px;*/
    margin-top: 2px;
    width:100%;
}

.command td {
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
    /*line-height:1.4*/
}


/* p-tag at the top of pages with navigation links */
.navlinks { 
    padding-left: 5px;
    padding-right: 4px;
    font-weight: bold; 
    color: #000000; /*#333333;*/ 
    font-size: 9pt; 

}
/*.navlinks a 
{ 
    color: #900000; 
    text-decoration: none;
}
.navlinks a:hover 
{ 
    color: #900000; 
    text-decoration: underline; 
}
.navlinks #current 
{ 
    color: #000000; 
}*/ 

/* for printing */
/*.print 
{
	border: solid 1px #C0C0C0;
}
.printheader 
{
	background-color: #DDDDDD;
	color: #000000;
	padding: 4px;
    font-size:8.5pt;
}*/

postprint
{
    background-color: #FFFFFF;/*#F5F5F5;*//*#F0F0F0;*/
	color:#000000;/*#404040;*/
}

/*.printbody 
{
	background-color: #FFFFFF;
	color: #000000;
	padding: 4px;
}*/

/*
Use this to setup overflow feature for your site.
On IE that would mean specifying a width so that the overflow will work properly.
This CSS already works on FireFox.
div.postdiv
{
	width: 100%;
	min-height: 100px;
	overflow: auto;	
}
*/

.message {
    font-size: 11pt;
    overflow-wrap: break-word;
    word-break: break-word;
    word-wrap: break-word;
}

.UserBox
{
	font-size:8.5pt;	
}

div.postdiv
{
	width: 100%;
    padding-top: 5px;
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 6px;
	overflow: auto;	
    min-height:150px;
    line-height:1.65;
	/* margin-bottom:10px; */
}

div.postdiv a {
    text-decoration: underline;
}

div.postdiv a:visited {
    color: #660066;
    text-decoration: underline;
}

div.postdiv a:hover {
    text-decoration: none;
}

div.commentdiv
{
	width: 100%;
    padding-top: 5px;
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
	overflow: auto;	
    min-height:100px;
    line-height:1.65;
	/* margin-bottom:10px; */
}

div.commentdiv a {
    text-decoration: underline;
}

div.commentdiv a:visited {
    color: #660066;
    text-decoration: underline;
}

div.commentdiv a:hover {
    text-decoration: none;
}

.forumheading 
{
	font-size:10pt;
	font-weight:bold;
    display:inline-block;
    margin-bottom:3px;
}

.subforumheading
{
    font-size:8pt;
    font-weight:bold;
    display:inline-block;
    margin-top:3px;
}

.divtopiclist
{
    background-color:#F5F5F5;
    padding-top:8px;
    padding-left:1px;
    padding-right:1px;
}

  @media screen and (min-width: 768px), print {
    .grid.gridtwo {
      grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    }
  }
  @media screen and (min-width: 950px) {
    .grid.gridtwo {
      grid-template-columns: repeat(2, 1fr);
    }
  }
.grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(290px,1fr));
    grid-column-gap: 0.8rem;
    row-gap: 0.6rem;
    margin: 0;
    padding: 0;
    list-style-type:none;
}

.grid>.grid-item {
    display: flex;
    align-content: stretch;
    align-items: stretch;
}

.card {
    border: 1px solid hsla(0,0%,100%,0);
    border: 1px solid rgba(255, 255, 255, 0);
    box-shadow: 0 1.6px 3.6px 0 hsla(0,0%,0%,.132), 0 0.3px 0.9px 0 hsla(0,0%,0%,.108);
    box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132),0 .3px .9px 0 rgba(0, 0, 0, 0.108);
    background-color: hsla(0,0%,100%,.998);
    background-color: white);
    outline-color: hsla(0,0%,9%,1);
    outline-color: #171717;
    color: hsla(0,0%,9%,1);
    color: #171717;
    width: 100%;
    position: relative;
    padding: 0.5rem 0 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border-radius: .125rem;
    /*background-color:#FAFAFA;/*#F5F5F5;*/*/
}

.cardcontent {
    flex-grow: 1;
    margin-bottom: 5px;
    padding-left: 6px;
    padding-right: 5px;
}

.articlecontent
{
	font-size: 9pt;
	color: #000000;
	padding: 0px;
	background-color: #FFFFFF;
    border-spacing:0px;
    width:100%;
}

.articlecontent td {
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 2px;
    line-height:1.4
}

.divcontentnomal
{
    padding-top: 5px;
    PADDING-bottom: 5px;
    line-height: 1.5;
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .grid {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        list-style: none;
    }
}

@media all and (-ms-high-contrast:active), all and (-ms-high-contrast:none) {
    .gridtwo.grid > .grid-item {
        width: 100%;
        max-width: calc(50% - 1rem);
    }
}

@media all and (-ms-high-contrast:active), all and (-ms-high-contrast:none){
    .grid > .grid-item {
        width: inherit;
        min-width: 256px;
        max-width: 308px;
        display: flex;
        align-content: stretch;
        align-items: stretch;
        margin-bottom: 1rem;
        margin-right: 1rem;
    }
}